/*========================================
p04本館客室・ログハウスのcss

　●　ページ内　共通
　●　本館客室
　●　ログハウス共通設備
　●　各ログハウス詳細
　●　売店（＋お食事処）


色メモ

　濃い緑　：　458d2c
　薄い緑　：　d0e1b1　（9fbe7f）（faffea）
　茶　色　：　55390e
　オレンジ：　f8b551
========================================*/


/*========================================
　●　ページ内　共通
========================================*/
.loghouse_p{
 color: #55390e;
 font-size: 1.8rem;
 padding: 10px 0 40px 0;
 text-align: center;
}

/*========================================
　●　本館客室
========================================*/
/*------------------------------ １段目 */
.room01{
 display: inline-block;
 width: 525px;
 margin: 0 20px;
 color: #55390e;
 font-size: 2.2rem;
}

.room01 dt{
 width: 105px;
-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.room01 dt span{padding-top: 15px;}
.room01 dt span.small{padding-top: 15px;}

.room01 dt p{    
	width: 80px;
    height: 300px;
    display: flex;
    padding-top: 30px;
    margin-right: -90px;
	flex-direction: column;
}
.room01 dd{
 width: 420px;
}

.room1_cover,.room2_cover,.room3_cover{
	width:1140px;
	margin:0 auto;
}
/*------------------------------ ２段目 */
.room02{
 width: 525px;
 margin: 30px auto 30px; /**/
 color: #55390e;
 font-size: 2.2rem;
}

.room02 dt{
 width: 105px;
-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.room02 dt span{padding-top: 15px;}

.room02 dd{
 width: 420px;
}

/*------------------------------ ３段目 */
.room03{
 width: 966px;
 margin: 0 auto 50px auto; /**/
 color: #55390e;
 font-size: 2.2rem;
}

.room03 dt{
-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.room03 dt span{padding-top: 15px;}

.room03 dd{
 text-align: right;
}

.room03 dd img{}

.room03 dd p:nth-child(1) img{padding-right: 10px;}


.room_t{position: relative;}
.room_t span{position: absolute; right:12px; height: 280px;}
.slick-prev{left:5px!important; z-index: 10;}
.slick-next{right:5px!important; z-index: 10;}


/*========================================
　●　ログハウス共通設備
========================================*/
.l_kyoutu{padding: 10px 0 55px 0;}

.l_kyoutu figure{
 float: left;
 padding: 0 10px;
}

.l_kyoutu figure figcaption{
 color: #55390e;
 font-size: 1.8rem;
 text-align: center;
}

/*========================================
　●　各ログハウス詳細
========================================*/
.lhouse{
 padding-bottom: 45px;
}

/*------------------------------ ログハウス基本css */
.lhouseTitleArea{
 width: 456px;
 height: 585px;
 color: #55390e;
 font-size: 2.2rem;
 text-align: center;
 background: url("../images/bg/bg07.jpg") center top repeat;
}


.lhouseTitleArea figure{padding: 75px 0 0 0; line-height: 1.2;}
.lhouseTitleArea figure figccaption{}

.lhouseImgArea{
 width: 684px;
 height: 585px;
 padding: 10px 0 0 0;
 color: #fff;
}


.lhouseImgBlock01{
 display: inline-block;
 margin: 0 auto;
 padding: 20px 0px 20px 20px;
}

.lhouseImgBlock01 img{padding: 0px 20px 0px 0;}

.lhouseImgBlock02{
 padding: 20px 0px 20px 20px;
}

.lhouseImgBlock02 img{padding: 0px 20px 0px 0;}

.lhouseImgArea h5{font-size: 2.0rem;}
.lhouseImgArea li{margin-left: 25px; padding-left: 5px; font-size: 1.5rem;}


#lhouse01bg{background: #39550e;display: flex; flex-wrap: wrap;}
#lhouse02bg{background: #55390e;display: flex; flex-wrap: wrap;}
#lhouse03bg{background: #0e4a55;display: flex; flex-wrap: wrap;}

/*========================================
　●　売店（＋お食事処）
========================================*/
.baiten{
 padding: 5px 0 45px 0;
 text-align: center;
}

.baiten img{padding: 0 10px;}