@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css?family=Miriam+Libre');


html{ overflow-x:hidden; }
body { height:100%; height:auto; background:#fff; }
body *{ /*border:1px solid #000000; background:rgba(000,000,000,0.1)*/ }


/* フォントの指定 */
html { font-size: 62.5%; }
body,input,select,textarea {
	font-size:14px; font-size:1.4rem;
	line-height:1.5;
	letter-spacing:0em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	color:#231815; }

a {color:#231815; text-decoration: none;}
p {text-align:justify; text-justify:inter-ideograph;}
p a {color:#0042DD; text-decoration: underline;}


@media screen and (max-width:768px){
	html { }
}



/* --------------------------------------------
									全ページ共通
---------------------------------------------- */

.container { position: relative; }
.container .inner { width: 88%; margin: 0 auto; }

.container .titleIcon { display: block; margin: auto; text-align: center; width: 200px; }
.container .titleIcon img { width: 100%; max-width: 200px; }
img.w100 { width:100%; }

.linkBtn { display:block; margin: auto; width: 540px; max-width: 90%; padding: 0.8em 0; text-align: center; font-size: 24px; font-size: 2.4rem; font-weight:bold;  border-radius: 10px; color: #fff; }
.linkBtn span { font-size: 18px; font-size: 1.8rem;}

.showPc { }
.showSp { display: none;}

@media screen and (max-width:768px){
	.container { }
	.container .inner { }

	.container .titleIcon { width: 190px;  }
	.container .titleIcon img { }

	.linkBtn {font-size: 18px; font-size: 1.8rem;}
	.linkBtn span { display: block;font-size: 16px; font-size: 1.6rem;}

	.showPc { display: none; }
	.showSp { display:block; }
}

.fs10 { font-size: 10px; font-size: 1.0rem; }
.fs11 { font-size: 11px; font-size: 1.1rem; }
.fs12 { font-size: 12px; font-size: 1.2rem; }
.fs13 { font-size: 13px; font-size: 1.3rem; }
.fs14 { font-size: 14px; font-size: 1.4rem; }
.fs15 { font-size: 15px; font-size: 1.5rem; }
.fs16 { font-size: 16px; font-size: 1.6rem; }
.fs17 { font-size: 17px; font-size: 1.7rem; }
.fs18 { font-size: 18px; font-size: 1.8rem; }
.fs19 { font-size: 19px; font-size: 1.9rem; }
.fs20 { font-size: 20px; font-size: 2.0rem; }
.fs21 { font-size: 21px; font-size: 2.1rem; }
.fs22 { font-size: 22px; font-size: 2.2rem; }
.fs23 { font-size: 23px; font-size: 2.3rem; }
.fs24 { font-size: 24px; font-size: 2.4rem; }
.fs25 { font-size: 25px; font-size: 2.5rem; }
.fs30 { font-size: 30px; font-size: 3.0rem; }
.fs34 { font-size: 34px; font-size: 3.4rem; }




/* header */
#header { /* display: none; */position: relative; }
#header > img { width: 100%; }
#header h1 {position: absolute; top: 15vh; right: 0; left: 0; width: 80%; max-width: 1200px; margin:  auto; text-align: center; }
#header h1 img { display:block;  width: 100%; max-width: 1100px;}
#header h1 p { text-indent: -9999px; }
#header .attention { box-sizing: border-box; background: rgba(255,255,255,0.8); position: absolute; top: 10vh; right: 0; left: 0; width: 90%; max-width: 680px; margin: 0 auto; padding: 1em 1.5%; font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #f00; z-index: 50; text-align: center;}
#header .attention br:nth-of-type(1) { display: none;}
#header span { display: block; position: absolute; top: 0; left: 2%; width:auto; padding: 1.6em 1em ; background: #005BAC; border-radius: 0 0 14px 14px; text-align: center; color: #fff; line-height: 1.2; font-weight: bold; font-size: 16px; font-size: 1.6rem;}
#header span strong { display: block; text-align: center; font-size: 24px; font-size: 2.4rem; }

@media screen and (max-width:960px){
  #header .attention { position: absolute; top: 10vh; right: 0; left: 0; width: 90%; max-width: 680px; font-size: 14px; font-size: 1.4rem;}
	#header h1 { max-width: 500px; }
	#header span {  font-size: 10px; font-size: 1rem;}
	#header span strong { font-size: 15px; font-size: 1.5rem; }
}
@media screen and (max-width:768px){
  #header .attention { position: absolute; top: 10vh; right: 0; left: 0; width: 90%; max-width: 680px; font-size: 13px; font-size: 1.4rem;}
	#header span { width: 100%; left: 0; padding: 0.2em 1em ; border-radius: 0 ;}
	#header span strong { display:inline; text-align: center; }
	#header span br { display: none;}

}
@media screen and (max-width:599px){
  #header .attention { position: absolute; top: 6vh; right: 0; left: 0;}
  #header .attention br:nth-of-type(1) { display: block;}
}



#about { /* display: none; */ background: url(../img/index/aboutBg.png); color: #fff;}
#about .inner { max-width: 972px; text-align: center; padding-bottom: 5em;}
#about h2 {margin:2em auto; }
#about h2 + p { text-align: center; margin:2em auto; }
#about img.w100 + p {max-width: 752px; margin:2em auto 0; }

@media screen and (max-width:768px){

}


#gallery { /* display: none; */  background: #fff; border: #fff solid ; border-width: 5px 0 ;}
#gallery .titleIcon { position: absolute; top:-80px; left:15%;}
#gallery > img { width: 100%;}

@media screen and (max-width:678px){
	#gallery { background: #005BAC; border-width: 0 ;}
	#gallery .titleIcon { position: relative; top:1em; left: 0;}

}

@media screen and (max-width:599px){

}



#voice { /* display: none; */ background: url(../img/index/voiceBg.png) ; }
#voice .inner { max-width: 1250px; padding-bottom: 5em; }
#voice .titleIcon { width: 798px; max-width: 80%; position:relative; top:-50px; text-align: right;}
#voice h2 { text-align: center; margin: -4.2% 3em 2.8em}
#voice h2 img { max-width: 70%;}
#voice ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

/* #voice ul li { float: left; width: 25%; padding: 0 1%; } */
#voice ul li { float: left; width: 25%; padding: 0 1%; min-width: 301px;}
#voice ul li h3 { padding: 1.5em 0em; min-height: 108px; font-size: 16px; font-size: 1.6rem; text-align: center; background: url(../img/index/voice_image01.png) no-repeat center top;}
#voice ul li h3 span { display: block; font-weight: normal; font-size: 12px; font-size: 1.2rem; }
#voice ul li p {padding: 1em 3% 0; font-size: 13px; font-size: 1.3rem; }

@media screen and (max-width:960px){
	/* #voice ul li { width: 50%; } */
	#voice ul li {
		width: 100%;
	}

}

@media screen and (max-width:768px){
	#voice .titleIcon { position:relative; top:1em;}
	#voice h2 { margin: 2em 0 2em}
	#voice ul li { width: 100%; }

}

@media screen and (max-width:599px){
	#voice .titleIcon { width: 190px;  }
}


#sunflower { /* display: none; */background: #F8E9E7; }
#sunflower .inner { padding:0em 0 6em;}
#sunflower .titleIcon { position:relative; top:-30px;}
#sunflower h2 { text-align: center; padding: 1em 0 0.8em;}
#sunflower .spec {max-width: 888px; margin: 2em auto 4em; text-align: center}
#sunflower .spec img:first-child { float: left; width: 60%; max-width: 420px; margin-top: 2em; margin-right: 5%; }
#sunflower .spec img:nth-child(2){ max-width: 35%; padding-bottom: 1.4em;}
#sunflower .spec h3 { font-size: 18px; font-size: 1.8rem;}
#sunflower .spec table {}
#sunflower .spec table td { border-bottom: 1px dotted #888280; padding: 0.3em 2em 0.3em 0; }

#sunflower .inner>h3 { max-width: 1040px; margin: 0 auto 3em; padding: 1.5em 8%; background: #fff; text-align: center;}

@media screen and (max-width:768px){
	#sunflower .spec { margin: 1em auto }
	#sunflower .spec img:first-child { float: none; width: 80%; margin-top: 0em; margin-right:0; }
	#sunflower .spec img:nth-child(2){ width: 60%; max-width:100%; padding: 1em 0 1.4em;}
	#sunflower .spec h3 { font-size: 14px; font-size: 1.4rem;}
	#sunflower .spec table { font-size: 1.2rem;}
	#sunflower .spec table td { }

	#sunflower .inner>h3 { margin: 1em auto ; }

}


#sunflower .space h4,
#sunflower .room h4 { font-size: 22px; font-size: 2.2rem; font-family: "HG明朝E", "ヒラギノ明朝 ProN W5", "Hiragino Mincho ProN", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal;}

@media screen and (max-width:599px){
#sunflower .space h4,
#sunflower .room h4 {font-size: 18px; font-size: 1.8rem;}
}

#sunflower .space { max-width: 1300px; margin: auto;}
#sunflower .space section { width: 25%; float: left; padding: 0 0.2%;}
#sunflower .space h4 { padding-left: 4%; }
#sunflower .space p { padding: 0.5em 5%; word-break: break-all;}
#sunflower .space img { width: 100%; }
#sunflower .space section:nth-of-type(1) p:after { content: ""; }
#sunflower .space section:nth-of-type(2) p:after { content: "　　　　　　　　　　　"; }
#sunflower .space section:nth-of-type(3) p:after { content: "　　　　　　　　　　　　　　　　　　　　"; }
#sunflower .space section:nth-of-type(4) p:after { content: "　　　　　"; }

#sunflower .space + p { padding: 2em 0 4em; text-align: center; font-size: 11px; font-size: 1.1rem;}

@media screen and (max-width:768px){
#sunflower .space section { width: 50%; float: left; padding: 0 0.2% 3%;}
}

@media screen and (max-width:599px){

#sunflower .space section { width: 100%;}
#sunflower .space section p:after { display: none;}
}


#sunflower .room { max-width: 1100px; margin: auto; }
#sunflower .room section { float: left; width: 50%; padding: 0 2.5% 2em;}
#sunflower .room h4 { padding-left: 0.5em; color: #795D0B; border-left: 9px solid #B99B00; background: #fff; }
#sunflower .room p { padding: 0.5em 0; font-size: 16px; font-size: 1.6rem;}
#sunflower .room img { padding-bottom: 1em; max-width: 100%;}
#sunflower .room p span { font-size: 0.8em;}
#sunflower .room dl { }
#sunflower .room dl dt { float: left; width: 3.6em; padding: 0.1em 0.8em; background: #B99B00; color: #fff; text-align: center; }
#sunflower .room dl dd { padding: 0.2em 0 0.2em 4em; margin-bottom: 0.2em}

/* #sunflower .room section:nth-of-type(3) img, */
#sunflower .room section:nth-of-type(4) img { float: left; padding-right: 1.5em;}
/* #sunflower .room section:nth-of-type(3) dl, */
#sunflower .room section:nth-of-type(4) dl { overflow: hidden;}
/* #sunflower .room section:nth-of-type(3) dl dt, */
/* #sunflower .room section:nth-of-type(4) dl dt { float: none; } */
/* #sunflower .room section:nth-of-type(3) dl dd, */
/* #sunflower .room section:nth-of-type(4) dl dd { padding-left: 0; } */

#sunflower .linkBtn { background: #B99B00; box-shadow: 0px 5px 0 #846C1E ; }
#sunflower .linkBtn:hover { background: #B98C00 ; box-shadow: none; margin: 5px auto -5px;;}

@media screen and (max-width:768px){
	#sunflower .room p { font-size: 14px; font-size: 1.4rem;}
	#sunflower .room section { width:100%;}
	#sunflower .room dl { font-size: 1.1rem; }
	/* #sunflower .room section:nth-of-type(3) img, */
	#sunflower .room section:nth-of-type(4) img { float: none; width: 50%;}
	/* #sunflower .room section:nth-of-type(3) dl dt, */
	#sunflower .room section:nth-of-type(4) dl dt { float: left; }
	/* #sunflower .room section:nth-of-type(3) dl dd, */
	#sunflower .room section:nth-of-type(4) dl dd { padding: 0.2em 0 0.2em 4em;}
	#sunflower .room section br {display: none;}

}


#information {/* display: none; */ /*margin-bottom: 16em;*/ margin-bottom: 2em;}
#information .inner { max-width: 990px; padding-bottom: 4em }
#information .titleIcon { position:relative; top:-20px;}
#information h2 { text-align: center; padding: 1em 0 1.4em;}
#information h2 img { max-width: 70%;}
#information dl { }
#information dl dt ,
#information dl dd { }
#information dl dt { float: left; display: block; padding: 0.2em 0; margin-top: 1.2em; width: 8em; font-size: 15px; font-size: 1.5rem; background: #EF8200; color: #fff; text-align: center; font-weight: bold; }
#information dl dd { padding-left: 10.5em; padding-top: 1.2em; margin-bottom: 1em; border-top: 1px dashed #888280; }

#information dl dd p span { font-size: 0.7em;}
#information dl dd b.group { display: inline-block; margin: 0.5em 0.5em 0.5em 0; width: 70px; height: 70px; text-align: center; line-height: 70px; border-radius: 2em; font-size: 22px; font-size: 2.2rem; background: #EF8200; color: #fff; }
#information dl dd b.red { color: #D63D59; font-size: 20px; font-size: 2.0rem; }
#information dl dd small { font-size: 12px; font-size: 1.2rem; }
#information dl dd>img { padding: 0.5em 0;}


#information table { margin:0.5em 0 1em; width: 100%; }
#information table th,
#information table td { padding: 0.5em 0.8em; border: 1px solid #787878; border-collapse: collapse; }
#information table th.center,
#information table td.center { text-align: center;}
#information table thead { background: #F7BE7A; }
#information table tbody th { background: #FFFFD2; font-weight: normal; }
#information table tbody td { white-space: nowrap;}
#information table span { font-size: 0.8em; }

#information dl dd.hotel h4 { font-size: 16px; font-size: 1.6rem; padding:1em 0 0.5em ; clear: both; font-weight: normal;}
/* #information dl dd.hotel p { width: 50%;float: left; padding-bottom: 0.5em } */
#information dl dd.hotel p { width: 50%;float: right; padding-bottom: 0.5em }
#information dl dd.hotel p strong { display: inline-block; padding: 0.5em 0 ;}
#information dl dd.hotel p img { float: left; padding-right: 1em; vertical-align: middle;}
#information dl dd.hotel p:nth-of-type(1) { width: 100%;}
#information dl dd.hotel p:nth-of-type(4) { margin-bottom: 1.5em;}
#information dl dd.hotel table tbody td { white-space: normal;}

#information .infobox {
    border: 2px solid #4CAF50;
    background-color: #e8f5e8;  /* 薄い緑色の背景 */
    padding: 10px;
    margin: 10px 0;
    color: #2e7d32;             /* 文字色も調整 */
  }

#information dl dd.hotel ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
	/* justify-content: space-between; */

}
#information dl dd.hotel ul li {
	display: flex;
	width: calc((100% - 20px) / 2);
	gap: 0 14px;
	margin-bottom: 0.5em;
}
#information dl dd.hotel ul li img {
	max-width: 130px;
}
#information dl dd.hotel ul li p {
	font-weight: bold;
	padding: 0.5em 0;
}
#information .linkBtn { background: #B99B00; box-shadow: 0px 5px 0 #846C1E ; }
#information .linkBtn:hover { background: #B98C00 ; box-shadow: none; margin: 5px auto -5px;;}


@media screen and (max-width:768px){
	#information dl dt { float: none; display: block; padding: 0.2em 0; width:auto; font-size: 12px; font-size: 1.2rem; }
	#information dl dd { padding-left: 0em; }
	#information dl dd b.group { width: 30px; height:30px; text-align: center; line-height: 30px; font-size: 13px; font-size: 1.3rem; }
	#information dl dd .fs34,
	#information dl dd .fs25 {font-size: 16px; font-size: 1.6rem; }
	#information dl dd b.red { font-size:14px; font-size: 1.4rem; }
	#information dl dd b.red br { display: none; }
	#information dl dd small { font-size: 10px; font-size: 1.0rem; }

	#information dl dd.hotel p { font-size: 12px; font-size: 1.2rem; }
	#information dl dd.hotel p img { float: none; display: block;}
	#information dl dd.hotel ul li {
		flex-direction: column;
		width: 130px;
	}
}

@media screen and (max-width:599px){
	#information table.showSp { display: block;}
	#information table br {display: none;}
	#information table .fs15 { font-size: 1.3rem}
	#information table .fs16 { font-size: 1.4rem}
	#information table .fs20 { font-size: 1.6rem}

}


#contact {/* display: none;*/ background: url(../img/index/contactBg1.png) top center repeat-x,url(../img/index/contactBg2.png) bottom center repeat-x;
background-color:#005BAC; padding: 2em 0 6em; color: #fff; text-align: center;}
#contact p { text-align: center; padding:1.2em 0; }
#contact span.fs20 { font-size: 20px; font-size: 2.0rem; }
#contact span.fs24 { font-size: 24px; font-size: 2.4rem; }
#contact span.fs30 { font-size: 30px; font-size: 3.0rem; }
#contact span.fs24 span { font-size: 0.6em; }
#contact a[href*="tel:"] { font-size: 56px; font-size: 5.6rem; color: #fff; text-decoration: none;}
#contact a[href*="tel:"]:before { content:""; display: inline-block; margin-right: 0.3em; width: 80px; height: 42px; background: url(../img/index/telIcon.png); background-size: cover;}

#contact .linkBtn { background: #009AB5; box-shadow: 0px 5px 0 #13246D ; }
#contact .linkBtn:hover { background: #00819A ; box-shadow: none; margin: 5px auto -5px;;}


@media screen and (max-width:768px){
	#contact { font-size: 1.2rem; }
	#contact span.fs20 { font-size: 1.3rem; }
	#contact span.fs24 { font-size: 1.4rem; }
	#contact span.fs30 { font-size: 1.6rem; }
	#contact a[href*="tel:"] { font-size: 3.0rem; }
	#contact a[href*="tel:"]:before { content: ""; width: 40px; height: 21px; }

}


/*-- Form --*/
#contact.contactForm { padding: 5em 0 6em; background-image: none; background-color:#005BAC;}
#contact.contactForm h1 { margin-bottom: 2em;}
#contact .contactForm__inner {
	width: 94%;
	max-width: 970px;
	margin: 0 auto;
	padding: 3em 0 5em;
	color: #231815;
	border: 1px solid #fff;
	background: #fff;
}
#contact .contactForm__inner p { padding: 0;}
#contact .contactForm__inner .contactForm__text + p,
#contact .contactForm__inner .contactForm__text-conf { margin: 0.5em 0 3em; padding-bottom: 2em; border-bottom: 2px solid #00aa83;}
#contact .contactForm__inner p .hissu {
	display: inline-block;
	margin-right: 0.5em;
	padding: 0.15em 0.5em;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #00aa83;
}
#contact .contactForm__list {
	width: 90%;
	max-width: 650px;
	margin: 0 auto 5em;
}
#contact .contactForm__list-conf {
	width: 90%;
	max-width: 550px;
	margin: 0 auto 5em;
}
#contact .contactForm__list .hissu::before {
	display: inline-block;
	content: "必須";
	margin-right: 0.5em;
	padding: 0.15em 0.5em;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #00aa83;
}

#contact .contactForm__list > dt {
	box-sizing: border-box;
	float: left;
	clear: left;
	width: 15em;
	padding: 0.5em 1em;
}

#contact .contactForm__list-conf > dt {
	padding: 0.5em 1em;
	width: 12em;
}
@media screen and (max-width:768px){
#contact .contactForm__list > dt,
#contact .contactForm__list-conf > dt {
	float: none;
	width: 100%;
	margin-bottom: 0.5em;
	padding: 0.5em 1em;
	border-bottom: 1px solid #ccc;
}
}

#contact .contactForm__list > dt:nth-of-type(1),
#contact .contactForm__list > dt:nth-of-type(2) {
	padding: 0 1em;
}
#contact .contactForm__list-conf > dt:nth-of-type(1),
#contact .contactForm__list-conf > dt:nth-of-type(2) {
	padding: 0.5em 1em;
}
@media screen and (max-width:768px){
#contact .contactForm__list > dt:nth-of-type(1),
#contact .contactForm__list > dt:nth-of-type(2) {
	padding: 0.5em 1em;
}
}

#contact .contactForm__list > dd {
	overflow: hidden;
	margin-bottom: 1.5em;
	padding: 0 1em;
}
#contact .contactForm__list-conf > dd {
	padding: 0.5em 1em;
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width:768px){
#contact .contactForm__list > dd,
#contact .contactForm__list-conf > dd {
	margin-bottom: 2em;
	padding: 0.5em 1em;
	border-bottom: none;
}
}

#contact .contactForm__list dd span {
	display: block;
	margin-top: 1em;
}

#contact .contactForm__subList {
	margin-bottom: 0.25em;
	border-bottom: 1px solid #ccc;
}
@media screen and (max-width:768px){
#contact .contactForm__subList {
	margin-bottom: 0;
	border-bottom: none;
}
}

#contact .contactForm__subList dt {
	margin-bottom: 0.5em;
}
#contact .contactForm__subList dd {
	margin-bottom: 1.5em;
}

#contact .contactForm__list dd input[type="text"],
#contact .contactForm__list dd input[type="radio"],
#contact .contactForm__list dd input[type="tel"],
#contact .contactForm__list dd input[type="email"],
#contact .contactForm__list dd select {
	border: 1px solid #ccc;
	background: #fff;
}
#contact .contactForm__list dd input[type="text"],
#contact .contactForm__list dd input[type="tel"],
#contact .contactForm__list dd input[type="email"],
#contact .contactForm__list dd select {
	display: block;
	width: 100%;
	padding: 0.5em 0.25em;
}
#contact .contactForm__list dd input[type="text"]:nth-last-of-type(1) {
	margin-top: 0.8em;
}

#contact .contactForm__list dd input[type="radio"] {
	display: none;
}

#contact .contactForm__list dd input[type="radio"] + label {
	display: inline-block;
	margin: 0.25em 5% 0 0;
	cursor: pointer;
}
#contact .contactForm__list dd input[type="radio"] + label::before {
	display: inline-block;
	content: "";
	width: 20px;
	height: 20px;
	margin-right: 0.5em;
	vertical-align: middle;
	background: url("../img/form/radio_off.png") center no-repeat;
	background-size: contain;
}
#contact .contactForm__list dd input[type="radio"]:checked + label::before {
	background: url("../img/form/radio_on.png") center no-repeat;
	background-size: contain;
}

#contact .contactForm__list dd .size_small { max-width: 250px;}
#contact .contactForm__list dd .size_middle { max-width: 350px;}

#contact .contactForm__button {
	display: block;
	width: 80%;
	max-width: 300px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	border: none;
	border-radius: 5px;
	background: #00aa83;
	cursor: pointer;
}
#contact .contactForm__button-back {
	display: block;
	width: 80%;
	max-width: 300px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	border: none;
	border-radius: 5px;
	background: #ccc;
	cursor: pointer;
}
#contact .contactForm__button + .contactForm__button-back {
	margin-top: 1em;
}
#contact a.contactForm__button-back {
	line-height: 50px;
}

#contact .contactForm__inner p.hissu-conf {
	margin-bottom: 2em;
}

#footer { /*display: none;*/  padding: 2em 0 3em; text-align: center; font-size: 12px; font-size: 1.2rem; }
#footer img { display: block; margin: 1em auto; max-width: 40%;}

@media screen and (max-width:768px){

}


#guide { background: #E6E6E6; padding: 3em 0 ; }
#guide .inner { max-width: 980px; background: #fff; }
#guide h2 { padding: 0.5em; background: #DCDCDC; border: 1px solid #787878; font-size: 16px; font-size: 1.6rem; text-align: center; font-weight: normal;}
#guide dl { padding: 1.8em 1.8em 1em; border: 1px solid #787878; font-size: 12px; font-size: 1.2rem; }
#guide dt { }
#guide dd { padding:0.3em 0 1.3em 1em; }
#guide table { font-size: 11px; font-size: 1.1rem;}
#guide table th,
#guide table td {text-align: center; vertical-align: middle; padding: 0.2em 1.2em; border: 1px solid #787878; border-collapse: collapse; }
#guide table th {background: #DCDCDC; font-weight: normal; }

@media screen and (max-width:599px){
	#guide dl { font-size: 1rem; }
	#guide table {font-size: 1rem; width: 100%; }
	#guide table th { text-align: left; }

}


#sponsor { padding: 2em 0 250px;}
#sponsor .inner { max-width: 980px;  }
#sponsor dt,
#sponsor dd { display: inline-block; margin-bottom: 0.6em;}
#sponsor dt { border: 1px solid #231815; display: inline-block; width: 5.6em; text-align: center; font-size: 12px; font-size: 1.2rem; }
#sponsor dd { padding: 0.2em 0 0.2em 1.4em; font-size: 11px; font-size: 1.1rem; }
#sponsor dd img { width: 5.5em; padding-top: 0.25em; vertical-align: text-top;}
#sponsor dd:nth-of-type(1) { padding-right: 3em; }
#sponsor dt:nth-of-type(3) { display: block; }
#sponsor dt:nth-of-type(3) + dd { margin-top: -2.5em; padding-left: 7.4em;}

@media screen and (max-width:768px){
#sponsor { padding: 2em 0 2em;}
	#sponsor dt { font-size: 1rem; }
#sponsor dd { font-size: 1rem; }

}



a.reserveBtn,
a.reserveBtn2 { display: block; position:fixed; top: 0; right: 10px; width:250px; height: 55px; line-height: 55px;
background: #e50012; /* Old browsers */
background: -moz-linear-gradient(top, #e50012 0%, #ad0002 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e50012 0%,#ad0002 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e50012 0%,#ad0002 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50012', endColorstr='#ad0002',GradientType=0 ); /* IE6-9 */; border-radius: 0 0 10px 10px; text-align: center; color: #fff; font-weight: bold; font-size: 11px; font-size: 1.5rem; padding-top: 0.2em;}
a.reserveBtn span,
a.reserveBtn2 span { display: block; font-size: 10px; font-size: 1rem; font-weight: normal;}

a.reserveBtn2 { right: 215px;}


@media screen and (max-width:768px){
a.reserveBtn,
a.reserveBtn2 { top: 1.45em;}
a.reserveBtn2 { right: 215px;}
}
@media screen and (max-width:599px){
	a.reserveBtn,
	a.reserveBtn2 { right: 0px; top: auto; bottom: 0; width:100%; border-radius: 0 ;  z-index: 1; height: 64px; }
	a.reserveBtn span br,
	a.reserveBtn2 span br { display:none;}
	a.reserveBtn2 { right: 50%; border-right: 1px solid #fff; }

}

a.blogBtn { display:block; position: fixed; top:0px; right:280px;}
@media screen and (max-width:768px){
a.blogBtn { top:1.55em;}
}
@media screen and (max-width:599px){
	a.blogBtn { position: relative; bottom:auto; left:0; width: 80%; margin: 0 auto; padding-bottom: 10em;}

}



/* nav */
#nav { position: fixed; bottom: 0; width: 100%; padding: 84px 0 1em; text-align:center; background: url(../img/index/navBg.png) right top repeat-x;}
#nav ul { width: 100%; max-width: 1100px; margin:0 auto; text-align:center; }
#nav ul li { float: left; text-align: center; font-weight: 700; }
#nav ul li a { display: block; color: #005BAC; font-size: 17px; font-size: 1.7rem; transition: 0.2s; transition-timing-function: liner;}
#nav ul li p {text-align: center; }
#nav ul li span { display: block; text-align: center; font-family: 'Miriam Libre', sans-serif; font-size: 15px; font-size: 1.5rem; padding-top: 0.2em}


#nav ul li:nth-child(1):first-letter,
#nav ul li:nth-child(1) span{ color: #E50012; }
#nav ul li:nth-child(2):first-letter,
#nav ul li:nth-child(2) span{ color: #E3007F; }
#nav ul li:nth-child(3):first-letter,
#nav ul li:nth-child(3) span{ color: #009FE8; }
#nav ul li:nth-child(4):first-letter,
#nav ul li:nth-child(4) span{ color: #009844; }
#nav ul li:nth-child(5):first-letter,
#nav ul li:nth-child(5) span{ color: #EF8200; }
#nav ul li:nth-child(6):first-letter,
#nav ul li:nth-child(6) span{ color: #00AA83; }

#nav ul li:hover a { margin-top: -0.5em;}
#nav ul li:nth-child(1):hover a { color: #E50012; }
#nav ul li:nth-child(2):hover a { color: #E3007F; }
#nav ul li:nth-child(3):hover a { color: #009FE8; }
#nav ul li:nth-child(4):hover a { color: #009844; }
#nav ul li:nth-child(5):hover a { color: #EF8200; }
#nav ul li:nth-child(6):hover a { color: #00AA83; }

#nav ul li:nth-child(1):hover span,
#nav ul li:nth-child(2):hover span,
#nav ul li:nth-child(3):hover span,
#nav ul li:nth-child(4):hover span,
#nav ul li:nth-child(5):hover span,
#nav ul li:nth-child(6):hover span{ color:  #005BAC; }

#nav ul li:nth-child(1) { width: 14%;}
#nav ul li:nth-child(2) { width: 12.5%;}
#nav ul li:nth-child(3) { width: 12.5%;}
#nav ul li:nth-child(4) { width: 22%;}
#nav ul li:nth-child(5) { width: 20%;}
#nav ul li:nth-child(6) { width: 19%;}

@media screen and (max-width:768px){
	#nav ul li a { font-size: 14px; font-size: 1.4rem;}

}

@media screen and (max-width:599px){
	#nav { bottom: 64px; padding: 40px 0 0em; background: url(../img/index/navBg.png) right top repeat-x; background-size:200% }

	#nav ul li a { font-size: 14px; font-size: 1.4rem;}
	#nav ul li { width: 16.6%!important; line-height: 1.2; }
	#nav ul li:nth-child(1) {background: #E50012 ;}
	#nav ul li:nth-child(2) {background: #E3007F ;}
	#nav ul li:nth-child(3) {background: #009FE8 ;}
	#nav ul li:nth-child(4) {background: #009844 ;}
	#nav ul li:nth-child(5) {background: #EF8200 ;}
	#nav ul li:nth-child(6) {background: #00AA83 ;}
	#nav ul li:first-letter { color:#fff!important;}
	#nav ul li:hover a { margin-top: -0em;}

	#nav ul li p { color: #fff; font-size: 1.2rem; padding: 0.8em 0.2em; height: 4.4em;}
	#nav ul li span { color:#fff!important; font-size: 0.7rem; padding-bottom: 0.8em;}

}