@charset "UTF-8";
/* ===================================================
	Guest Room CSS
====================================================== */

/* ---------------------------------------------------
Box Siblings
------------------------------------------------------ */
.box_siblings{ display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; border-bottom: solid 1px #e7e0dd; margin: 50px auto 130px; width: 580px; text-align: center;}
.box_siblings .note{ width: 100%; margin: 0 0 50px; font-size: 16px; line-height: 1.1; color: #c23e6c;}
.box_siblings .tit,
.box_siblings a{ display: block; width: 275px; margin: 0; padding: 150px 0 25px; color: #603219; background-repeat: no-repeat; background-position: left top; position: relative; font-size: 18px; line-height: 1.1;}
.box_siblings .tit::before{ content: ""; display: block; width: 275px; height: 3px; background: #bcaf96; position: absolute; bottom: -2px; left: 0;}
.box_siblings a{ opacity: 0.3; transition: opacity 0.5s;}
.box_siblings a:hover{ text-decoration: none; opacity: 1;}
.box_siblings #id1{ background-image: url("../../room/img/siblings_img_01.webp");}
.box_siblings #id2{ background-image: url("../../room/img/siblings_img_02.webp");}

@media screen and (max-width: 600px) {
.box_siblings{ margin: 30px auto 50px; width: 90%;}
.box_siblings .note{ margin: 0 0 30px; font-size: 15px;}
.box_siblings .tit,
.box_siblings a{ width: 48%; padding: 100px 0 10px; font-size: 16px; background-size: auto 90px;}
.box_siblings .tit::before{ width: 100%;}
}

/* ---------------------------------------------------
Box Local Navigation
------------------------------------------------------ */
.box_lnav{ text-align: center; padding: 50px 0 90px;}
.box_lnav .txt_01{ margin: 0 0 50px; display: inline-block; font-size: 16px; line-height: 1.1; color: #c23e6c; position: relative; }
.box_lnav .lnav{ display: flex; justify-content: center; align-items: stretch;}
.box_lnav .lnav li{ width: 290px; margin: 0 5px;}
.box_lnav .lnav li a{ display: flex; justify-content: center; align-items: center; font-size: 18px; line-height: 1.6; height: 100px; width: 100%; border-top: solid 3px #dfd6d1; position: relative; padding: 0 0 10px;}
.box_lnav .lnav li a::after{ content: ""; display: block; width: 8px; height: 8px; border-bottom: solid 3px #dfd6d1; border-right: solid 3px #dfd6d1; transform: rotate(45deg); position: absolute; bottom: 15px; left: 0; right: 0; margin: 0 auto; transition: bottom 0.5s;}
.box_lnav .lnav li a:hover{ text-decoration: none;}
.box_lnav .lnav li a:hover::after{ bottom: 10px;}

@media screen and (max-width: 600px) {
.box_lnav{ padding: 30px 0;}
.box_lnav .txt_01{ margin: 0 5% 20px; line-height: 1.5; text-align: left;}
.box_lnav .lnav{ flex-direction: column; width: 90%; margin: 0 auto; border-bottom: solid 1px #dfd6d1;}
.box_lnav .lnav li{ width: 100%; margin: 0;}
.box_lnav .lnav li a{ font-size: 16px; line-height: 1.4; height: 60px; border-top: solid 1px #dfd6d1; padding: 0;}
.box_lnav .lnav li a::after{ width: 8px; height: 8px; border-bottom: solid 2px #dfd6d1; border-right: solid 2px #dfd6d1; top: 0; bottom: 0; left: inherit; right: 15px; margin: auto 0;}
.box_lnav .lnav li a:hover::after{ bottom: 3px;}
}

/* ---------------------------------------------------
Section Index Type 01
------------------------------------------------------ */
.sec_index_01{ background: #f3efe9; padding: 100px 0;}
.sec_index_01:nth-of-type(2n){ background: #fff; }
.sec_index_01 a{ display: block;}
.sec_index_01 a:hover{ text-decoration: none;}
.sec_index_01 .inner_md{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.sec_index_01 .tit_01{ width: 100%; line-height: 1.6; }
.sec_index_01 .tit_01 .sub{ font-size: 24px;}
.sec_index_01 .tit_01 .main{ font-size: 35px;}
.sec_index_01 .tit_01 .en{ padding: 0;}
.sec_index_01 .txt_01{ padding: 20px 0 0; width: 100%; font-size: 24px; line-height: 1.7; text-align: center; opacity: 0.7;}
.sec_index_01 .sec_in{ width: 48.3%; max-width: 580px; margin: 60px 0 0;}
.sec_index_01 .box_img_tit{ position: relative; }
.sec_index_01 .box_img_tit .tit_02{ position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center; color: #fff; z-index: 2;}
.sec_index_01 .box_img_tit .tit_02 .sub,
.sec_index_01 .box_img_tit .tit_02 .main{ display: block;}
.sec_index_01 .box_img_tit .tit_02 .sub{ font-size: 16px;}
.sec_index_01 .box_img_tit .tit_02 .main{ font-size: 28px;}
.sec_index_01 .box_img_tit img{ width: 100%; height: auto; position: relative; z-index: 1;}
.sec_index_01 .txt_02{ font-size: 15px; line-height: 1.5; opacity: 0.7; padding: 20px 0 0;}
.sec_index_01 .note_01{ display: block; width: 100%; font-size: 13px; line-height: 1.5; opacity: 0.7; text-align: center; padding: 50px 0 0;}

@media screen and (max-width: 600px) {
.sec_index_01{ padding: 50px 0;}
.sec_index_01 .inner_md{ flex-direction: column;}
.sec_index_01 .tit_01{ width: 100%; line-height: 1.6; }
.sec_index_01 .tit_01 .sub{ font-size: 20px;}
.sec_index_01 .tit_01 .main{ font-size: 28px;}
.sec_index_01 .txt_01{ padding: 10px 0 0; font-size: 20px; line-height: 1.7; text-align: center;}
.sec_index_01 .sec_in{ width: 100%; max-width: 100%; margin: 30px 0 0;}
.sec_index_01 .box_img_tit .tit_02{ bottom: 20px;}
.sec_index_01 .box_img_tit .tit_02 .sub{ font-size: 14px;}
.sec_index_01 .box_img_tit .tit_02 .main{ font-size: 24px;}
.sec_index_01 .txt_02{ font-size: 14px; line-height: 1.5; padding: 10px 0 0;}
.sec_index_01 .note_01{ font-size: 12px; line-height: 1.5; text-align: center; padding: 20px 0 0;}
}

/* ---------------------------------------------------
Section Detail
------------------------------------------------------ */
.sec_detail_01{ padding: 100px 0; }
.sec_detail_01 .tit_01{ display: block; line-height: 1.4;}
.sec_detail_01 .tit_01 .floor{ display: inline-block; border: solid 1px #dfd6d1; padding: 10px 30px; font-size: 15px; line-height: 1; color: rgba(96,50,25,0.7); margin: 0 0 20px;}
.sec_detail_01 .tit_01 .sub{ font-size: 28px;}
.sec_detail_01 .tit_01 .main{ font-size: 35px;}
.sec_detail_01 .tit_01 .en{ padding: 10px 0 50px;}
.sec_detail_01 .txt_01{ text-align: center; font-size: 16px; line-height: 1.9; padding: 20px 0 40px;}
.sec_detail_01 .tbl_01{ width: 100%; margin: 0 0 30px;}
.sec_detail_01 .tbl_01 caption{ font-size: 13px; text-align: left; color: #e78c67; background: #E78C67; background: linear-gradient(to right, #E78C67 0%, #C88BCA 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 0.16em; padding: 0 0 15px; display: inline-block;}
.sec_detail_01 .tbl_01 tbody{ border-top: solid 1px #dfd6d1;}
.sec_detail_01 .tbl_01 th,
.sec_detail_01 .tbl_01 td{ padding: 15px 30px; font-size: 15px; line-height: 2; text-align: left; vertical-align: top; border-bottom: solid 1px #dfd6d1;}
.sec_detail_01 .tbl_01 th{ width: 20%; font-weight: 700; background: #f8f5f2; }
.sec_detail_01 .tbl_01 td{ width: 80%;}
.sec_detail_01 .note_01{ font-size: 14px; line-height: 2; opacity: 0.7;}
.sec_detail_01 .box_btns{ display: flex; justify-content: center;}
.sec_detail_01 .btn_01{ margin: 10px auto 0;}
.sec_detail_01 .box_btns .btn_01{ margin: 10px 10px 0;}

@media screen and (max-width: 600px) {
.sec_detail_01{ padding: 50px 0; }
.sec_detail_01 .tit_01 .floor{ padding: 10px 30px; font-size: 13px; margin: 0 0 10px;}
.sec_detail_01 .tit_01 .sub{ font-size: 20px;}
.sec_detail_01 .tit_01 .main{ font-size: 28px;}
.sec_detail_01 .tit_01 .en{ padding: 10px 0 20px;}
.sec_detail_01 .txt_01{ text-align: left; font-size: 15px; line-height: 1.7; padding: 10px 0 20px;}
.sec_detail_01 .tbl_01{ margin: 0 0 20px; display: block; box-sizing: border-box;}
.sec_detail_01 .tbl_01 caption{ font-size: 13px; letter-spacing: 0.16em; padding: 0 0 10px;}
.sec_detail_01 .tbl_01 tr{ display: block;}
.sec_detail_01 .tbl_01 th,
.sec_detail_01 .tbl_01 td{ display: block; padding: 10px; font-size: 14px; line-height: 1.7; box-sizing: border-box;}
.sec_detail_01 .tbl_01 th{ width: 100%; border-bottom: none;}
.sec_detail_01 .tbl_01 td{ width: 100%;}
.sec_detail_01 .note_01{ font-size: 13px; line-height: 1.7;}
.sec_detail_01 .box_btns{ flex-direction: column;}
.sec_detail_01 .btn_01{ margin: 20px 0 0; width: 100%;}
.sec_detail_01 .box_btns .btn_01{ margin: 20px 0 0;}
}

/* ---------------------------------------------------
Section Room Type List
------------------------------------------------------ */
.sec_roomtype_01{ padding: 100px 0; background: #f3efe9; }
.sec_roomtype_01 .tit_01{ text-align: center; font-size: 28px; line-height: 1; padding: 0 0 50px; opacity: 0.7; letter-spacing: 0.1em;}
.sec_roomtype_01 .box_types{ display: flex; justify-content: space-between;}
.sec_roomtype_01 .box_types dl{ width: 19.5%; max-width: 270px; display: flex; flex-direction: column;}
.sec_roomtype_01 .box_types dt{ margin: 0 0 10px;}
.sec_roomtype_01 .box_types dt .thumb{ display: block;}
.sec_roomtype_01 .box_types dt .thumb img{ width: 100%; height: auto;}
.sec_roomtype_01 .box_types dt .tit{ display: flex; flex-direction: column; align-items: center; justify-content: center; height: 90px; font-size: 20px; line-height: 1.4; padding: 0; text-align: center; border-bottom: solid 1px #d6c9bf;}
.sec_roomtype_01 .box_types dt .tit span{ display: block;}
.sec_roomtype_01 .box_types dt .tit small{ display: block; font-size: 14px;}
.sec_roomtype_01 .box_types dd{ padding: 10px 0; text-align: center; font-size: 16px; line-height: 1.5;}
.sec_roomtype_01 .btn_01{ margin: 30px auto 0;}
.sec_roomtype_01 .btn_01.cmn_btn_03 a::after{ background: #fff; }

@media screen and (max-width: 600px) {
.sec_roomtype_01{ padding: 50px 0;}
.sec_roomtype_01 .tit_01{ text-align: center; font-size: 22px; line-height: 1; padding: 0 0 20px; opacity: 0.7; letter-spacing: 0.1em;}
.sec_roomtype_01 .box_types{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sec_roomtype_01 .box_types dl{ width: 48%; max-width: 48%; display: flex; flex-direction: column; margin: 0 0 20px;}
.sec_roomtype_01 .box_types dt{ margin: 0 0 10px;}
.sec_roomtype_01 .box_types dt .tit{ height: 60px; font-size: 16px; line-height: 1.4;}
.sec_roomtype_01 .box_types dt .tit small{ font-size: 12px;}
.sec_roomtype_01 .box_types dd{ padding: 5px 0; font-size: 14px; line-height: 1.5;}
.sec_roomtype_01 .btn_01{ margin: 0; width: 100%;}
}

/* ---------------------------------------------------
客室追加
------------------------------------------------------ */
#sec_05 .inner_md{ display: flex; flex-wrap: wrap; justify-content: center;}
/* #sec_02 .sec_in{width: 33%;} */
#sec_03 { display: flex; width: 90%; max-width: 1200px; margin: 0 auto;}
#sec_03 .inner_md{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 66.6%;}
#sec_03 .inner_md:last-child{ display: initial; width: initial; width: 33.3%;}
#sec_03 .inner_md:last-child .sec_in{ width: 99%; margin-left: 6px;}
#sec_03 .sec_in{ width: 49.5%;}

@media screen and (max-width: 600px) {
#sec_02 .sec_in,
#sec_03 .sec_in{ width: initial;}
#sec_03 { display: initial; width: initial;}
#sec_03 .inner_md,
#sec_03 .inner_md:last-child .sec_in{ width: 90%;}
#sec_03 .inner_md:last-child .sec_in{ margin: 30px auto;}
#sec_03 .tit_01{ padding: 50px 0 0;}
}

/*Current*/
.room_01 .sec_roomtype_01 .box_types dd.room_01 a,
.room_02 .sec_roomtype_01 .box_types dd.room_02 a,
.room_03 .sec_roomtype_01 .box_types dd.room_03 a,
.room_04 .sec_roomtype_01 .box_types dd.room_04 a,
.room_05 .sec_roomtype_01 .box_types dd.room_05 a,
.room_06 .sec_roomtype_01 .box_types dd.room_06 a,
.room_07 .sec_roomtype_01 .box_types dd.room_07 a,
.room_08 .sec_roomtype_01 .box_types dd.room_08 a,
.room_09 .sec_roomtype_01 .box_types dd.room_09 a{ color: #c23e6c; }

/* ---------------------------------------------------
2025/08/27　離れ・本館を分割
------------------------------------------------------ */
/*Wrapper*/
.wrap_03{ background: #f3efe9;}

/*Section Lead*/
.sec_lead{ padding: 0 0 50px;}
.sec_lead .img_01{ width: 100%; margin: 0 0 80px;}
.sec_lead .img_01 img{ width: 100%; height: auto;}
.sec_lead .box_copy{ display: flex; flex-direction: row-reverse; justify-content: center; align-items: flex-start; position: relative;}
.sec_lead .box_copy .en{ font-size: 12px; color: #c6b37f; transform: rotate(90deg); transform-origin: left bottom; margin: -1.6em 0 0 0; position: absolute; top: 0; left: calc( 50% + 9em ); width: 9em;}
.sec_lead .box_copy .tit{ font-size: 36px; color: #603219; margin: 0 0 0 40px;}
.sec_lead .box_copy .txt{ font-size: 20px; color: #92796f;}
.sec_lead .list_btns{ display: flex; justify-content: space-between; margin: 80px auto 0;}
.sec_lead .list_btns li{ width: 48%;}
.sec_lead .list_btns li a{ position: relative; width: 100%; height: auto; color: #fff; display: block;}
.sec_lead .list_btns li a::before,
.sec_lead .list_btns li a::after{ content: ""; display: block; transition: bottom 0.5s;}
.sec_lead .list_btns li a::before{ width: 40px; height: 40px; border-radius: 40px; position: absolute; bottom: -20px; left: calc( 50% - 20px ); z-index: 10;}
.sec_lead .list_btns li a:hover::before{ bottom: -25px;}
.sec_lead .list_btns li.hana a::before{ background: #e3d8ba;}
.sec_lead .list_btns li.sora a::before{ background: #d8dde6;}
.sec_lead .list_btns li a::after{ width: 10px; height: 10px; transform: rotate(45deg); position: absolute; bottom: -4px; left: calc( 50% - 6px ); z-index: 11;}
.sec_lead .list_btns li a:hover::after{ bottom: -9px;}
.sec_lead .list_btns li.hana a::after{ border-bottom: solid 2px #ae985f; border-right: solid 2px #ae985f;}
.sec_lead .list_btns li.sora a::after{ border-bottom: solid 2px #8494ae; border-right: solid 2px #8494ae;}
.sec_lead .list_btns img{ position: relative; z-index: 1; width: 100%; height: auto;}
.sec_lead .list_btns .meal{ position: absolute; top: 0; right: 0; z-index: 2; background: #3d2518; font-size: 13px; line-height: 1.1; padding: 10px 15px;}
.sec_lead .list_btns .box_in{ position: absolute; bottom: 50px; left: 0; z-index: 3; width: 100%; text-align: center;}
.sec_lead .list_btns .floor{ background: rgba(255,255,255,0.3); font-size: 14px; line-height: 1.1; padding: 10px 15px; display: inline-block;}
.sec_lead .list_btns .name{ font-size: 36px;}
.sec_lead .list_btns .en{ font-size: 11px; opacity: 0.6;}
.sec_lead .list_btns .txt{ font-size: 16px; padding: 20px 0 0;}

@media screen and (max-width: 600px) {
.sec_lead{ padding: 0 0 20px;}
.sec_lead .img_01{ margin: 0 0 30px;}
.sec_lead .box_copy .en{ font-size: 12px; left: calc( 50% + 7em ); width: 9em;}
.sec_lead .box_copy .tit{ font-size: 30px; margin: 0 0 0 20px;}
.sec_lead .box_copy .txt{ font-size: 18px;}
.sec_lead .list_btns{ margin: 30px auto 0;}
.sec_lead .list_btns img{ height: 220px; object-fit: cover; /*filter: brightness(0.7);*/}
.sec_lead .list_btns .meal{ font-size: 9px; line-height: 1.1; padding: 5px 10px;}
.sec_lead .list_btns .box_in{ bottom: 30px;}
.sec_lead .list_btns .floor{ font-size: 10px; padding: 5px 10px;}
.sec_lead .list_btns .name{ font-size: 26px;}
.sec_lead .list_btns .en{ font-size: 10px; opacity: 0.6;}
.sec_lead .list_btns .txt{ font-size: 12px; padding: 10px 0 0;}
}

/*Section Hanare*/
.sec_hanare{ padding: 100px 0 0;}
.sec_hanare .tit{ display: block; line-height: 1.4; text-align: center;}
.sec_hanare .tit .floor{ display: inline-block; padding: 10px 30px; font-size: 15px; line-height: 1; color: #fff; margin: 0 0 20px;}
.sec_hanare#hana .tit .floor{ background: #c1b390;}
.sec_hanare#sora .tit .floor{ background: #9ea7b6;}
.sec_hanare .tit .sub{ font-size: 28px;}
.sec_hanare .tit .main{ font-size: 35px;}
.sec_hanare .tit .en{ font-size: 13px; padding: 10px 0 50px;}
.sec_hanare#hana .tit .en{ color: #c1b390;}
.sec_hanare#sora .tit .en{ color: #92a0b6;}
.sec_hanare .box_slide{ line-height: 0;}
.sec_hanare .box_slide .slick-dots{ bottom: 10px;}
.sec_hanare .box_slide .slick-dots li.slick-active button:before{ color: #fff !important; font-size: 10px !important;}
.sec_hanare#hana .box_imgs { display: grid; grid-template-columns: 700px 470px; grid-template-rows: 310px 460px; grid-column-gap: 30px; grid-row-gap: 30px; }
.sec_hanare#hana .box_imgs .img_01 { grid-area: 1 / 1 / 3 / 2;}
.sec_hanare#hana .box_imgs .img_02 { grid-area: 1 / 2 / 2 / 3;}
.sec_hanare#hana .box_imgs .img_03 { grid-area: 2 / 2 / 3 / 3;}
.sec_hanare#sora .box_imgs { display: grid; grid-template-columns: 700px 470px; grid-template-rows: 390px 110px 350px; grid-column-gap: 30px; grid-row-gap: 30px; }
.sec_hanare#sora .box_imgs .img_01 { grid-area: 1 / 1 / 3 / 2; }
.sec_hanare#sora .box_imgs .img_02 { grid-area: 3 / 1 / 4 / 2; }
.sec_hanare#sora .box_imgs .img_03 { grid-area: 1 / 2 / 2 / 3; }
.sec_hanare#sora .box_imgs .img_04 { grid-area: 2 / 2 / 4 / 3; }
.sec_hanare .box_imgs img{ width: 100%; height: auto;}
.sec_hanare .box_data{ display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; padding: 70px 0 0;}
.sec_hanare .box_data .txt_01{ width: 700px;}
.sec_hanare .box_data .btn_01{ width: 470px; margin: 0; }
.sec_hanare .box_data .btn_01 a{ padding: 25px 0;}
.sec_hanare .box_data .tbl_01{ width: 100%; margin: 70px 0 0;}
.sec_hanare .box_data .tbl_01 tbody{ border-top: solid 1px #dfd6d1;}
.sec_hanare .box_data .tbl_01 th,
.sec_hanare .box_data .tbl_01 td{ padding: 15px 30px; font-size: 15px; line-height: 2; text-align: left; vertical-align: top; border-bottom: solid 1px #dfd6d1;}
.sec_hanare .box_data .tbl_01 th{ width: 20%; font-weight: 700; background: #f8f5f2; }
.sec_hanare .box_data .tbl_01 td{ width: 80%;}

@media screen and (max-width: 600px) {
.sec_hanare{ padding: 50px 0 0;}
.sec_hanare .tit{ display: block; line-height: 1.4; text-align: center;}
.sec_hanare .tit .floor{ padding: 10px 30px; font-size: 13px; margin: 0 0 10px;}
.sec_hanare .tit .sub{ font-size: 20px;}
.sec_hanare .tit .main{ font-size: 28px;}
.sec_hanare .tit .en{ padding: 10px 0 20px;}
.sec_hanare#hana .box_imgs { display: grid; grid-template-columns: 58.3% 39.1%; grid-template-rows: 38.75% 57.5%; grid-column-gap: 2.5%; grid-row-gap: 3.75%; }
.sec_hanare#sora .box_imgs { display: grid; grid-template-columns: 58.3% 39.1%; grid-template-rows: 42.8% 12.08% 38.4%; grid-column-gap: 2.5%; grid-row-gap: 4.5%; }
.sec_hanare .box_data{ padding: 30px 0 0;}
.sec_hanare .box_data .txt_01{ width: 100%;}
.sec_hanare .box_data .btn_01{ width: 100%; margin: 20px 0 0; }
.sec_hanare .box_data .btn_01 a{ padding: 15px 0;}
.sec_hanare .box_data .tbl_01{ margin: 20px 0 0; display: block; box-sizing: border-box;}
.sec_hanare .box_data .tbl_01 tbody,
.sec_hanare .box_data .tbl_01 tr{ display: block;}
.sec_hanare .box_data .tbl_01 th,
.sec_hanare .box_data .tbl_01 td{ display: block; padding: 10px; font-size: 14px; line-height: 1.7; box-sizing: border-box;}
.sec_hanare .box_data .tbl_01 th{ width: 100%; border-bottom: none;}
.sec_hanare .box_data .tbl_01 td{ width: 100%;}
}

/*Block In-Room*/
.box_inroom{ background: #382c26; color: #ccbbb2; display: flex; justify-content: space-between; align-items: center; padding: 50px; margin: 60px 0 0;}
.box_inroom .box_img{ width: 300px; position: relative;}
.box_inroom .box_img img{ width: 100%; height: auto;}
.box_inroom .box_img span{ position: absolute; top: 0; left: 0; font-size: 13px; background: rgba(247,245,241,0.9); color: #000; padding: 5px 10px;}
.box_inroom .box_txt{ width: 730px;}
.box_inroom .box_txt .txt_01{ font-size: 25px; line-height: 1.4; padding: 0 0 20px;}
.box_inroom .box_txt .txt_02{ font-size: 15px; line-height: 1.7; }
.box_inroom .box_txt .btn_01{ width: 260px; margin: 0 0 0 auto; font-size: 15px;}
.box_inroom .box_txt .btn_01 a{ color: #ccbbb2; padding: 10px 0;}
.box_inroom .box_txt .btn_01 a:hover{ color: #382c26;}

@media screen and (max-width: 600px) {
.box_inroom{ background: #382c26; color: #ccbbb2; display: flex; justify-content: space-between; align-items: center; padding: 5%; margin: 30px 0 0; flex-direction: column;}
.box_inroom .box_img{ width: 100%; position: relative;}
.box_inroom .box_img span{ position: absolute; top: 0; left: 0; font-size: 12px; background: rgba(247,245,241,0.9); color: #000; padding: 5px 10px;}
.box_inroom .box_txt{ width: 100%;}
.box_inroom .box_txt .txt_01{ font-size: 20px; padding: 15px 0 10px; text-align: center;}
.box_inroom .box_txt .txt_02{ font-size: 14px; line-height: 1.7; }
.box_inroom .box_txt .btn_01{ width: 260px; margin: 10px auto 0; font-size: 14px;}
.box_inroom .box_txt .btn_01 a{ color: #ccbbb2; padding: 10px 0;}
.box_inroom .box_txt .btn_01 a:hover{ color: #382c26;}
}

/*Section Equipment*/
.sec_equipment{ padding: 100px 0;}
.sec_equipment .tit{ display: block; line-height: 1.4; text-align: center; padding: 0 0 50px;}
.sec_equipment .tit .sub{ font-size: 20px; display: block; padding: 0 0 10px;}
.sec_equipment .tit .main{ font-size: 36px; display: block;}
.sec_equipment .box_slide{ background: #d0c5b0; padding: 100px 100px 70px; margin-bottom: 60px !important;}
.sec_equipment .box_slide .slick-slide{ width: 460px; margin: 0 20px; text-align: center;}
.sec_equipment .box_slide .slick-dots{ position: static; margin: 40px 0 0;}
.sec_equipment .box_slide .slick-dots li button:before{ color: #fff !important;}
.sec_equipment .box_slide .slick-dots li.slick-active button:before{ color: #998971 !important; font-size: 10px !important;}
.sec_equipment .box_slide span.cap{ display: block; font-size: 15px; line-height: 1.3; padding: 20px 0 0; color: #440d00;}
.sec_equipment .tbl_01{ width: 100%; margin: 70px 0 0;}
.sec_equipment .tbl_01 tbody{ border-top: solid 1px #dfd6d1;}
.sec_equipment .tbl_01 th,
.sec_equipment .tbl_01 td{ padding: 15px 30px; font-size: 15px; line-height: 2; text-align: left; vertical-align: top; border-bottom: solid 1px #dfd6d1;}
.sec_equipment .tbl_01 th{ width: 20%; font-weight: 700; background: #f8f5f2; }
.sec_equipment .tbl_01 td{ width: 80%;}

@media screen and (max-width: 600px) {
.sec_equipment{ padding: 50px 0;}
.sec_equipment .tit{ padding: 0 0 20px;}
.sec_equipment .tit .sub{ font-size: 18px; padding: 0 0 5px;}
.sec_equipment .tit .main{ font-size: 24px;}
.sec_equipment .box_slide{ padding: 5%; margin-bottom: 30px !important;}
.sec_equipment .box_slide .slick-slide{ width: auto; margin: 0 1px; text-align: center;}
.sec_equipment .box_slide .slick-dots{ margin: 0;}
.sec_equipment .box_slide span.cap{ font-size: 14px; padding: 10px 0 0;}
.sec_equipment .tbl_01{ margin: 20px 0 0; display: block; box-sizing: border-box;}
.sec_equipment .tbl_01 tbody,
.sec_equipment .tbl_01 tr{ display: block;}
.sec_equipment .tbl_01 th,
.sec_equipment .tbl_01 td{ display: block; padding: 10px; font-size: 14px; line-height: 1.7; box-sizing: border-box;}
.sec_equipment .tbl_01 th{ width: 100%; border-bottom: none;}
.sec_equipment .tbl_01 td{ width: 100%;}
}

/*Block Instagram*/
.box_insta{ width: 800px; margin: 0 auto 130px;}
.box_insta .btn_01 a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 250px; background-image: url("../../room/img/insta_ico_01.svg") , url("../../room/img/insta_img_01.webp"); background-repeat: no-repeat , no-repeat; background-position: center top 100px , 0 0; background-size: 30px , 100%; font-size: 18px; color: #fff; padding: 50px 0 0; box-sizing: border-box; transition: filter 0.5s;}
.box_insta .btn_01 a:hover{ text-decoration: none; filter: brightness(1.4);}
.box_insta .btn_02{ text-align: center; padding: 30px 0 0;}

@media screen and (max-width: 600px) {
.box_insta{ width: 90%; margin: 0 auto 50px;}
.box_insta .btn_01 a{ height: 140px; background-position: center top 50px , 0 0; background-size: 20px , cover; font-size: 16px; padding: 30px 0 0;}
.box_insta .btn_02{ padding: 15px 0 0;}
}