/* 追加機能(英語案内・シェア・たぬきみくじ・記念スタンプ)。既存 app.css の色・形を継承し、公開画面の新しい部品だけを対象にする。
   app.css にデザイン層の変数がない場合に備えて、すべて既定値つきで参照する。 */
:root{--x-ink:var(--ink,#3A2B20);--x-kraft:var(--kraft,#B7834F);--x-kraft-d:var(--kraft-d,#8C5F33);--x-kraft-l:var(--kraft-l,#E2BE93);--x-display:var(--display,var(--sans,sans-serif));--x-pop:var(--ease-pop,cubic-bezier(.34,1.56,.64,1))}

/* ヘッダーの English(スマホ・予約画面でも表示) */
.top nav a.lang-link{display:inline-flex;align-items:center;min-height:2.75rem;padding:.4rem .75rem;border:1.5px solid var(--x-ink);border-radius:999px;font:700 .82rem var(--x-display);letter-spacing:.04em;text-decoration:none}
.top nav a.lang-link[aria-current]{background:var(--x-ink);color:var(--bg,#F4EEE6)}
@media (max-width:760px){.top nav a.lang-link{display:inline-flex!important;padding:.3rem .6rem;font-size:.76rem}}
.calm .top nav a.lang-link{display:inline-flex!important}

/* シェア欄 */
.share{margin:1.6rem 0 .4rem;padding:1rem 1.1rem;border:2px dashed var(--line,#d9c9b4);border-radius:16px;background:var(--paper,#FBF7F1)}
.share-label{margin:0 0 .5rem;font:800 .8rem var(--x-display);letter-spacing:.2em;color:var(--x-kraft-d)}
.share-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.share-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.45rem 1rem;border:2px solid var(--x-ink);border-radius:999px;background:#fff;color:var(--x-ink);font:700 .9rem var(--x-display);text-decoration:none;cursor:pointer;transition:transform .18s var(--x-pop),box-shadow .18s}
.share-btn:hover{transform:translateY(-2px);box-shadow:0 3px 0 var(--x-ink)}
.share-btn:focus-visible{outline:3px solid var(--x-kraft);outline-offset:2px}
.share-status{min-height:1.4em;margin:.4rem 0 0;font-size:.85rem;font-weight:700;color:var(--ok,#4d6b3a)}
.sr-copy{position:fixed;left:-9999px;top:0;opacity:0}
.home .share{max-width:46rem;margin:1.4rem auto 0;text-align:center}.home .share-list{justify-content:center}

/* 追加ページ共通 */
.ex-kicker{margin:0;font:800 .74rem/1 var(--x-display);letter-spacing:.3em;color:var(--x-kraft-d)}
.ex-switch{margin:.2rem 0 .8rem}.ex-switch a{display:inline-flex;align-items:center;min-height:2.75rem;padding:.3rem .9rem;border:1.5px solid var(--x-ink);border-radius:999px;font:700 .85rem var(--x-display);text-decoration:none}
.extras-page h1,.en-page h1{font-family:var(--x-display);font-weight:900}

/* 英語ガイド */
.en-guide h1 span{display:block;font-size:.55em;color:var(--char,#4A4642);margin-top:.3rem}
.en-guide section{margin-top:1.6rem}
.en-guide h2{font-family:var(--x-display);font-weight:900;font-size:1.25rem;border-bottom:2.5px solid var(--x-ink);padding-bottom:.35rem}
.en-scope{padding:.85rem 1rem;border-radius:12px;background:var(--cream,#E8D8C4);border-left:6px solid var(--x-kraft);font-size:.92rem}
.en-notice{padding:.85rem 1rem;border-radius:12px;background:var(--fewbg,#f6e6c3);border:2px solid var(--few,#8a5a12)}
.en-steps{padding-left:1.3rem}.en-steps li{margin:.4rem 0}
.en-days{margin:.6rem 0}
.en-table-wrap{overflow-x:auto}
.en-gloss{border-collapse:collapse;width:100%;font-size:.92rem}.en-gloss th,.en-gloss td{padding:.55rem .6rem;border-bottom:1px solid var(--line,#d9c9b4);text-align:left;vertical-align:top}.en-gloss th{font-size:.8rem;color:var(--char,#4A4642)}.en-gloss td:first-child{font-weight:700;white-space:nowrap}
.en-guide dl.kv dd small{display:block;color:var(--char,#4A4642);font-size:.8rem}
@media (max-width:560px){.en-gloss td:first-child{white-space:normal}}

/* たぬきみくじ */
.mikuji{text-align:left}
.mk-stage{position:relative;display:grid;justify-items:center;gap:.8rem;margin:1rem 0;padding:1.4rem 1rem 1rem;border-radius:18px;background:radial-gradient(circle at 50% 35%,#f9f1e6 0,var(--cream,#E8D8C4) 70%)}
.mk-figure{position:relative;width:min(56%,14rem)}
.mk-mugi{display:block;width:100%;height:auto;transform-origin:50% 90%;filter:drop-shadow(0 6px 8px rgba(58,43,32,.2))}
.mk-box{position:absolute;right:-14%;bottom:6%;width:3.4rem;height:5rem;display:grid;place-items:center;border:2.5px solid var(--x-ink);border-radius:8px 8px 4px 4px;background:repeating-linear-gradient(180deg,var(--x-kraft) 0 8px,var(--x-kraft-d) 8px 10px);transform:rotate(12deg)}
.mk-box span{writing-mode:vertical-rl;font:900 .8rem var(--x-display);color:#fff;letter-spacing:.1em}
.mk-mugi.mk-shake,.mk-mugi.mk-shake+.mk-box{animation:mk-shake 1s ease-in-out}
.mk-status{min-height:1.5em;margin:0;font-weight:700;font-size:.9rem}
.mk-result{margin-top:.6rem;padding:1.3rem 1.2rem;border:2.5px solid var(--x-ink);border-radius:18px;background:var(--paper,#FBF7F1);box-shadow:6px 6px 0 var(--x-ink)}
.mk-result.mk-in{animation:mk-in .5s var(--x-pop)}
.mk-rank{display:inline-block;margin:0;padding:.1rem .9rem;border-radius:10px;background:var(--x-kraft);color:#fff;font:900 2.2rem/1.3 var(--x-display);transform:rotate(-2deg);outline:none}
.mk-title{margin:.6rem 0 .3rem;font:900 1.45rem/1.35 var(--x-display)}
.mk-msg{font-size:1.02rem}
.mk-factbox{margin:.8rem 0;padding:.8rem 1rem;border-radius:12px;background:#EADBC6}.mk-factbox h3{margin:0 0 .2rem;font:800 .85rem var(--x-display);letter-spacing:.1em;color:var(--x-kraft-d)}.mk-factbox p{margin:0;font-size:.95rem}
.mk-luckyline b{font-family:var(--x-display);color:var(--x-kraft-d);margin-right:.4rem}
.mk-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 .4rem}.mk-actions .btn{min-height:2.9rem;padding:.5rem 1.1rem;font-size:.92rem}
.mk-cta{margin-top:1rem;padding:1rem;border-radius:14px;border:2px dashed var(--x-kraft);text-align:center}.mk-cta p{margin:0 0 .6rem;font-weight:700}
.mk-note{margin-top:1rem}

/* 記念スタンプ */
.st-wrap{display:grid;place-items:center;margin:1rem 0}
.st-canvas{width:min(100%,26rem);height:auto;aspect-ratio:1;border-radius:18px;box-shadow:0 10px 24px -14px rgba(58,43,32,.5)}
.st-controls label{display:block;font-weight:700;margin:.6rem 0}
.st-controls input[type=date]{display:block;margin-top:.35rem;min-height:3rem;padding:.6rem .8rem;border:2px solid var(--taupe,#A88E74);border-radius:12px;font:inherit;background:#fff;color:var(--x-ink)}
.st-status{min-height:1.4em;font-weight:700;font-size:.9rem}
.st-note{margin-top:1rem}

@keyframes mk-shake{0%,100%{transform:rotate(0)}15%{transform:rotate(-9deg) translateY(-4px)}30%{transform:rotate(8deg)}45%{transform:rotate(-7deg) translateY(-3px)}60%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}}
@keyframes mk-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mk-mugi.mk-shake,.mk-result.mk-in{animation:none!important}.share-btn,.xcard a,.xcard-btn{transition:none}}
@media print{.share,.xcards,.mk-actions{display:none}}

.mikuji[lang="en"] .mk-box span{font-size:.58rem;letter-spacing:.02em}

/* トップ: 追加コンテンツとシェア(予約導線の下・スマホ固定バーの前) */
.home .sec-extras{text-align:center;padding-top:.4rem;padding-bottom:1rem}

/* =====================================================================
   トップ: 追加コンテンツの入口カードとシェア欄(2026-10-31 デザイン改善)
   - 予約の導線(直前の「開催日をえらんで予約する」)より目立ちすぎない大きさ・配色にする
   - 画像は既存の公式ムギ(mugi-front.webp)のみ。装飾は CSS とインライン SVG
   ===================================================================== */
.xcards{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.1rem;max-width:62rem;margin:1.8rem auto 0;padding:0;text-align:left}
.xcard a{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:2.5px solid var(--x-ink);border-radius:18px;background:var(--paper,#FBF7F1);color:var(--x-ink);text-decoration:none;box-shadow:5px 5px 0 var(--x-ink);transition:transform .22s var(--x-pop),box-shadow .22s}
.xcard a:hover{transform:translate(-2px,-4px);box-shadow:8px 9px 0 var(--x-ink)}
.xcard a:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--x-ink)}
.xcard a:focus-visible{outline:3px solid var(--x-kraft);outline-offset:4px}
.xcard-visual{position:relative;display:block;height:9.5rem;overflow:hidden;border-bottom:2px solid var(--x-ink)}
.xcard-body{display:flex;flex-direction:column;gap:.35rem;flex:1;padding:1rem 1.1rem 1.1rem}
.xcard-title{font:900 1.22rem/1.3 var(--x-display);letter-spacing:.02em;word-break:keep-all}
.xcard-text{font-size:.88rem;line-height:1.6;color:var(--char,#4A4642)}
.xcard-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto;white-space:nowrap;min-height:3rem;padding:.55rem 1rem;border-radius:999px;font:800 .95rem/1.2 var(--x-display);color:#fff;transition:filter .2s}
.xcard-text{margin-bottom:.65rem;word-break:auto-phrase;text-wrap:pretty}
.share-site .share-sub{word-break:auto-phrase}
.xcard-btn i{font-style:normal;font-size:1.2em;line-height:1;transition:transform .22s var(--x-pop)}
.xcard a:hover .xcard-btn i{transform:translateX(4px)}
/* 遊びの2枚は「バナー」風: キャッチコピー・動き・きらめきで押したくなる見た目に(動きを減らす設定では止める) */
.xc-catch{position:absolute;left:.85rem;top:.75rem;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;pointer-events:none}
.xc-kicker{padding:.14rem .6rem;border-radius:999px;font:800 .68rem/1.3 var(--x-display);letter-spacing:.2em}
.xc-catch-main{font:900 1.36rem/1.18 var(--x-display);letter-spacing:.03em}
.xc-spark{position:absolute;z-index:4;font-size:.95rem;line-height:1;color:#ffd77a;text-shadow:0 0 6px rgba(255,215,122,.9);animation:xc-twinkle 2.4s ease-in-out infinite}
.xc-spark1{left:38%;top:58%;animation-delay:.2s}.xc-spark2{left:66%;top:9%;font-size:1.25rem;animation-delay:1s}.xc-spark3{right:6%;top:30%;font-size:.8rem;animation-delay:1.7s}
@keyframes xc-twinkle{0%,100%{opacity:.15;transform:scale(.55) rotate(0)}50%{opacity:1;transform:scale(1) rotate(25deg)}}
/* たぬきみくじ: 朱と金の青海波。横向きのムギがみくじ箱をのぞき込み、箱はときどき揺れる。ホバーで箱を振り、札が飛び出す */
.xcard-omikuji .xcard-visual{background:#b0361f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20'%3E%3Cg fill='%23b0361f' stroke='%23f2c46b' stroke-opacity='.42' stroke-width='1.3'%3E%3Ccircle cx='0' cy='10' r='18'/%3E%3Ccircle cx='0' cy='10' r='12'/%3E%3Ccircle cx='0' cy='10' r='6'/%3E%3Ccircle cx='40' cy='10' r='18'/%3E%3Ccircle cx='40' cy='10' r='12'/%3E%3Ccircle cx='40' cy='10' r='6'/%3E%3Ccircle cx='20' cy='20' r='18'/%3E%3Ccircle cx='20' cy='20' r='12'/%3E%3Ccircle cx='20' cy='20' r='6'/%3E%3C/g%3E%3C/svg%3E") 0 0/28px 14px}
.xc-wave{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 115%,rgba(255,206,120,.65),transparent 62%),linear-gradient(180deg,transparent 45%,rgba(70,15,5,.28))}
.xcard-omikuji .xc-kicker{background:#f2c46b;color:#5a1a0c}
.xcard-omikuji .xc-catch-main{color:#fff6e2;text-shadow:2px 2px 0 #6e1f10}
.xc-box{position:absolute;left:43%;bottom:-.35rem;z-index:3;width:4.4rem;height:7.6rem;transform-origin:50% 92%;transform:rotate(-10deg);animation:xc-wiggle 4.8s ease-in-out infinite}
.xc-box-svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(3px 3px 0 rgba(60,15,5,.35))}
.xc-box-label{font:900 10px var(--x-display);fill:#b83a22;text-anchor:middle;dominant-baseline:middle}
.xc-stick{position:absolute;left:50%;top:-.75rem;z-index:-1;width:.6rem;height:3rem;margin-left:-.3rem;border:1.5px solid var(--x-ink);border-radius:2px;background:linear-gradient(#b83a22 0 1rem,#f6e3c2 1rem);transform:translateY(0);transition:transform .35s var(--x-pop)}
.xc-stick span{display:block;font:900 .6rem/1.1 var(--x-display);color:#fff;text-align:center}
.xc-mugi{position:absolute;right:-.4rem;bottom:-1.1rem;z-index:2;height:8.8rem;width:auto;filter:drop-shadow(0 4px 4px rgba(60,15,5,.35));transform-origin:30% 100%;transition:transform .3s var(--x-pop)}
.xcard a:hover .xc-box{animation:xc-shake .42s ease-in-out infinite}
.xcard a:hover .xc-stick{transform:translateY(-1.5rem)}
.xcard a:hover .xc-mugi{transform:rotate(-6deg) translateX(-3px)}
@keyframes xc-wiggle{0%,78%,100%{transform:rotate(-10deg)}83%{transform:rotate(-19deg)}88%{transform:rotate(-2deg)}93%{transform:rotate(-15deg)}97%{transform:rotate(-8deg)}}
@keyframes xc-shake{0%,100%{transform:rotate(-10deg) translateY(0)}25%{transform:rotate(-22deg) translateY(-3px)}75%{transform:rotate(2deg) translateY(-3px)}}
.xcard-omikuji .xcard-title{color:#8f2b18}
.xcard-omikuji .xcard-btn{background:#b83a22;box-shadow:0 3px 0 #7a2412}
/* デジタル記念スタンプ: クラフト紙に、実際のスタンプの図柄と閲覧日。はんこがときどき「ポン!」と押す */
.xcard-stamp .xcard-visual{background:linear-gradient(160deg,#f1e2c6,#dfc39a)}
.xc-dots{position:absolute;inset:0;background:radial-gradient(rgba(140,95,51,.16) 1px,transparent 1.6px) 0 0/7px 7px,repeating-linear-gradient(115deg,transparent 0 22px,rgba(255,255,255,.18) 22px 24px)}
.xcard-stamp .xc-kicker{background:#8C5F33;color:#fff}
.xcard-stamp .xc-catch-main{font-size:1.22rem;color:#4a2e1e;text-shadow:2px 2px 0 rgba(255,255,255,.6)}
.xc-stamp{position:absolute;right:2.3rem;top:50%;z-index:2;width:7.4rem;height:7.4rem;margin-top:-3.3rem;transform:rotate(-6deg);animation:xc-stamp-pop 4.8s ease-in-out infinite}
.xc-stamp-ring{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(3px 3px 0 rgba(90,58,34,.3))}
.xc-ring-text{font:900 13.5px var(--x-display);fill:#8C5F33;letter-spacing:.6px}
.xc-ring-en{font:800 9px var(--x-display);fill:#8C5F33;letter-spacing:1.6px}
.xc-ring-date{font:900 17px var(--x-display);fill:var(--x-ink);letter-spacing:.3px}
.xc-ring-sub{font:800 8px var(--x-display);fill:var(--x-ink);letter-spacing:1px}
.xc-stamp-mugi{position:absolute;left:50%;top:21%;height:37%;width:auto;transform:translateX(-50%)}
.xc-hanko{position:absolute;right:.15rem;top:-.1rem;z-index:3;width:2.6rem;height:4.2rem;transform-origin:50% 100%;transform:rotate(18deg);animation:xc-press 4.8s ease-in-out infinite}
.xc-hanko svg{width:100%;height:100%;filter:drop-shadow(2px 3px 0 rgba(58,43,32,.3))}
.xc-pon{position:absolute;right:.5rem;bottom:.55rem;z-index:4;padding:.1rem .5rem;border:2px solid var(--x-ink);border-radius:8px;background:#b83a22;color:#fff;font:900 .9rem/1.3 var(--x-display);letter-spacing:.05em;opacity:0;transform:rotate(-8deg) scale(0);animation:xc-pon 4.8s ease-in-out infinite}
.xcard a:hover .xc-hanko{animation-name:xc-press-h;animation-duration:1.6s}
.xcard a:hover .xc-pon{animation-name:xc-pon-h;animation-duration:1.6s}
.xcard a:hover .xc-stamp{animation-name:xc-stamp-pop-h;animation-duration:1.6s}
@keyframes xc-press{0%,60%,100%{transform:translate(0,0) rotate(18deg)}70%{transform:translate(-1.3rem,.5rem) rotate(4deg)}75%{transform:translate(-1.3rem,1rem) rotate(4deg)}84%{transform:translate(-1.1rem,.2rem) rotate(8deg)}}
@keyframes xc-press-h{0%,60%,100%{transform:translate(0,0) rotate(18deg)}70%{transform:translate(-1.3rem,.5rem) rotate(4deg)}75%{transform:translate(-1.3rem,1rem) rotate(4deg)}84%{transform:translate(-1.1rem,.2rem) rotate(8deg)}}
@keyframes xc-pon{0%,74%{opacity:0;transform:rotate(-8deg) scale(0)}79%{opacity:1;transform:rotate(-8deg) scale(1.25)}84%,95%{opacity:1;transform:rotate(-8deg) scale(1)}100%{opacity:0;transform:rotate(-8deg) scale(.6)}}
@keyframes xc-pon-h{0%,74%{opacity:0;transform:rotate(-8deg) scale(0)}79%{opacity:1;transform:rotate(-8deg) scale(1.25)}84%,95%{opacity:1;transform:rotate(-8deg) scale(1)}100%{opacity:0;transform:rotate(-8deg) scale(.6)}}
@keyframes xc-stamp-pop{0%,74%,100%{transform:rotate(-6deg) scale(1)}77%{transform:rotate(-6deg) scale(.94)}82%{transform:rotate(-6deg) scale(1.05)}88%{transform:rotate(-6deg) scale(1)}}
@keyframes xc-stamp-pop-h{0%,74%,100%{transform:rotate(-6deg) scale(1)}77%{transform:rotate(-6deg) scale(.94)}82%{transform:rotate(-6deg) scale(1.05)}88%{transform:rotate(-6deg) scale(1)}}
.xcard-stamp .xcard-title{color:#5a3a22}
.xcard-stamp .xcard-btn{background:#4a2e1e;box-shadow:0 3px 0 #2a1a10}
/* English guide: 遊びのカードと区別する落ち着いた紺 */
.xcard-en .xcard-visual{display:grid;place-items:center;background:linear-gradient(160deg,#eef3f7,#dbe6ef);color:#1f4e79}
.xc-globe{width:5.6rem;height:5.6rem;transition:transform .4s var(--x-pop)}
.xcard a:hover .xc-globe{transform:rotate(-12deg)}
.xcard-en .xcard-title{color:#1f4e79}
.xcard-en .xcard-btn{background:#1f4e79;box-shadow:0 3px 0 #133251}
.xcard a:hover .xcard-btn{filter:brightness(1.08)}

/* シェア欄(トップのみ) */
.sec-extras .share-site{max-width:62rem;margin:1.8rem auto 0;padding:1.3rem 1.2rem 1.1rem;border:2px solid var(--line,#d9c9b4);border-radius:18px;background:var(--paper,#FBF7F1);background-image:radial-gradient(rgba(58,43,32,.06) 1.2px,transparent 1.6px);background-size:18px 18px}
.share-site .share-title{margin:0;font:900 1.15rem/1.4 var(--x-display);color:var(--x-ink)}
.share-site .share-title::before,.share-site .share-title::after{content:"";display:inline-block;width:.9rem;height:2px;margin:0 .6rem;vertical-align:middle;background:var(--x-kraft);transform:rotate(-30deg)}
.share-site .share-title::after{transform:rotate(30deg)}
.share-site .share-sub{margin:.2rem 0 .9rem;font-size:.88rem;color:var(--char,#4A4642)}
.share-site .share-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;max-width:52rem;margin:0 auto}
.share-site .share-list li{display:flex;flex:0 1 11.5rem}
.share-site .share-list li[hidden]{display:none}
.share-site .share-btn{flex:1;gap:.55rem;min-height:3.2rem;padding:.6rem 1rem;border-width:2px;font-size:.95rem;font-weight:800;box-shadow:0 3px 0 var(--x-ink)}
.share-site .share-btn::before{content:"";flex:none;width:1.15rem;height:1.15rem;background:currentColor;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.share-site .share-btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--x-ink)}
.share-site .share-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--x-ink)}
.share-site .share-x{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h4.6l4.1 5.7L17.6 3H21l-6.6 7.6L21.6 21H17l-4.5-6.2L7 21H3.6l7.2-8.2z'/%3E%3C/svg%3E");background:#111;border-color:#111;color:#fff}
.share-site .share-line{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3C6.5 3 2 6.6 2 11c0 2.6 1.6 4.9 4.1 6.3-.2 1.2-.8 2.6-1.6 3.5 2 0 3.9-.9 5.2-2.1.7.1 1.5.2 2.3.2 5.5 0 10-3.6 10-8S17.5 3 12 3z'/%3E%3C/svg%3E");background:#057a3b;border-color:#04632f;color:#fff;box-shadow:0 3px 0 #03481f}
.share-site .share-line:hover{box-shadow:0 5px 0 #03481f}
.share-site .share-copy{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M10 14a4.5 4.5 0 0 0 6.4 0l3.3-3.3a4.5 4.5 0 0 0-6.4-6.4L12 5.6'/%3E%3Cpath d='M14 10a4.5 4.5 0 0 0-6.4 0l-3.3 3.3a4.5 4.5 0 0 0 6.4 6.4l1.3-1.3'/%3E%3C/svg%3E");background:#fff}
.share-site .share-native{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3M7.5 7.5 12 3l4.5 4.5'/%3E%3Cpath d='M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3C/svg%3E");background:#fff}
.share-site .share-status{text-align:center}

@media (max-width:1023px){
  .xcards{grid-template-columns:1fr;gap:.85rem;max-width:40rem}
  .xcard a{display:grid;grid-template-columns:6.6rem 1fr;flex-direction:row}
  .xcard-visual{height:auto;min-height:100%;border-bottom:0;border-right:2px solid var(--x-ink)}
  .xcard-body{padding:.8rem .9rem .9rem;gap:.2rem}
  .xcard-title{font-size:1.06rem}.xcard-text{font-size:.82rem;line-height:1.5}
  .xcard-btn{min-height:2.75rem;font-size:.86rem;padding:.45rem .8rem}
  .xcard-omikuji a,.xcard-stamp a{grid-template-columns:minmax(9.4rem,44%) 1fr}
  .xcard-omikuji .xcard-visual,.xcard-stamp .xcard-visual{min-height:9.4rem}
  .xc-catch{left:.6rem;top:.55rem;gap:.2rem}.xc-kicker{font-size:.6rem;padding:.1rem .45rem}.xc-catch-main{font-size:1.02rem}
  .xc-box{left:30%;width:3.3rem;height:5.7rem}
  .xc-stick{top:-.55rem;height:2.3rem}.xcard a:hover .xc-stick{transform:translateY(-1.1rem)}
  .xc-mugi{right:-.9rem;bottom:-.9rem;height:6.6rem}
  .xcard-stamp .xc-kicker{display:none}
  .xc-stamp{right:.4rem;top:auto;bottom:.4rem;width:6rem;height:6rem;margin:0}
  .xc-hanko{top:2.3rem;right:.1rem;width:2rem;height:3.2rem}
  .xc-pon{right:.3rem;bottom:.3rem;font-size:.74rem}
  .xc-globe{width:3.8rem;height:3.8rem}
}
@media (max-width:760px){
  .share-site .share-list{gap:.55rem}.share-site .share-list li{flex:1 1 calc(50% - .3rem)}
  .share-site .share-btn{min-height:3rem;padding:.5rem .6rem;font-size:.88rem}
  .share-site .share-title{font-size:1.02rem}.share-site .share-title::before,.share-site .share-title::after{width:.6rem;margin:0 .35rem}
}
@media (prefers-reduced-motion:reduce){.xcard a,.xcard-btn i,.xc-mugi,.xc-stick,.xc-globe,.share-site .share-btn{transition:none}.xc-spark,.xc-box,.xc-hanko,.xc-pon,.xc-stamp,.xcard a:hover .xc-box,.xcard a:hover .xc-hanko,.xcard a:hover .xc-pon,.xcard a:hover .xc-stamp{animation:none!important}.xc-pon{opacity:1;transform:rotate(-8deg)}}