img{ vertical-align:bottom;}





.cf:before,
.cf:after {
    content: " ";
    display: table;
}
 
.cf:after {
    clear: both;
}
 
.cf {
    *zoom: 1;
}

.cf:before,
.cf:after {content: " ";display:table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}



html,body{ height:100%; }

body{ background:#fff; }


.sec{padding:75px 0 150px 0;border-top:10px solid #0c0844; width:100%;}
.sec > .inner{width:1100px; margin:0 auto;}

.sec > .inner > h2{ text-align:center;margin-bottom:76px;}

.secVisual{ margin-bottom:50px;}

.indent01{margin:0 50px;}
.indent02{margin:0 50px;}

.bar{ margin-bottom:55px; clear:both;}

#contents{ background:#fff;}

@media(max-width:640px){

.sec > .inner{width:95%; margin:0 auto;}

.secVisual{ margin-bottom:1em;}
.secVisual img{ width:100%;}

.bar{ margin-bottom:2em; margin-top:1em; width:100%; clear:both;}

.indent01{margin:0 1em;}
.indent02{margin:0 1em;}
} /* Responsive End */


/* ---------------------------------------------------------------------------------
onebox */

.onebox01{ width:auto; display:table; margin-bottom:40px;}
.onebox01 .imgbox{ display:table-cell;}
.onebox01 .imgbox img{ margin-right:40px}
.onebox01 .textbox{ display:table-cell; vertical-align:middle;}
.onebox01 .textbox h3{ font-size:140%; margin-bottom:0.8em; color:#846d5c;}
.onebox01 .textbox p{ line-height:1.8em; font-size:90%;}

.onebox01:before,
.onebox01:after {content: " ";display:table;}
.onebox01:after {clear: both;}
.onebox01{*zoom: 1;}

.onebox02{ width:206px; height:200px; margin-right:20px; float:left;}
.onebox02.last{ margin-right:0; }
.onebox02 .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;}

.onebox03{ width:277px; height:250px; margin-right:20px; float:left;}
.onebox03.last{ margin-right:0; }
.onebox03 .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;}


.onebox04{ width:550px; margin:0 auto; display:table; margin-bottom:50px; }
.onebox04 .imgbox{ display:table-cell; vertical-align:text-top; padding-right:0.5em;}
.onebox04 .textbox{ display:table-cell; vertical-align: middle}

.onebox04 .textbox p{ font-size:90%;}
.onebox04 .textbox p strong{ font-size:140%;}

.onebox05{ width:auto; display:table; margin-bottom:40px;}
.onebox05 .imgbox{ display:table-cell;}
.onebox05 .imgbox img{ margin-right:40px}
.onebox05 .imgbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;}
.onebox05 .textbox{ display:table-cell; vertical-align:middle;}
.onebox05 .textbox h3{ font-size:140%; margin-bottom:0.8em; color:#846d5c;}
.onebox05 .textbox p{ line-height:1.8em; font-size:90%;}



.onebox03a{ width:431px; height:300px; margin-right:20px; float:left;}
.onebox03a.last{ margin-right:0; }
.onebox03a .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;}

.onebox03b{ width:206px; height:250px; margin-right:20px; float:left;}
.onebox03b.last{ margin-right:0; }
.onebox03b .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;}

.onebox03c{ width:206px; height:250px; margin-right:0; float:left;}
.onebox03c.last{ margin-right:0; }
.onebox03c .textbox p{ text-align:left; font-size:90%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;}


.hotelamn{}
.hotelamn ul{}
.hotelamn li{ width:166px; height:32px; float:left;}

.hotelamn ul:before,
.hotelamn ul:after {content: " ";display:table;}
.hotelamn ul:after {clear: both;}
.hotelamn ul{*zoom: 1;}



@media(max-width:640px){

.onebox01{ width:auto; display:block; margin-bottom:40px;}
.onebox01 .imgbox{ display:block; text-align:center;}
.onebox01 .imgbox img{ margin-right:0; width:80%}
.onebox01 .textbox{ display:block;}
.onebox01 .textbox h3{ font-size:140%; margin-bottom:0.8em;margin-top:0.8em; color:#846d5c;}
.onebox01 .textbox p{ line-height:1.8em; font-size:90%;}


.onebox02{ width:60%; height:auto; margin-right:0; margin:0 auto 2em auto; float:none;}
.onebox02 .imgbox img{ width:100%;}
.onebox02.last{ margin-right:auto; }
.onebox02 .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;}

.onebox03{ width:auto; height:auto; margin-right:20px; float:left;}
.onebox03.last{ margin-right:0; }
.onebox03 .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;}

.onebox03a{ width:auto; height:auto; margin-right:0; float:none; margin-bottom:2em;}
.onebox03a.last{ margin-right:0; }
.onebox03a .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;}

.onebox03a img{ width:100%;}

.onebox03b{ width:auto; height:auto; margin-right:0; float:none; margin-bottom:2em;}
.onebox03b.last{ margin-right:0; }
.onebox03b .textbox p{ text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;}

.onebox03b .imgbox{ text-align:center;}
.onebox03b .imgbox img{ width:60%;}

.onebox03c{ width:auto; height:auto; margin-right:0; float:none; margin-bottom:2em;}
.onebox03c.last{ margin-right:0; }
.onebox03c .textbox p{ text-align:left; font-size:90%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;}


.onebox04{ width:550px; margin:0 auto; display:table; margin-bottom:50px;}
.onebox04 .imgbox{ display:table-cell; vertical-align:text-top; padding-right:1em;}
.onebox04 .textbox{ display:table-cell; vertical-align: middle}

.onebox04 .textbox p{ font-size:90%;}
.onebox04 .textbox p strong{ font-size:110%;}

.onebox05{ width:auto; display:block; margin-bottom:40px;}
.onebox05 .imgbox{ display:block; text-align:center;}
.onebox05 .imgbox img{ margin-right:0; width:80%}
.onebox05 .imgbox p{text-align:center; font-size:80%; color:#3f3f3f; padding-top:7px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; font-weight:bold;}
.onebox05 .textbox{ display:block;}
.onebox05 .textbox h3{ font-size:140%; margin-bottom:0.8em;margin-top:0.8em; color:#846d5c;}
.onebox05 .textbox p{ line-height:1.8em; font-size:90%;}




.hotelamn{}
.hotelamn ul{}
.hotelamn li{ width:166px; height:32px; float:left;}


}



/* ---------------------------------------------------------------------------------
section */



section h3{ color:#543625; font-size:150%; margin-bottom:50px; font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif;}
section h4{ color:#846d5c; font-size:110%; margin-bottom:25px;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif; clear:both;}



@media(max-width:640px){
	
section h3{ font-size:130%; margin-bottom:2em; line-height:1.5em; }
section h4{  margin-bottom:1em; line-height:1.5em;}

}


/* ---------------------------------------------------------------------------------
navigation */




@media(max-width:640px){





#smpMenuList{ display:none;}


#smpMenu{width:60px; height:60px;display:block; position:fixed; top:1em; right:1em;}
#smpMenu.menuOff{background:url(../images/sp/menu_onbtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;z-index:100;}
#smpMenu.menuOn{ background:url(../images/sp/menu_offbtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;z-index:100;}

#smpMenuList{ position:fixed; background:#fafafa; width:90%;margin:0 5%;margin-top:100px;z-index:10000;
border:10px solid #0e0954; box-sizing:border-box;
  box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);}

#smpMenuList ul{width:auto;}
#smpMenuList ul li{}
#smpMenuList ul li a{ font-size:20px; display:block;padding:20px 20px;color:#555; border-bottom:1px solid #0e0954;}
#smpMenuList ul li span{}

#smpMenuList dl{ font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif;}
#smpMenuList dl dt{font-size:120%; font-weight:bold; display:block;padding:0.5em 1em;color:#fff; background:#0e0954; border-bottom:1px solid #0e0954;}
#smpMenuList dl dd{ border-bottom:1px dashed #0e0954; font-weight:bold;}
#smpMenuList dl dd.last{ border-bottom:none;}
#smpMenuList dl dt a{ }
#smpMenuList dl dd a{ font-size:120%; display:block;padding:1em 1em;color:#555;}
#smpMenuList dl dd.spSNS a{ font-size:20px; display:inline-block;padding:25px 25px;color:#555;}
#smpMenuList dl dt span{}
#smpMenuList dl dd span{}



} /* Responsive End */




/*
mainvisual ----------------------------------------*/

#toparea{ height:744px;}

#mainVisual{ width:100%; margin:0 auto; height:744px; overflow:hidden; position:fixed; z-index:0;}

.bxslider{width:100%; height:744px; overflow:hidden; position:absolute; z-index:10}

#mainVisual ul li{width:100%; height:744px; background-size:cover;}
#mainVisual ul li img{ }

#amime{width:100%; height:100%; position:absolute; z-index:20; display:block;}
#amime h1{ width:660px; margin:0 auto; text-align:right; padding-top:10px; font-size:12px; font-weight:normal;}

.subBGarea{ background:url(../images/background_leather.jpg) repeat-y center top; padding-top:33px;}


.bx-controls-direction{display:none;}

@media(max-width:640px){
	
#toparea{ height:auto;}

#mainVisual{height:auto; position:static;}
.bxslider{ height:25em; }
#mainVisual ul li{height:80%;}

#amime h1{  width:auto; margin:0; text-align:left; padding-top:2em;}
#amime h1 img{ height:60px;}

}




/* ---------------------------------------------------------------------------------
header */

header{ width:100%; z-index:50; height:142px; background:url(../images/header/menu_bg.png) repeat-x; position:fixed;}

header .inner{ width:1100px; margin:0 auto; position:relative;}
header .h1{ width:143px; height:143px; top:0; left:0; position:absolute;}

header .pc nav{ width:621px; height:73px; position:absolute; top:38px; left:245px;}

header .pc nav ul{}
header .pc nav li{ display:block; float:left; width:124px; height:73px;}
header .pc .tel{ position:absolute; right:0; top:17px;}


header .pc nav ul:before,
header .pc nav ul:after {content: " ";display:table;}
header .pc nav ul:after {clear: both;}
header .pc nav ul{*zoom: 1;}

.mvCheckText01{ position:relative;width:1100px;margin:0 auto; z-index:100;}
.mvCheckText01 p{ font-size:70%; width:100%;position:absolute; right:0; top:120px;  text-align:right;}


@media(max-width:640px){

header{ height:auto; background:#0e0954; position:fixed;}


} /* Responsive End */



/* ---------------------------------------------------------------------------------
noOpen */

#noOpen{background:#eee;padding:70px;}


@media(max-width:640px){

#noOpen{padding:2em;}
#noOpen img{ width:60%;}

} /* Responsive End */





/* ---------------------------------------------------------------------------------
food */

.fdIntro01{ font-weight:bold; text-align:center; line-height:2em; font-size:90%; margin-bottom:40px;}
.fdIntro02{ font-weight:normal; text-align:center; color:#4D4D4D; font-size:200%; line-height:1em; margin:80px 0 80px;}
.fdIntro03{ font-size:80%; color:#333; line-height:1.8em; text-align:center; margin-bottom:40px;}

#food2box{ width:90%; margin:0 auto;}
.foodbox1{ width:50%; margin-right:0; float:left;}
.foodbox1 h3{ margin-bottom:0.5em !important; text-align:center;}
.foodbox1 p{ font-size:90%;padding-bottom:5em; line-height:1.8em;text-align:center;}

.foodbox2{ width:50%; float:left;}
.foodbox2 h3{ margin-bottom:0.5em !important;text-align:center;}
.foodbox2 p{ font-size:90%;padding-bottom:5em; line-height:1.8em;text-align:center;}




@media(max-width:640px){
	
.fdIntro02{ line-height:1.4em;}
.fdIntro03{ font-size:60%;}

.foodbox1{ width:100%; margin-right:0; float:none;}
.foodbox2{ width:100%; float:none;}
}










/* ---------------------------------------------------------------------------------
room */

#room .introText{ font-weight:normal; text-align:center; color:#525252; font-size:200%; line-height:1em; margin-bottom:60px;}

.tuikaIMG{ text-align:center; margin-bottom:60px;}
.tuikaIMG img{margin-bottom:1em;}

@media(max-width:640px){
	
#room .introText{ line-height:1.4em; margin-bottom:2em; margin-top:2em;}

.tuikaIMG{ text-align:center;padding:3em;}
.tuikaIMG img{margin-bottom:1em; width:90%;}
}


#room dl{ width:800px;margin:0 auto 60px auto; font-size:90%;}
#room dt{ color:#846d5c; font-size:110%;}
#room dd{ padding:0.7em 0 2em 1em;}

@media(max-width:640px){
	
#room dl{ width:auto;}	
	
}
/* ---------------------------------------------------------------------------------
access */

#access{}
#access dl{ width:320px; float:left; font-size:90%;}
#access dt{ color:#846d5c; font-size:110%;}
#access dd{ padding:0.7em 0 2em 1em;}

#access dd ul{margin:1em 0;}
#access dd li{ list-style:circle; margin-left:1.5em;}

#access .imgArea{ width:580px; float:right;}
#access .imgArea img{margin-bottom:1em;}



section#access h3{ margin-bottom:25px;}

p.accessText01{ margin-left:1em;margin-bottom:1em; line-height:1.5em;font-weight:bold;}
p.accessText02{ margin-left:1em; font-size:90%; line-height:1.5em;}

.aeonImage{ float:left; margin-right:10px;}



@media(max-width:640px){
#access dl{ width:auto; float:none; font-size:90%;}
#access .imgArea{ width:100%; margin:0 auto; float:none;}
#access .imgArea img{ width:100%;}
.aeonImage{ float:none; margin-bottom:0.5em;}



}


/* ---------------------------------------------------------------------------------
reserve */

#reserve p img.start{margin-right:50px;}

.reserveText01{ padding:50px; text-align:center; font-size:120%; font-weight:bold;}

.grayBox{ background:url(/common/images/dottile.jpg); padding:30px; width:500px; margin:0 auto; box-sizing:border-box;}
.grayBox dt{ display:block; color:#846d5c; margin-bottom:1em;}
.grayBox dd{ display:block; margin-left:20px; font-size:90%;}

@media(max-width:640px){

.grayBox{  padding:2em; width:auto; margin:0 auto; box-sizing:border-box;}
.grayBox dt{ display:block; color:#846d5c; margin-bottom:1em;}
.grayBox dd{ display:block; margin-left:20px; font-size:120%; line-height:1.5em;}

}








/* ---------------------------------------------------------------------------------
contact */

#contact{}

#contact h2 + p{ font-size:90%; line-height:1.8em;margin-bottom:40px; text-align:center;}

#contact ul.contactIcon{margin:0; text-align:center; margin-bottom:3em;}
#contact ul.contactIcon li{margin:0 20px 0 0; display:inline-block;}


@media(max-width:640px){

	
#contact h2 + p{ font-size:20px;}
#contact ul h3{ font-size:22px;}
	
#contact ul.contactIcon{margin-bottom:2em;text-align:center;}
#contact ul.contactIcon li{margin:0 0 1em 0; display:block;}
#contact ul.contactIcon li img{ width:70%; margin:0 auto;}
}



/* ---------------------------------------------------------------------------------
privacy */

#privacy{}
#privacy .privacyArea{margin:0 40px 40px 40px; border:1px solid #ddd;}
#privacy .privacyArea > .inner{padding:40px;}
#privacy .privacyArea .overflowBox{height:200px;overflow:auto; font-size:14px;}
#privacy .privacyArea h3{background:url(../images/infobar.png) no-repeat left top;color:#9d1627; font-size:18px;padding:10px 10px 10px 16px; margin-bottom:10px;}


@media(max-width:640px){

#privacy .privacyArea{margin:0 0 40px 0; border:1px solid #ddd;}

#privacy .privacyArea .overflowBox{ font-size:18px; line-height:1.6em;}

} /* Responsive End */




/* contact --------------------------------------------------------*/

#contactform{ width:700px; margin:0 auto;background:#eee;padding-bottom:50px;}
#contactform h3{ font-size:110%;}
#contactform form{padding:55px 0 0 35px;}
#contactform .typeSelect{padding:55px 0 0 35px;}


#contactform2{ width:700px; margin:0 auto;background:#eee;padding-bottom:50px;}
#contactform2 h3{ font-size:110%;}
#contactform2 form{padding:55px 0 0 35px;}
#contactform2 .typeSelect{padding:55px 0 0 35px;}



dl.formtable{width:100%; margin:0 auto;}
dl.formtable,
dl.formtable > dt,
dl.formtable > dd {  box-sizing: border-box;  font-size:95%; }
dl.formtable > dt {  width: 32%;  float: left; background:url(../images/arrow.png) no-repeat left 7px;padding-left:10px; font-weight:bold;}
dl.formtable > dd {  margin-left:32%;  padding-bottom: 10px;margin-bottom:2em; line-height:1.8em;}
dl.formtable > dd:after {  content: '';  display: block;  clear: both;}





.Tbox{ width:100%;}
.Tarea{width:100%; height:80px;}
.submitBtn{ display:inline-block; border:2px solid #514946; background:#292466; color:#fff; padding:1em 5em; font-size: 120%;  font-weight: bold;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif;}

dl.formtable dt > span{ color:#ff6666; padding:3px; font-size:90%; line-height:1.5em; font-weight:bold;}

dl.formtable dd > ul{}
dl.formtable dd > ul li{ color:#96e3a6;}

.hidden_genba,.hidden_siryo{padding-left:5%;}
.checkText{ font-size:90%; color:#2D388A; font-weight:bold;}

.formCheck{ text-align:center;margin-bottom:2em; color:#ff6666; }


.typeSelect{ width:700px; margin:0 auto;}
.typeSelect a{ text-align:center;width:49%; font-size:130%; display:inline-block; line-height:1.2em; box-sizing:border-box;padding:20px; border-top:4px solid #292466;}
.typeSelect a:hover{ text-decoration:none; font-weight:bold; color:inherit;}

#form_houjin{  margin-right:2%;}
#form_houjin span{ font-size:130%;}
#form_kojin{}
#form_kojin span{ font-size:130%;}


@media(max-width:640px){




#contactform{ width:80%; margin:0 auto; background:#eee;}
#contactform h3{ font-size:110%;}
#contactform form{padding:1em;}


#contactform2{ width:80%; margin:0 auto; background:#eee;}
#contactform2 h3{ font-size:110%;}
#contactform2 form{padding:1em;}


dl.formtable{width:100%; margin:0 auto;}
dl.formtable,
dl.formtable > dt,
dl.formtable > dd {  box-sizing: border-box;   }
dl.formtable > dt {  width: 100%;  float: none; background:none;padding-left:0;font-size:120%;}
dl.formtable > dd {  margin-left:10%;  padding-bottom: 0;margin-bottom:2em; line-height:1.8em;font-size:110%;}

dl.formtable > dd:after {  content: '';  display: block;  clear: both;}




.Tbox{ width:100%;}
.Tarea{width:100%;}
.submitBtn{ display:inline-block; border:2px solid #514946; background:#292466; color:#fff; padding:1em; font-size: 120%;  font-weight: bold; width:100%; text-align: center;}

dl.formtable dt > span{ color:#ee9797; display:inline-block; padding:0 0 0 0.5em; font-size:90%; line-height:1.5em;}

dl.formtable dd > ul{}
dl.formtable dd > ul li{ color:#96e3a6;}
	
	
	
	
.typeSelect{ width:80%; margin:0 auto;}
.typeSelect a{ text-align:center;width:49%; font-size:130%; display:inline-block; box-sizing:border-box;padding:20px; border-top:4px solid #292466;}
.typeSelect a:hover{ text-decoration:none; font-weight:bold; color:inherit;}

#form_houjin{  margin-right:2%;}
#form_houjin span{ font-size:130%;}
#form_kojin{}
#form_kojin span{ font-size:130%;}

} /* Responsive End */




/* ---------------------------------------------------------------------------------
footer */


footer{ background:#ece6e1 url(../images/footer_bg.png) repeat-x left top; height:180px;}

footer p{ font-size:60%; padding-top:50px;}



@media(max-width:640px){


footer p{ font-size:80%; padding-top:50px;}


} /* Responsive End */





/* ---------------------------------------------------------------------------------
pagetop */

#pagetop{ position:absolute;}

#gotop {
  position: fixed;
  bottom: 0px;
  right: 20px;
  width: 137px;
  height: 77px;
  z-index: 5;
}

#btnscrollArea{ position:relative;}









.clear{ clear:both;}
.tac{ text-align:center !important;}

@media(min-width:641px){
.sp{ display:none !important;}
} /* Responsive End */

@media(max-width:640px){
.pc{ display:none !important; }
} /* Responsive End */

@media(max-width:640px){
#commonFooter{ display:none !important; }
}

@media(max-width:640px){
#commonFooter{ display:none !important; }
}


@media(max-width:640px){
.tac_pc{ text-align:left !important;}
.tac_sp{ text-align:center !important;}
}

@media(min-width:641px){
.tac_pc{ text-align:center !important;}
.tac_sp{ text-align:left !important;}
}