/*========================================
館内案内css


========================================*/


/*============================== 館内案内トップエリア */
.facilitiestopArea{
 min-height: 500px;
 margin: 4px 0 70px 0;
 padding: 100px 0 10px 0px;
 font-size: 1.8rem;
 background: url("../images/bg/bg_takeyu01.jpg") right top no-repeat;
}


.facilitiestopArea p{
 margin-bottom: 40px;
 padding: 15px 0 10px 38px;
 font-size: 1.8rem;
 background: url("../images/bg/bg_1point.png") left center no-repeat;
}

.cuisine01{
 position: absolute; top: 10px; right: 0;
}


/*============================== 館内案内アンカーリンクエリア */
/*------------------------------ 部屋タイプ */
.roomtypeAnchor{
 display: flex;
   align-items: flex-start;
   justify-content: center;
 padding: 0 0 20px 0;
 color: #000;
 font-size: 2.4rem;
}

.roomtypeAnchor > div{
 width: 125px;
 height: 50px;

 padding-top: 5px;
 text-align: center;
 background: #94d354;
 border-radius: 5px;
}

.roomtypeAnchor ul{
 width: 930px;
 padding: 5px 0 0 50px;
}

.roomtypeAnchor li:before{content: "・ ";}

.roomtypeAnchor li{
 display: inline-block;
 height: 48px;
 margin-right: 30px;
 list-style-type: none;
}

.roomtypeAnchor li a{text-decoration: none;}
.roomtypeAnchor li a:link   {color: #000;}
.roomtypeAnchor li a:visited{color: #000;}
.roomtypeAnchor li a:hover  {color: #94d354;}

@media all and (-ms-high-contrast:none){
 *::-ms-backdrop, .roomtypeAnchor > div{
     padding-top: 10px;
  }
}

@media all and (-ms-high-contrast:none){
 *::-ms-backdrop, .roomtypeAnchor ul{
     padding-top: 8px;
  }
}

/*------------------------------ 館内案内 */
.facilAnchor{
 display: flex;
   align-items: flex-start;
   justify-content: center;
 padding: 0 0 80px 0;
 color: #000;
 font-size: 2.4rem;
}

.facilAnchor > div{
 width: 125px;
 height: 50px;

 padding-top: 5px;
 text-align: center;
 color: #fff;
 background: #4e8ea4;
 border-radius: 5px;
}

.facilAnchor ul{
 width: 930px;
 padding: 5px 0 0 50px;
}

.facilAnchor li:before{content: "・ ";}

.facilAnchor li{
 display: inline-block;
 height: 48px;
 margin-right: 30px;
 list-style-type: none;
}

.facilAnchor li a{text-decoration: none;}
.facilAnchor li a:link   {color: #000;}
.facilAnchor li a:visited{color: #000;}
.facilAnchor li a:hover  {color: #4e8ea4;}

@media all and (-ms-high-contrast:none){
 *::-ms-backdrop, .facilAnchor > div{
     padding-top: 10px;
  }
}

@media all and (-ms-high-contrast:none){
 *::-ms-backdrop, .facilAnchor ul{
     padding-top: 10px;
  }
}
/*============================== 客室エリア */
.roomArea{
 margin-bottom: 50px;
}

.roomArea h3 img{
 padding: 0 15px 0 30px;
 vertical-align: middle;
}

/*------------------------------ 部屋背景設定 */
.bg_room01 {background: url("../images/bg/bg_room01.png") center top no-repeat;}
.bg_room02 {background: url("../images/bg/bg_room02.png") center top no-repeat;}
.bg_room03 {background: url("../images/bg/bg_room03.png") center top no-repeat;}
.bg_room04 {background: url("../images/bg/bg_room04.png") center top no-repeat;}

/*------------------------------ 和室01 */
.room01{
 min-height: 545px;
 margin-bottom: 20px;
 padding: 0 0 0px 0;
 font-size: 1.8rem;
 text-align: center;
 background: url("images/parts/bar02.gif") center bottom no-repeat,#fff;
}

.room01title{
 width: 588px;
}

.room01title p{
 padding-top: 30px;
 text-align: center;
}

.room01_01{
 position: absolute; top: 30px; right: 160px; z-index: 50;
 width: 460px;
}
.room01_02{
 position: absolute; top: 270px; right: 15px; z-index: 0;
 width: 350px;
}

/*------------------------------ 和室02 */
.room02{
 display: flex;
 flex-direction: row-reverse;
 min-height: 580px;
 margin-bottom: 20px;
 padding: 0 0 0px 0;
 font-size: 1.8rem;
 text-align: center;
}

.room02title{
 width: 561px;
 padding-right: 27px;
}

.room02imgArea{
 width: 615px;
 line-height: 1px;
 text-align: center;
}

.room02_01{width: 520px; margin-bottom: 10px;}
.room02_02{width: 290px;}
.room02_03{width: 290px;}
/*------------------------------ コンドミニアム */
.room03{
 min-height: 545px;
 margin-bottom: 20px;
 padding: 0 0 0px 0;
 font-size: 1.8rem;
 text-align: center;
}

.room03title{
 width: 588px;
}

.room03title p{
 padding-top: 20px;
 text-align: center;
}

.room03_01{
 position: absolute; top: 30px; right: 160px; z-index: 50;
 width: 530px;
}


/*------------------------------ １棟貸し */
.room04{
 display: flex;
 flex-direction: row-reverse;
 min-height: 545px;
 padding: 0 0 0px 0;
 font-size: 1.8rem;
 text-align: center;
 background: #fff;
}

.room04title{
 width: 538px;
 padding-right: 50px;
}

.room04movieArea{
 width: 638px;
 padding: 50px  0 0 20px;
}

.room04movieArea p{
 padding-top: 16px;
}

/*------------------------------ １棟貸し（中～下部） */
.room04gallery01{
 display: flex;
 justify-content: space-between;
 padding: 24px 0 12px 0;
}

.room04gallery01 img{
 width: 383px;
}



.room04bath{
 padding: 0 0 24px 0;
 font-size: 1.8rem;
 background: url("../images/parts/bar03.gif") right center no-repeat;
}

.room04bath p{
 display: inline-block;
}

.room04bath img{
 width: 270px;
 margin-left: 10px;
 vertical-align: middle;
}

.room04gallery02{
 padding: 24px 0 12px 0;
}

.room04gallery02 img{
 width: 390px;
 margin-left: 10px;
}


/*============================== 館内エリア */
.kannaiArea{
 padding: 0px 0 80px 0;
 font-size: 1.8rem;
 background: url("../images/parts/bar01.gif") left top repeat-x;
}

.kannaiWrap{
 display: flex;
 margin: 0;
 padding: 0 0 25px 0;
}

/*------------------------------ お風呂 */
.ofuroArea{
 width: 50%;
 padding: 5px 15px 0 15px;
}

.ofuroimage{
 margin-top: 20px;
 line-height: 1;
}


.ofuro01{
 display: inline-block;
 width: 330px;
 height: 220px;
 margin-bottom: 9px;
}

.ofuro02{width: 327px; position: absolute; top: 227px; left: 231px;}
.ofuro03{width: 222px; position: absolute; top: 227px; left: 0px;}

/*------------------------------ 館内設備 */
.setsubiArea{
 width: 50%;
 padding: 5px 15px 0 15px;
}

.setsubiimage{
 margin-top: 20px;
 line-height: 1;
}

.setsubi01{width: 205px; height: 446px;}
.setsubi02{width: 344px; height: 233px; position: absolute; top: 0px; left: 214px;}
.setsubi03{width: 344px; height: 203px; position: absolute; top: 242px; left: 214px;}

/*------------------------------ レンタル倉庫 */
.soukoArea{
 padding: 5px 15px 0 15px;
 font-size: 1.8rem;
 background: url("../images/parts/bar02.gif") center top repeat-x;
}

.soukoimage{
 display: inline-block;
 width: 395px;
}
.soukoimage img{
 width: 370px;
 margin-bottom: 5px;
}

.soukodetails{
 display: inline-block;
 vertical-align: top;
}

.table_souko{
 margin: 35px 0;
}

.table_souko table{
 border-collapse: collapse;
 border-spacing: 0;
}

.table_souko th,
.table_souko td{
 width: 220px;
 padding: 10px 0;
 border: 1px #666 solid;
}

.table_souko th{background: #f9f8f4;}
.table_souko td{text-align: center;}


.banner_longstay{
 padding-top: 60px;
 text-align: center;
}

.banner_longstay a{transition: 0.3s linear;}
.banner_longstay a:hover{opacity: 0.6;}