/* Content-specific changes only. Original mobile component rules live in mobile-base.css. */
:root { --lp-unit: min(1vw, 4.3px); }
html { scroll-behavior: smooth; }
body { background: #f4fafc; }
[hidden] { display: none !important; }
button { font: inherit; color: inherit; cursor: pointer; }
.all-wrapper { width: 100%; max-width: 430px; background: #fff; z-index: 1; }
.site-header { height: auto; }
.top-page .site-header .logo { width: calc(22.9007633588 * var(--lp-unit)); max-width: 90px; }
.site-footer .logo { max-width: 176px; }
.site-footer .btn-area { max-width:none; align-items:stretch; flex-wrap:nowrap; }
.site-footer .btn-area li { max-width:none; }
.site-footer .btn-area li a { white-space:nowrap; }
.top-page footer.site-footer { padding: calc(11.4503816794 * var(--lp-unit)) 0 calc(3.8167938931 * var(--lp-unit)); }
.top-page .mv-area .mv-wrap .img-area .supplied-hero { position: relative; height: calc(66.16 * var(--lp-unit)); }
/* Supplied PNG includes both photo masks, colored edges, and rear decoration. */
.supplied-hero .hero-composite { position:absolute; display:block; top:calc(5.27 * var(--lp-unit)); left:calc(-8.9 * var(--lp-unit)); width:calc(125.2 * var(--lp-unit)); max-width:none; height:auto; }
.top-page .mv-area .mv-wrap .img-area .img-copy01 { top: 9%; left: 5%; width: 52%; max-width: none; font-size: calc(3.56 * var(--lp-unit)); line-height: 1.9; font-weight: 700; letter-spacing: .09em; }
.top-page .mv-area .mv-wrap .ttl-area .wish-subttl { width: 80%; max-width: none; font-size: calc(3.8 * var(--lp-unit)); line-height: 1.7; color: #66bec3; font-weight: 700; text-align: center; margin-bottom: calc(2.5 * var(--lp-unit)); }
.top-page .mv-area .mv-wrap .ttl-area .ttl { font-size: calc(6.61 * var(--lp-unit)); line-height: 1.5; }
.top-page .mv-area .mv-wrap .ttl-area .ttl .small { font-size: calc(5.08 * var(--lp-unit)); }
.top-page .mv-area .mv-wrap .ttl-area .ttl .big { font-size: calc(7.63 * var(--lp-unit)); }
.top-page .mv-area .mv-wrap .upr-area.wish-introduction { max-width: 353px; margin-bottom: calc(7.6 * var(--lp-unit)); font-size: calc(3.81 * var(--lp-unit)); text-align: center; line-height: 2; }
.wish-introduction p + p { margin-top: 1.2em; }
.wish-introduction strong { font-weight: 700; background: linear-gradient(transparent 62%, #fffabc 62%); }
.start-button { display: inline-block; border-bottom: 1px solid #66bec3; color: #56b8c7; }
.top-page .mv-area .mv-wrap .lwr-area .txt { font-size: calc(6.1 * var(--lp-unit)); }
.top-page .intro-area .lwr-area { padding-bottom: calc(16 * var(--lp-unit)); }
.top-page .qa-area .item { scroll-margin-top: 65px; background-color:#F0FAFF; }
.top-page .qa-area .item::before { background-color:#F0FAFF; }
.top-page .qa-area .item .answer .txt { font-size: calc(4.58 * var(--lp-unit)); line-height: 1.7; margin-bottom: calc(6.1 * var(--lp-unit)); }
.top-page .qa-area .item.que01 .answer .txt { font-size: calc(4.32 * var(--lp-unit)); }
.top-page .qa-area .item .question-intro { font-size: calc(3.3 * var(--lp-unit)); line-height: 1.9; text-align: center; margin: 0 0 calc(5.08 * var(--lp-unit)); }
.top-page .qa-area .item .answer ul.long-answers { grid-template-columns: 1fr; gap: calc(4.32 * var(--lp-unit)); }
.top-page .qa-area .item .answer ul.long-answers label { height: auto; min-height: calc(24.17 * var(--lp-unit)); padding: calc(4.32 * var(--lp-unit)); flex-direction: column; gap: 7px; border-radius: calc(6.87 * var(--lp-unit)); font-size: calc(4.07 * var(--lp-unit)); line-height: 1.65; }
.top-page .qa-area .item .answer ul.long-answers label strong { font-weight: 700; font-size: calc(3.94 * var(--lp-unit)); }
.top-page .qa-area .item .answer ul.long-answers .answer-description { font-family: "Noto Sans JP", sans-serif; font-size: calc(3.3 * var(--lp-unit)); font-weight: 400; line-height: 1.8; }
.top-page .qa-area .item .answer ul li { position: relative; }
.top-page .qa-area .item .answer ul li label { color:#56B8C7; }
.top-page .qa-area .item .answer ul li input[type=radio] { display: block; position: absolute; width: 1px; height: 1px; opacity: 0; clip-path: inset(50%); }
.top-page .qa-area .item .answer ul li input:focus-visible + label { outline: 3px solid #397296; outline-offset: 4px; }
.q3-prompt { text-align: center; font-size: 14px; line-height: 1.8; padding: 22px 10px; }
.back-button { display: block; border: 0; background: transparent; text-decoration: underline; text-underline-offset: 5px; font-size: calc(3.3 * var(--lp-unit)); line-height: 1.6; margin: 22px auto 0; padding: 10px 12px; }
.back-button:hover { opacity: .65; }
.form-message { font-family: "Noto Sans JP", sans-serif; font-size: calc(3.05 * var(--lp-unit)); text-align: center; line-height: 1.8; margin: 0 0 15px; }
.top-page .qa-area .send-btn-area .lead { font-size: calc(3.3 * var(--lp-unit)); margin-bottom: 20px; }
.top-page .qa-area .send-btn-area .lead::after { content:none; }
.wish-button { position: relative; display: block; width: 100%; padding: calc(6.1 * var(--lp-unit)) calc(8 * var(--lp-unit)) calc(6.1 * var(--lp-unit)) calc(4 * var(--lp-unit)); border: 0; border-radius: calc(2.54 * var(--lp-unit)); background: #E6F3A1; box-shadow: 0 calc(1.526 * var(--lp-unit)) 0 #C0D655; color: #514327; font-size: calc(4.07 * var(--lp-unit)); line-height: 1.8; font-weight: 700; text-align: center; transition: opacity .5s ease; }
.wish-button::after { content: ''; position: absolute; top: 50%; right: calc(4 * var(--lp-unit)); width: calc(8.3969465649 * var(--lp-unit)); height: calc(8.3969465649 * var(--lp-unit)); background: url('../img/supplied/diagnosis-button-arrow-20261013.png') no-repeat center / contain; transform: translateY(-50%); }
.wish-button:hover { opacity: .75; }
.wish-button:focus-visible, .back-button:focus-visible, .restart-button:focus-visible, a:focus-visible { outline: 3px solid #397296; outline-offset: 5px; }
.wish-result { padding: calc(13 * var(--lp-unit)) 0 calc(12 * var(--lp-unit)); background: #ecfcfc url('../img/mv_ttl_bg.webp') no-repeat center top / 100% auto; text-align: center; scroll-margin-top: 20px; }
.result-lead { font-size: calc(4.07 * var(--lp-unit)); font-weight: 700; line-height: 1.8; }
.wish-result h2 { font-size: calc(11.2 * var(--lp-unit)); font-weight: 700; color: #56b8c7; margin: calc(4.5 * var(--lp-unit)) 0; line-height: 1.5; }
.result-description { font-size: calc(4.32 * var(--lp-unit)); line-height: 2; white-space: pre-line; margin-bottom: calc(7.6 * var(--lp-unit)); }
.result-photo { margin: calc(10 * var(--lp-unit)) 0 calc(5 * var(--lp-unit)); }
.result-photo img { display: block; width: 100%; height: auto; border-radius: calc(5.09 * var(--lp-unit)); }
.result-photo figcaption { font-size: calc(3.8 * var(--lp-unit)); font-weight: 700; margin-top: 15px; }
.result-note { font-size: calc(3.56 * var(--lp-unit)); line-height: 2; margin-bottom: 20px; }
.all-wishes { display: block; font-size: calc(3.3 * var(--lp-unit)); text-decoration: underline; text-underline-offset: 5px; line-height: 1.8; }
.result-actions { margin-top: 25px; }
.restart-button { display: block; width: 85%; padding: 14px 12px; margin: 15px auto 0; background: #fff; border: 1px solid #66bec3; border-radius: 30px; box-shadow: 2px 2px 6px #51432722; font-size: calc(3.8 * var(--lp-unit)); }
.no-script { padding: 25px; font-size: 16px; line-height: 1.8; }
.no-script a { text-decoration: underline; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .scr-fade-in, .anm-fvslide01, .anm-fvslide02 { animation: none !important; transition: none !important; opacity: 1 !important; transform: none !important; }
  a, button, label { transition: none !important; }
}

/* 2026-10-09 approved XD, artboard width 393px. */
html, body { font-size: calc(2.5445292621 * var(--lp-unit)); color: #514327; }
body { background:#f4fafc; font-family:"fot-tsukuardgothic-std","Yu Gothic",sans-serif; }
html { visibility:visible; }
.all-wrapper { max-width:430px; }
.contents { width:100%; }
.top-page .site-header { height:calc(17 * var(--lp-unit)); padding:calc(3.8 * var(--lp-unit)) 0 0; }
.top-page .mv-area { padding-top:0; background:#f8fdfd url('../img/fix/27b9502871a5bf2354089e4523c1b0de.webp') repeat-y center top / 100% auto; }
.top-page .mv-area .mv-wrap .img-area { height:calc(69 * var(--lp-unit)); margin:0; }
.top-page .mv-area .mv-wrap .img-area .supplied-hero { height:100%; overflow:hidden; }
.top-page .mv-area .mv-wrap .img-area .img-copy01 { font-size:calc(2.65 * var(--lp-unit)); font-weight:700; color:#AA9C7D; left:39%; top:0; width:60%; line-height:1.8; }
/* The supplied PNG preserves the revised lettering and both backing panels. */
.top-page .mv-area .mv-wrap .img-area .img-copy02 { display:block; top:calc(8 * var(--lp-unit)); right:auto; left:calc(17 * var(--lp-unit)); width:calc(16.2849872774 * var(--lp-unit)); height:auto; max-width:none; }
.top-page .mv-area .mv-wrap .ttl-area { width:94%; max-width:none; margin:calc(10 * var(--lp-unit)) auto 0; padding:calc(8 * var(--lp-unit)) calc(5.4 * var(--lp-unit)) calc(3 * var(--lp-unit)); background:#fff; border-radius:18px; position:relative; }
.top-page .mv-area .mv-wrap .ttl-area .wish-subttl { position:absolute; display:flex; align-items:center; justify-content:center; gap:calc(2.3 * var(--lp-unit)); width:73%; top:calc(-4 * var(--lp-unit)); left:13.5%; border-radius:40px; background:#fafae3; font-size:calc(3.8 * var(--lp-unit)); padding:5px; }
.wish-subttl-mark { display:block; width:auto; height:calc(3.3078880407 * var(--lp-unit)); flex-shrink:0; }
.top-page .mv-area .mv-wrap .ttl-area .ttl { font-size:calc(5.35 * var(--lp-unit)); font-weight:700; text-align:left; line-height:1.62; position:relative; z-index:1; }
.top-page .mv-area .mv-wrap .ttl-area .ttl .color { font-size:calc(8.15 * var(--lp-unit)); color:#68b7c0; letter-spacing:.08em; }
.wish-word { color:#68b7c0; font-weight:700; background:linear-gradient(transparent 72%,#fffac0 72%); }
#page-title .wish-word, #page-title .color { text-shadow:2px 2px 0 #F8FDFD; }
.title-illustration { position:absolute; width:35%; right:0; bottom:0; }
.top-page .mv-area .mv-wrap .upr-area.wish-introduction { margin:calc(7.5 * var(--lp-unit)) auto calc(7 * var(--lp-unit)); font-family:"Noto Sans JP",sans-serif; color:#514327; font-size:calc(3.56 * var(--lp-unit)); line-height:2.5; width:100%; }
.catalog-gift { width:84%; margin:0 auto; }
.catalog-gift img { display:block; width:100%; height:auto; }
.top-page .mv-area .mv-wrap .lwr-area { padding:calc(7 * var(--lp-unit)) 0 calc(10 * var(--lp-unit)); margin:0; }
.top-page .mv-area .mv-wrap .lwr-area .txt { font-size:calc(6 * var(--lp-unit)); }
.start-button { border:0; }
.top-page .intro-area .lwr-area { padding-top:calc(5 * var(--lp-unit)); padding-bottom:calc(17 * var(--lp-unit)); }
.top-page .qa-area .item .answer .txt, .top-page .qa-area .item.que01 .answer .txt { color:#514327; font-size:calc(4.58 * var(--lp-unit)); line-height:1.75; }
.top-page .qa-area .item .answer ul.family-answers { grid-template-columns:1fr; gap:15px; }
.top-page .qa-area .item .answer ul.family-answers label { height:calc(24.4 * var(--lp-unit)); padding:7px 15px; gap:10px; justify-content:flex-start; border-radius:30px; font-size:calc(4 * var(--lp-unit)); line-height:1.4; }
.family-answers label>img { width:43%; height:100%; object-fit:contain; }
.family-answers label>span:last-child { flex:1; text-align:left; }
.top-page .qa-area .item .answer ul.long-answers label { min-height:calc(24.4 * var(--lp-unit)); padding:calc(3.8 * var(--lp-unit)); gap:4px; border-radius:30px; }
.top-page .qa-area .item .answer ul.long-answers label strong { font-size:calc(3.75 * var(--lp-unit)); }
.top-page .qa-area .item .answer ul.long-answers .answer-description { font-size:calc(3.05 * var(--lp-unit)); }
#q3-options label > span { white-space:pre-line; }
.top-page .qa-area .item .question-intro { font-size:calc(3.05 * var(--lp-unit)); }
#question-2 .question-intro, #question-3 .question-intro { font-family:"Noto Sans JP",sans-serif; color:#514327; }
#question-2 input:not(:checked) + label strong { color:#56B8C7; }
#question-2 input:not(:checked) + label .answer-description { color:#7B6436; }
.top-page .qa-area .send-btn-area .lead { display:flex; align-items:center; justify-content:center; gap:calc(1.5 * var(--lp-unit)); font-size:calc(3.05 * var(--lp-unit)); line-height:1.8; }
.top-page .qa-area .send-btn-area .lead > span { white-space:nowrap; }
.thank-you-illustration { display:block; width:calc(5.8524173028 * var(--lp-unit)); height:auto; flex-shrink:0; }
.catalog-reminder { margin:0 auto calc(1.5 * var(--lp-unit)); }
.catalog-reminder img { display:block; width:100%; height:auto; }
@keyframes catalog-bubble-float {
  0%, 100% { transform:translateY(0); }
  50% { transform:translateY(-5px); }
}
@media (prefers-reduced-motion: no-preference) {
  .catalog-reminder img { animation:catalog-bubble-float 4s ease-in-out infinite; }
}
.top-page .qa-area .send-btn-area .send-btn .check-button { font-size:calc(3.9 * var(--lp-unit)); padding:20px calc(15 * var(--lp-unit)) 20px 10px; }
.form-message { font-size:calc(2.7 * var(--lp-unit)); }
#question-3 { scroll-margin-top:65px; }
#result-header .logo { font-size:calc(5.1 * var(--lp-unit)); }
.wish-result { position:relative; isolation:isolate; padding:14px 0 30px; background:#f8fdfd; scroll-margin-top:10px; }
.result-lead { width:93%; margin:0 auto 8px; padding:8px 3px; border-radius:40px; background:#fbfbe3; font-size:calc(3.8 * var(--lp-unit)); color:#71bac2; }
.wish-result h1 { font-size:calc(8.65 * var(--lp-unit)); color:#64b8c3; line-height:1.5; margin:0 0 3px; font-weight:700; }
.wish-illustration { display:block; width:80%; height:auto; margin:auto; object-fit:contain; }
.result-description { width:80%; margin:12px auto 36px; font-size:calc(3.6 * var(--lp-unit)); line-height:2.5; background:repeating-linear-gradient(transparent 0,transparent calc(9 * var(--lp-unit) - 1px),#dceeee calc(9 * var(--lp-unit) - 1px),#dceeee calc(9 * var(--lp-unit))); }
.wish-result .recommend-heading { font-size:calc(3.8 * var(--lp-unit)); margin:0 0 15px; padding:9px 0; background:#f0fafe; color:#514327; line-height:1.7; }
.result-products { width:86%; margin:auto; }
.recommended-product { padding:calc(4.3 * var(--lp-unit)) calc(3.4 * var(--lp-unit)); margin-bottom:18px; border:1px solid #9bcdd3; border-radius:20px; background:#fff; }
.recommended-product h3 { font-size:calc(3.55 * var(--lp-unit)); font-weight:700; color:#6db7c1; line-height:1.6; margin-bottom:10px; }
.product-body { display:grid; grid-template-columns:1.1fr 1fr; gap:12px; align-items:center; }
.product-photo img { width:100%; height:auto; }
.product-story { text-align:left; }
.product-story h4 { font-size:calc(2.3 * var(--lp-unit)); border-bottom:1px dashed #9c9687; padding:0 0 5px; margin-bottom:5px; line-height:1.5; }
.product-story p { font-size:calc(3.2 * var(--lp-unit)); line-height:1.75; }
.product-detail { display:block; margin-top:12px; padding:8px 5px; background:#fffbb2; border:1px solid #f3ed9c; border-radius:35px; font-size:calc(3.8 * var(--lp-unit)); }
.pill-button { display:flex; align-items:center; justify-content:center; position:relative; width:84%; min-height:48px; padding:12px 30px 12px 15px; margin:22px auto 0; background:#fbfefe; border:0; border-radius:36px; box-shadow:0 3px 1px #50432b0a; font-size:calc(3.6 * var(--lp-unit)); line-height:1.6; }
#product-cta { padding-right:calc(14 * var(--lp-unit)); }
#product-cta .product-cta-arrow { position:absolute; top:50%; right:calc(12px + 3.5 * var(--lp-unit) / 3.93); width:calc(26 * var(--lp-unit) / 3.93); height:auto; transform:translateY(-50%); }
#show-all-wishes { padding-right:calc(14 * var(--lp-unit)); margin-top:10px; }
#show-all-wishes .wishes-open-icon { position:absolute; top:50%; right:calc(12px + 3.5 * var(--lp-unit) / 3.93); width:calc(26 * var(--lp-unit) / 3.93); height:auto; transform:translateY(-50%); }
.other-wishes-note { font-size:calc(2.85 * var(--lp-unit)); margin:36px 12px 0; }
.result-share { padding:20px 8% 40px; background:#edf4f7; text-align:center; }
.catalog-cta { display:block; position:relative; background:#56b5c3; color:#fff; border-radius:35px; padding:12px 30px; font-size:calc(3.8 * var(--lp-unit)); }
.catalog-cta img { position:absolute; top:50%; right:calc(12px + 3.5 * var(--lp-unit) / 3.93); width:calc(26 * var(--lp-unit) / 3.93); height:auto; transform:translateY(-50%) rotate(90deg); }
.share-row { display:flex; justify-content:center; align-items:center; gap:25px; padding:16px 0; border-top:1px solid #cfe4ed; margin-top:18px; }
.share-row h2,.share-row p { font-size:calc(3.3 * var(--lp-unit)); font-weight:700; line-height:1.8; }
.share-links { display:flex; gap:9px; }
.share-links img { display:block; width:37px; height:37px; }
.result-share .pill-button { width:100%; }
#restart { padding-right:calc(14 * var(--lp-unit)); }
#restart .restart-arrow { position:absolute; top:50%; right:calc(12px + 3.5 * var(--lp-unit) / 3.93); width:calc(26 * var(--lp-unit) / 3.93); height:auto; transform:translateY(-50%); }
.story-download { padding:10px 20px; border-radius:30px; background:#fff; font-size:14px; }
.fixed-result-nav { position:fixed; z-index:50; bottom:10px; left:50%; transform:translateX(-50%); display:flex; width:min(96%,412px); border-radius:22px; overflow:hidden; box-shadow:0 2px 8px #0002; }
.fixed-result-nav a { display:flex; align-items:center; justify-content:center; min-height:38px; color:white; font-family:"Noto Sans JP",sans-serif; font-size:calc(3.05 * var(--lp-unit)); white-space:nowrap; }
.fixed-result-nav a.catalog { width:44%; background:#b4d6ad; }
.fixed-result-nav a.product { width:56%; background:#368cb2; }
.fixed-result-nav a span {
  position: relative;
}
.fixed-result-nav a span::after {
  content: "⌄";
  display: inline-block;
  vertical-align: text-top;
  line-height: 1;
}
.fixed-result-nav em { font-style:normal; color:#fffba2; }
.result-page .site-footer { padding-bottom:80px; }
.pagetop { right:max(calc((100vw - 430px) / 2 + 8px),8px); bottom:60px; }
main section.fix-wishes h2 { font-size:24px; padding:30px 0 16px; color:#514327; }
.fix-wishes h2 span { font-size:36px; color:#66b9c3; }
main section.fix-wishes ol li a img { object-fit:contain; }
main section.point>p img[src*="3e33"] { border-radius:0; }
#result-screen section { scroll-margin-top:20px; }
.wishes-open { overflow:hidden; }
.wish-dialog { position:fixed; inset:0; width:min(100%,430px); max-width:430px; height:100dvh; max-height:none; overflow-y:auto; overscroll-behavior:contain; background:#f8fdfd; padding:0; border:0; border-radius:0; margin:0 auto; color:#514327; box-shadow:none; }
.wish-dialog::backdrop { background:#fff; }
.wish-dialog:not([open]) { display:none; }
.wish-dialog-content { position:relative; isolation:isolate; min-height:100%; padding:calc(26 * var(--lp-unit) / 3.93) 7.8880407125% calc(29 * var(--lp-unit) / 3.93); }
.wish-dialog-content::before { content:''; position:absolute; inset:0; z-index:-1; background:url('../img/fix/27b9502871a5bf2354089e4523c1b0de.webp') no-repeat 67.204% top / auto 100%; opacity:.166802; pointer-events:none; }
.wish-dialog-heading { position:sticky; top:calc(12 * var(--lp-unit) / 3.93); z-index:1; display:flex; align-items:center; justify-content:center; height:calc(48 * var(--lp-unit) / 3.93); margin-bottom:calc(17 * var(--lp-unit) / 3.93); border-radius:calc(24 * var(--lp-unit) / 3.93); background:#fcfeff; box-shadow:0 2px 1px #9d9d9d29; }
.wish-dialog h2 { font-family:"Noto Sans JP",sans-serif; font-size:calc(15.5 * var(--lp-unit) / 3.93); font-weight:400; letter-spacing:-.06em; line-height:1.5; text-align:center; margin:0; padding:0 calc(44 * var(--lp-unit) / 3.93); }
.dialog-close { position:absolute; top:50%; right:calc(2 * var(--lp-unit) / 3.93); display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:transparent; transform:translateY(-50%); }
.dialog-close img { display:block; width:calc(22 * var(--lp-unit) / 3.93); height:auto; }
.wish-dialog ol { margin:0; padding:calc(23 * var(--lp-unit) / 3.93) 4.833836858% calc(23.5 * var(--lp-unit) / 3.93); list-style:none; background:#fff; }
.wish-dialog li { padding-bottom:calc(16.5 * var(--lp-unit) / 3.93); background:url('../img/fix/wish-list-divider.svg') no-repeat bottom left / 100% 1px; }
.wish-dialog li+li { margin-top:calc(18.5 * var(--lp-unit) / 3.93); }
.wish-dialog li button { display:grid; grid-template-columns:51.5050167224% minmax(0,1fr) 5.016722408%; align-items:start; width:100%; padding:0; column-gap:calc(9 * var(--lp-unit) / 3.93); border:0; border-radius:0; background:transparent; color:#514327; text-align:left; }
.wish-list-image { display:block; width:100%; height:calc(106 * var(--lp-unit) / 3.93); object-fit:cover; border-radius:calc(10 * var(--lp-unit) / 3.93) 0 0 calc(10 * var(--lp-unit) / 3.93); }
.wish-list-copy { display:block; min-width:0; }
.wish-list-number { display:flex; align-items:center; justify-content:center; width:calc(32 * var(--lp-unit) / 3.93); height:calc(32 * var(--lp-unit) / 3.93); border-radius:50%; background:#56b8c7; color:#fff; font-size:calc(16 * var(--lp-unit) / 3.93); font-weight:400; line-height:1; letter-spacing:normal; }
.wish-list-label { display:block; margin-top:calc(3 * var(--lp-unit) / 3.93); color:#514327; font-size:calc(15 * var(--lp-unit) / 3.93); font-weight:700; line-height:2; letter-spacing:normal; white-space:pre-line; }
.wish-list-arrow { display:block; align-self:center; width:100%; height:auto; }
button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible { outline:3px solid #397296; outline-offset:3px; }
.catalog-section { padding:30px 20px; }
.catalog-section>h2 { text-align:center; font-size:calc(5.6 * var(--lp-unit)); line-height:1.8; margin:0 0 20px; }
.catalog-family { display:block; border-radius:20px; margin:0 auto 24px; }
.preview-form-notice { background:#fff; padding:10px; font-size:12px; line-height:1.6; margin-bottom:15px; border:1px solid #d2d9bd; }
#catalog-preview-form { font-family:"Noto Sans JP",sans-serif; font-size:14px; }
#catalog-preview-form .s_title { font-weight:700; background:#e2e9ce; padding:12px; margin-top:20px; }
#catalog-preview-form dt { margin-top:22px; font-weight:700; font-size:14px; }
#catalog-preview-form dd { margin-top:8px; }
#catalog-preview-form input:not([type=checkbox]):not([type=radio]), #catalog-preview-form select { max-width:100%; width:100%; box-sizing:border-box; border:1px solid #ccc; background:#fff; padding:12px 8px; margin:4px 0; border-radius:4px; font:inherit; font-size:16px; color:#514327; }
#catalog-preview-form .input_s { width:48% !important; }
#catalog-preview-form input[id^=zip],#catalog-preview-form input[id^=send_zip] { width:37% !important; }
#catalog-preview-form input[id^=tel],#catalog-preview-form input[id^=send_tel] { width:27% !important; }
#catalog-preview-form select[id^=birthday] { width:25%; }
#catalog-preview-form .req { display:inline-block; margin-left:8px; padding:1px 6px; color:white; background:#b67367; font-size:10px; font-weight:400; }
#catalog-preview-form .chara,#catalog-preview-form .notice { font-size:11px; line-height:1.8; font-weight:400; }
#catalog-preview-form .check_s { position:static; display:block; padding:12px 0; line-height:1.7; }
#catalog-preview-form label::before,#catalog-preview-form label::after { display:none; }
#catalog-preview-form input[type=checkbox],#catalog-preview-form input[type=radio] { position:static; opacity:1; width:18px; height:18px; margin-right:8px; appearance:auto; }
#catalog-preview-check { background:#fff; border:1px solid #66b9c3; border-radius:25px; padding:12px 20px; margin:20px auto; display:block; font-size:15px; }
#shipping-toggle { cursor: pointer;
    width: 250px;
    text-align: center;
    border: 1px solid #dadada;
    border-radius: 8px;
    line-height: 3em;
    margin: 1em auto 5em;}
.preview-form-message { font-size:12px; }
@media (max-width:360px) { .fixed-result-nav a { font-size:10px; } .share-row { gap:15px; } }
/* The watercolor in XD is a translucent wash over an almost-white base. */
.top-page .mv-area { background-image:linear-gradient(#f8fdfdeb,#f8fdfdeb),url('../img/fix/27b9502871a5bf2354089e4523c1b0de.webp'); }
.wish-result::before { content:''; position:absolute; inset:0; z-index:-1; background:url('../img/fix/27b9502871a5bf2354089e4523c1b0de.webp') no-repeat 67.204% top / auto 100%; opacity:.166802; pointer-events:none; }
.result-description, .recommended-product, .product-detail, .other-wishes-note { font-family:"Noto Sans JP",sans-serif; letter-spacing:normal; }
.recommended-product h3 { font-size:calc(3.82 * var(--lp-unit)); font-weight:400; }
.product-story p { font-size:calc(3.31 * var(--lp-unit)); line-height:1.7; font-weight:400; }
.product-story p strong { font-weight:700; }
.product-story h4 { font-size:calc(2.3 * var(--lp-unit)); font-weight:400; }
#result-screen .wish-result { scroll-margin-top:80px; }
.top-page .qa-area .item .answer ul.family-answers label img { opacity:1; mix-blend-mode:normal; }
.top-page .intro-area .lwr-area .intro-copy { position:relative; isolation:isolate; font-size:calc(4.07 * var(--lp-unit)); font-weight:700; line-height:1.8; text-align:center; width:70%; margin:auto; }
.intro-copy::before { content:''; position:absolute; top:50%; left:50%; width:calc(62.76505598 * var(--lp-unit)); height:calc(36.55640305 * var(--lp-unit)); transform:translate(-50%,-50%); background:url('../img/supplied/question-intro-background-20261013.png') center / contain no-repeat; z-index:-1; pointer-events:none; }