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

/* ---------------------------------------------------
layout ※余白やらアイコンやらは施設に合わせて変えてください
------------------------------------------------------ */
#sightseeing .tab{margin-bottom:47px;border-bottom:2px solid #71592d;padding:50px 0 0 0;width:100%;text-align:center;font-size:0;}
#sightseeing .tab li{width:45%;max-width:360px;margin:0 0.6%;display:inline-block;}
#sightseeing .tab li a:hover img{opacity:1.0;}

#sightseeing .page_title{background-image:url(../../sightseeing/img/title_bg.png);}
#sightseeing.index #contents{padding-bottom:180px;}
#sightseeing.index #sec1{padding-bottom:12px;}
#sightseeing.index #sec1 .cont01{padding-top:3px;text-align:center;width:68.2%;float:left;} 
#sightseeing.index #sec1 .cont01 h3{margin-bottom:45px;}
#sightseeing.index #sec1 .cont02{width:28.2%;float:right;text-align:center;} 
#sightseeing.index #sec1 .cont02>dl{margin-bottom:8px;text-align:left;}
#sightseeing.index #sec1 .cont02>dl>dt{margin-bottom:8px;position:relative;font-size:128.6%;font-weight:bold;line-height:20px;border-bottom:1px solid #949494;padding-bottom:14px;}
#sightseeing.index #sec1 .cont02>dl>dt:before{content:"";margin-right:6px;;width:20px;height:20px;display:inline-block;background:no-repeat center;vertical-align:bottom;}
#sightseeing.index #sec1 .cont02>dl>dt:after{content:"";width:100%;border-bottom:1px solid #949494;position:absolute;left:0;bottom:3px;}

#sightseeing.index #sec1 .cont02>dl>dd ul>li{font-size:92.8%;margin-bottom:5px;}
#sightseeing.index #sec1 .cont02>dl>dd ul>li dt{float:left;line-height:1.5em;width:55%;position:relative;padding-left:16px;}
#sightseeing.index #sec1 .cont02>dl>dd ul>li dt a{text-decoration:underline;}
#sightseeing.index #sec1 .cont02>dl>dd ul>li dt a:hover{text-decoration:none;}
#sightseeing.index #sec1 .cont02>dl>dd ul>li dt:before{content:"";position:absolute;left:0;top:2px;margin-right:6px;line-height:1.5em;width:14px;height:14px;display:inline-block;background:no-repeat center;}

#sightseeing.index #sec1 .cont02>dl>dd ul>li dd{margin-left:58.5%;}

#sightseeing.index #sec1 .cont02>dl#interest_list>dt{color:#dc5028;}
#sightseeing.index #sec1 .cont02>dl#interest_list>dt:before{background-image:url(../../sightseeing/img/interest_mark_01.png);}
#sightseeing.index #sec1 .cont02>dl#interest_list>dd ul>li dt:before{background-image:url(../../sightseeing/img/interest_mark_02.png);}

#sightseeing.index #sec1 .cont02>dl#gourmet_list>dt{color:#dc5028;}
#sightseeing.index #sec1 .cont02>dl#gourmet_list>dt:before{background-image:url(../../sightseeing/img/gourmet_mark_01.png);}
#sightseeing.index #sec1 .cont02>dl#gourmet_list>dd ul>li dt:before{background-image:url(../../sightseeing/img/gourmet_mark_02.png);}

#sightseeing.index #sec1 .cont02>dl#recommend_list>dt{color:#dc5028;}
#sightseeing.index #sec1 .cont02>dl#recommend_list>dt:before{background-image:url(../../sightseeing/img/recommend_mark_01.png);}
#sightseeing.index #sec1 .cont02>dl#recommend_list>dd ul>li dt:before{background-image:url(../../sightseeing/img/recommend_mark_02.png);}

#sightseeing.index .detail{padding:31px 0 8px;}
#sightseeing.index .detail h3{text-align:center;margin-bottom:31px;}
#sightseeing.index .detail .inner>p{font-size:92.8%;text-align:center;margin-bottom:31px;}
#sightseeing.index .detail ul{overflow:hidden;}
#sightseeing.index .detail ul>li{position:relative;padding:13px 1.8% 20px;float:left;margin:0 3.6% 40px 0;vertical-align:top;width:48.2%;box-sizing:border-box;display:inline-block;border:1px solid #e2cfaf;}
#sightseeing.index .detail ul>li:nth-child(2n){margin-right:0;}
#sightseeing.index .detail ul>li>dl{position:relative;}
#sightseeing.index .detail ul>li>dl>dt{overflow:hidden;margin-bottom:21px;padding-bottom:9px;position:relative;border-bottom:1px solid #949494;color:#6a3906;font-weight:bold;font-size:157.1%;line-height:1.6em;}
#sightseeing.index .detail ul>li>dl>dt:before{content:"";margin-right:15px;width:17px;height:17px;display:inline-block;background:no-repeat center;}
#sightseeing.index .detail ul>li>dl>dt:after{content:"";position:absolute;left:0;bottom:2px;width:100%;border-bottom:1px solid #949494;}
#sightseeing.index .detail ul>li>dl>dt span{color:#000000;float:right;font-size:63.6%;}
#sightseeing.index .detail ul>li>dl>dt small{font-size:59%;}
#sightseeing.index .detail ul>li>dl>dd{font-size:92.8%;overflow:hidden;line-height:1.7;}
#sightseeing.index .detail ul>li>dl>dd figure{float:right;width:43%;}
#sightseeing.index .detail ul>li>dl>dd figure img{margin:0 5px 10px 0;}
#sightseeing.index .detail ul>li>dl>dd figure figcaption{display:inline-block;}
#sightseeing.index .detail ul>li>dl>dd .text{float:left;width:55%;}
#sightseeing.index .detail ul>li>dl>dd .text dl{margin-bottom:1em;}
#sightseeing.index .detail ul>li>dl>dd .text dt{margin-right:11px;line-height:1em;padding:4px 9px;float:left;color:#ffffff;background:#b28247;}
#sightseeing.index .detail ul>li>dl>dd .text dd{margin-left:6.2em;}
#sightseeing.index .detail ul>li>dl>dd a{float:right;margin:1em 10px;}

#sightseeing.index #interest_detail{background:url(../../sightseeing/img/bg_01.png);}
#sightseeing.index #interest_detail ul>li{background:url(../../sightseeing/img/bg_02.png) no-repeat left bottom,rgba(255,255,255,0.5);}
#sightseeing.index #interest_detail ul>li>dl>dt:before{background-image:url(../../sightseeing/img/interest_mark_03.png);}

#sightseeing.index #gourmet_detail .inner{background:url(../../sightseeing/img/bg_04.png) no-repeat right bottom;}
#sightseeing.index #gourmet_detail ul>li{background:url(../../sightseeing/img/bg_03.png) no-repeat left bottom;}
#sightseeing.index #gourmet_detail ul>li:before{content:"";opacity:0.4;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;display:block;background:url(../../sightseeing/img/bg_01.png);}
#sightseeing.index #gourmet_detail ul>li>dl>dt:before{background-image:url(../../sightseeing/img/gourmet_mark_03.png);}

#sightseeing.index #recommend_detail{background:url(../../sightseeing/img/bg_01.png);}
#sightseeing.index #recommend_detail .inner{background:url(../../sightseeing/img/bg_04.png) no-repeat right bottom;}
#sightseeing.index #recommend_detail ul>li{background:url(../../sightseeing/img/bg_02.png) no-repeat left bottom,rgba(255,255,255,0.5);}
#sightseeing.index #recommend_detail ul>li>dl>dt:before{background-image:url(../../sightseeing/img/recommend_mark_03.png);}


/* ------------------------------------------------------
	過ごし方
------------------------------------------------------ */
/* ↓↓↓ Slick Style ↓↓↓ */
#sightseeing.stay .slick { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 50px 30px; margin-bottom: 0 !important; }
#sightseeing.stay .slick .slick-list { order: 1; }
#sightseeing.stay .slick .slick-prev,
#sightseeing.stay .slick .slick-next { position: relative; top: 15px; right: auto; left: auto; width: 22px; }
#sightseeing.stay .slick .slick-prev { order: 2; }
#sightseeing.stay .slick .slick-next { order: 4; transform: translate(0, -50%) scale(-1, 1); }
#sightseeing.stay .slick .slick-prev::before,
#sightseeing.stay .slick .slick-next::before { content: ''; display: block; width: 100%; height: auto; aspect-ratio: 1/1; box-sizing: border-box; opacity: 1; background: url(../../sightseeing/img_2510/slick_arrow.svg)no-repeat center/contain; }
#sightseeing.stay .slick .slick-dots { order: 3; position: static; width: auto;}
#sightseeing.stay .slick .slick-dots li { width: 60px; max-width: 100%; margin: 0; }
#sightseeing.stay .slick .slick-dots li button { display: flex; align-items: center; width: 100%; padding: 3px; }
#sightseeing.stay .slick .slick-dots li button:before { opacity: 1; background-color: #c5b7a9; width: 100%; height: 2px; content: ''; position: static; }
#sightseeing.stay .slick .slick-dots li button:hover { cursor: pointer; }
#sightseeing.stay .slick .slick-dots .slick-active button:before { font-size: 11px; background-color: #5b5347; }
@media screen and (max-width: 768px) {
	#sightseeing.stay .slick { gap: 30px 20px; }
	#sightseeing.stay .slick .slick-prev,
	#sightseeing.stay .slick .slick-next { width: 18px; }
}
/* ↑↑↑ Slick Style ↑↑↑ */

/* reset */
#sightseeing.stay #contents_wrap { overflow: unset; }
#sightseeing.stay #contents_wrap section,
#sightseeing.stay #contents_wrap h1,
#sightseeing.stay #contents_wrap h2,
#sightseeing.stay #contents_wrap h3,
#sightseeing.stay #contents_wrap h4,
#sightseeing.stay #contents_wrap h5,
#sightseeing.stay #contents_wrap div,
#sightseeing.stay #contents_wrap p,
#sightseeing.stay #contents_wrap ul,
#sightseeing.stay #contents_wrap ol,
#sightseeing.stay #contents_wrap li,
#sightseeing.stay #contents_wrap dl,
#sightseeing.stay #contents_wrap dt,
#sightseeing.stay #contents_wrap dd,
#sightseeing.stay #contents_wrap span,
#sightseeing.stay #contents_wrap em,
#sightseeing.stay #contents_wrap strong,
#sightseeing.stay #contents_wrap img,
#sightseeing.stay #contents_wrap a { box-sizing: border-box; }

/* common */
#sightseeing.stay .ofi { object-fit: cover; }
#sightseeing.stay .pc { display: none; }
#sightseeing.stay .inner_wrap .btn { text-decoration: none; z-index: 0; text-align: center; position: relative; min-width: 180px; padding: 0 14px; box-sizing: border-box; line-height: 27px; vertical-align: top; font-size: 13px; display: inline-block; color: #fff; border-radius: 3px; text-shadow: 0 0 3px #000; background: #7f5845; }
#sightseeing.stay .inner_wrap .btn:before { content: ""; position: absolute; right: 7px; top: 50%; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 4px; border-color: transparent transparent transparent #ffffff; }
#sightseeing.stay .inner_wrap .btn:hover { opacity: 0.8; }

/* #sec_lead */
#sightseeing.stay #sec_lead {margin-bottom:50px }
#sightseeing.stay #sec_lead h3{margin-bottom:32px }
#sightseeing.stay #sec_lead p{line-height:2.2;margin-bottom:1em }

/* section common */
#sightseeing.stay [id^="sec_day"] { display: flex; align-items: flex-start; }
#sightseeing.stay .inner_wrap { flex: 1; font-feature-settings: "palt"; letter-spacing: 0.08em; overflow: hidden; }
#sightseeing.stay [class^="day"] { position: relative; display: flex; margin-bottom: 50px; padding: 50px 0 50px 60px; background: url(../../sightseeing/img/bg_01.png); }
#sightseeing.stay .icon span { display: flex; align-items: center; justify-content: center; border-radius: 50%; width: min(11vw, 205px); height: min(11vw, 205px); font-size: min(3vw, 50px); color: #fff; background: url(../../sightseeing/img_2510/icon_bg.jpg)no-repeat center/contain; }
#sightseeing.stay .icon picture { display: block; margin-top: 30px; text-align: center; }

#sightseeing.stay .dots_nav { transform: translateX(-100%); color: #b06e19; }
#sightseeing.stay .dots_nav ol { list-style: none; }
#sightseeing.stay .dots_nav li { display: block; width: 9px; height: 9px; margin: 0 auto; border-radius: 50%; border: 1.5px solid #b06e19; box-sizing: border-box; }
#sightseeing.stay .dots_nav li+li { margin-top: 20px; }
#sightseeing.stay .dots_nav li.current { width: 15px; height: 15px; background-color: #b06e19; }
#sightseeing.stay .dots_nav .v_rl { font-size: 17px; }

#sightseeing.stay article .box { padding: 0 2.8vw; box-sizing: border-box; }
#sightseeing.stay .slick_pc .box.full { width: 85vw !important; max-width: calc(100% - 220px); }
#sightseeing.stay article .box.full { width: 100% !important; }
#sightseeing.stay article .box.full .photo { width: 60%; flex-shrink: 0; }
#sightseeing.stay article .box .tit { margin-bottom: 40px; font-size: 30px; color: #591b1d; font-weight: bold; line-height: 1.35; }
#sightseeing.stay article .box .tit .sm { display: block; margin: 0.5em 0; font-size: 17px; }
#sightseeing.stay article .box p:not([class]) { line-height: 1.8; }
#sightseeing.stay article .box p:not([class])+p { margin-top: 40px; }
#sightseeing.stay article .box>ul { margin-top: 1em; line-height: 1.8; }
#sightseeing.stay .list_sq span { display: block; font-size: 16px; font-weight: 600; color: #591b1d; }
#sightseeing.stay .list_sq span::before { content: '■'; }
#sightseeing.stay .list_sq a { color: #591b1d; text-decoration: underline; }
#sightseeing.stay .list_note li { padding-left: 1em; text-indent: -1em; }
#sightseeing.stay .list_note li::before { content: '※'; }
#sightseeing.stay article .box .btn { margin: 30px 0; }
#sightseeing.stay article .box .photo { margin-bottom: 1.5em; }
#sightseeing.stay article .box .photo .ofi { width: 100%; }
#sightseeing.stay article .box .photo .ofi+.ofi { margin-top: 10px; }
#sightseeing.stay article .box .point_col { line-height: 1.8; margin-top: 20px; padding: 25px 30px 30px; background-color: rgba(255,255,255,0.6); color: #591b1d; }
#sightseeing.stay article .box .point_col dt { font-weight: 600; color: #b6874f; }
#sightseeing.stay article .box .point_col dd { margin-top: 0.5em; }
#sightseeing.stay article .box:has(.txt) { display: flex !important; gap: 0 50px; }
#sightseeing.stay article .box_sp .name { margin: 1.5em 0 0.75em; font-size: 15px; font-weight: 600; color: #591b1d; }
#sightseeing.stay .slick_pc { width: 100%; }
#sightseeing.stay article .box.full .slick_sp .photo,
#sightseeing.stay article .box.full .slick_sp .photo .ofi { width: 100%; }

/* #sec_day1 */
#sightseeing.stay #sec_day1 { margin-bottom: 50px; }
#sightseeing.stay .day1_1 { background: url(../../sightseeing/img/stay_bg_03.png)no-repeat top 120px right max(3%, calc(50vw - 800px))/min(25vw, 323px), url(../../sightseeing/img/bg_01.png); }
#sightseeing.stay .day1_4 { background: url(../../sightseeing/img/stay_bg_05.png)no-repeat center right/min(48.4vw, 619px), url(../../sightseeing/img/bg_01.png); }
#sightseeing.stay .day1_5 { background: url(../../sightseeing/img/stay_bg_03.png)no-repeat center right 50%/min(25vw, 323px), url(../../sightseeing/img/bg_01.png); }
#sightseeing.stay .day1_1 .plan_col { display: flex; width: 100%; }
#sightseeing.stay .day1_2 .box.flex { gap: 0 6%; }
#sightseeing.stay .day1_2 .box.flex>* { width: 47%; }
#sightseeing.stay .day1_3 .box.full,
#sightseeing.stay .day2_1 .box.full,
#sightseeing.stay .day2_3 .box.full { padding-right: 0; }

/* #sec_day2 */
#sightseeing.stay [class^="day2_"] { background: url(../../sightseeing/img_2510/bg_ptn.jpg); }
#sightseeing.stay .day2_1 { background: url(../../sightseeing/img/stay_bg_06.png)no-repeat bottom 40px right 17.8%/min(37.7vw, 482px), url(../../sightseeing/img_2510/bg_ptn.jpg); }
#sightseeing.stay .day2_2 .box:has(.point_col) { width: min(62vw, 740px) !important; }
#sightseeing.stay .day2_2 .point_col dd { margin-top: 70px; }
#sightseeing.stay .day2_2 .point_col .list_sq { margin: 30px 0; }
#sightseeing.stay .day2_3 .plan_col { display: block !important; }
#sightseeing.stay .day2_3 .box .txt { flex-shrink: 0; width: 280px; }
#sightseeing.stay .day2_3 .photo { margin: 0; }

/* special */
#sightseeing.stay article .special { position: relative; margin: 22px 2.8vw 0; padding: 35px 60px 0; background-color: rgba(255,255,255,0.6); text-align: center; }
#sightseeing.stay article .special .label { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); }
#sightseeing.stay article .special .tit { margin-bottom: 30px; font-size: 25px; color: #b6874f; text-align: center; }
#sightseeing.stay article .special .tit .sm { margin: 0 0 0.33em; }
#sightseeing.stay article .special .photo { display: flex; justify-content: center; gap: 0 20px; }
#sightseeing.stay article .special .photo .ofi+.ofi { margin: 0; }