:root{
  --ink:#0E0D0B;       /* 地 */
  --panel:#1C1A17;     /* 面 */
  --gold:#C9A063;      /* アクセント（パウチのラベルの色から） */
  --gold-deep:#8C6A3A; /* ボタンの厚み */
  --brown:#2A2118;     /* 影の色（黒・グレーの影は使わない） */
  --white:#FFFFFF;
  --mute:#CFCAC0;
  --btn-text:#1A1410;  /* 純黒にしない */
  --w:560px;           /* 画像の最大幅（スマホの見え方をPCでも保つ） */
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--ink);color:var(--white);
  font-family:"Noto Sans JP",system-ui,sans-serif;font-weight:400;
  font-size:16px;line-height:1.85;overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sp{display:inline}
.nw{display:inline-block}
@media (min-width:768px){.sp{display:none}}
h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere;line-break:strict;text-wrap:balance}
@supports (word-break:auto-phrase){h1,h2,h3{word-break:auto-phrase}}

main{max-width:var(--w);margin:0 auto;position:relative}
.part{position:relative}
.part img{width:100%}

/* PCでは左右の余白に、地とほんのり違う質感を敷く（中央の画像列を立たせる） */
@media (min-width:768px){
  body{background:radial-gradient(ellipse at 50% 0%,#1d1915 0%,var(--ink) 60%) fixed}
  main{box-shadow:0 0 80px rgba(42,33,24,.9)}
}

/* ===== FV：黒から浮かび上がる ===== */
.part--fv{overflow:hidden}
.part--fv img{animation:fvIn 2.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes fvIn{from{opacity:0;transform:scale(1.06);filter:brightness(.2)}to{opacity:1;transform:none;filter:none}}
.fv-scroll{
  position:absolute;left:50%;bottom:16%;transform:translateX(-50%);
  font:500 11px/1 "Noto Sans JP",sans-serif;letter-spacing:.3em;color:var(--gold);
  writing-mode:vertical-rl;padding-bottom:44px;opacity:0;animation:fadeIn 1s 2.2s forwards;
}
.fv-scroll::after{
  content:"";position:absolute;left:50%;bottom:0;width:1px;height:38px;background:var(--gold);
  transform-origin:top;animation:drip 1.8s 2.4s infinite;
}
@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@keyframes fadeIn{to{opacity:1}}

/* ===== 走る帯（「何かが走る」） ===== */
.ticker{
  overflow:hidden;background:var(--ink);
  border-top:1px solid rgba(201,160,99,.5);border-bottom:1px solid rgba(201,160,99,.5);
  padding:12px 0;
}
.ticker__track{display:flex;align-items:center;width:max-content;animation:run 22s linear infinite}

.ticker span{
  font-family:"Shippori Mincho",serif;font-size:16px;letter-spacing:.18em;color:var(--gold);white-space:nowrap;padding:0 18px;
}
/* 区切りは玄米の粒の形（商品の素材だから） */
.ticker i{width:9px;height:5px;border-radius:50%;background:var(--gold);opacity:.8;flex:none}
@keyframes run{to{transform:translateX(-50%)}}

/* ===== 読み進めた量：玄米の粒が走る ===== */
.progress{position:fixed;left:6px;top:12vh;bottom:22vh;width:1px;background:rgba(201,160,99,.28);z-index:20;pointer-events:none}
.progress__grain{
  position:absolute;left:-3px;top:0;width:7px;height:12px;border-radius:50%;
  background:radial-gradient(ellipse at 35% 30%,#f1dcb3,var(--gold) 55%,var(--gold-deep));
  box-shadow:0 0 10px rgba(201,160,99,.7);
  transform:translateY(calc(var(--p,0) * (76vh - 12px)));
}
@media (min-width:768px){.progress{left:calc(50% - var(--w)/2 - 22px)}}

/* ===== スクロールで浮かぶ ===== */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1s ease}
.reveal.is-in{opacity:1;transform:none}

/* ===== 料金（HTML） ===== */
.price{padding:64px 24px 72px;background:linear-gradient(180deg,var(--ink),#16130f 50%,var(--ink));text-align:center;position:relative}
.price__en{font-family:"Shippori Mincho",serif;letter-spacing:.4em;color:var(--gold);font-size:14px;margin-bottom:10px}
.price__title{font-family:"Shippori Mincho",serif;font-weight:400;font-size:36px;line-height:1.5;letter-spacing:.06em}
.price__lead{color:var(--mute);margin:10px 0 32px}
.price__card{
  background:var(--panel);border:1px solid var(--gold);padding:28px 22px 24px;text-align:left;
  position:relative;margin-top:96px;
}
.price__photo{width:150px;margin:-124px auto 18px;filter:drop-shadow(0 18px 24px rgba(42,33,24,.95))}
.price__list div{display:grid;grid-template-columns:7.2em 1fr;gap:12px;padding:12px 0;border-top:1px solid rgba(201,160,99,.35)}
.price__list div:first-child{border-top:0}
.price__list .price__stack{grid-template-columns:1fr;gap:4px}
.price__list dt{color:var(--gold);font-size:15px;letter-spacing:.06em;padding-top:2px}
.price__list dd{font-size:16px}
.price__yen{font-family:"Shippori Mincho",serif;font-size:24px !important;line-height:1.4}

/* ===== CTA画像の上のリンク（画像の中のボタンの位置に重ねる） ===== */
.hit{position:absolute;display:block;color:transparent;font-size:16px;white-space:nowrap;text-indent:110%;overflow:hidden;border-radius:999px}
.hit:focus-visible{outline:3px solid var(--white);outline-offset:3px}
.hit--map{left:7%;width:86%;top:83.8%;height:9.4%}
.hit--tel{left:27%;width:46%;top:94.6%;height:4.6%}

/* ===== フッター ===== */
.foot{max-width:var(--w);margin:0 auto;padding:36px 24px 140px;text-align:center;color:var(--mute);font-size:15px;line-height:1.9;border-top:1px solid rgba(201,160,99,.35)}
.foot__info{margin-top:8px}
.foot__copy{margin-top:8px;color:var(--gold)}

/* ===== 追従のボタン（mato-button-depth：ピル型・黒に金・光は上から・影はこげ茶） ===== */
.dock{
  position:fixed;left:0;right:0;bottom:0;z-index:30;
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:12px 16px calc(14px + env(safe-area-inset-bottom));
  background:linear-gradient(to top,rgba(14,13,11,.96) 60%,rgba(14,13,11,0));
  transform:translateY(110%);transition:transform .5s ease;
}
.dock.is-on{transform:none}
.dock__btn{
  position:relative;display:flex;align-items:center;justify-content:center;gap:14px;
  width:min(100%,480px);min-height:56px;padding:0 28px;border-radius:999px;text-decoration:none;
  color:var(--btn-text);font-weight:500;font-size:17px;letter-spacing:.06em;
  background:
    linear-gradient(to bottom,rgba(255,255,255,.32),rgba(255,255,255,0) 36%),
    linear-gradient(100deg,#d9b67a,var(--gold) 55%,#b98e52);
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.75),
    inset -2px -4px 8px rgba(255,240,210,.35),
    0 4px 0 var(--gold-deep),
    0 12px 26px rgba(42,33,24,.85);
  transition:transform .15s ease,box-shadow .15s ease;
}
.dock__btn:hover{transform:translateY(-1px)}
.dock__btn:active{transform:translateY(3px);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.6),0 1px 0 var(--gold-deep),0 6px 14px rgba(42,33,24,.8)}
.dock__btn b{font-weight:400}
.dock__motion{
  background:none;border:0;color:var(--mute);font:400 14px/1 "Noto Sans JP",sans-serif;
  text-decoration:underline;text-underline-offset:3px;padding:8px 10px;min-height:32px;cursor:pointer;
}

/* ===== 動きを止める（ボタン・OSの設定） ===== */
html.no-motion *,html.no-motion *::before,html.no-motion *::after{animation:none !important;transition:none !important}
html.no-motion .reveal{opacity:1;transform:none}
html.no-motion .fv-scroll{opacity:1}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
  .fv-scroll{opacity:1}
}

/* ===== 走るパウチ（帯の上を、ぴょこぴょこ跳ねながら横切る） ===== */
.ticker{position:relative}
.runner{
  position:absolute;top:50%;left:0;width:46px;height:auto;z-index:2;margin-top:-44px;
  filter:drop-shadow(0 6px 6px rgba(42,33,24,.9));
  animation:runAcross 9s linear infinite;
}
.runner--rev{animation-name:runBack;animation-delay:-3s}
@keyframes runAcross{
  0%{transform:translateX(-60px) translateY(0) rotate(-6deg)}
  5%{transform:translateX(calc(5vw - 30px)) translateY(-10px) rotate(6deg)}
  10%{transform:translateX(calc(10vw - 30px)) translateY(0) rotate(-6deg)}
  15%{transform:translateX(calc(15vw - 30px)) translateY(-10px) rotate(6deg)}
  20%{transform:translateX(calc(20vw - 30px)) translateY(0) rotate(-6deg)}
  25%{transform:translateX(calc(25vw - 30px)) translateY(-10px) rotate(6deg)}
  30%{transform:translateX(calc(30vw - 30px)) translateY(0) rotate(-6deg)}
  35%{transform:translateX(calc(35vw - 30px)) translateY(-10px) rotate(6deg)}
  40%{transform:translateX(calc(40vw - 30px)) translateY(0) rotate(-6deg)}
  45%{transform:translateX(calc(45vw - 30px)) translateY(-10px) rotate(6deg)}
  50%{transform:translateX(calc(50vw - 30px)) translateY(0) rotate(-6deg)}
  55%{transform:translateX(calc(55vw - 30px)) translateY(-10px) rotate(6deg)}
  60%{transform:translateX(calc(60vw - 30px)) translateY(0) rotate(-6deg)}
  65%{transform:translateX(calc(65vw - 30px)) translateY(-10px) rotate(6deg)}
  70%{transform:translateX(calc(70vw - 30px)) translateY(0) rotate(-6deg)}
  75%{transform:translateX(calc(75vw - 30px)) translateY(-10px) rotate(6deg)}
  80%{transform:translateX(calc(80vw - 30px)) translateY(0) rotate(-6deg)}
  85%{transform:translateX(calc(85vw - 30px)) translateY(-10px) rotate(6deg)}
  90%{transform:translateX(calc(90vw - 30px)) translateY(0) rotate(-6deg)}
  95%{transform:translateX(calc(95vw - 30px)) translateY(-10px) rotate(6deg)}
  100%{transform:translateX(calc(100vw + 20px)) translateY(0) rotate(-6deg)}
}
@keyframes runBack{
  0%{transform:translateX(calc(100vw + 20px)) scaleX(-1)}
  25%{transform:translateX(75vw) translateY(-10px) scaleX(-1)}
  50%{transform:translateX(50vw) scaleX(-1)}
  75%{transform:translateX(25vw) translateY(-10px) scaleX(-1)}
  100%{transform:translateX(-60px) scaleX(-1)}
}
@media (min-width:768px){
  /* PCは画像の列（560px）の中だけを走る */
  .runner{animation-name:runAcrossPc}
  .runner--rev{animation-name:runBackPc}
}
@keyframes runAcrossPc{0%{transform:translateX(-60px)}25%{transform:translateX(130px) translateY(-10px) rotate(6deg)}50%{transform:translateX(270px)}75%{transform:translateX(410px) translateY(-10px) rotate(6deg)}100%{transform:translateX(600px)}}
@keyframes runBackPc{0%{transform:translateX(600px) scaleX(-1)}25%{transform:translateX(410px) translateY(-10px) scaleX(-1)}50%{transform:translateX(270px) scaleX(-1)}75%{transform:translateX(130px) translateY(-10px) scaleX(-1)}100%{transform:translateX(-60px) scaleX(-1)}}
.ticker{overflow:hidden;padding:22px 0}

/* ===== クイズ ===== */
.quiz{position:relative;overflow:hidden;padding:64px 24px 72px;text-align:center;background:radial-gradient(ellipse at 50% 30%,#1f1a14,var(--ink) 70%)}
.quiz__en{font-family:"Shippori Mincho",serif;letter-spacing:.4em;color:var(--gold);font-size:14px;margin-bottom:10px}
.quiz__title{font-family:"Shippori Mincho",serif;font-weight:400;font-size:32px;line-height:1.55}
.quiz__lead{color:var(--mute);margin:8px 0 26px}
.quiz__choices{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto}
/* 選択肢はCTAの金ボタンと見分けがつくよう、線だけの四角（mato-button-depth：役割ごとにスタイルを分ける） */
.quiz__choice{
  display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:12px 18px;text-align:left;
  background:var(--panel);color:var(--white);border:1px solid rgba(201,160,99,.6);border-radius:4px;
  font:400 16px/1.5 "Noto Sans JP",sans-serif;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;
}
.quiz__choice b{font-family:"Shippori Mincho",serif;font-weight:500;color:var(--gold);font-size:20px;width:1.2em;flex:none}
.quiz__choice:hover{border-color:var(--gold)}
.quiz__choice.is-ng{animation:shake .4s;border-color:#6b5a44;color:var(--mute)}
.quiz__choice.is-ok{background:var(--gold);color:var(--btn-text);border-color:var(--gold)}
.quiz__choice.is-ok b{color:var(--btn-text)}
@keyframes shake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}
.quiz__result{text-wrap:balance;word-break:keep-all;min-height:3.6em;margin-top:20px;font-family:"Shippori Mincho",serif;font-size:19px;line-height:1.7;color:var(--white)}
.quiz__result.is-ok{color:var(--gold)}
.quiz__next{display:inline-block;margin-top:4px;color:var(--gold);font-size:15px;text-underline-offset:4px}
.quiz__burst{position:absolute;inset:0;pointer-events:none}
.quiz__burst i{
  position:absolute;width:8px;height:14px;border-radius:50%;
  background:radial-gradient(ellipse at 35% 30%,#f1dcb3,var(--gold) 55%,var(--gold-deep));
  animation:pop 1.4s ease-out forwards;
}
@keyframes pop{
  0%{transform:translate(0,0) rotate(0);opacity:1}
  100%{transform:translate(var(--dx),var(--dy)) rotate(var(--r));opacity:0}
}

/* ===== 料金の数字 ===== */
.price__yen small{font-size:15px;margin-left:4px;font-family:"Noto Sans JP",sans-serif}
/* パウチをタップすると、ぷるんと揺れる */
.price__photo{cursor:pointer}
.price__photo.is-jiggle img{animation:jiggle .7s ease}
@keyframes jiggle{20%{transform:scale(1.06,.94)}40%{transform:scale(.95,1.05) rotate(-3deg)}60%{transform:scale(1.03,.97) rotate(2deg)}80%{transform:scale(.99,1.01)}}

html.no-motion .runner{display:none}
@media (prefers-reduced-motion:reduce){.runner{display:none}}

/* ===== プニプニのボタン（mato-button-depth：つやつやの球の質感・光は上から・影はこげ茶） ===== */
.dock__btn{
  min-height:64px;padding:0 34px;font-size:18px;font-weight:500;letter-spacing:.08em;
  background:
    radial-gradient(120% 140% at 50% 120%,rgba(255,236,200,.45),rgba(255,236,200,0) 45%), /* 下の反射光 */
    linear-gradient(180deg,#e6c58c 0%,var(--gold) 48%,#b4874a 100%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.8),          /* 上端の明部 */
    inset 0 -6px 12px rgba(140,106,58,.55),      /* 下のふくらみの陰 */
    0 6px 0 var(--gold-deep),                    /* 厚み（底面） */
    0 14px 26px rgba(42,33,24,.9);               /* 接地影（こげ茶） */
  transform-origin:50% 100%;
  animation:puni 3.2s ease-in-out infinite;
  transition:none;
}
/* 上のつや（ゼリーのような光の玉） */
.dock__btn::before{
  content:"";position:absolute;left:9%;right:9%;top:5px;height:42%;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,0));
  pointer-events:none;
}
.dock__btn::after{
  content:"";position:absolute;left:5.5%;top:11px;width:12px;height:7px;border-radius:50%;
  background:rgba(255,255,255,.95);transform:rotate(-20deg);pointer-events:none;
}
.dock__btn span,.dock__btn b{position:relative}
/* ときどき、ぷにっと弾む（押せることを知らせる） */
@keyframes puni{
  0%,72%,100%{transform:scale(1,1)}
  78%{transform:scale(1.06,.92)}
  84%{transform:scale(.97,1.05)}
  90%{transform:scale(1.02,.98)}
}
.dock__btn:hover{animation:none;transform:translateY(-2px) scale(1.02)}
/* 押すと、つぶれて沈む */
.dock__btn:active,.dock__btn.is-press{
  animation:none;
  transform:translateY(5px) scale(1.07,.88);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.7),
    inset 0 -3px 8px rgba(140,106,58,.5),
    0 1px 0 var(--gold-deep),
    0 6px 12px rgba(42,33,24,.85);
}
/* 離すと、ぷるんと戻る */
.dock__btn.is-release{animation:jelly .55s ease-out}
@keyframes jelly{
  0%{transform:translateY(5px) scale(1.07,.88)}
  35%{transform:translateY(-3px) scale(.94,1.08)}
  60%{transform:scale(1.03,.97)}
  80%{transform:scale(.99,1.01)}
  100%{transform:none}
}
html.no-motion .dock__btn{animation:none}
@media (prefers-reduced-motion:reduce){.dock__btn{animation:none}}

.price__note{display:block;color:var(--mute);font-size:15px}

.price__image-note{margin-top:14px;color:var(--mute);font-size:14px;text-align:right}
h2{font-feature-settings:"palt"}

/* ======== ド派手モード ======== */
/* FV：金の粒が舞う */
.dust{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;mix-blend-mode:screen}

/* 写真に金の光が走る（登場したとき1回＋ときどき） */
.part{overflow:hidden}
.part::after{
  content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;pointer-events:none;z-index:3;
  background:linear-gradient(100deg,rgba(255,236,190,0) 0%,rgba(255,226,160,.38) 50%,rgba(255,236,190,0) 100%);
  transform:skewX(-18deg) translateX(0);opacity:0;
}
/* 光の筋は FV の最初の1回だけ（ほかのパートは、それぞれ別の出かた） */
.part--fv::after{animation:shine 1.8s 1.6s ease-out 1 forwards}
@keyframes shine{0%{opacity:0;transform:skewX(-18deg) translateX(0)}15%{opacity:1}100%{opacity:0;transform:skewX(-18deg) translateX(420%)}}

/* 登場をもっと劇的に：ズームから着地 */
.reveal{transform:translateY(40px) scale(.94);filter:blur(6px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.9,.25,1.15),filter 1s ease}
.reveal.is-in{filter:none}

/* 巨大な文字が流れる帯（スクロールで動く） */
.mega{overflow:hidden;background:var(--ink);padding:10px 0 4px;border-top:1px solid rgba(201,160,99,.35);border-bottom:1px solid rgba(201,160,99,.35)}
.mega__track{display:flex;align-items:baseline;gap:28px;padding-right:28px;width:max-content;will-change:transform;animation:run 26s linear infinite}

.mega span{font-family:"Shippori Mincho",serif;font-weight:500;font-size:112px;line-height:1.1;color:transparent;-webkit-text-stroke:1.2px var(--gold);white-space:nowrap}
.mega span:nth-child(4n+1){color:var(--gold);-webkit-text-stroke:0;text-shadow:0 0 28px rgba(201,160,99,.45)}
.mega em{font-family:"Shippori Mincho",serif;font-style:normal;font-size:40px;letter-spacing:.3em;color:var(--mute);white-space:nowrap}

/* 価格：金にきらっと光る */
.price__yen .count{
  background:linear-gradient(110deg,#c9a063 0%,#f6e3b4 40%,#c9a063 55%,#b4874a 100%);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;font-size:34px;
  animation:goldflow 3s linear infinite;
}
@keyframes goldflow{to{background-position:-250% 0}}

/* クイズ：正解スタンプ */
.quiz__stamp{
  position:absolute;right:3%;bottom:4%;z-index:4;pointer-events:none;
  font-family:"Shippori Mincho",serif;font-weight:500;font-size:32px;color:var(--gold);
  border:3px solid var(--gold);border-radius:50%;width:110px;height:110px;display:grid;place-items:center;
  transform:rotate(-14deg) scale(3);opacity:0;
}
.quiz__stamp.is-on{animation:stamp .5s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes stamp{to{transform:rotate(-14deg) scale(1);opacity:.92}}

html.no-motion .dust,html.no-motion .part::after{display:none}

html.no-motion .reveal{filter:none}
@media (prefers-reduced-motion:reduce){.dust,.part::after{display:none}.reveal{filter:none}}

/* ===== パートごとに違う出かた（同じ演出を繰り返さない） ===== */
.reveal[data-fx]{opacity:1;transform:none;filter:none}
.reveal[data-fx] > img{transition:clip-path 1.3s cubic-bezier(.7,0,.2,1),transform 1.6s cubic-bezier(.2,.8,.2,1),filter 1.2s ease}
/* 悩み：上から黒い幕が上がる */
[data-fx="curtain"] > img{clip-path:inset(0 0 100% 0)}
[data-fx="curtain"].is-in > img{clip-path:inset(0 0 0 0)}
/* 素材：真ん中の円から広がる */
[data-fx="iris"] > img{clip-path:circle(0% at 50% 35%)}
[data-fx="iris"].is-in > img{clip-path:circle(150% at 50% 35%)}
/* 10種：左から右へめくれる */
[data-fx="wipe"] > img{clip-path:inset(0 100% 0 0)}
[data-fx="wipe"].is-in > img{clip-path:inset(0 0 0 0)}
/* こんな方に：寄りから引いて、ぼけが晴れる */
[data-fx="zoom"] > img{transform:scale(1.25);filter:blur(10px) brightness(.4)}
[data-fx="zoom"].is-in > img{transform:none;filter:none}
/* Q&A：上から注がれるように、細い縦の帯が広がる */
[data-fx="pour"] > img{clip-path:inset(0 46% 100% 46%)}
[data-fx="pour"].is-in > img{clip-path:inset(0 0 0 0);transition-duration:1.6s}
/* CTA：金の枠線が一周して描かれてから、中身が出る */
[data-fx="frame"]{box-shadow:inset 0 0 0 0 var(--gold)}
[data-fx="frame"] > img{opacity:0;transition:opacity .8s .9s ease}
[data-fx="frame"].is-in > img{opacity:1}
[data-fx="frame"]::before{
  content:"";position:absolute;inset:8px;z-index:4;pointer-events:none;border:1.5px solid var(--gold);
  clip-path:inset(0 100% 100% 0);transition:clip-path 1s cubic-bezier(.7,0,.2,1)
}
[data-fx="frame"].is-in::before{clip-path:inset(0 0 0 0);opacity:0;transition:clip-path 1s cubic-bezier(.7,0,.2,1),opacity .6s 1.6s}
html.no-motion .reveal[data-fx] > img{clip-path:none !important;transform:none !important;filter:none !important;opacity:1 !important}
@media (prefers-reduced-motion:reduce){.reveal[data-fx] > img{clip-path:none !important;transform:none !important;filter:none !important;opacity:1 !important}}

.foot__links{margin-top:10px}
.foot__links a{color:var(--gold)}
.price__note a{color:var(--gold)}
/* スマホでは、項目名の下に中身を置いて、1行を長く使う */
@media (max-width:520px){
  .price__list div{grid-template-columns:1fr;gap:2px}
  .price__list dt{font-size:14px}
}