@charset "UTF-8";
/*------------------------------------------------------------------------------
	Chuo Kanko Corporation. - ROOM CSS
	URL: http://kaneyamaen.sbs/
	Date: 2016-12-21
	Copyright (C) Chuo Kanko Corporation. All Rights Reserved.
------------------------------------------------------------------------------*/
/*==============================================================
　body#roomIndex : 客室一覧
===============================================================*/
body.room .facilityList{
	text-align:center;
	margin:70px 0 0;
}
body.room .facilityList li{
	margin:0 8px;
	display:inline-block;
}
body.room main .contentsBox h2{
	margin:0 auto;
	text-align:center;
}
body.room main .contentsBox h2 .mapName{
	display:block;
}
body.room .introArea figure {
    width: 36%;
    display: inline-block;
    padding: 0 4.8%;
}
body.room .introArea figure img{
	width:100%;
	height:auto;
}
body.room .introArea .boxR {
	width: 41%;
	padding-right: 4.8%;
	vertical-align: top;
	text-align: left;
	display: inline-block;
}
body.room .introArea .boxR .lead {
    font-family: "MyKokoro";
    font-size: 180%;
    margin: 41px 0;
}
body.room .introArea .boxR .sanri {
	margin-bottom:10px;
}
body.room main #branchArea,
body.room .introArea {
	padding: 0 0 3%;
	position: relative;
	margin-bottom: 6.4%;
	text-align: center;
}
body.room .introArea {
	padding:0;
}
body.room .introArea .leaf {
	margin-bottom: 2%;
}
body.room .introArea .lead {
	font-size: 150%;
	line-height: 2;
	margin-bottom: 0;
}
body.room .introArea .innerWidth {
	position: relative;
	z-index: 2;
}
body.room .introArea .sanri_more {
	padding-top: 30px;
}

body.room main #mapArea .deco,
body.room .introArea .deco {
	position: absolute;
}
body.room main #mapArea .pine01,
body.room .introArea .pine01 {
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
body.room main #mapArea .pine02,
body.room .introArea .pine02 {
	right: 0;
	bottom: 0;
}
body.room #visualArea .carousel{
	max-width:60%;
	margin:4% auto 6%;
	text-align:center;
}
body.room #visualArea .slick-prev,
body.room #visualArea .slick-next{
	margin-top:-15px;
}
body.room #visualArea .slick-track{
	margin:0 auto;
}
body.room #visualArea .slick-slide{
}
body.room main .roomBox {
	text-align: center;
	margin-bottom:14%;
}
body.room .roomplanBox h3{
	position:relative;
}
body.room .roomplanBox h3 span{
	position:relative;
	z-index:9;
	display:inline-block;
	padding:4px 10px;
	font-size:140%;
	font-weight:normal;
	font-family:"Mykokoro" , serif;
}
body.room main .roomBox h2 {
	position: relative;
	font-weight: normal;
	line-height: 1.2;
	background: url(../../room/img/bg_title_pine_lft.png) no-repeat left center, url(../../room/img/bg_title_pine_rgt.png) no-repeat right bottom;
	border: 1px solid #ffd164;
}
body.room main .roomBox h2 .eng {
	display: block;
	text-align: center;
	color: #f19a2a;
}
body.room main .roomBox h2 .restaurantName {
	letter-spacing: 5px;
}
body.room main .roomBox h2:after {
	display: block;
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	border: 1px solid #ffe4a4;
	width : -webkit-calc(100% - 4px);
	width : calc(100% - 4px);
	height : -webkit-calc(100% - 4px);
	height : calc(100% - 4px);
}
body.room main .roomBox .flexbox {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:3% 0 0;
}
body.room main .roomBox .textBox {
	width: 50%;
	text-align:left;
}
body.room main .roomBox .textBox h3{
	font-family:"Mykokoro" , serif;
	font-weight:normal;
	margin:0 0 4%;
	font-size:180%;
}
body.room main .roomBox .boxR {
	text-align:left;
	width: 48%;
}
body.room main .roomBox .color-btn{
	margin-top:4%;
}
body.room main .roomBox .floorPlan{
	margin:27px 0 10px;
}
body.room main .roomBox .carousel .slick-slide{
	margin:0 3px;
	cursor:pointer;
}
body.room main .roomBox .carousel .slick-slide img{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
body.room main .roomBox .carousel .slick-slide:hover img{
	opacity:0.7;
}
body.room main .roomBox .flex-box{
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
body.room main .roomBox .roomplanBox{
	margin-right:4%;
}
body.room main .roomBox .flex-box .specBox{
	text-align:left;
}
body.room main .roomBox .flex-box .specBox .lead{
	margin-bottom:13px;
}
body.room main .roomBox .flex-box .specBox .kome{
	font-size:90%;
	margin-bottom:14px;
}
body.room main .roomBox .flex-box .specBox .facList li{
	position:relative;
	padding-left:16px;
}
body.room main .roomBox .flex-box .specBox .facList li.ico_wifi{
    padding-left: 34px;
    background-position: 14px center;
}
body.room main .roomBox .flex-box .specBox .facList li:after{
	content:"";
	background:#f6f5f5;
	position:absolute;
	width:7px;
	height:13px;
	display:block;
	top:0;
	bottom:0;
	left:0;
	margin:auto 0;
}
body.room main .room-btn{
    color: #fff;
	font-size:120%;
    padding: 18px 14%;
    background: #707070 url(../img/bg_brown_paper.png) right top;
	position:relative;
}
body.room main .room-btn:after {
	display: block;
	content: "";
	position: absolute;
	top: 2px;
	left: 2px;
	border: 1px solid rgba(255,255,255,0.4);
	width : -webkit-calc(100% - 4px);
	width : calc(100% - 4px);
	height : -webkit-calc(100% - 4px);
	height : calc(100% - 4px);
}
body.room main .room-btn .arr{
	background:url(../img/ico/ico_arrow_nrw_wht_rgt.png) no-repeat right center;
}
body.room main #mapArea {
	margin-bottom:8%;
	text-align:center;
}
body.room main #mapArea #trigarFac{
	position:relative;
	display:inline-block;
	border:none;
	background: url(../img/ico/ico_arrow_down.png) no-repeat center bottom;
	outline:none;
	padding:0 0 20px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
body.room main #mapArea #trigarFac.action{
}
body.room main #mapArea #trigarFac.action img{
}
body.room main #mapArea figure{
	text-align:center;
	margin:0 0;
}

body.room #mapArea .textBox{
	width:43%;
	padding:0 3%;
}
body.room #mapArea h2{
	width:100%;
	padding-bottom:15px;
}
body.room main #planArea{
	margin-bottom:8%;
}
body.room main #branchArea{
	margin-bottom:4%;
}
body.room main #planArea h2,
body.room main #branchArea h2{
	margin-bottom:4%;
}
body.room main #branchArea .flexbox{
	display: -webkit-flex;
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:3%;
}
body.room main #branchArea .flexbox .roomLink{
	width:25%;
	padding:3px;
}
body.room main #branchArea .flexbox .roomLink p{
	line-height:1;
   width : calc(100% - 83px);
}
body.room main #branchArea .roomName{
	font-family:"Mykokoro" , serif;
	padding-right:23px;
	margin-bottom:7px;
	display:inline-block;
	background:url(../img/ico/ico_arrow_blk_rgt.png) no-repeat right center;
	background-size:auto 62% !important;
}
body.room main #branchArea .roomName_gvjs{
	font-family:"Mykokoro" , serif;
	padding-right:23px;
	margin-bottom:7px;
	display:inline-block;
	background:url(../img/ico/ico_arrow_blk_rgt.png) no-repeat right center;
	background-size:auto 31% !important;
}
body.room main #branchArea a span{
	display:block;
}
body.room main #branchArea a .scale{
	text-align:center;
	font-size:83%;
    color: #9e9a95;
	display:block;
	margin:5px 0;
}
body.room main #branchArea a .copy{
	font-size:87%;
	line-height:1.3;
}
body.room main #branchArea .flexbox .wide-btn{
	width:50%;
}
body.room main #branchArea .flexbox .three-division{
	width:33.3%;
}
body.room main #branchArea .flexbox a{
	color:#544f49;
    border: 1px solid #ded7ce;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content:flex-start;
	padding:4px;
	background:#fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
body.room main #branchArea .flexbox a:hover{
	opacity:0.6;
}
body#informationAccess main h2{
	display: inline-block;
    font-weight: normal;
    line-height: 1.2;
    padding: 20px 85px;
    background: url(../img/bg_cloud_lft_s.png) no-repeat left center, url(../img/bg_cloud_rgt_s.png) no-repeat right bottom;
	background-color:#fff;
    border: 1px solid #b3a492;
}

body.room{
    .plan_btns{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        margin-top: 30px;
        font-family: 'MyKokoro';
        .btn{
            display: block;
            position: relative;
            line-height: 1;
            padding: 1.2em;
            border: 1px solid currentColor;
            font-size: 110%;
            width: min(100%, 460px);
            text-align: center;
            color: inherit;
            &::after{
                content: '';
                display: block;
                mask: url(../img/ico/ico_arrow_blk_rgt-thn.png) no-repeat center / contain;
                background-color: currentColor;
                aspect-ratio: 11/8;
                width: 11px;
                position: absolute;
                top: 50%;
                right: 12px;
                transform: translateY(-50%);
            }
            @media (any-hover:hover){
                transition: opacity 0.2s ease;
                &:hover{
                    opacity: 0.6;
                }
            }
        }
    }
    &#roomKihin{
        .plan_btns {
            color: #ebe6e5;
        }
    }
}
/*客室分岐-----------------------------------------------------------------------------------------*/
body#roomIndex #branchArea {
	margin:0 0 4%;
}
body#roomIndex #branchArea a{
	color:#544f49;
    padding: 3.1%;
	display:block;
}
body#roomIndex #branchArea a.externalLink{
	background:none;
}
body#roomIndex #branchArea .culum3,
body#roomIndex #branchArea .culum2{
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
}
body#roomIndex #branchArea .culum2 div{
	width:49%;
	margin:0 1% 4%;
}
body#roomIndex #branchArea .culum3 div{
	width : -webkit-calc(100% / 3) ;
   width : calc(100% / 3) ;
	margin-bottom:2%;
}
body#roomIndex #branchArea .culum3 div#sasa {
    background: #901d18;
}
body#roomIndex #branchArea .culum3 div#sasa .text,
body#roomIndex #branchArea .culum3 div#sasa a{
	color:#ebe6e5;
}
body#roomIndex #branchArea .culum3 div#sasa .scale{
	color:#a7965f;
}
body#roomIndex #branchArea .photo{
	background:#000;
}
body#roomIndex #branchArea .photo img{
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display:block;
	width:100%;
	height:auto;
}
body#roomIndex #branchArea a:hover .photo img{
	opacity:0.85;
}
body#roomIndex #branchArea .color-btn .arr{
	line-height:0.6;
}
body#informationPublicIndex #karaokeArea .culum3 li{
	width:31%;
}
body#roomIndex #branchArea .culum3 div .photo{
	width:100%;
	overflow:hidden;
	display:block;
	margin-bottom:5px;
}
body#roomIndex #branchArea .color-btn{
	width:89%;
	text-align:center;
	display:block;
	padding:8px 6%;
	margin:3% auto;
}
body#roomIndex #branchArea div .photo{
	position:relative;
}

body#roomIndex #branchArea h3:before,
body#roomIndex #branchArea h3:after{
	height:5px;
	display:none;
	background:none;
}
body#roomIndex #branchArea h3 span{
	padding:0 10px;
	white-space:nowrap;
}
body#roomIndex #branchArea .text{
	text-align:center;
	color:#544f49;
}
body#roomIndex #branchArea .scale{
	text-align:center;
	font-size:83%;
    color: #9e9a95;
}
body#roomIndex #branchArea div h3{
	font-size:140%;
	font-weight:normal;
	text-align:center;
	font-family:"Mykokoro" , serif;
	margin:2.2% 0 0;
}
body#roomIndex #branchArea #sasaBox{
    border: 1px solid #ded7ce;
	width:70%;
	margin:4% auto 6%;
}
body#roomIndex #branchArea #sasaBox a{
	display: -webkit-flex;
	display: flex;justify-content: flex-start;
	align-items: center;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
body#roomIndex #branchArea #sasaBox figure{
	width:36%;
}
body#roomIndex #branchArea #sasaBox .boxR{
	width:64%;
	padding-left:7%;
	background:url(../img/ico/ico_arrow_blk_rgt.png) no-repeat 85% center;
}
body#roomIndex #branchArea #sasaBox .logo{
	width:50%;
}
body#roomIndex #branchArea #sasaBox img{
	display:block;
	width:100%;
	height:auto;
}
body#roomIndex #branchArea #sasaBox a:hover {
	opacity:0.75;
}
body#roomIndex #branchArea #sasaBox p{
	font-size:140%;
	font-weight:normal;
	font-family:"Mykokoro" , serif;
	margin:2.2% 0;
}


body#roomMiyama .introArea .boxR .lead{
	white-space:nowrap;
}
/*--------------------------------------------------------------
　body#roomYuraku : ゆらく山彦亭
----------------------------------------------------------------*/
body#roomYuraku .title-image h2{
	margin-bottom:4.4%;
}
/*--------------------------------------------------------------
　body#roomSeseragi4 : 細流亭4号館
----------------------------------------------------------------*/
body#roomSeseragi4 #headline h1:after{
	display:none;
}
body#roomSeseragi4 .title-image{
	margin-bottom:4%;
}
/*--------------------------------------------------------------
　body#roomKihin : 貴賓室
----------------------------------------------------------------*/
body#roomKihin main{
	background:#fff;
	color:#ebe6e5;
}
body#roomKihin main #branchArea .flexbox a{
	background:none;
	color:#f6f5f5;
}
body#roomKihin main #branchArea .scale{
	color:#dddbd5;
}
body#roomKihin main #branchArea .roomName{
	background-image:url(../img/ico/ico_arrow_wht_rgt-thn.png);
}
body#roomKihin #visualArea .color-btn.blk-btn,
body#roomKihin main .contentsBox .color-btn.blk-btn{
	border-color:#f6f5f5;
	background:none;
}
body#roomKihin #visualArea .color-btn.blk-btn .arr,
body#roomKihin main .contentsBox .color-btn.blk-btn .arr{
	color:#f6f5f5;
	background-image:url(../img/ico/ico_arrow_wht_rgt-thn.png);
}
body#roomKihin #visualArea{
	margin-bottom:8%;
}

body#roomKihin #movieTitle,
body#roomKihin main{
	background:#272d32;
}
body#roomKihin #movieTitle{
	padding-top:0px;
	margin-top:40px;
	margin-bottom:0;
	color:#ebe6e5;
}
body#roomKihin .pan span,
body#roomKihin .pan a{
	color:#56483a;
}
body#roomKihin #movieTitle + .innerWidth .pan {
    top: -28px;
}
body#roomKihin #fixReserve{
	height:0;
}
body#roomKihin #fixReserve.open{
	height:100%;
}
body#roomKihin .deco{
	display:none;
}
body#roomKihin header{
	background:#fff;
}

body#roomKihin .slick-prev {
    background-image: url(../img/ico/ico_arrow_nrw_gld_lft.png);
}
body#roomKihin .slick-next {
    background-image: url(../img/ico/ico_arrow_nrw_gld_rgt.png);
}
body#roomKihin main h2 .eng,
body#roomKihin main h2,
body#roomKihin #pageTitle{
	color:#d3c398;
}
body#roomKihin main h2:after{
	display:none;
}
body#roomKihin main h2{
	border:none;
    margin: 0 auto;
	background:url(../img/ico/ico_fuji_lrg_brush.png) no-repeat center top;
    text-align: center;
}
body#roomKihin .contactArea{
	background:#fff;
	color:#55514d;
}
body#roomKihin #branchArea,
body#roomKihin .bg-dbr{
	background:url(../../room/img/kihin/bg_d-brown_paper.png);
    padding: 4% 0 3%;
    position: relative;
    margin-bottom: 6.4%;
    text-align: center;
}
body#roomKihin #branchArea{
	margin-bottom:0;
}
body#roomKihin .introArea .pine01 {
    left: 0;
    top: 0;
	bottom:auto;
}
body#roomKihin #branchArea:after,
body#roomKihin #branchArea:before,
body#roomKihin #wrapper .bg-dbr:after,
body#roomKihin #wrapper .bg-dbr:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
	background:#e6d67d;
    background-size: 100% auto;
    position: absolute;
}
body#roomKihin #branchArea:after,
body#roomKihin #wrapper .bg-dbr:after{
    bottom: 0px;
}
body#roomKihin #branchArea:before,
body#roomKihin #wrapper .bg-dbr:before{
    top: 0px;
}

body#roomKihin .introArea .boxR .lead.bdr-R:after{
	display:none;
}
body#roomKihin .introArea figure{
	width:36%;
}

body#roomKihin #mapArea #trigarFac{
	margin:0;
	background:none;
}
body#roomKihin #mapArea #trigarFac .arr{
	color:#e0e0df;
	background:url(../img/ico/ico_arrow_wht_rgt-thn.png) no-repeat right 0.7em;
}
body#roomKihin main #mapArea #trigarFac {
    background: url(../img/ico/ico_arrow_down_wht.png) no-repeat center bottom;
}
body#roomKihin main .postList li a{

    color: #ebe6e5;
}
body#roomKihin main .acc-btn{
	background:rgba(246,245,245,0.18) url(../img/ico/ico_arrow_down_wht.png) no-repeat center center;
}