#daytrip{overflow-x:hidden}#daytrip section.hero-section.section__bg-image{background-image:url(../../img/sightseeing/sightseeing_bg-image.webp);background-position:bottom;background-repeat:no-repeat;background-size:cover}#daytrip .onsen{height:400px;margin-bottom:40px;position:relative}#daytrip .onsen .onsen_bg{background-image:url(/kyoto/kyotango/daytrip/img/daytrip_01.jpg);background-position:50%;background-size:cover;height:100%;width:75%}#daytrip .onsen .onsen_txt{background-color:#292929;box-sizing:border-box;color:#fff;left:75%;padding:40px;position:absolute;top:50%;transform:translate(-50%,-50%);width:426px}#daytrip .onsen .onsen_txt h3{font-size:36px;margin-bottom:5px}#daytrip .onsen_daytrip_waku{gap:var(--space-xs);grid-template-columns:repeat(2,1fr);text-align:left}#daytrip .onsen_daytrip_waku>div{align-items:center;box-sizing:border-box;display:inherit;grid-row:span 3;grid-template-rows:subgrid}#daytrip .onsen_daytrip_waku h4{background-color:var(--hotel_base-color);border-radius:5px;line-height:1em;padding:var(--space-sm);position:relative}#daytrip .onsen_daytrip_waku h4.course_onsen img{height:auto;width:110px}#daytrip .onsen_daytrip_waku h4.course_onsen:before{content:url(/kyoto/kyotango/img/daytrip/icon_hotspring.svg);height:auto;max-width:40px;position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);width:var(--space-lg)}#daytrip .onsen_daytrip_waku h4.course_onsenandpool img{height:auto;width:180px}#daytrip .onsen_daytrip_waku h4.course_onsenandpool:before{content:url(/kyoto/kyotango/img/daytrip/icon_hotspring.svg);height:auto;max-width:40px;position:absolute;right:calc(var(--space-lg) + var(--space-md) - var(--space-xxs));top:50%;transform:translateY(-50%);width:var(--space-lg)}#daytrip .onsen_daytrip_waku h4.course_onsenandpool:after{content:url(/kyoto/kyotango/img/daytrip/icon_pool.svg);height:auto;max-width:40px;position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);width:var(--space-lg)}#daytrip .onsen_daytrip_waku .course_read{font-size:var(--fs-14)}#daytrip .onsen_daytrip_waku dl.onsen_daytrip_fee{align-items:center;display:flex;flex-wrap:wrap;width:100%}#daytrip .onsen_daytrip_waku dl.onsen_daytrip_fee dd,#daytrip .onsen_daytrip_waku dl.onsen_daytrip_fee dt{border-radius:5px;box-sizing:border-box;font-size:var(--fs-16);font-weight:700;line-height:16px;margin:5px;padding:10px 0;text-align:center;width:calc(50% - 10px)}#daytrip .onsen_daytrip_waku dl.onsen_daytrip_fee dt{color:var(--base-color-white)}#daytrip .onsen_daytrip_waku dl.onsen_daytrip_fee dt.fee01_otona{background-color:#f39939;border:3px solid #f39939}#daytrip .onsen_daytrip_waku dl.onsen_daytrip_fee dd.fee01_otona{border:3px solid #f39939}#daytrip .onsen_daytrip_waku dl.onsen_daytrip_fee dt.fee02_elementary{background-color:#8dc556;border:3px solid #8dc556}#daytrip .onsen_daytrip_waku dl.onsen_daytrip_fee dd.fee02_elementary{border:3px solid #8dc556}#daytrip .onsen_daytrip_waku dl.onsen_daytrip_fee dt.fee03_other{background-color:#8f82bc;border:3px solid #8f82bc}#daytrip .onsen_daytrip_waku dl.onsen_daytrip_fee dd.fee03_other{border:3px solid #8f82bc}#daytrip .onsen_daytrip_textbox{text-align:left}#daytrip .onsen_daytrip_textbox .onsen_daytrip_servicetimeh5{background-color:var(--hotel_base-color);border-top-left-radius:5px;border-top-right-radius:5px;color:#f3d71d;font-size:var(--fs-18);font-weight:700;margin:var(--space-md) auto 0;padding:6px 10px}#daytrip .onsen_daytrip_textbox .onsen_daytrip_servicetimeh5 span{color:var(--base-color-white);display:inline-block;font-size:var(--fs-14);font-weight:700}#daytrip .onsen_daytrip_textbox .onsen_daytrip_servicetimep{border:3px solid var(--hotel_base-color);margin-top:0;padding:var(--space-sm)}#daytrip .onsen_daytrip_textbox .onsen_daytrip_servicetimep span{color:var(--hotel_base-color);font-weight:700}#daytrip .onsen_daytrip_textbox .onsen_daytrip_kakomiwaku{display:flex;gap:10px}#daytrip .onsen_daytrip_textbox .onsen_daytrip_kakomi{border:2px solid #000;border-radius:5px;box-sizing:border-box;font-size:var(--fs-16);margin:var(--space-sm) 0;padding:var(--space-xs);text-align:center;width:calc(50% - 5px)}#daytrip .onsen_daytrip_textbox .onsen_daytrip_komep{font-size:var(--fs-14);padding-left:1em;text-indent:-1em}#daytrip .onsen_list .list_btn{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);justify-content:space-between}#daytrip .onsen_list .list_btn li{aspect-ratio:1;overflow:hidden;position:relative}#daytrip .onsen_list .list_btn li a{display:block}#daytrip .onsen_list .list_btn li a:after{background-color:rgba(0,0,0,.35);content:"";display:block;height:100%;position:absolute;top:0;width:100%}#daytrip .onsen_list .list_btn li a img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;transition:all 1s;width:100%}#daytrip .onsen_list .list_btn li a:hover img{transform:scale(1.2)}#daytrip .onsen_list .list_btn li p{color:#fff;font-size:var(--fs-30);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:5}#daytrip .onsen_list .list_btn li p span{display:block;font-size:14px;margin-top:-12px}#daytrip .onsen_detail{padding-top:40px;text-align:left}#daytrip .onsen_detail li{border-bottom:1px dotted #333;padding:12px 0}#daytrip .onsen_detail li:first-of-type{border-top:1px dotted #333}#daytrip .onsen_detail li dl{display:flex}#daytrip .onsen_detail li dt{width:30%}#daytrip .about__feature01 .feature__textbox,#daytrip .about__feature03 .feature__textbox,#daytrip .about__feature05 .feature__textbox{background:var(--base-color-dgray);color:var(--base-color-white)}#daytrip .about__feature02 .feature__textbox,#daytrip .about__feature04 .feature__textbox,#daytrip .about__feature06 .feature__textbox{background:var(--hotel_base-color);color:var(--base-color-white)}#daytrip .about__feature02 .feature__textbox span.txt_red.fw_bold,#daytrip .about__feature04 .feature__textbox span.txt_red.fw_bold,#daytrip .about__feature06 .feature__textbox span.txt_red.fw_bold{color:var(--base-color-white);display:inline-block;font-weight:400}.hotsprings{grid-template-columns:repeat(2,1fr)}.hotsprings_item dl>dt{align-content:center;background:var(--base-color-lgray,#eec);background:#eec;grid-column:span 4/span 3}.sauna__howto h3{font-size:var(--fs-30);padding-bottom:var(--space-lg);padding-top:var(--space-md);text-align:center}.sauna__howtobase{background-color:#f8f7ee;padding-bottom:10px}.sauna__howtobase ol{counter-reset:item;display:grid;flex-wrap:wrap;gap:var(--space-sm);grid-template-columns:none;grid-template-rows:auto;list-style-type:none}.sauna__howtobase ol li{align-items:start;border:2px solid #036eb8;border-radius:10px;box-sizing:border-box;display:grid;gap:var(--space-md);grid-template-areas:"number title title illust" ". text text illust";grid-template-columns:1em 1fr 1fr auto;grid-template-rows:auto 1fr;padding:var(--space-md);position:relative}.sauna__howtobase ol li:before{color:#036eb8;content:counter(item);counter-increment:item;font-size:var(--fs-36);grid-area:number;-ms-grid-column:1;-ms-grid-row:1;line-height:1}.sauna__howtobase ol li h4{-ms-grid-column:3;-ms-grid-row:1;-ms-grid-column-span:3;font-size:var(--fs-24);font-weight:700;grid-area:title;line-height:1.6em;text-wrap:wrap;text-wrap:pretty}.sauna__howtobase ol li p{-ms-grid-column:3;-ms-grid-row:3;-ms-grid-column-span:3;font-size:var(--fs-18);grid-area:text;margin-top:20px}.illustbox{-ms-grid-row:1;-ms-grid-row-span:3;align-self:center;grid-area:illust;-ms-grid-column:7;justify-self:center}@media screen and (min-width:1201px){.sauna__howtobase ol{grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){#daytrip .onsen_daytrip_waku{grid-template-columns:1fr}#daytrip .onsen_list .list_btn{grid-template-columns:repeat(2,1fr)}.sauna__howtobase ol li{grid-template-areas:"number title" ". text" "illust illust";grid-template-columns:1em 1fr;grid-template-rows:auto 1fr auto}.sauna__howtobase ol li:before{-ms-grid-column:1;-ms-grid-row:1}.sauna__howtobase ol li h4{-ms-grid-column:2;-ms-grid-row:1;-ms-grid-column-span:1}.sauna__howtobase ol li p{-ms-grid-column:2;-ms-grid-row:2;-ms-grid-column-span:1}.illustbox{-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:2}}@media screen and (max-width:428px){.hotsprings{grid-template-columns:1fr}}