@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td,a { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
object,embed { vertical-align: top;}
hr,legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
img { width: auto; max-width: 100%; height: auto; border: 0; vertical-align: middle;}
li { list-style: none;}
a { color: #E23A66; text-decoration: none;}
a:hover { color: #EFAEC3;}


/*GLOBAL*/
/*******************************************************************/
#globalheader { background: #FFF; border-bottom: 1px solid #808080;}
#globalheader ul { display: table; width: 100%; max-width: 960px; margin: 0 auto;}
#globalheader li { display: table-cell; padding: 10px 5px; vertical-align: middle;}
#gcentrair { width: 25%;}
#glogo { text-align: center;}
#gtitle { width: 25%; text-align: right;}
#gback { text-align: center;}
#gback a { display: inline-block; padding-right: 24px; background: url(../images/gback.png) right center no-repeat; font-size: 12px; text-decoration: none; color: #4b4b4b;}


/*LAYOUT*/
/*******************************************************************/
body { background: #FDF3F3; font-size: 16px; font-weight: 400; line-height: 1.8; color: #333;}
html[lang="en"] body { font-family: 'Noto Sans', sans-serif; word-break: keep-all;}
html[lang="zh-cn"] body { font-family: 'Noto Sans SC', sans-serif; word-break: break-all;}
html[lang="zh-tw"] body { font-family: 'Noto Sans TC', sans-serif; word-break: break-all;}
html[lang="ko"] body { font-family: 'Noto Sans KR', sans-serif; word-break: break-all;}
#container { position: relative; width: 100%; max-width: 1600px; margin: 0 auto; box-shadow: 0 0 5px rgba(0,0,0,.3); overflow: hidden;}
#wrap { background: #FDF3F3 url(../images/back.jpg) center top no-repeat;}


/*HEADER*/
/*******************************************************************/
#top { text-align: center;}
#top h1 { padding: 100px 0 80px;}
#top .sns { margin-bottom: 100px;}


/*CONTENTS*/
/*******************************************************************/
#nav { max-width: 1160px; margin: 0 auto; text-align: center;}
#nav ul { position: relative; display: table; table-layout: fixed; width: 100%;}
#nav li { display: table-cell; padding: 0 5px;}
#nav p { padding: 30px 0 0;}
.expectation { margin: 2%; padding: 20px; text-align: center; background: url(../images/sakura1.png) 10px 10px no-repeat, url(../images/sakura2.png) right 10px bottom 10px no-repeat; border: #DF3A66 solid 5px; color: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.expectation dt { padding-bottom: 15px; font-size: 28px; line-height: 1.4; color: #DF3A66;}
.expectation a { display: inline-block; padding-left: 15px; background: url(../images/arr.png) 0 center no-repeat;}

#nagoya { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #F1F1AF));
background: -webkit-linear-gradient(#F1F1AF, #fff);
background: linear-gradient(#F1F1AF, #fff);}
#tsuruma { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #ECE3E0));
background: -webkit-linear-gradient(#ECE3E0, #fff);
background: linear-gradient(#ECE3E0, #fff);}
#oasis21 { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #E5E9E5));
background: -webkit-linear-gradient(#E5E9E5, #fff);
background: linear-gradient(#E5E9E5, #fff);}
#inuyama { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #FCEEF1));
background: -webkit-linear-gradient(#FCEEF1, #fff);
background: linear-gradient(#FCEEF1, #fff);}
#okazaki { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #E5EFF7));
background: -webkit-linear-gradient(#E5EFF7, #fff);
background: linear-gradient(#E5EFF7, #fff);}
#gojogawa { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #E4DAE0));
background: -webkit-linear-gradient(#E4DAE0, #fff);
background: linear-gradient(#E4DAE0, #fff);}

#nagoya, #tsuruma, #oasis21, #inuyama, #okazaki, #gojogawa { padding-bottom: 3%;}
.article { clear: both; border-top: #FFF solid 10px;}
.article:after { content: ''; display: block; clear: both;}
.article .img { float: left; width: 50%;}
.article .info { float: right; width: 50%; padding: 2% 2% 0;}
.article .access { float: right; width: 50%; padding: 0 2%;}
.article h2 { text-align: center;}
.article h3 { margin: 15px 0 5px; padding-left: 40px; background: url(../images/mark.png) 0 center no-repeat; font-size: 26px; color: #E23A66;}
.article h3 + p { padding-bottom: 15px; font-size: 14px;}
.spot { clear:both; position: relative; margin: 2%; padding: 2%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#nagoya .spot { background: #F1F1AF;}
#tsuruma .spot { background: #ECE3E0;}
#oasis21 .spot { background: #E5E9E5;}
#inuyama .spot { background: #FCEEF1;}
#okazaki .spot { background: #E5EFF7;}
#gojogawa .spot { background: #E4DAE0;}
.spot h3 { position: absolute; top: 0; left: 0; padding: 0 10px 0 50px; background: #FFF url(../images/mark.png) 10px center no-repeat; font-size: 26px; color: #E23A66;}
.spot h4 { padding: 5px 0;}
.spot ul { display: table; table-layout: fixed; width: 100%;}
.spot li { display: table-cell; vertical-align: top; padding: 2% 1% 0;}


/*FOOTER*/
/*******************************************************************/
#footer { position: relative; padding: 25px 0; text-align: center; background: #FFF; border-top: #D8D9D9 solid 1px;}
#footer p { padding: 5px 0; font-size: 11px;}
#pagetop { display: none; position: fixed; right: 20px; bottom: 20px;}
#pagetop a { display: block; font-size: 50px; color: #19448a; text-shadow: 0 0 10px rgba(255,255,255,1.00);}
.sns { display: inline-block; padding: 5px; background: #FDF3F3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
#footer .sns { background: #FFF;}
.a2a_default_style a, .a2a_default_style .a2a_img, .a2a_default_style .a2a_dd, .a2a_default_style .a2a_svg, .a2a_default_style .a2a_counter img { float: none!important;}
.a2a_default_style a { display: inline-block; vertical-align: middle;}
.sp { display: none!important;}


@media only screen and (max-width: 1100px){
.article .access { clear: both; float: none; width: 100%; padding: 1% 2%;}
}

@media only screen and (max-width: 767px){
#wrap { background-size: 200% auto;}

#top h1 { padding: 10% 0 8%;}
#top .sns { margin-bottom: 10%;}

#nav ul { display: block;}
#nav li { display: block; float: left; width: 50%; padding: 1% 5%;}
#nav p { clear: both; padding: 5%; text-align: left;}
.expectation { margin: 5%; padding: 2%;}
.expectation dt { font-size: 24px;}
.expectation dd { font-size: 14px;}

.article .img { float: none; width: 100%;}
.article .info { float: none; width: 100%; padding: 2% 5% 0;}
.article .access { padding: 0 5%;}
.article h3 { font-size: 20px;}
.spot { clear: both; margin: 2% 5%; padding: 2%;}
.spot h3 { position: relative; top: auto; left: auto; font-size: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.spot ul { display: block;}
.spot li { display: block; vertical-align: top; padding: 3% 1%;}
.spot .img { text-align: center;}

.sp { display: inline-block!important;}
}


@media print {
#container { width: 1060px;}
}