﻿.con_stay *{box-sizing:border-box}.con_stay .tit_day{text-align:center;font-size:258%;font-family:"Noto Serif JP", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;color:#2c1d19;padding:5rem 0;position:relative}.con_stay .tit_day:after{content:"";display:block;text-align:center;font-family:"La Belle Aurore", cursive;font-weight:400;font-style:normal;font-size:258%;color:#ebecec;position:absolute;top:2.5rem;left:0;right:0;z-index:-1;transform:rotate(-10deg)}.con_stay .tit_day.day01:after{content:"Day 01"}.con_stay .tit_day.day02:after{content:"Day 02"}.con_stay .box_stay{--_dot-size:14px;--_line-size:2px;position:relative;z-index:0}.con_stay .box_stay:before{content:"";width:var(--_line-size);height:calc(var(--scroll-progress) * 1%);background-color:#5b5b5b;position:absolute;top:5px;left:0;right:0;margin:auto;z-index:10}@media only screen and (max-width: 767px){.con_stay .box_stay:before{left:auto;right:3%}}.con_stay .box_stay .box_time{display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:1;opacity:0;transform:translateY(50px);transition:opacity 1.5s, transform 1.5s;margin-top:2.34375%;margin:0 0 100px}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .box_time{margin-top:3.75%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time{margin-top:1.5em}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time{flex-wrap:wrap}}.con_stay .box_stay .box_time.active{opacity:1;transform:translateY(0)}.con_stay .box_stay .box_time .box_txt{margin-right:2%;width:48%;max-width:700px;display:flex;justify-content:flex-end;flex-wrap:wrap;align-content:flex-start;align-items:flex-start}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .box_time .box_txt{margin-right:2%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time .box_txt{margin-right:auto}}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .box_time .box_txt{width:48%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time .box_txt{width:90%}}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .box_time .box_txt{max-width:45%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time .box_txt{max-width:90%}}.con_stay .box_stay .box_time .box_txt h4{text-align:left;display:flex;flex-wrap:wrap;justify-content:flex-end;width:100%;font-family:"Noto Serif JP", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;font-size:143%;color:#2c1d19;margin:1rem 0 2rem}.con_stay .box_stay .box_time .box_txt h4 .tit_time{font-size:172%;display:flex;align-items:center;justify-content:flex-end;width:100%}.con_stay .box_stay .box_time .box_txt h4 .st_tit{color:#648d60;display:contents}.con_stay .box_stay .box_time .box_txt h4 img{display:inline-block;margin-left:0.75rem}.con_stay .box_stay .box_time .box_txt p{text-align:left;color:#5b5b5b;font-size:115%;line-height:2;letter-spacing:0.22rem;max-width:500px}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .box_time .box_txt p{max-width:90%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time .box_txt p{max-width:90%}}.con_stay .box_stay .box_time .box_img{margin-left:2%;width:48%;max-width:700px}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .box_time .box_img{margin-left:2%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time .box_img{margin-left:0}}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .box_time .box_img{width:48%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time .box_img{width:90%}}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .box_time .box_img{max-width:45%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time .box_img{max-width:90%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time .box_img{margin:2rem auto}}.con_stay .box_stay .box_time .box_img img{max-width:700px}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .box_time .box_img img{max-width:100%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time .box_img img{max-width:96%}}.con_stay .box_stay .box_time.is-even .box_txt{order:2;justify-content:flex-start;margin-right:0;margin-left:2%}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .box_time.is-even .box_txt{margin-left:2%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time.is-even .box_txt{margin-left:auto}}.con_stay .box_stay .box_time.is-even .box_txt h4{text-align:left;justify-content:flex-start}.con_stay .box_stay .box_time.is-even .box_txt h4 .tit_time{display:flex;align-items:center;justify-content:flex-start;width:100%}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time.is-even .box_txt{order:1}}.con_stay .box_stay .box_time.is-even .box_img{order:1;display:flex;justify-content:flex-end;flex-wrap:wrap;margin-left:0;margin-right:2%}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .box_time.is-even .box_img{margin-right:2%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time.is-even .box_img{margin-right:auto}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time.is-even .box_img{order:2}}.con_stay .box_stay .box_time.bg_pattern{position:relative}.con_stay .box_stay .box_time.bg_pattern::after{content:"";position:absolute;background:url("../../stay/images/bg_pattern.png");width:100%;height:100%;background-size:cover;top:0;z-index:-1}.con_stay .box_stay .box_time:nth-child(1) .box_txt{position:relative}.con_stay .box_stay .box_time:nth-child(1) .box_txt::after{content:"";position:absolute;background:url("../../stay/images/bg_sun.png") no-repeat;width:100%;height:100%;background-size:auto;top:0;z-index:-1}.con_stay .box_stay .box_time:nth-child(1) .box_img{position:relative}.con_stay .box_stay .box_time:nth-child(1) .box_img::after{content:"Check in";display:block;text-align:center;font-family:"Homemade Apple", cursive;font-weight:400;font-style:normal;font-size:572%;color:#ebecec;position:absolute;right:-4rem;bottom:-3rem;z-index:1;transform:rotate(6deg)}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time:nth-child(1) .box_img::after{right:1rem;font-size:286%}}.con_stay .box_stay .box_time:nth-child(2) .box_img{position:relative}.con_stay .box_stay .box_time:nth-child(2) .box_img::after{content:"";position:absolute;background:url("../../stay/images/bg_square.png") no-repeat;background-size:contain;width:56px;height:57px;aspect-ratio:56 / 57;top:0;right:0;z-index:-1;display:flex;justify-content:right}.con_stay .box_stay .box_time:nth-child(5) .box_txt{position:relative}.con_stay .box_stay .box_time:nth-child(5) .box_txt::after{content:"";position:absolute;background:url("../../stay/images/bg_square.png") no-repeat;background-size:contain;width:56px;height:57px;aspect-ratio:56 / 57;top:25%;right:55%;z-index:-1;display:flex;justify-content:right}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time:nth-child(5) .box_txt::after{top:20%;right:30%}}.con_stay .box_stay .box_time:nth-child(6){position:relative}.con_stay .box_stay .box_time:nth-child(6)::after{content:"";position:absolute;background:url("../../stay/images/bg_leaf.png") no-repeat;width:100%;height:auto;background-size:cover;top:-2rem;left:0;z-index:-1;aspect-ratio:1920 / 611}.con_stay .box_stay .box_time:nth-child(7) .box_txt{position:relative}.con_stay .box_stay .box_time:nth-child(7) .box_txt::after{content:"";position:absolute;background:url("../../stay/images/bg_square.png") no-repeat;background-size:contain;width:56px;height:57px;aspect-ratio:56 / 57;top:25%;right:65%;z-index:-1;display:flex;justify-content:right}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time:nth-child(7) .box_txt::after{top:20%;right:30%}}.con_stay .box_stay .box_time:nth-child(8) .box_txt{position:relative}.con_stay .box_stay .box_time:nth-child(8) .box_txt::after{content:"";position:absolute;background:url("../../stay/images/bg_square.png") no-repeat;background-size:contain;width:56px;height:57px;aspect-ratio:56 / 57;top:20%;left:70%;z-index:-1;display:flex;justify-content:right}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time:nth-child(8) .box_txt::after{top:20%;left:30%}}.con_stay .box_stay .box_time.box_last{margin-top:-50px;padding:50px 0}.con_stay .box_stay .box_time.box_last::before{top:45%}.con_stay .box_stay .box_time.box_last .box_txt{align-items:center;align-content:center}.con_stay .box_stay .box_time.box_last::after{content:"";position:absolute;background:url("../../stay/images/bg_pattern.png");width:100%;height:100%;background-size:cover;inset:0;z-index:-1}.con_stay .box_stay .box_time::before{content:"";width:var(--_dot-size);aspect-ratio:1;background-color:#5b5b5b;border-radius:50%;position:absolute;top:5px;left:0;right:0;margin:auto}@media only screen and (max-width: 767px){.con_stay .box_stay .box_time::before{left:auto;right:1.5%}}.con_stay .box_stay .con_private{position:relative;padding-bottom:4rem;margin:0 0 100px}.con_stay .box_stay .con_private::after{content:"";position:absolute;background:url("../../stay/images/bg_pattern.png") repeat-y;width:100%;height:100%;background-size:cover;top:-100px;padding-bottom:100px;z-index:-1}.con_stay .box_stay .con_private .box_private{display:flex;justify-content:space-between;position:relative;width:96%;max-width:1445px;margin:0 auto;border:3px solid #5b5b5b;padding:3rem 3rem 5rem;z-index:11}.con_stay .box_stay .con_private .box_private .box_txt{margin-right:2%;width:48%;max-width:520px}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .con_private .box_private .box_txt{margin-right:2%}}@media only screen and (max-width: 767px){.con_stay .box_stay .con_private .box_private .box_txt{margin-right:0}}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .con_private .box_private .box_txt{width:48%}}@media only screen and (max-width: 767px){.con_stay .box_stay .con_private .box_private .box_txt{width:96%}}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .con_private .box_private .box_txt{max-width:45%}}@media only screen and (max-width: 767px){.con_stay .box_stay .con_private .box_private .box_txt{max-width:96%}}.con_stay .box_stay .con_private .box_private .box_txt h4{text-align:left;font-family:"Noto Serif JP", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;font-size:143%;margin:1rem 0 2rem}.con_stay .box_stay .con_private .box_private .box_txt p{text-align:left;color:#5b5b5b;font-size:115%;line-height:2;letter-spacing:0.22rem}.con_stay .box_stay .con_private .box_private .box_img{margin-left:2%;width:48%;max-width:600px}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .con_private .box_private .box_img{margin-left:2%}}@media only screen and (max-width: 767px){.con_stay .box_stay .con_private .box_private .box_img{margin-left:0}}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .con_private .box_private .box_img{width:48%}}@media only screen and (max-width: 767px){.con_stay .box_stay .con_private .box_private .box_img{width:96%}}@media only screen and (min-width: 768px) and (max-width: 1139px){.con_stay .box_stay .con_private .box_private .box_img{max-width:48%}}@media only screen and (max-width: 767px){.con_stay .box_stay .con_private .box_private .box_img{max-width:96%}}@media only screen and (max-width: 767px){.con_stay .box_stay .con_private .box_private .box_img{margin-top:2rem}}.con_stay .box_stay .con_private .box_private::after{content:"";position:absolute;background:url("../../stay/images/bg_pattern.png");width:100%;height:100%;background-size:cover;inset:0;z-index:-1}@media only screen and (max-width: 767px){.con_stay .box_stay .con_private .box_private{flex-wrap:wrap;padding:3rem 2rem}}.con_stay:has(.day02) .box_stay .box_time:nth-child(1) .box_txt{position:relative}.con_stay:has(.day02) .box_stay .box_time:nth-child(1) .box_txt::after{content:"";position:absolute;background:url("../../stay/images/bg_square.png") no-repeat;background-size:contain;width:56px;height:57px;aspect-ratio:56 / 57;top:20%;left:70%;z-index:-1;display:flex;justify-content:right}@media only screen and (max-width: 767px){.con_stay:has(.day02) .box_stay .box_time:nth-child(1) .box_txt::after{top:20%;left:30%}}.con_stay:has(.day02) .box_stay .box_time:nth-child(1) .box_img::after{content:none !important}.con_stay:has(.day02) .box_stay .box_time:nth-child(2) .box_txt{position:relative}.con_stay:has(.day02) .box_stay .box_time:nth-child(2) .box_txt::after{content:"";position:absolute;background:url("../../stay/images/bg_square.png") no-repeat;background-size:contain;width:56px;height:57px;aspect-ratio:56 / 57;top:10%;right:65%;z-index:-1;display:flex;justify-content:right}@media only screen and (max-width: 767px){.con_stay:has(.day02) .box_stay .box_time:nth-child(2) .box_txt::after{top:20%;right:30%}}.con_stay .btn{width:100%;display:flex;justify-content:flex-end}.con_stay .btn a{display:block;text-decoration:none;font-size:143%;font-family:garamond-premier-pro, "Cormorant Garamond", serif;letter-spacing:0.1em;padding:0.7em 1.5em;line-height:1;color:#89aa86;position:relative;border-bottom:2px solid #89aa86;-webkit-transition:background 0.4s, color 0.4s;-moz-transition:background 0.4s, color 0.4s;-o-transition:background 0.4s, color 0.4s;transition:background 0.4s, color 0.4s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:10}.con_stay .btn a:after{content:"";width:0;height:100%;position:absolute;right:0;top:0;background:#89aa86;z-index:-1;opacity:0;-webkit-transition:width 0.6s ease, opacity 0.6s ease;-moz-transition:width 0.6s ease, opacity 0.6s ease;-o-transition:width 0.6s ease, opacity 0.6s ease;transition:width 0.6s ease, opacity 0.6s ease}.con_stay .btn a:hover{color:#fff}.con_stay .btn a:hover:after{width:100%;left:0;right:inherit;opacity:1;-webkit-transition:width 0.6s ease, opacity 0.6s ease;-moz-transition:width 0.6s ease, opacity 0.6s ease;-o-transition:width 0.6s ease, opacity 0.6s ease;transition:width 0.6s ease, opacity 0.6s ease}.con_stay .btn a:hover i{-webkit-transform:translateX(1em) scale(0.7);-moz-transform:translateX(1em) scale(0.7);-ms-transform:translateX(1em) scale(0.7);-o-transform:translateX(1em) scale(0.7);transform:translateX(1em) scale(0.7)}.con_stay .btn a i{display:inline-block;font-size:65%;margin-left:2.5em;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);-webkit-transition:-webkit-transform 0.4s;-moz-transition:-moz-transform 0.4s;-o-transition:-o-transform 0.4s;transition:transform 0.4s}.con_out{position:relative;width:100%;padding:5rem 0;background:url(../../stay/images/bg_out.png) center center;background-size:cover}.con_out .box_out{text-align:center;font-family:"Noto Serif JP", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;color:#fff}.con_out .box_out h4{font-size:165%}.con_out .box_out p{margin-top:1rem;font-size:143%}.con_out .box_out p span{display:inline-block;margin-top:1rem;font-size:80%}
