@charset "utf-8";
/* ===================================================
Home CSS
====================================================== */

/* ---------------------------------------------------
Eye-catch Image
------------------------------------------------------ */
.box_eyecatch{ position: relative; overflow: hidden;}
.box_eyecatch::before{ content: ""; display: block; width: 100%; height: 180px; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); position: absolute; top: 0; left: 0; z-index: 2;}
.box_eyecatch .box_slide{ position: relative; z-index: 1; line-height: 0; font-size: 0; height: 100vh;}
.box_eyecatch .img{ width: 100%; height: auto;}
.box_eyecatch .box_slide .slick-slide{ opacity: 1 !important; }
.box_eyecatch .box_slide .slick-list,
.box_eyecatch .box_slide .slick-track,
.box_eyecatch .box_slide .slick-slide > div{ height: 100%;}
.box_eyecatch .box_slide .slideobject{ height: 100%; opacity: 0; transition: 0s; /*padding-top: 50%;*/ position: relative; z-index: 10; overflow: hidden; vertical-align: bottom; }
.box_eyecatch .box_slide .slideobject .img{ background-size: cover; background-repeat: no-repeat; background-position: 100% 50%; width: 100%; height: 100%; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; }
.box_eyecatch .box_slide .slick-active .slideobject{ opacity: 1; transition: linear .7s; }
.box_eyecatch .box_slide .slick-continue .slideobject{ opacity: 0; transition: linear .7s; }
.box_eyecatch .box_slide .img{ transform: inherit; transition: inherit; }
.box_eyecatch .box_slide .slick-active .img{ transform: inherit; transition: inherit;  }
.box_eyecatch .box_slide .slick-continue .img{ transform: inherit; transition: inherit; }
.box_eyecatch .slick-dots{ bottom: 15px;}
.box_eyecatch .slick-dots li{ margin: 0;}
.box_eyecatch .slick-dots li button:before{ color: #fff; content: "○"; opacity: 1; font-size: 10px;}
.box_eyecatch .slick-dots li.slick-active button:before{ color: #fff; content: "●";}
.box_eyecatch .h1_logo{ z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 462.5px; height: 109px; margin: auto auto; color: #fff; text-align: center; display: flex; flex-direction: column; filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.8));}
.box_eyecatch .h1_logo img{ width: 100%; height: auto;}

@media screen and (max-width: 600px) {
.box_eyecatch{ width: 100%; margin: 0; overflow: hidden;}
.box_eyecatch .box_slide{ height: 550px; min-height: 0;}
.box_eyecatch .box_slide .slideobject{ padding-top: 100%;}
.box_eyecatch .h1_logo{ width: 290px; height: 68.23px;}
}

/* ---------------------------------------------------
bnr_pickup
------------------------------------------------------ */
.bnr_pickup { position: absolute; left : 30px; bottom : 30px; z-index: 2; max-width : 430px; width : 90%; }
.bnr_pickup li:first-child img{ margin:0 0 15px 0; }
.bnr_pickup li:nth-child(2) img{ margin:0 0 15px 0; }

/*バナー2列以上の時*/
@media screen and (max-width: 600px) {
	.bnr_pickup { position: static;
        max-width: 100%;
        width: 100%;
        position: static;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 20px 10%;
        background: #f0dbd8;
        box-sizing: border-box;}
	.bnr_pickup li:first-child img { margin: 0; }
	.bnr_pickup li:nth-child(2) img { margin: 0; }
	.bnr_pickup  li{ width: 100%; margin: 10px 0 0 0; }
	.box_eyecatch .h1_logo { top: 240px; bottom: inherit;}
	}
/*バナー1列の時*/
/*@media screen and (max-width: 600px) {
	.bnr_pickup { left : 5%; bottom : 5%; }
	.bnr_pickup li:first-child img { margin: 0; }
	.bnr_pickup  li{ }
	}
*/

/* ---------------------------------------------------
Section Reservation
------------------------------------------------------ */
.sec_reservation{ background: #f3efe9; padding: 60px 0 0;}
.sec_reservation .inner_md{ width: 100%; min-height: 160px; margin: 0 auto; display: flex;}

.sec_reservation .tit{ width: 24%; background: #f0dbd8; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.sec_reservation .tit .main{ display: block; width: 100%; position: relative; font-size: 19px; line-height: 1.5; text-align: center; padding: 5px 0 15px;}
.sec_reservation .tit .main::before,
.sec_reservation .tit .main::after{ content: ""; position: absolute; top: 0; background-image: url("../img/ico_award_01.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: 25px; width: 25px; height: 70px;}
.sec_reservation .tit .main::before{ left: calc( 50% - 115px );}
.sec_reservation .tit .main::after{ left: calc( 50% + 90px ); transform: scale(-1, 1);}
/*.sec_reservation .tit .sub{ display: block; font-size: 15px; color: #c23e6c; text-align: center;}*/

.sec_reservation .tit2{ width: 24%; background: #f0dbd8; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.sec_reservation .tit2 .main{ display: block; width: 100%; position: relative; font-size: 19px; line-height: 1.5; text-align: center; padding: 5px 0 15px;}
.sec_reservation .tit2 .main::before,
.sec_reservation .tit2 .main::after{ content: ""; position: absolute; top: 0; background-image: url("../img/ico_award_01.svg"); background-position: 0 0; background-repeat: no-repeat; background-size: 25px; width: 25px; height: 70px;}
.sec_reservation .tit2 .main::before{ left: calc( 50% - 115px );}
.sec_reservation .tit2 .main::after{ left: calc( 50% + 90px ); transform: scale(-1, 1);}
.sec_reservation .tit2 .sub2{ display: block; font-size: 15px; color: #c23e6c; text-align: center;}

.sec_reservation .box_in{ width: 76%; background: #fff; padding: 30px 35px; display: flex; justify-content: space-between;}
.sec_reservation #search_489ban form{ display: flex;}
.sec_reservation #search_489ban .date_489ban{ margin: 0 10px 0 0;}
.sec_reservation #search_489ban .date_489ban dd{ display: flex; flex-direction: column;}
.sec_reservation #search_489ban input[type="text"] { width: 200px; height: 40px; padding: 5px 20px 5px 10px; border: none; border: solid 1px #d3cecb; border-radius: 0; outline: none; font-size: 18px; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; background: url("../img/ico_calender_02.svg") no-repeat right 8px center #fff; background-size: 16px; color: #603219; box-sizing: border-box;}
.sec_reservation #search_489ban input[type="text"]:disabled { color: #ccc;}
.sec_reservation #search_489ban select{ width: 120px; height: 40px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border: solid 1px #d3cecb; border-radius:0; font-size: 18px; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; outline: none; padding: 5px 20px 5px 10px; background: url("../img/ico_select_01.svg") no-repeat right 8px center #fff; background-size: 6px; color: #603219; box-sizing: border-box; line-height: 1;}
.sec_reservation #search_489ban select::-ms-expand { display: none; }
.sec_reservation #search_489ban input[type="checkbox"] { margin: 10px 5px 0 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #c4c4c4; position: relative; vertical-align: text-bottom; border-radius: 0; height: 15px; width: 15px; padding: 0;}
.sec_reservation #search_489ban input[type="checkbox"]:checked { border: 1px solid #c4c4c4; }
.sec_reservation #search_489ban input[type="checkbox"]:checked::after { content: ""; display: block; position: absolute; top: -2px; left: 3px; width: 5px; height: 10px; transform: rotate(40deg); border-bottom: 3px solid #000; border-right: 3px solid #000; }
.sec_reservation #search_489ban button{ margin: 1.8em 0 0 10px; width: 160px; height: 40px; border-radius: 0; -webkit-box-sizing: border-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; outline:none; background: #af2656; text-align: center; z-index: 10; color: #fff; display: block; position: relative; padding: 0; transition: background 0.5s; font-size: 16px; font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif; letter-spacing: 0.15em; overflow: hidden;}
.sec_reservation #search_489ban button::after{ background: #9f1647; position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; transform: scale(0, 1); transform-origin: left top; transition: .5s cubic-bezier(0.45, 0, 0.55, 1); z-index: -1; }
.sec_reservation #search_489ban button:hover{ text-decoration: none; color: #fff;}
.sec_reservation #search_489ban button:hover::after{ transform: scale(1, 1);}
.sec_reservation .box_btns{ padding: 1.8em 0 0 10px; display: flex; justify-content: flex-end; flex-wrap: wrap;}
.sec_reservation .btn_01{ width: 150px !important; margin: 0 5px;}
.sec_reservation .btn_01 a{ height: 40px !important; line-height: 40px !important; font-size: 14px; background: #ede9e2 !important; color: #603219 !important;}
.sec_reservation .btn_01 a::after{ background: #e3ded6 !important;}
.sec_reservation .btn_02{ font-size: 15px; margin: 5px 0 0;}

@media screen and (max-width: 600px) {
.sec_reservation{ padding: 0;}
.sec_reservation .inner_md{ min-height: auto; flex-direction: column;}

.sec_reservation .tit{ width: 100%; /*padding: 30px 0;*/padding: 40px 0;}/*.sub復活時はpadding戻す*/
.sec_reservation .tit .main{ font-size: 16px; line-height: 1.5; padding: 15px 0 0;}
.sec_reservation .tit .main::before,
.sec_reservation .tit .main::after{ top: -7px;}/*.sub復活時はこれを削除*/
.sec_reservation .tit .main::before{ left: calc( 50% - 155px );}
.sec_reservation .tit .main::after{ left: calc( 50% + 130px );}
/*.sec_reservation .tit .sub{ display: block; font-size: 13px; color: #c23e6c; text-align: center;}*/

.sec_reservation .tit2{ width: 100%; padding: 30px 0;}
.sec_reservation .tit2 .main{ font-size: 16px; line-height: 1.5; padding: 15px 0 0;}
.sec_reservation .tit2 .main::before,
.sec_reservation .tit2 .main::after{ top: -7px;}/*.sub復活時はこれを削除*/
.sec_reservation .tit2 .main::before{ left: calc( 50% - 155px );}
.sec_reservation .tit2 .main::after{ left: calc( 50% + 130px );}
.sec_reservation .tit2 .sub2{ display: block; font-size: 13px; color: #c23e6c; text-align: center;}

.sec_reservation .box_in{ width: 100%; padding: 5%; justify-content: space-between; flex-direction: column;}
.sec_reservation #search_489ban form{ flex-wrap: wrap;}
.sec_reservation #search_489ban .date_489ban{ margin: 0 10px 0 0;}
.sec_reservation #search_489ban input[type="text"] { width: 160px; font-size: 18px;}
.sec_reservation #search_489ban select{ width: 100px; font-size: 18px;}
.sec_reservation #search_489ban button{ margin: 10px 0 0; width: 100%; font-size: 16px; z-index: 1;}
.sec_reservation .box_btns{ padding: 20px 0 0 0; justify-content: space-between;}
.sec_reservation .btn_01{ width: 48% !important; margin: 0;}
.sec_reservation .btn_01 a{ font-size: 14px; }
.sec_reservation .btn_02{ font-size: 15px; margin: 5px 0 0;}
}

/* ---------------------------------------------------
banner
------------------------------------------------------ */
.bnr_1col {text-align: center; background: #f3efe9; padding:0 0 30px;}
.bnr_1col a {display: block; width: 90%; max-width: 1200px; margin: 0 auto;}

@media screen and (max-width: 600px) {
.bnr_1col {padding:15px 0 15px;}
}

/* ---------------------------------------------------
ゴルフパック横並び
------------------------------------------------------ */

.bnr{display: flex;margin: 0 auto; background: #f3efe9;justify-content: center;}
.bnr a{width: initial;}
.bnr div:first-child{width: 900px;}
.bnr div:last-child{width: 280px; margin-left: 20px;display: flex; flex-direction: column;  justify-content: space-between;}
@media screen and (max-width: 600px) {
	.bnr{  flex-direction: column;align-items: center;}
	.bnr div:first-child{width: 90%;}
	.bnr div:last-child{margin-left: initial;margin-top: 20px;width: 90%;flex-direction: initial;justify-content: initial;}
	.bnr div:last-child a:first-child{margin-right: 10px;}
}

/* ---------------------------------------------------
Box Button Bus
------------------------------------------------------ */
.bnr_bus { padding: 30px 0 100px; background: #f3efe9; }
.bnr_bus a { display: block; }
.sight_link { display: flex; justify-content: center; gap: 0 15px; margin-top: 15px; font-family:"Yu Gothic Medium", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-weight: bold; color: #be9b63; }
.sight_link li { width: min(calc(50% - 7.5px), 300px); }
.sight_link a { position: relative; line-height: 80px; border: 1px solid #e4d0ab; font-size: 18px; background-color: #fff; color: #be9b63; text-align: center; transition: opacity 0.5s; }
.sight_link .car{width: 570px;border: initial;background-color:initial;}
.sight_link a::after { position: absolute; top: calc(50% - 8px); right: 15px; content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background: url(../../img/arrow_sm_wh.svg)no-repeat center/6px #be9b63; }
.sight_link .car::after{background:initial;}
.sight_link a:hover { opacity: 0.7; text-decoration: none; }
@media screen and (max-width: 600px) {
    .bnr_bus { padding: 15px 0 15px; }
	.sight_link { flex-wrap: wrap; gap: 10px; }
	.sight_link li { width: min(100%, 260px); }
	.sight_link a { line-height: 60px; font-size: 14px; }
}

/* ---------------------------------------------------
Box Button golf
------------------------------------------------------ */
.bnr_golf { text-align: center;background: #f3efe9;padding-bottom: 50px;}
.bnr_golf a { display: block; }
@media screen and (max-width: 600px) {
    .bnr_golf { padding: 15px 0 15px; }
}

/* ---------------------------------------------------
Box Button mimasakaform
------------------------------------------------------ */
.bnr_mimasakaform { text-align: center;background: #f3efe9;padding-bottom: 30px;}
.bnr_mimasakaform ul{ display: flex; justify-content: space-between; }
.bnr_mimasakaform ul li{ flex: 1; }
.bnr_mimasakaform ul li a { height: 100%; }
.bnr_mimasakaform ul li a:has(span) { padding: 10px 0;}
.bnr_mimasakaform ul li a span { font-size: 80%; display: block; line-height: 1; }
.bnr_mimasakaform ul li.cmn_btn_03 a{ display: block; background: #93252a; color: #fff;}
.bnr_mimasakaform ul li+li.cmn_btn_03 a{ background: #5e090d;}

.bnr_mimasakaform.sum ul li:nth-child(1) a{ background: #553868;}
.bnr_mimasakaform.sum ul li:nth-child(2) a{ background: #6c4f87;}
.bnr_mimasakaform.sum ul li:nth-child(3) a{ background: #bf2e28;}

.bnr_mimasakaform ul li.cmn_btn_03 a::after{ background: rgba(0, 0, 0, 0.2);}
@media screen and (max-width: 600px) {
    .bnr_mimasakaform { padding: 15px 0 15px; }
	.bnr_mimasakaform ul{ flex-direction: column;}
	.bnr_mimasakaform ul li{ width: 100%; font-size: 14px;}
}

/* ---------------------------------------------------
Box Button 2col
------------------------------------------------------ */
.bnr_2col { text-align: center;background: #f3efe9;}
.bnr_2col ul{ display: flex; justify-content: space-between;}
.bnr_2col ul li{ width: 49.5%;}
.bnr_2col a { display: block; }
@media screen and (max-width: 600px) {
    .bnr_2col { padding: 15px 0 60px; }
	.bnr_2col ul{ flex-direction: column;}
	.bnr_2col ul li{ width: 100%;}
	.bnr_2col ul li+li{ margin-top: 15px;}
}

/* ---------------------------------------------------
Section Lead
------------------------------------------------------ */
.sec_lead{ background-color: #f3efe9; background-image: url("../../img/lead_bg_01.webp"); background-repeat: no-repeat; background-position: center top; position: relative; height: 830px; overflow: hidden;}
.sec_lead .tit{ font-size: 28px; line-height: 1.6; display: flex; justify-content: center; width: 100%; height: 16em; padding: 20px 0 0;}
.sec_lead .tit span{ display: block; padding: 70px 0 0; background: url("../img/mark_01.svg") no-repeat center top; background-size: 56px;}
.sec_lead .txt{ display: block; width: 330px; margin: 0 auto; font-size: 16px; line-height: 1.8;}
.ticker ul{ position: absolute; top: 0; left: 0; width: 100%; height: 700px;}
.ticker ul li{ position: absolute; left: 50%;}
.ticker ul li img{ width: 100%; height: auto;}
.ticker ul li.img_01{ bottom: 0; margin: 0 0 0 -700px;}
.ticker ul li.img_02{ top: 72px; margin: 0 0 0 -800px;}
.ticker ul li.img_03{ top: 0; margin: 0 0 0 -500px;}
.ticker ul li.img_04{ bottom: 0; margin: 0 0 0 230px;}
.ticker ul li.img_05{ top: 0; margin: 0 0 0 270px; width: 530px;}
.ticker ul li.img_06{ top: 370px; margin: 0 0 0 500px; width: 220px;}
.ticker ul.clone{ display: none;}

@media screen and (max-width: 600px) {
.sec_lead{ background-color: #f3efe9; background-image: url("../../img/lead_bg_01.webp"); background-repeat: no-repeat; background-position: center top; position: relative; height: auto; overflow: hidden;}
.sec_lead .tit{ font-size: 20px; line-height: 1.6; display: flex; justify-content: center; width: 100%; height: 16em; padding: 20px 0 0;}
.sec_lead .tit span{ display: block; padding: 50px 0 0; background: url("../img/mark_01.svg") no-repeat center top; background-size: 30px;}
.sec_lead .txt{ display: block; width: 80%; margin: 0 auto; font-size: 14px; line-height: 1.6;}
.ticker { display: flex; padding: 30px 0;}
.ticker { width: 100%; overflow: hidden; position: relative; z-index: 0;}
.ticker ul{ display: flex; align-items: center; position: relative; width: auto; height: auto;}
.ticker ul { backface-visibility: hidden; will-change: transform;}
.ticker ul:first-child { animation: loop 100s -50s linear infinite;}
.ticker ul + ul { animation: loop2 100s linear infinite;}
.ticker ul li{ position: static;}
.ticker ul li{ width: 170px; margin: 0 15px;}
.ticker ul li img{ width: 100%; height: auto;}
.ticker ul li.img_01{ margin: 0 15px;}
.ticker ul li.img_02{ margin: 0 15px;}
.ticker ul li.img_03{ margin: 0 15px;}
.ticker ul li.img_04{ margin: 0 15px;}
.ticker ul li.img_05{ margin: 0 15px; width: 170px;}
.ticker ul li.img_06{ margin: 0 15px; width: 170px;}
.ticker ul.clone{ display: flex;}
.sec_lead .delay100ms{ transition-delay: 0ms;}
.sec_lead .delay200ms{ transition-delay: 0ms;}
.sec_lead .delay300ms{ transition-delay: 0ms;}
.sec_lead .delay400ms{ transition-delay: 0ms;}
.sec_lead .delay500ms{ transition-delay: 0ms;}
.sec_lead .delay600ms{ transition-delay: 0ms;}
.sec_lead .delay700ms{ transition-delay: 0ms;}
.sec_lead .delay800ms{ transition-delay: 0ms;}
.sec_lead .delay900ms{ transition-delay: 0ms;}
.sec_lead .delay1000ms{ transition-delay: 0ms;}
}

@keyframes loop {
0% { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
100% { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
}
@keyframes loop2 {
0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
100% { -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); transform: translateX(-200%); }
}

/* ---------------------------------------------------
Section Recommend Plan
------------------------------------------------------ */
.sec_recommend{ background: #f9f7f4; padding: 100px 0; overflow: hidden;}
.sec_recommend .box_txt{ background: #f3e3e1; padding: 20px 0; margin: 25px auto 25px; text-align: center; font-size: 20px; line-height: 1.4; display: flex; align-items: center; justify-content: center; width: 1200px;}
.sec_recommend .box_txt .price{ font-size: 22px; color: #c23e6c; padding: 0 20px 0 10px; display: flex; align-items: center;}
.sec_recommend .box_txt em{ font-size: 36px; font-style: normal; font-weight: normal; display: inline-block;}
.sec_recommend .box_txt .btn_01{ background: #f9f1f0; font-size: 14px; line-height: 1; padding: 10px 20px; display: inline-block;}
.sec_recommend .box_slide{ width: 1230px; margin: 0 auto;}
.sec_recommend .slick-list{ padding: 15px 0;}
.sec_recommend .slick-slide{ margin: 0 15px; min-height: 390px;}
.sec_recommend .PlanView{ background: #fff; filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.2));}
.sec_recommend .slick-arrow{ width: 70px; height: 70px; background: #e4ded5 !important; border-radius: 70px; z-index: 2;}
.sec_recommend .slick-arrow:hover{ opacity: 0.75; background: #e4ded5 !important;}
.sec_recommend .slick-prev{ left: -90px;}
.sec_recommend .slick-next{ right: -90px;}
.sec_recommend .slick-arrow:before { opacity: 1; content: ''; background-repeat: no-repeat; background-position: 0 0; background-size: 20px; background-image: url("../img/ico_arrow_01.svg"); position: absolute; top: 0; left: 0; width: 20px; height: 16px;}
.sec_recommend .slick-prev{ transform: scale(-1, 1), translate(0, -50%);}
.sec_recommend .slick-dots{ text-align: left; width: 1200px; margin: 0 auto; padding: 0 10px;}
.sec_recommend .slick-slide img{ object-fit: cover; width: 100%; height: 250px;}
.sec_recommend .explan{ padding: 15px 20px 10px;}
.sec_recommend .planlist{ display: none;}
.sec_recommend .btn_02{ width: 1200px; margin: -20px auto 0; text-align: right;}

@media screen and (max-width: 600px) {
.sec_recommend{ padding: 40px 0;}
.sec_recommend .box_txt{ padding: 5%; margin: 15px auto 15px; text-align: center; font-size: 16px; line-height: 1.4; display: block; width: 100%;}
.sec_recommend .box_txt .price{ font-size: 20px; padding: 0 0 0 10px; display: inline-block;}
.sec_recommend .box_txt em{ font-size: 26px; display: inline-block;}
.sec_recommend .box_txt .btn_01{ font-size: 14px; line-height: 1; padding: 10px 20px; display: inline-block; margin: 5px 0 0;}
.sec_recommend .box_slide{ width: 90%;}
.sec_recommend .slick-list{ padding: 10px 0;}
.sec_recommend .slick-slide{ margin: 0 10px; min-height: auto;}
.sec_recommend .slick-arrow{ width: 30px !important; height: 30px !important;}
.sec_recommend .slick-prev{ left: -30px !important; transform: scale(-1, 1), translate(0, -50%) !important;}
.sec_recommend .slick-next{ right: -30px !important;}
.sec_recommend .slick-arrow:before { background-size: 15px !important; top: 9px !important; left: 5px !important; width: 20px !important; height: 12px !important;}
.sec_recommend .slick-dots{ text-align: center; width: 90%; padding: 0;}
.sec_recommend .slick-slide img{ height: 200px;}
.sec_recommend .explan{ padding: 5%;}
.sec_recommend .btn_02{ width: 90%; margin: 5px auto 0; text-align: center;}
}

/* ---------------------------------------------------
Section Topics
------------------------------------------------------ */
.sec_topics{ background: #f9f7f4; padding: 0 0 100px 0; margin: -50px 0 0;}
.sec_topics .tit_01{ font-size: 28px; color: #daa089; text-align: center; padding: 0 0 20px;}
.sec_topics .box_bnrs{ display: flex; justify-content: center; flex-wrap: wrap;}
.sec_topics .box_bnrs > div{ width: 585px; margin: 0 15px 30px;}
.sec_topics .box_bnrs > div img{ width: 100%; height: auto;}

@media screen and (max-width: 600px) {
.sec_topics{ padding: 0 0 40px 0; margin: 0;}
.sec_topics .tit_01{ font-size: 22px; color: #daa089; text-align: center; padding: 0 0 10px;}
.sec_topics .box_bnrs{ display: flex; justify-content: center; flex-direction: column;}
.sec_topics .box_bnrs > div{ width: 100%; margin: 0 0 15px 0;}
.sec_topics .box_bnrs > div img{ width: 100%; height: auto;}
}

/* ---------------------------------------------------
Slide Type01
------------------------------------------------------ */
.slide_01 .slick-list{ width: 150%; margin: 0;}
.slide_01 .slick-slide{ margin: 0 8px; position: relative; line-height: 0;}
.slide_01 .cap{ position: absolute; bottom: 0; left: 0; background: #fff; font-size: 16px; line-height: 1.5; padding: 10px 15px; z-index: 2;}
.slide_01 .slick-slide img{ width: 100%; height: 660px; object-fit: cover; position: relative; z-index: 1;}
.slide_01 .slick-dots{ text-align: left; bottom: -30px;}

@media screen and (max-width: 600px) {
.slide_01 .slick-list{ width: 100%; margin: 0 auto;}
.slide_01 .slick-slide{ margin: 0; position: relative;}
.slide_01 .cap{ position: absolute; bottom: 0; left: 0; background: #fff; font-size: 14px; line-height: 1.5; padding: 10px 15px; z-index: 2;}
.slide_01 .slick-slide img{ width: 100%; height: 240px; object-fit: cover; position: relative; z-index: 1;}
.slide_01 .slick-dots{ text-align: center;}
}

/* ---------------------------------------------------
Section Cuisine
------------------------------------------------------ */
.sec_cuisine{ background: #f3efe9; display: flex; justify-content: space-between; flex-direction: row-reverse; overflow: hidden;}
.sec_cuisine .box_img{ width: 71.8%; padding: 150px 0 0;}
.sec_cuisine .box_txt{ width: 28.2%; padding: 150px 0 50px; position: relative; background-color: #f3efe9; background-image: url("../img/bg_deco_01.webp"); background-repeat: no-repeat; background-position: right top; z-index: 2;}
.sec_cuisine .box_txt .box_in{ width: 90%; max-width: 270px; margin: 40px auto;}
.sec_cuisine .box_txt .tit_01{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sec_cuisine .box_txt .gothic,
.sec_cuisine .box_txt .ja{ display: block;}
.sec_cuisine .box_txt .ja{ font-size: 45px; line-height: 1; letter-spacing: 0.3em; padding: 0 0 20px;}
.sec_cuisine .box_txt .gothic{ font-size: 12px; line-height: 1; letter-spacing: 0.2em; color: #daa089; padding: 0 0 40px 0;}
.sec_cuisine .box_txt .txt_01{ font-size: 16px; line-height: 1.7; padding: 0 0 20px;}
.sec_cuisine .box_txt .cmn_btn_02:nth-of-type(n+3){ border-top: none;}

@media screen and (max-width: 600px) {
.sec_cuisine{ padding: 0; flex-direction: column;}
.sec_cuisine .box_img{ width: 100%; padding: 0;}
.sec_cuisine .box_txt{ width: 100%; padding: 0 0 50px; margin: 0; background-position: right top -100px;}
.sec_cuisine .box_txt .box_in{ width: 80%; max-width: 80%; margin: 20px auto 0;}
.sec_cuisine .box_txt .ja{ font-size: 28px; padding: 10px 0 20px;}
.sec_cuisine .box_txt .gothic{ font-size: 12px; padding: 0 0 30px 0;}
.sec_cuisine .box_txt .txt_01{ font-size: 14px; line-height: 1.7; padding: 0 0 20px;}
}

/* ---------------------------------------------------
Slide Type02
------------------------------------------------------ */
.slide_02 .slick-list{ width: 100%; margin: 0;}
.slide_02 .slick-slide{ margin: 0 8px; position: relative; line-height: 0;}
.slide_02 .cap{ position: absolute; bottom: 0; right: 0; background: #fff; font-size: 16px; line-height: 1.5; padding: 10px 15px; z-index: 2;}
.slide_02 .slick-slide img{ width: 100%; height: 660px; object-fit: cover; position: relative; z-index: 1;}
.slide_02 .slick-dots{ text-align: right; bottom: -30px;}

@media screen and (max-width: 600px) {
.slide_02 .slick-list{ width: 100%; margin: 0 auto;}
.slide_02 .slick-slide{ margin: 0; position: relative;}
.slide_02 .cap{ position: absolute; bottom: 0; right: 0; background: #fff; font-size: 14px; line-height: 1.5; padding: 10px 15px; z-index: 2;}
.slide_02 .slick-slide img{ width: 100%; height: 240px; object-fit: cover; position: relative; z-index: 1;}
.slide_02 .slick-dots{ text-align: center;}
}

/* ---------------------------------------------------
Section Spa
------------------------------------------------------ */
.sec_spa{  overflow: hidden;}
.sec_spa{ background: #f3efe9; display: flex; justify-content: space-between; flex-direction: row; overflow: hidden;}
.sec_spa .box_img{ width: 71.8%; padding: 150px 0 0;}
.sec_spa .box_txt{ width: 28.2%; padding: 150px 0 50px; position: relative; background-color: #f3efe9; background-image: url("../img/bg_deco_01.webp"); background-repeat: no-repeat; background-position: right top; z-index: 2;}
.sec_spa .box_txt .box_in{ width: 90%; max-width: 270px; margin: 40px auto;}
.sec_spa .box_txt .tit_01{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sec_spa .box_txt .gothic,
.sec_spa .box_txt .ja{ display: block;}
.sec_spa .box_txt .ja{ font-size: 45px; line-height: 1; letter-spacing: 0.3em; padding: 0 0 20px;}
.sec_spa .box_txt .gothic{ font-size: 12px; line-height: 1; letter-spacing: 0.2em; color: #daa089; padding: 0 0 40px 0;}
.sec_spa .box_txt .txt_01{ font-size: 16px; line-height: 1.7; padding: 0 0 20px;}
.sec_spa .box_txt .cmn_btn_02:nth-of-type(n+3){ border-top: none;}

@media screen and (max-width: 600px) {
.sec_spa{ padding: 0; flex-direction: column;}
.sec_spa .box_img{ width: 100%; padding: 0;}
.sec_spa .box_txt{ width: 100%; padding: 0 0 50px; margin: 0; background-position: right top -100px;}
.sec_spa .box_txt .box_in{ width: 80%; max-width: 80%; margin: 20px auto 0;}
.sec_spa .box_txt .ja{ font-size: 28px; padding: 10px 0 20px;}
.sec_spa .box_txt .gothic{ font-size: 12px; padding: 0 0 30px 0;}
.sec_spa .box_txt .txt_01{ font-size: 14px; line-height: 1.7; padding: 0 0 20px;}
}

/* ---------------------------------------------------
Section Room
------------------------------------------------------ */
.sec_room{ padding: 0 0 100px; background: #f3efe9; display: flex; justify-content: space-between; flex-direction: row-reverse; overflow: hidden;}
.sec_room .box_img{ width: 71.8%; padding: 150px 0 0;}
.sec_room .box_txt{ width: 28.2%; padding: 150px 0 50px; position: relative; background-color: #f3efe9; background-image: url("../img/bg_deco_01.webp"); background-repeat: no-repeat; background-position: right top; z-index: 2;}
.sec_room .box_txt .box_in{ width: 90%; max-width: 270px; margin: 40px auto;}
.sec_room .box_txt .tit_01{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sec_room .box_txt .gothic,
.sec_room .box_txt .ja{ display: block;}
.sec_room .box_txt .ja{ font-size: 45px; line-height: 1; letter-spacing: 0.3em; padding: 0 0 20px;}
.sec_room .box_txt .gothic{ font-size: 12px; line-height: 1; letter-spacing: 0.2em; color: #daa089; padding: 0 0 40px 0;}
.sec_room .box_txt .txt_01{ font-size: 16px; line-height: 1.7; padding: 0 0 20px;}
.sec_room .box_txt .note_01{ font-size: 16px; line-height: 1.7; padding: 20px 0 0 1em; text-indent: -1em; color: #ae2353;}

@media screen and (max-width: 600px) {
.sec_room{ padding: 0; flex-direction: column;}
.sec_room .box_img{ width: 100%; padding: 0;}
.sec_room .box_txt{ width: 100%; padding: 0 0 50px; margin: 0; background-position: right top -100px;}
.sec_room .box_txt .box_in{ width: 80%; max-width: 80%; margin: 20px auto 0;}
.sec_room .box_txt .ja{ font-size: 28px; padding: 10px 0 20px;}
.sec_room .box_txt .gothic{ font-size: 12px; padding: 0 0 30px 0;}
.sec_room .box_txt .txt_01{ font-size: 14px; line-height: 1.7; padding: 0 0 20px;}
}

/* ---------------------------------------------------
Section News
------------------------------------------------------ */
.sec_news{ padding: 100px 0; background: #f9f7f4;}

.sec_news .feed_2 { padding-top: 30px; }
.sec_news [class^="feed_"] .tit { font-size: 20px; opacity: 0.7; }
.sec_news [id^="feed_"] dl{ display: flex; justify-content: space-between; align-items: center; border-bottom: solid 1px #dad0c8;}
.sec_news [id^="feed_"] dl dt,
.sec_news [id^="feed_"] dl dd{ padding: 15px 0;}
.sec_news [id^="feed_"] dl dt{ width: 100px; padding: 15px;}
.sec_news [id^="feed_"] dl dt .ofi{ width: 100%; height: 70px;}
.sec_news [id^="feed_"] dl dd{ width: calc( 100% - 130px ); display: flex; flex-direction: column; padding: 15px 0;}
.sec_news [id^="feed_"] dl dd .date{ font-size: 14px; line-height: 1; color: #b6a7a0; padding: 0 0 10px;}
.sec_news [id^="feed_"] dl dd a{ font-size: 16px; line-height: 1.5;}
.sec_news [id^="feed_"] dl dd a:hover{ text-decoration: underline;}

.sec_news .box_btns{ padding: 20px 0 0; display: flex; flex-direction: column;}
.sec_news .box_btns .btn_02{ margin: 20px auto 0;}

/*.sec_news ol{ border-top: solid 1px #dad0c8; list-style-type: none; margin: 0 0 40px;}
.sec_news ol li{ border-bottom: solid 1px #dad0c8;}
.sec_news ol li a{ width: 100%; padding: 15px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}
.sec_news ol li a:hover{ text-decoration: none;}
.sec_news ol li a .thumb{ width: 100px;}
.sec_news ol li a .thumb img{ object-fit: cover; width: 100%; height: 70px;}
.sec_news ol li a .post{ width: calc( 100% - 130px ); display: flex; flex-direction: column;}
.sec_news ol li a .post time{ font-size: 14px; line-height: 1; color: #b6a7a0; padding: 0 0 10px;}
.sec_news ol li a .post .post_tit{ font-size: 16px; line-height: 1.5;}
.sec_news ol li a:hover .post .post_tit{ text-decoration: underline;}*/


.sec_news .list_sns{ display: flex; justify-content: center; padding: 40px 0 0;}
.sec_news .list_sns li{ margin: 0 20px; }
.sec_news .list_sns li a{ display: block; padding: 45px 0 0; background-repeat: no-repeat; background-position: center top; font-size: 14px; line-height: 1; text-align: center; transition: background-color 0.5s;}
.sec_news .list_sns li.fb a{ background-image: url("../img/ico_fb_03.svg"); background-size: 30px;}
.sec_news .list_sns li.insta a{ background-image: url("../img/ico_insta_03.svg"); background-size: 32px;}
.sec_news .list_sns li.x a{ background-image: url("../img/ico_x_02.svg"); background-size: 26px;}
.sec_news .list_sns li.line a{ background-image: url("../img/ico_line_02.svg"); background-size: 32px;}
.sec_news .list_sns li.blog a{ background-image: url("../img/ico_blog_01.svg"); background-size: 32px;}
.sec_news .list_sns li.club a{ background-image: url("../img/ico_club_01.webp"); background-size: 106px; width: 106px;}
.sec_news .list_sns li a:hover{ background-color:rgba(249,247,244,0.4); background-blend-mode: lighten;}


@media screen and (max-width: 600px) {
.sec_news{ padding: 50px 0; background: #f9f7f4;}

.sec_news .feed_2 { padding-top: 20px; }
.sec_news [class^="feed_"] .tit { font-size: 18px; }
.sec_news [id^="feed_"] dl{ display: flex; justify-content: space-between; align-items: flex-start; border-bottom: solid 1px #dad0c8;}
.sec_news [id^="feed_"] dl dt,
.sec_news [id^="feed_"] dl dd{ padding: 10px 0;}
.sec_news [id^="feed_"] dl dt{ width: 100px; padding: 10px 0;}
.sec_news [id^="feed_"] dl dt .ofi{ width: 100%; height: 70px;}
.sec_news [id^="feed_"] dl dd{ width: calc( 100% - 130px ); display: flex; flex-direction: column; padding: 15px 0;}
.sec_news [id^="feed_"] dl dd .date{ font-size: 14px; line-height: 1; color: #b6a7a0; padding: 0 0 5px;}
.sec_news [id^="feed_"] dl dd a{ font-size: 15px; line-height: 1.5;}
.sec_news [id^="feed_"] dl dd a:hover{ text-decoration: underline;}

.sec_news .box_btns{ padding: 20px 0 0;}
.sec_news .box_btns .btn_01{ width: 100%;}
.sec_news .box_btns .btn_02{ margin: 20px auto 0;}

/*.sec_news ol{ border-top: solid 1px #dad0c8; list-style-type: none; margin: 0 0 20px;}
.sec_news ol li{ border-bottom: solid 1px #dad0c8;}
.sec_news ol li a{ padding: 15px 0;}
.sec_news ol li a .post time{ font-size: 12px; padding: 0 0 5px;}
.sec_news ol li a .post .post_tit{ font-size: 14px; line-height: 1.5;}*/

/*.sec_news .btn_01{ width: 100%;}*/
.sec_news .list_sns{ flex-wrap: wrap; padding: 40px 0 0;}
.sec_news .list_sns li{ margin: 0 0 30px; width: 33.3% }
.sec_news .list_sns li a{ padding: 40px 0 0; font-size: 14px; line-height: 1; text-align: center;}
.sec_news .list_sns li.fb a{ background-size: 25px;}
.sec_news .list_sns li.insta a{ background-size: 27px;}
.sec_news .list_sns li.x a{ background-size: 21px;}
.sec_news .list_sns li.line a{ background-size: 27px;}
.sec_news .list_sns li.blog a{ background-size: 27px;}
.sec_news .list_sns li.club a{ background-size: 80px; width: 100%;}
}

/* ---------------------------------------------------
Section Access
------------------------------------------------------ */
.sec_access .wrap{ width: 100%; display: flex; flex-direction: row-reverse; align-items: center;}
.sec_access .box_txt{ width: 37.5%; max-width: 370px; margin: 0 auto 0 100px;}
.sec_access .box_txt .tit_01{ text-align: left;}
.sec_access .box_txt .list_01{ margin: 20px 0 0;}
.sec_access .box_txt .list_01 li::before{ content: "・";}
.sec_access .box_txt .btn_01{ margin: 20px 0 0;}
.sec_access .box_txt .btn_02{ margin: 15px 0 0;}
.sec_access .box_txt .btn_02 a{ color: #c87e94;}
.sec_access .box_txt .btn_02 a.ho_line_01 span::after { background: #c87e94;}
.sec_access .box_gmap{ width: 62.5%; line-height: 0;}
.sec_access .box_gmap iframe{ width: 100%; height: 650px;}

@media screen and (max-width: 600px) {
.sec_access .wrap{ width: 100%; flex-direction: column;}
.sec_access .box_txt{ width: 90%; max-width: 90%; margin: 0 auto; padding: 50px 0 30px;}
.sec_access .box_txt .tit_01{ text-align: center;}
.sec_access .box_txt .txt_01{ font-size: 14px; line-height: 1.7;}
.sec_access .box_txt .list_01{ margin: 20px 0 0; font-size: 14px; line-height: 1.7;}
.sec_access .box_txt .btn_01{ margin: 20px 0 0; width: 100%}
.sec_access .box_txt .btn_02{ margin: 15px 0 0; text-align: center;}
.sec_access .box_gmap{ width: 100%;}
.sec_access .box_gmap iframe{ height: 350px;}
}