/* 承認済みの冊子①を全ページへ展開。 */
.paper-face{background:var(--face) url('../decor/paper-grain.svg') 0 0/650px}
.reading-illustrated{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:90px}.reading-illustrated>div:first-child{max-width:39em}.reading-illustrated p+p{margin-top:28px}.reading-illustrated .lower-heading{margin-bottom:35px}.reading-art{max-width:320px;padding:20px}.reading-illustrated .text-link{margin-top:28px}.info-table{border-block:3px double var(--ink);margin-top:35px}.info-table>div{display:grid;grid-template-columns:230px 1fr;gap:40px;border-bottom:1px solid var(--line);padding:28px 0}.info-table>div:last-child{border:0}.info-table dt{font-size:22px}.info-table dd{font-size:18px;line-height:1.9;max-width:38em;word-break:keep-all;overflow-wrap:normal;text-wrap:pretty}.info-table+.text-link{margin-top:32px}.demo-note{font-size:18px;max-width:43em;border-left:3px double var(--ink);padding-left:24px;margin-top:35px}.wide-lounge .lower-photo{padding:0;border:0}.wide-lounge .lower-photo img{aspect-ratio:2}.wide-lounge .lower-photo figcaption{border-top:0;border-bottom:3px double var(--ink);padding-bottom:18px;max-width:none}
.lower-rates{margin-top:100px}.p .lower-rates .sign-title{font-size:48px!important}.p .lower-rates .poster-rates strong{font-size:76px}.p .lower-rates .poster-hours strong{font-size:48px}.p .lower-rates .poster-rates dd{font-size:22px}.p .lower-rates .poster-rates dt{font-size:22px}.p .lower-rates .closed-stamp{font-size:22px}.lower-rates .poster-sheet{max-width:1120px}
.notice-ledger{border-block:5px double var(--ink)}.notice-ledger .news-row{display:grid;grid-template-columns:190px 1fr;gap:36px;padding:35px 0}.notice-ledger .news-row h3{font-size:28px}.notice-ledger .news-row p{max-width:34em;font-size:18px;margin-top:15px}.notice-ledger .news-row:last-child{border-bottom:0}.notice-ledger .news-date{align-self:start;font-size:14px;width:fit-content;border:1px solid var(--ink);padding:5px 16px}.news-row[href]:hover h3,.news-row[href]:focus-visible h3{text-decoration:underline;text-underline-offset:6px}.story-card[href] figure{overflow:hidden}.story-card[href] img{transition:transform .4s ease}.story-card[href]:hover img,.story-card[href]:focus-visible img{transform:scale(1.035)}.story-card[href]:hover h3,.story-card[href]:focus-visible h3{text-decoration:underline;text-underline-offset:7px}.top-more{padding-top:32px}.top-more .text-link{min-width:240px}.seasonal-posters .story-card[href] .card-copy:after{display:none}.event-posters .story-card:first-child img{border-radius:0}.event-posters .story-card:nth-child(2) img{border-radius:50%}.article-reading{max-width:760px;margin:42px auto 0}.article-reading p{max-width:38em;margin-top:28px}.article-reading .lower-heading{margin-bottom:32px}.article-reading .text-link{margin-top:32px}.article-reading .print-rail{margin-top:38px}.notice-reading{margin-top:0}.article-spread .lower-reading .lower-lead{font-size:22px}.article-event .lower-photo{max-width:1080px;margin:auto}.article-event .lower-photo img{aspect-ratio:1.7}.article-event .article-reading{margin-left:0}.article-event .lower-heading{max-width:1080px;margin-inline:auto}
.faq-list{border-top:3px double var(--ink)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:28px;cursor:pointer;min-height:80px;padding:22px 8px;list-style:none;font-size:22px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary b{font-weight:400}.faq-list summary>span{font-size:28px;flex:none}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-answer{padding:0 55px 30px 8px;max-width:830px}.faq-answer p{max-width:40em}.faq-list summary:hover b{text-decoration:underline;text-underline-offset:6px}.faq-list summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.form-paper{max-width:980px;margin:auto;border:2px solid var(--ink);outline:1px solid var(--ink);outline-offset:-10px;padding:45px 60px;background:var(--bg) url('../decor/paper-grain.svg') 0 0/650px}.form-steps{padding:0;list-style:none;display:flex;justify-content:space-between;gap:20px;border-block:3px double var(--ink);margin:0 0 48px}.form-steps li{font-size:18px;padding:14px 0;opacity:.65}.form-steps li[aria-current]{opacity:1;border-bottom:3px solid var(--ink)}.form-intro{margin-top:34px;max-width:38em}.form-field{margin-top:32px}.form-field label{display:flex;align-items:center;gap:20px;font-size:22px;margin-bottom:12px}.form-field label>span{font-size:12px;border:1px solid var(--ink);padding:2px 8px}.form-field input,.form-field select,.form-field textarea{font:400 18px/1.7 'Yusei Magic',sans-serif;width:100%;border:1px solid var(--ink);border-radius:0;padding:15px 16px;background:var(--bg);color:var(--ink);min-height:56px}.form-field textarea{resize:vertical}.form-field select{padding-right:36px}.form-field [aria-invalid=true]{border:3px double var(--ink)}.form-field :is(input,select,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.field-error:not(:empty){margin-top:10px;font-size:16px;border-left:3px solid var(--accent);padding-left:12px;max-width:40em}.consent{display:flex;align-items:start;gap:16px;margin-top:30px;font-size:18px;cursor:pointer}.consent input{appearance:auto;accent-color:var(--accent);width:23px;height:23px;flex:none;margin:6px 0 0}.consent span{max-width:36em}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:35px;flex-wrap:wrap}.primary-link{display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:var(--ink);color:var(--bg);border:1px solid var(--ink);outline:1px solid var(--ink);outline-offset:4px;min-height:60px;padding:16px 32px}.primary-link:hover{text-decoration:underline;text-underline-offset:6px}.primary-link:disabled{opacity:.6;cursor:default}.form-actions>.primary-link:only-child{margin-left:auto}.confirmation-data dd{white-space:pre-wrap;overflow-wrap:break-word;word-break:keep-all}.confirmation-data>div{grid-template-columns:160px 1fr;gap:30px}.form-paper [tabindex="-1"]:focus{outline:1px solid var(--ink)}#form-status:not(:empty){font-size:18px;margin-top:20px;max-width:40em}#contact-input[hidden],#contact-confirm[hidden]{display:none}.completion-paper{max-width:860px;margin:auto;text-align:center;border-block:5px double var(--ink);padding:50px 0}.completion-paper .lower-heading{display:block}.completion-mark{border:3px double var(--ink);border-radius:50%;width:90px;height:90px;display:grid;place-items:center;font-size:28px;margin:0 auto 38px!important}.completion-paper>p{font-size:18px;max-width:39em;margin:auto}.completion-paper .lower-links{margin:30px auto 0;text-align:left}.p .completion-paper .sign-title{font-size:40px!important}.site-footer .footer-bottom nav{max-width:600px}
@media(min-width:851px) and (max-width:1100px){.reading-illustrated{gap:40px}.info-table>div{grid-template-columns:180px 1fr}.form-paper{padding:38px}.notice-ledger .news-row{grid-template-columns:140px 1fr;gap:25px}}
@media(max-width:850px){.reading-illustrated{grid-template-columns:1fr;gap:32px}.reading-art{width:180px;justify-self:end;padding:0}.info-table>div{grid-template-columns:160px 1fr;gap:28px}.lower-rates{margin-top:70px}.p .lower-rates .sign-title{font-size:36px!important}.p .lower-rates .poster-rates strong{font-size:56px}.p .lower-rates .poster-hours strong{font-size:36px}.notice-ledger .news-row{display:block;padding:30px 0}.notice-ledger .news-date{margin-bottom:20px}.notice-ledger .news-row h3{font-size:28px}.article-reading{margin-top:30px}.form-paper{padding:32px}.form-steps{margin-bottom:38px}.confirmation-data>div{grid-template-columns:135px 1fr;gap:20px}.completion-paper{padding:40px 0}.p .completion-paper .sign-title{font-size:36px!important}.wide-lounge .lower-photo img{aspect-ratio:1.4}}
@media(max-width:600px){.info-table>div,.confirmation-data>div{display:block;padding:23px 0}.info-table dt{font-size:22px;margin-bottom:14px}.info-table dd{font-size:18px}.reading-illustrated .lower-heading{margin-bottom:28px}.reading-art{width:140px}.reading-illustrated p+p{margin-top:24px}.lower-rates{margin-top:55px}.p .lower-rates .sign-title{font-size:28px!important}.p .lower-rates .poster-rates strong{font-size:56px}.p .lower-rates .poster-hours strong{font-size:32px}.p .lower-rates .poster-rates dd,.p .lower-rates .poster-rates dt,.p .lower-rates .closed-stamp{font-size:18px}.notice-ledger .news-row h3{font-size:28px}.notice-ledger .news-date{font-size:14px;margin-bottom:16px}.article-event .lower-photo img{aspect-ratio:1.2}.article-reading{margin-top:25px}.article-reading p{margin-top:24px}.faq-list summary{font-size:20px;padding:20px 0;gap:16px}.faq-list summary>span{font-size:28px}.faq-answer{padding:0 0 26px}.form-paper{padding:28px 20px;outline-offset:-7px;margin-inline:-8px}.form-steps{gap:10px;margin-bottom:32px}.form-steps li{font-size:16px;padding:12px 0}.form-field label{font-size:20px;gap:14px}.form-field input,.form-field select,.form-field textarea{padding:12px;font-size:18px}.form-intro{font-size:18px}.form-actions{display:flex;flex-direction:column;align-items:stretch;gap:25px}.form-actions>.primary-link:only-child{margin-left:0}.primary-link{padding:14px 12px;font-size:18px}.form-actions .text-link{justify-content:center}.p .completion-paper .sign-title{font-size:28px!important}.completion-paper>p br{display:none}.demo-note{padding-left:16px}.site-footer .footer-bottom nav{max-width:none}.top-more{padding-top:25px}}
@media(prefers-reduced-motion:reduce){.story-card[href] img{transition:none}}
@media(min-width:851px){.p .lower-confirm{padding-block:120px}}
@media(max-width:600px){.p .lower-rates .poster-head>p{font-size:18px}.p .lower-rates .poster-mast span:first-child{font-size:22px}}
.consent input{appearance:none;width:44px;height:44px;margin:0;color:var(--ink);border:1px solid var(--ink);background:var(--bg);border-radius:0;cursor:pointer}
.consent input:checked{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m7 16 6 6L25 9' fill='none' stroke='%23f1ede7' stroke-width='2'/%3E%3C/svg%3E") center/28px no-repeat}
.consent input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}

.consent .keep-phrase{display:inline-block;white-space:nowrap}
@media(max-width:600px){.lower-cover-art{margin-right:6px}.p .lower-rates .poster-hours>strong{font-size:28px}}
/* 回転した挿絵・休業札が版面の外で欠けないための逃げ。 */
.lower-cover-art{transform:translateX(-8px) rotate(-3deg)}
@media(max-width:600px){.lower-rates .poster-hours{padding-right:6px}}

.lower-paper .lower-kicker{width:fit-content}
.lower-cover h1 .ib{display:inline-block}

/* 工程5：スマホの写真と回転札を版面内へ収める。 */
@media(max-width:850px){
 .guide-photo,.print-lounge .lounge-print-photo{margin-inline:0}
 .print-seasonal .botanical-art{margin-right:0}
}
@media(max-width:600px){
 .lower-bath-intro .lower-photo,.form-paper{margin-inline:0}
 .poster-hours{padding-right:6px}
}

@media(max-width:850px){.print-seasonal .section-heading .section-lead{clear:both}}

/* 834px以上でも回転した札の角を料金表内へ収める。 */
.poster-hours,.lower-rates .poster-hours{padding-right:8px}

/* 浴場の短い説明文は右の挿絵に領域を譲る。 */
@media(max-width:850px){.lower-equipment .lower-lead{width:fit-content;max-width:calc(100% - 130px)}}
