@charset "UTF-8";

#htlMainContent:before{
    background-color: #11192b!important;
	top: 93px!important;
}

#htb-ha .c_key,
.roomtype .c_key{
	color: #cfa607;
}
#htb-ha .c_sub,
.roomtype .c_sub{
color: #D3C28B;
}
#htb-ha .bg_base,
.roomtype .bg_base{
	background-color: #504945;
}

#htb-gnav {
    background-color: #161D2C;
}
.ttl-page {
    background: #172033 url(https://www.huistenbosch.co.jp/htb-hotels_rakuten/customize-page/ha/images/bg_h1.png) no-repeat center top;
}



#htb-ha .ttl-line{
}

#htb-ha .ttl-line span:before,
#htb-ha .ttl-line span:after {
    background-color: #D3AC8B!important;
}

#htb-ha .btn {
    border: 1px solid #707070;
	background-color: transparent;
}

#htb-ha #recommend-plan {
    background: #160e08;
}
#htb-ha #recommend-plan .txt-ttl{
    background: #231a13;
	margin: 0 auto 1.5rem;
}
#htb-ha #recommend-plan .txt-underline:after {
    background: #D3AC8B;
}


#htb-ha .f-logo{
	background-size: contain;
    padding-top: 20%;
    background-color: transparent;
}



.ttl01 {
    border-top: 4px solid #333948;
}

.txt-detail{
    margin: 25px auto;
}
.txt-detail dl{
    text-align: left;
    line-height: 1.4;
}
.txt-detail dl dt{
    padding: 8px;
	background: #1c263c;
    font-weight: bold;
}
.txt-detail dl dd{
    padding: 8px;
}

#htb-ha  .tab-switch:checked+.tab-label {
    background: #161d2c;
}
#htb-ha  .tab-label {
    background: #333948;
    color: #ffffff;
margin-bottom: 5px;
}
#htb-ha .tab-wrap:after {
    background: #131b2c;
}
#htb-ha  .tab-label[for="TAB01-03"]  {
    margin-right: 0px;
}




.kv {
    margin-bottom: 0px;
}


.kv01,
.kv02,
.kv03{
    height:600px;
    background-position: center;
}
.kv01{
	background-image: url(../../ha/images/kv/01.jpg);
}
.kv02{
	background-image: url(../../ha/images/kv/02.jpg);
}
.kv03{
	background-image: url(../../ha/images/kv/03.jpg);
}

.hotel-logo{
	background-image: url(../../ha/images/main_logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 50%;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    display: blockw;
    width: 40%;
    margin: 0 auto;
}


/* トップホテル一覧
----------------------------------------*/
.hotel_list-iframe{
	height: 450px;
}


/* 感染予防
----------------------------------------*/

#htb-ha.prevention{
	    height: 1800px;
}


/* レストラン・バ―
----------------------------------------*/

#htb-ha.restaurant{
	    height: 1800px;
}



/* 薬室
----------------------------------------*/

.room-iframe {
    height: 3600px;
    display: block;
    z-index: 1;
}
.room-iframe.superior {
	height: 2000px;
}

.roomtype .main-img{
	padding-top: 40%;
}

.roomtype .sub-img{
	padding-top: 50%;
}

.roomtype .img-madori {
	background-size: 100%;
    background-color: transparent;
padding-top: 70%;
}


.roomtype ul.list li {
    margin-left: 20px;
    padding-left: 20px;
    list-style: none;
    display: inline-block;
    width: 40%;
    position: relative;
	vertical-align: top;
}

.if-roomtype {
    background: url(https://www.huistenbosch.co.jp/hotels/am/img/deluxe-designer/bg_01.png) repeat-x #18223a;
    padding: 0;
    margin: 0;
    text-align: center;
    padding:50px;
     position: relative;
}
.if-room-name {
    border-left: none;
    margin-bottom: 0;
    padding: 16px 20px;
    line-height: 23px;
    text-align: left;
    background: #2A3B63;
}
.if-room-name span {
    padding: 0px 10px;
}


.if-roomtype .room-img{
	padding-top: 50%;
}

.if-roomtype .layout-img {
    padding-top: 76%;
    background-size: contain;
}


.if-roomtype .slick-dots {
    bottom: -20px;
    width:100%;
}
.if-roomtype .slick-prev,.if-roomtype  .slick-next {
    zoom: 2;
}