/*---------------------------------------------------
*
* BASE
*
----------------------------------------------------*/

/*---------------------------------------------------
*
* COMMON
*
----------------------------------------------------*/
/*---------------------------------------------------
*
* PARTS
*
----------------------------------------------------*/

/*---------------------------------------------------
*
* HEADER
*
----------------------------------------------------*/
/*menu bar*/
#spNavWrap.fixed{
  width: 100%;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 9999;
  box-shadow:0px 0px 6px 3px rgba(0,0,0,0.10);
  -moz-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.10);
  -webkit-box-shadow:0px 0px 6px 3px rgba(0,0,0,0.10);
}
#spNavWrap .bar{
  position: relative;
  background: #fff;
}
#spNavWrap .left{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  width: 50%;
}
#spNavWrap .left img{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
#spNavWrap .right{
  max-width:400px;
  width:40%;
  float:right;
  display:table;
}
#spNavWrap .right li{
  padding:10px 0;
  width:50%;
  display:table-cell;
  text-align:center;
  font-size: 13px;
  font-size: 1.3rem;
}
#spNavWrap .right li > a{
  color: #000;
}
#spNavWrap .right li.navi{
  background: #eee;
}
#spNavWrap .right li.contact{
  border-left: 1px solid #eee;
}

#spNavWrap .right li img{
  width:30px;
  margin:0 auto 5px;
  display:block;
}
/*navi*/
#spNav-navi{
  border-top: 1px solid #eee;
  display:none;
}
#spNav-navi li{
  padding:8px 0;
  text-align: center;
}
#spNav-navi a{
  color: #000;
  display:block;
  text-align:center;
  line-height:1.8;
}
#spNav-navi li:nth-child(odd){
  background: #fff;
}
#spNav-navi li:nth-child(even){
  background: #f2f2f2;
}

/*---------------------------------------------------
*
* INDEX
*
----------------------------------------------------*/

/*--topIntroBox--*/
.topIntroBox{
  margin-bottom: 20px;
}

.topIntroBox .lead img{
  max-width: 80%;
  
}
.topIntroBox .leadTxt{
  text-align: left;
}
.topIntroBox .btn{
  font-size: 16px;
  font-size: 1.6rem;
}

/*linkList*/
.topIntroBox .linkList{
  margin-left: 0;
}
.topIntroBox .linkList li{
  margin: 0 0 50px 0;
  width: 100%;
  float: none;
}
/*---------------------------------------------------
*
* HISTORY
*
----------------------------------------------------*/
#id_history .pagePhBox{
  margin: 0 0 25px;
}
#id_history .historyBox .pageTtl{
  max-width: 70%;
}
/*section01*/
.historyBox .section01 .txt{
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
  float: none;
}
.historyBox .section01 .img{
  display: block;
  margin: 0 auto;
  width: auto;
  float: none;
}

/*section02*/
.historyBox .section02 .ph{
  margin: 0 0 15px;
}
.historyBox .section02 .lead{
  max-width: 90%;
  margin: 0 0 15px 0;
}
.historyBox .section02 .txt{
  width: 100%;
  float: none;
}
/*---------------------------------------------------
*
* ABOUT
*
----------------------------------------------------*/
#id_about .pagePhBox{
  margin: 0 0 30px;
}
#id_about .pageTtl {
  margin: 0 0 40px;
}
#id_about .pageTtl img{
  max-width: 60%;
}

/*--pageSelect--*/
#id_about .pageSelect{
  margin-bottom: 40px;
}
#id_about .pageSelect li{
  margin-left: 3%;
  width: 31%;
  float: left;
}

/*--aboutOnsenBox--*/
.aboutOnsenBox {
  margin-bottom: 65px;
}
.aboutOnsenBox .mainArea{
  width: 100%;
  float: none;
}
.aboutOnsenBox .lead {
  max-width: 80%;
  margin-bottom: 40px;
}
.aboutOnsenBox .spPh{
  margin: 0 0 10px;
}

/*table*/
.aboutOnsenBox .table.table01{
  margin-bottom:65px;
}

/*--aboutFoodBox--*/
.aboutFoodBox .main{
  width: 100%;
  float: none;
}
.aboutFoodBox .main .txt{
  margin: 0 0 15px;
}
.aboutFoodBox .ph {
  width: 100%;
  float: none;
}
/*reverse*/
.aboutFoodBox .section.reverse .main,
.aboutFoodBox .section.reverse .ph{
  width: 100%;
  float: none;
}
/*section*/
.aboutFoodBox .section01{
  margin: 0 0 20px;
}

/*--aboutRoomBox--*/
/*section01*/
.aboutRoomBox .section01 {
    margin: 0 0 45px;
}
.aboutRoomBox .section01 .main,
.aboutRoomBox .section01 .ph{
  width: 100%;
  float: none;
}
.aboutRoomBox .section01 .txt{
  margin: 0 0 20px;
}

/*section02*/
.aboutRoomBox .section02 .ttl img{
  max-width: 65%;
}
.aboutRoomBox .section02 .room{
  width: 100%;
  float: none;
}
.aboutRoomBox .section02 .room01{
  margin: 0 0 40px 0;
  
}
/*section03*/
.aboutRoomBox .section03{
  padding: 20px 10px;
}
.aboutRoomBox .section03 .memo{
  text-align: left;
}
/*section04*/
.aboutRoomBox .section03 .yoyakuArea{
  font-size: 16px;
  font-size: 1.6rem;
}
.aboutRoomBox .section03 .yoyakuArea .btn{
  display: block;
  margin: 0;
  padding: 1em 1em;
  float: none;
}
.aboutRoomBox .section03 .yoyakuArea .txt{
  padding-top: 15px;
  font-size: 16px;
  font-size: 1.6rem;

}
/*section05*/
.aboutRoomBox .section05 .main{
  width: 100%;
  float: none;
}
.aboutRoomBox .section05 .ph{
  margin: 0 0 20px;
  width: 100%;
  float: none;
}
.aboutRoomBox .section05 .main .lead{
  margin: 0 0 20px;
  max-width: 70%;
}

/*---------------------------------------------------
*
* VICINITY
*
----------------------------------------------------*/
#id_vicinity .pagePhBox{
  margin: 0 0 30px;
}
#id_vicinity .pageTtl{
  margin: 0 0 30px;
}
#id_vicinity .pageTtl img{
  max-height: 30px;
}
/*--vicinityBox--*/
.vicinityBox .subTtl{
  text-align: center;
}
.vicinityBox .subTtl img{
  max-height: 25px;
}
/*specialList*/
.vicinityBox .specialList li{
  padding: 0 10px;
  margin-bottom:30px;
  width: 100%;
  float: none;
}
.vicinityBox .specialList li:first-child{
  margin-right: 0;
}
.vicinityBox .specialList li .ph{
  max-width: 80%;
}
.vicinityBox .specialList li .name{
  max-height: 30px;
}

/*listArea*/
.vicinityBox .listArea{
  margin: 0 auto 40px;
}
.vicinityBox .listArea .ttl img{
  max-height: 28px;
}
.vicinityBox .listArea .ph{
  width: 100%;
  float: none;
  text-align: center;
}
.vicinityBox .listArea .ph img{
  width: 100%;
}
.vicinityBox .listArea .main{
  width: 100%;
  float: none;
}
.vicinityBox .listArea .main .lead{
  max-height: 45px;  
}
/*bg color*/
.vicinityBox .listArea.areaBg{
  padding: 40px 0px;
}
/*listArea area01*/
.vicinityBox .listArea.area01 .main .lead{
  max-height: 25px;  
}
/*listArea area02*/
.vicinityBox .listArea.area02 .ph{
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 8px;
}
.vicinityBox .listArea.area02 .ph img{
  max-width: 70%;
}
/*---------------------------------------------------
*
* PRICE
*
----------------------------------------------------*/
#id_price .pagettl{
  padding: 35px 0 40px;
}
#id_price .pagettl img{
  max-width: 60%;
}
.priceBox .tableArea{
  float: none;
  width: 100%;
  margin-bottom: 30px;
}
/*priceTable*/
.priceTable caption{
  font-size: 22px;
  font-size: 2.2rem;
}
.priceBox .price .big{
  font-size: 20px;
  font-size: 1.6rem;
}
/*bnArea*/
.priceBox .bnArea{
  margin-bottom: 50px;
  width: 100%;
  float: none;
  text-align: center;
}

/*--accessBox--*/
.accessBox{
  max-width: none;
}

/*infoTable*/
.accessBox .infoTable{
  margin-top: 20px;
  line-height: 1.4;
}
.accessBox .infoTable th{
  width: 6em;
  font-weight: bold;
}

/*googlemap*/
#id_price .gmaps{
    padding-bottom: 70%;
}

/*---------------------------------------------------
*
* CONTACT
*
----------------------------------------------------*/
#id_contact .pagettl {
  padding: 35px 0;
  text-align: center;
}
#id_contact .pagettl img{
  max-width: 50%;
}
/*--thanksBox--*/
.thanksBox .ttl{
  font-size: 20px;
  font-size: 2rem;
}
.thanksBox .txt{
  text-align: left;
}
/*---------------------------------------------------
*
* FOOTER
*
----------------------------------------------------*/
#footer{
  padding: 0;
}
#footer .infoArea{
  padding: 10px 10px 30px;
}

#footer .nav{
  margin: 0 0 20px;
  padding: 0;
  float: none;
  text-align: center;
}
#footer .nav li{
  padding: 5px 0;
  margin-left: 0;
  display: block;
}
#footer .nav li:nth-child(odd){
  background: #63431d;
}
#footer .nav a{
  display: block;
  padding: 10px;
}
#footer .nav a:hover::after{
  width: 0px;
}
/*---------------------------------------------------
*
* SP ONLY
*
----------------------------------------------------*/