/* =========================================================
   sauna__news.css  /sauna/news 専用。クラス名はすべて sn- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* sn-root: Concept Features News Floor */
.sn-root { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* sn-hd-box1:  */
.sn-hd-box1 { background: rgb(238, 238, 238); flex: 0 0 auto; height: 100vh; left: 0px; position: fixed; top: 0px; width: 100vw; z-index: 0; max-width: 100vw; }

/* sn-blk2-sec1: TOPへ戻る お知らせ一覧 News */
.sn-blk2-sec1 { place-content: flex-start flex-end; align-items: flex-start; background: rgba(255, 255, 255, 0); flex-flow: row; height: auto; padding: 250px 150px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .sn-blk2-sec1 { padding: 200px 50px; } }
@media screen and (max-width: 540px) { .sn-blk2-sec1 { padding: 180px 50px; } }

/* sn-blk2-inner1:  */
.sn-blk2-inner1 { padding: 250px 150px; width: 100%; height: auto; flex-flow: row; place-content: flex-start flex-end; align-items: flex-start; max-width: 100%; }
@media screen and (max-width: 760px) { .sn-blk2-inner1 { padding: 200px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .sn-blk2-inner1 { padding: 180px 50px; flex-direction: column; } }

/* sn-blk2-box1: TOPへ戻る */
.sn-blk2-box1 { place-content: center; align-items: center; flex-flow: column; padding: 0px; --gh-sn-blk2-box1: 0px; --gv-sn-blk2-box1: 0px; }
@media screen and (max-width: 1280px) { .sn-blk2-box1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; height: auto; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .sn-blk2-box1 { gap: 0px; --gh-sn-blk2-box1: 0px; --gv-sn-blk2-box1: 0px; } }

/* sn-blk2-box2: Newsお知らせ一覧 */
.sn-blk2-box2 { place-content: flex-start; align-items: flex-start; display: none; flex-flow: column; gap: 0px 5px; padding: 0px; --gh-sn-blk2-box2: 0px; --gv-sn-blk2-box2: 0px; }
@media screen and (max-width: 1280px) { .sn-blk2-box2 { display: flex; margin: 0px 0px 70px; --gh-sn-blk2-box2: 0px; --gv-sn-blk2-box2: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .sn-blk2-box2 { display: flex; margin: 0px 0px 50px; --gh-sn-blk2-box2: 0px; --gv-sn-blk2-box2: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sn-blk2-box2 { display: flex; --gh-sn-blk2-box2: 0px; --gv-sn-blk2-box2: 0px; } }
@media screen and (max-width: 360px) { .sn-blk2-box2 { display: flex; --gh-sn-blk2-box2: 0px; --gv-sn-blk2-box2: 0px; } }

/* sn-blk2-txt1: News */
.sn-blk2-txt1 { color: rgb(51, 51, 51); font-family: Montserrat, sans-serif; font-feature-settings: normal; font-size: 10px; font-weight: 500; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; text-orientation: mixed; width: auto; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .sn-blk2-txt1 { height: auto; } }

/* sn-blk2-txt2: お知らせ一覧 */
.sn-blk2-txt2 { color: rgb(51, 51, 51); font-family: 'Shippori Mincho', sans-serif; font-feature-settings: normal; font-size: 20px; font-weight: 500; height: auto; letter-spacing: 0.5em; line-height: 1.4; text-align: left; text-orientation: mixed; width: auto; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; max-width: 100%; justify-content: flex-start; }

/* sn-blk2-box3: TOPへ戻る */
.sn-blk2-box3 { place-content: flex-end center; align-items: flex-end; flex-flow: column; gap: 40px 0px; height: auto; padding: 0px; width: auto; --gh-sn-blk2-box3: 0px; --gv-sn-blk2-box3: 40px; max-width: 100%; }
html.js .sn-blk2-box3:not(.in) { opacity: 0; transition-duration: 1000ms; transition-timing-function: ease-in-out; translate: 0px 20px; --gh-sn-blk2-box3: 0px; --gv-sn-blk2-box3: 40px; }
.sn-blk2-box3.in-active { transition-duration: 1000ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .sn-blk2-box3 { flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-sn-blk2-box1) * 0)); --gh-sn-blk2-box3: 0px; --gv-sn-blk2-box3: 40px; max-width: calc(100% - (var(--gh-sn-blk2-box1) * 0)); } }

/* sn-blk2-box4:  */
.sn-blk2-box4 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; gap: 30px; width: 900px; --gh-sn-blk2-box4: 0px; --gv-sn-blk2-box4: 30px; max-width: 100%; }
@media screen and (max-width: 1280px) { .sn-blk2-box4 { flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-sn-blk2-box3) * 0)); --gh-sn-blk2-box4: 0px; --gv-sn-blk2-box4: 30px; max-width: calc(100% - (var(--gh-sn-blk2-box3) * 0)); } }

/* sn-blk2-link1: TOPへ戻る */
.sn-blk2-link1 { place-content: center; align-items: center; background: rgb(82, 82, 82); border-radius: 100px; flex: 0 0 auto; flex-flow: column; height: 25px; width: 120px; max-width: 100%; }

/* sn-blk2-txt3: TOPへ戻る */
.sn-blk2-txt3 { color: rgb(227, 227, 227); font-family: 'Shippori Mincho', sans-serif; font-size: 10px; font-weight: 600; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sn-blk2-box5: お知らせ一覧 News */
.sn-blk2-box5 { place-content: flex-start flex-end; align-items: flex-start; display: flex; flex: 1 1 0%; flex-flow: row; gap: 0px 5px; height: auto; padding: 0px; position: sticky; top: 0px; width: auto; z-index: 3; --gh-sn-blk2-box5: 5px; --gv-sn-blk2-box5: 0px; max-width: 100%; }
html.js .sn-blk2-box5:not(.in) { opacity: 0; transition-duration: 1000ms; transition-timing-function: ease-in-out; translate: 0px 20px; --gh-sn-blk2-box5: 5px; --gv-sn-blk2-box5: 0px; }
.sn-blk2-box5.in-active { transition-duration: 1000ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .sn-blk2-box5 { display: none; --gh-sn-blk2-box5: 5px; --gv-sn-blk2-box5: 0px; } }
@media screen and (max-width: 760px) { .sn-blk2-box5 { display: none; --gh-sn-blk2-box5: 5px; --gv-sn-blk2-box5: 0px; } }
@media screen and (max-width: 540px) { .sn-blk2-box5 { display: none; --gh-sn-blk2-box5: 5px; --gv-sn-blk2-box5: 0px; } }
@media screen and (max-width: 360px) { .sn-blk2-box5 { display: none; --gh-sn-blk2-box5: 5px; --gv-sn-blk2-box5: 0px; } }

/* sn-blk2-txt4: お知らせ一覧 */
.sn-blk2-txt4 { color: rgb(51, 51, 51); font-family: 'Shippori Mincho', sans-serif; font-feature-settings: normal; font-size: 20px; font-weight: 500; height: auto; letter-spacing: 0.5em; line-height: 1.4; text-align: left; text-orientation: upright; -webkit-text-orientation: upright; width: auto; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; max-width: 100%; justify-content: flex-start; }

/* sn-blk2-txt5: News */
.sn-blk2-txt5 { color: rgb(51, 51, 51); font-family: Montserrat, sans-serif; font-feature-settings: normal; font-size: 10px; font-weight: 500; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; text-orientation: mixed; width: auto; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; max-width: 100%; justify-content: flex-start; }

/* sn-blk3-pic1: ご予約はLINEからお問い合せください ご予約は○日前まで */
.sn-blk3-pic1 { place-content: center flex-end; align-items: center; border-radius: 10px; flex: 0 0 auto; flex-flow: row; height: 600px; padding: 150px; width: 98%; max-width: 98%; }
.sn-blk3-pic1::before { filter: brightness(55%) contrast(90%); }
@media screen and (max-width: 760px) { .sn-blk3-pic1 { flex: 0 0 auto; height: 430px; padding: 50px; width: 98%; max-width: 98%; } }
@media screen and (max-width: 540px) { .sn-blk3-pic1 { place-content: center; align-items: center; flex: 0 0 auto; height: 300px; width: 98%; max-width: 98%; } }

/* sn-blk3-box1: ご予約はLINEからお問い合せください ご予約は○日前まで */
.sn-blk3-box1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 50px; height: auto; padding: 0px; width: 100%; --gh-sn-blk3-box1: 0px; --gv-sn-blk3-box1: 50px; max-width: 100%; }
@media screen and (max-width: 760px) { .sn-blk3-box1 { flex: 0 0 auto; width: 90%; --gh-sn-blk3-box1: 0px; --gv-sn-blk3-box1: 50px; max-width: 90%; } }
@media screen and (max-width: 540px) { .sn-blk3-box1 { gap: 30px; --gh-sn-blk3-box1: 0px; --gv-sn-blk3-box1: 30px; } }

/* sn-blk3-box2: ご予約はLINEからお問い合せください ご予約は○日前まで */
.sn-blk3-box2 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 5px 0px; padding: 0px; width: calc(100% - (var(--gh-sn-blk3-box1) * 0)); --gh-sn-blk3-box2: 0px; --gv-sn-blk3-box2: 5px; max-width: calc(100% - (var(--gh-sn-blk3-box1) * 0)); }

/* sn-blk3-txt1: ご予約はLINEからお問い合せください */
.sn-blk3-txt1 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Shippori Mincho', sans-serif; font-feature-settings: normal; font-size: 25px; font-weight: 500; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: center; text-orientation: mixed; width: calc(100% - (var(--gh-sn-blk3-box2) * 0)); writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; max-width: calc(100% - (var(--gh-sn-blk3-box2) * 0)); justify-content: center; }
@media screen and (max-width: 540px) { .sn-blk3-txt1 { font-size: 18px; } }

/* sn-blk3-txt2: ご予約は○日前までにお願いいたします */
.sn-blk3-txt2 { color: rgb(255, 255, 255); font-family: 'Shippori Mincho', sans-serif; font-size: 13px; font-weight: 500; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sn-blk3-box3: LINE登録はこちら */
.sn-blk3-box3 { place-content: center; align-items: center; background: rgba(238, 238, 238, 0); border-width: 1px; border-style: solid; border-color: rgb(197, 197, 197); border-radius: 100px; flex: 0 0 auto; flex-flow: column; height: 70px; width: 300px; max-width: 100%; }
@media screen and (max-width: 540px) { .sn-blk3-box3 { flex: 0 0 auto; height: 50px; width: 250px; max-width: 100%; } }

/* sn-blk3-txt3: LINE登録はこちら */
.sn-blk3-txt3 { color: rgb(255, 255, 255); font-family: 'Shippori Mincho', sans-serif; font-size: 15px; font-weight: 500; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sn-blk3-box4: お問い合わせ Reservation */
.sn-blk3-box4 { place-content: flex-start flex-end; align-items: flex-start; display: flex; flex-flow: row; padding: 0px; }
@media screen and (max-width: 1280px) { .sn-blk3-box4 { display: flex; } }
@media screen and (max-width: 760px) { .sn-blk3-box4 { display: flex; } }
@media screen and (max-width: 540px) { .sn-blk3-box4 { display: none; } }
@media screen and (max-width: 360px) { .sn-blk3-box4 { display: none; } }

/* sn-blk3-txt4: お問い合わせ */
.sn-blk3-txt4 { color: rgb(255, 255, 255); font-family: 'Shippori Mincho', sans-serif; font-feature-settings: normal; font-size: 20px; font-weight: 500; height: auto; letter-spacing: 0.5em; line-height: 1.4; text-align: left; text-orientation: upright; -webkit-text-orientation: upright; width: auto; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; max-width: 100%; justify-content: flex-start; }

/* sn-blk3-txt5: Reservation */
.sn-blk3-txt5 { color: rgb(255, 255, 255); font-family: Montserrat, sans-serif; font-feature-settings: normal; font-size: 10px; font-weight: 500; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; text-orientation: mixed; width: auto; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; max-width: 100%; justify-content: flex-start; }