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

	Responsive Sightseeing CSS

====================================================== */
@media screen and (max-width: 1100px) {
	#sightseeing.index #sec1 .cont01,
	#sightseeing.index #sec1 .cont02{width:100%;float:none;margin-bottom:40px;}
	#sightseeing.index #sec1 .cont02>dl{width:48%;display:inline-block;vertical-align:top;margin:0 0.5% 30px;}
	#sightseeing.index #sec1 .cont02>dl:nth-of-type(3) { display: block;}
}
@media screen and (max-width: 768px) {
	#sightseeing.index .detail ul>li>dl>dd figure,
	#sightseeing.index .detail ul>li>dl>dd .text{width:100%;float:none;}
	#sightseeing.index .detail ul>li>dl>dd figure{text-align:center;}
}
@media screen and (max-width: 640px) {
	#sightseeing.index #sec1 .cont02>dl{width:100%;}
}
@media screen and (max-width: 600px) {
	#sightseeing.index .detail ul>li{width:100%;float:none;margin-right:0;}
}


/* ------------------------------------------------------
	過ごし方
------------------------------------------------------ */
@media screen and (min-width: 1101px) {
	#sightseeing.stay [id^="sec_day"] { margin-left: max(90px, calc(50vw - 875px)); }
}
@media screen and (min-width: 961px) {
	#sightseeing.stay [id^="sec_day"] { margin-left: 5vw; }
	#sightseeing.stay .icon { position: sticky; top: 0; display: flex; flex-direction: column; height: 100vh; margin: -100px 6vw 0 0; padding-bottom: 120px; }
	#sightseeing.stay .icon span { flex-shrink: 0; }
	#sightseeing.stay .icon img { height: calc(100vh - 400px); object-position: top; object-fit: contain; }
	#sightseeing.stay .inner_wrap>[class^="day"] .v_rl { writing-mode: vertical-rl; font-feature-settings: "palt" 0; margin-top: 30px; }
	#sightseeing.stay article .box { width: min(62vw, 650px) !important; }
	#sightseeing.stay article .box.sm { width: 525px !important; }
	#sightseeing.stay article .box.full .txt { min-width: 300px; }
	#sightseeing.stay .slick_sp { display: flex; flex-wrap: nowrap; gap: 0 35px; margin-top: 35px; }
	#sightseeing.stay .slick_sp>div { width: 31%; }
	#sightseeing.stay .day1_2 .box.flex .photo { margin-top: 120px; }
	#sightseeing.stay .day1_3 .txt,
	#sightseeing.stay .day2_1 .txt { padding: 25px 0; }
	#sightseeing.stay .day1_5 .full .photo { margin-top: 100px; }
	#sightseeing.stay .day1_3 .photo,
	#sightseeing.stay .day2_1 .photo { padding-top: 40px; }
	#sightseeing.stay #sec_day2 { padding-bottom: 70px; }
	#sightseeing.stay .day2_2 .point_col .list_sq span { display: inline-block; }
}
@media screen and (max-width: 960px) {
	#sightseeing.stay article .ofi { height: auto; }
	#sightseeing.stay [class^="day"] { background-size: 85%; }
	#sightseeing.stay [id^="sec_day"] { display: block; }
	#sightseeing.stay .icon { margin-bottom: 40px; padding: 0 4%; }
	#sightseeing.stay .icon span { width: max(100px, 16vw); height: max(100px, 16vw); margin: 0 auto; font-size: 22px; }
	#sightseeing.stay .icon picture .ofi { width: clamp(380px, 52vw, 500px); }
	#sightseeing.stay .inner_wrap>[class^="day"] { display: block; margin-bottom: 30px; padding: 40px 4%; }
	#sightseeing.stay .dots_nav { transform: none; display: flex; flex-wrap: wrap; align-items: center; gap: 15px 1em; }
	#sightseeing.stay .dots_nav ol { display: flex; align-items: center; gap: 0 12px; }
	#sightseeing.stay .dots_nav li+li { margin: 0; }
	#sightseeing.stay article .box { width: 100%; padding: 15px 0 0; }
	#sightseeing.stay article .box .tit { margin-bottom: 25px; font-size: 22px; }
	#sightseeing.stay article .box .tit .sm { font-size: 16px; }
	#sightseeing.stay article .box .point_col { padding: 25px 6% 30px; }
	#sightseeing.stay article .box p:not([class])+p { margin-top: 20px; }
	#sightseeing.stay article .box:has(.txt) { flex-direction: column; }
	#sightseeing.stay article .box .btn { margin: 15px 0 20px; }
	#sightseeing.stay .slick_pc .box.full { width: 100% !important; max-width: 100%; }
	#sightseeing.stay article .box.full .photo { width: 100%; margin: 1.5em 0 0; }
	#sightseeing.stay article .box.full .box_sp .photo { width: 100%; margin: 0; }
	#sightseeing.stay .slick_sp { margin-top: 20px; }
	#sightseeing.stay .slick_sp .slick-slide { margin: 0 5px; }
	#sightseeing.stay .slick_sp .slick-slide .ofi { aspect-ratio: 2/1; }
	#sightseeing.stay .day1_1 { background-size: 38vw, 85%; }
	#sightseeing.stay .day1_1 .plan_col { flex-direction: column; gap: 4vw 0; }
	#sightseeing.stay .day1_2 .box.flex { flex-direction: column; }
	#sightseeing.stay .day1_2 .box.flex>* { width: 100%; }
	#sightseeing.stay .day1_2 .box.flex .photo { gap: 0 10px; margin: 1em 0 0; }
	#sightseeing.stay .day1_4,
	#sightseeing.stay .day1_5,
	#sightseeing.stay .day2_1 { background-size: 38vw, 85%; }
	#sightseeing.stay article .special { margin: 60px 0 0; padding: 35px 8vw 1px; }
	#sightseeing.stay article .special .photo .ofi { width: min(calc(50% - 5px), 170px); }
	#sightseeing.stay article .special ul { text-align: left; }
	#sightseeing.stay .day2_2 .box:has(.point_col) { width: 100% !important; padding-top: 0; }
	#sightseeing.stay .day2_2 .point_col { margin-top: 0 !important; }
	#sightseeing.stay .day2_2 .point_col{ margin-top: 0; }
	#sightseeing.stay .day2_2 .point_col dd { margin-top: 30px; }
	#sightseeing.stay .day2_3 .box .txt { width: 100%; }
	#sightseeing.stay article .box .ticker .ofi { width: min(38vw, 280px); }
}
@media screen and (max-width: 768px) {
	#sightseeing.stay .slick { gap: 10px 20px;}
}
@media screen and (min-width: 641px) {
	#sightseeing.stay .pc { display: inline; }
	#sightseeing.stay .sp { display: none; }
	#sightseeing.stay #sec_lead { text-align: center; }
}