/* 共創の酒場 — 見本画像（mock/s1・s2v6・s4・s6）に合わせた見た目 */
:root{--wood:#2a180c;--wood2:#4a2c16;--paper:#f6ecd6;--paper2:#eedfbf;--gold:#c9962b;--gold2:#f3cf72;--gold3:#8a6420;--ink:#2b1d10;--ink2:#5a3e22;--blue:#2f86d6;--red:#d9443f;--green:#1f7a4d;--navy:#1d2a55}
*{box-sizing:border-box}
html{background:#140b05}
body{margin:0;font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;color:var(--ink);min-height:100vh;font-size:16px;line-height:1.7;
  background:linear-gradient(rgba(20,11,5,.45),rgba(20,11,5,.62)),url(/ui/bg.jpg) center top/cover fixed,#1a0f07}
a{color:#1f5fa8}
img{max-width:100%}

/* ===== 上の帯（木の看板） ===== */
header.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;padding:8px 22px;min-height:78px;
  background:url(/ui/wood.jpg) center/auto 100% repeat-x,#3a2212;border-bottom:3px solid var(--gold);box-shadow:0 4px 18px #000b,inset 0 -1px 0 #f3cf7255}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo .mug{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:radial-gradient(circle at 35% 30%,#ffe7a3,#c9962b 60%,#7a5414);box-shadow:0 0 0 2px #3a2212,0 0 0 4px var(--gold),0 3px 10px #000a}
.logo .t1{display:block;font-size:30px;font-weight:900;line-height:1.1;letter-spacing:.03em;background:linear-gradient(180deg,#fff3c4 0%,#f3cf72 45%,#c08a24 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #3a1f0c) drop-shadow(0 0 6px #0008)}
.logo .t1 small{font-size:22px}
.logo .t2{display:block;font-size:13px;color:#f1e3c2;letter-spacing:.08em;text-shadow:0 1px 2px #000}
header.top nav.main{display:flex;gap:4px;margin-left:10px}
header.top nav.main a{color:#f6e7c4;text-decoration:none;font-size:16px;padding:8px 14px;border-bottom:2px solid transparent;text-shadow:0 1px 2px #000}
header.top nav.main a.on,header.top nav.main a:hover{border-bottom-color:var(--gold2);color:#fff}
header.top .right{margin-left:auto;display:flex;align-items:center;gap:14px}
.count-pill{color:#f6e7c4;font-size:14px;background:#0006;border:1px solid #c9962b88;border-radius:999px;padding:4px 14px;white-space:nowrap}
.count-pill b{color:var(--gold2);font-size:18px}

/* ===== ボタン ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2px solid #7a5414;background:linear-gradient(180deg,#fff0b8 0%,#f3cf72 35%,#c9962b 100%);color:#2b1d10;font-weight:900;border-radius:10px;padding:9px 18px;cursor:pointer;text-decoration:none;font-family:inherit;font-size:16px;box-shadow:inset 0 1px 0 #fff8,0 3px 0 #6b4a12,0 5px 12px #0006;letter-spacing:.03em}
.btn:hover{filter:brightness(1.06)}
.btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff8,0 1px 0 #6b4a12}
.btn.ghost{background:linear-gradient(#fffaf0,#efe0bd);border-color:#b08a4a;box-shadow:0 2px 0 #b08a4a}
.btn.dark{background:linear-gradient(#5a3820,#2a180c);color:#f6e7c4;border-color:var(--gold)}
.btn.big{font-size:22px;padding:14px 34px;border-radius:14px}
.btn.huge{font-size:26px;padding:16px 46px;border-radius:16px}
.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}
.btn .arrow{font-size:1.1em;margin-left:4px}

.wrap{max-width:1320px;margin:0 auto;padding:18px 20px 30px}

/* ===== 羊皮紙のパネル（金の飾り枠） ===== */
.panel{position:relative;background:url(/ui/parchment.jpg) center/420px auto,var(--paper);border:2px solid var(--gold);border-radius:8px;padding:20px 20px 18px;
  box-shadow:0 0 0 3px #3a2212,0 0 0 5px #b8862b,0 12px 30px #000c,inset 0 0 40px #b8862b33}
.panel::before{content:"";position:absolute;inset:5px;pointer-events:none;border:1px solid #b8862b88;border-radius:5px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpath d='M2 2h14M2 2v14' stroke='%23b8862b' stroke-width='3' fill='none'/%3E%3Ccircle cx='9' cy='9' r='3' fill='%23b8862b'/%3E%3C/svg%3E") left top no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpath d='M32 2H18M32 2v14' stroke='%23b8862b' stroke-width='3' fill='none'/%3E%3Ccircle cx='25' cy='9' r='3' fill='%23b8862b'/%3E%3C/svg%3E") right top no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpath d='M2 32h14M2 32V18' stroke='%23b8862b' stroke-width='3' fill='none'/%3E%3Ccircle cx='9' cy='25' r='3' fill='%23b8862b'/%3E%3C/svg%3E") left bottom no-repeat,
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34'%3E%3Cpath d='M32 32H18M32 32V18' stroke='%23b8862b' stroke-width='3' fill='none'/%3E%3Ccircle cx='25' cy='25' r='3' fill='%23b8862b'/%3E%3C/svg%3E") right bottom no-repeat}
.panel>*{position:relative}
.ph{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:24px;font-weight:900;letter-spacing:.04em}
.ph .ic{font-size:26px}
.ph .more{margin-left:auto;font-size:13px;font-weight:normal;color:var(--ink2);text-decoration:none}
.orn{height:10px;margin:6px auto 10px;width:70%;background:radial-gradient(circle,#b8862b 2.5px,transparent 3px) center/14px 10px repeat-x;opacity:.7}

/* 巻物の見出し（投稿画面・パーティーの題） */
.scroll{position:relative;text-align:center;padding:16px 60px 14px;margin:6px auto 18px;max-width:980px;
  background:linear-gradient(90deg,#d9c193 0,#f7ecd2 7%,#fbf3df 50%,#f7ecd2 93%,#d9c193 100%);border-top:2px solid #b8862b;border-bottom:2px solid #b8862b;box-shadow:0 10px 26px #000b}
.scroll::before,.scroll::after{content:"";position:absolute;top:-8px;bottom:-8px;width:26px;border-radius:12px;background:linear-gradient(90deg,#8a6420,#e5c27a 45%,#8a6420);box-shadow:0 4px 10px #0008}
.scroll::before{left:-10px}.scroll::after{right:-10px}
.scroll h1{margin:0;font-size:40px;line-height:1.25;letter-spacing:.04em;font-weight:900}
.scroll .sub{margin-top:4px;font-size:17px;color:var(--ink2)}
.scroll .kicker{font-size:16px;letter-spacing:.2em;color:var(--ink2)}

/* 木の見出し帯（①②③） */
.wbar{display:flex;align-items:center;gap:12px;margin:-20px -20px 16px;padding:10px 18px;border-radius:6px 6px 0 0;
  background:linear-gradient(180deg,#2c1a0d,#4a2c16);color:#f8e6b5;font-size:22px;font-weight:900;border-bottom:2px solid var(--gold);letter-spacing:.04em}
.wbar small{font-size:14px;font-weight:normal;color:#e9d6a8}
.num{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:900;color:#3a2212;
  background:radial-gradient(circle at 35% 30%,#fff1bf,#f3cf72 50%,#b8862b);box-shadow:0 0 0 2px #3a2212,0 0 0 3px var(--gold2)}

/* ===== トップの大看板（s1） ===== */
.hero{position:relative;overflow:hidden;border-radius:10px;min-height:340px;display:flex;align-items:center;
  background:linear-gradient(90deg,rgba(18,10,4,.96) 0%,rgba(18,10,4,.82) 34%,rgba(18,10,4,.15) 62%,rgba(18,10,4,0) 100%),url(/ui/hero.jpg) right center/cover,#2a180c;
  box-shadow:0 0 0 3px #3a2212,0 0 0 5px #b8862b,0 14px 34px #000c}
.hero .in{padding:34px 44px;max-width:760px}
.hero .k{color:var(--gold2);font-size:18px;letter-spacing:.12em}
.hero h1{margin:6px 0 8px;color:#fff;font-size:58px;line-height:1.12;font-weight:900;text-shadow:0 3px 12px #000}
.hero h1 .big{font-size:66px}
.hero .lead{color:#fff;font-size:22px;margin:0 0 10px;text-shadow:0 2px 8px #000}
.hero .line{height:1px;background:linear-gradient(90deg,#f3cf72,transparent);margin:12px 0}
.hero .tag{color:#f3e6c8;font-size:18px}
.hero .cta{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}

.steps3{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:18px;padding:16px 20px}
.steps3 .s{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
.steps3 .s .bn{flex:0 0 auto;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:900;color:#fff4d6;background:radial-gradient(circle at 35% 30%,#a8692e,#6b3a14);box-shadow:0 0 0 2px #e5c27a,0 3px 8px #0006}
.steps3 .s b{display:block;font-size:21px;line-height:1.3}
.steps3 .s span{font-size:14px;color:var(--ink2)}
.steps3 .s:hover b{text-decoration:underline}
.steps3 .chev{font-size:34px;color:#8a6420}

/* ===== 3列の配置 ===== */
.grid3{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:20px;margin-top:22px;align-items:start}
@media(max-width:1100px){.grid3{grid-template-columns:1fr}.side-left{order:3}.side-right{order:2}}

/* 職業ギルド */
.guild a{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:6px;text-decoration:none;color:var(--ink);font-size:18px;border-bottom:1px solid #d9c08a88}
.guild a .ji{width:38px;height:38px;object-fit:contain;flex:0 0 auto}
.guild a .ji.emo{font-size:26px;text-align:center;line-height:38px}
.guild a .n{margin-left:auto;font-size:14px;color:var(--ink2)}
.guild a.on,.guild a:hover{background:linear-gradient(180deg,#2f7d4f,#1d5a37);color:#fff;box-shadow:0 0 0 2px #c9962b}
.guild a.on .n,.guild a:hover .n{color:#e9f5e9}
.side-left .foot{margin-top:14px;text-align:center;font-size:14px;color:var(--ink2)}

/* 掲示板の題と札（タブ） */
.boardhead{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.boardhead h2{margin:0;font-size:40px;font-weight:900;color:#fff4d6;text-shadow:0 3px 10px #000,0 0 2px #000;letter-spacing:.06em}
.boardhead p{margin:0;color:#f1e3c2;font-size:16px;text-shadow:0 1px 4px #000}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 -2px;padding-left:6px;position:relative;z-index:2}
.tabs button{font-family:inherit;font-size:17px;color:#f6e7c4;padding:8px 26px;cursor:pointer;border:2px solid #8a6420;border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(#5a3820,#2f1b0d)}
.tabs button.on{background:linear-gradient(#2f8a57,#1d5a37);color:#fff;border-color:var(--gold2);font-weight:900}
.filter{color:var(--ink2);font-size:15px;margin:0 0 10px}

/* 注目の冒険者（s6 の大きなカード） */
.feature{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:22px}
@media(max-width:900px){.feature{grid-template-columns:1fr}}
.cardframe{position:relative;border-radius:10px;padding:34px 12px 12px;background:linear-gradient(160deg,#2f6b45,#173d27);box-shadow:0 0 0 3px #c9962b,0 0 0 6px #173d27,0 0 0 8px #e5c27a,0 8px 20px #0007}
.cardframe .rib{position:absolute;top:6px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#f3cf72;font-size:16px;letter-spacing:.18em;font-weight:900;text-shadow:0 1px 2px #000}
.cardframe img{display:block;width:100%;max-height:640px;object-fit:contain;background:#0e1a12;border-radius:4px;cursor:zoom-in}
.prof .who{display:flex;align-items:center;gap:14px}
.prof .av{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:top;box-shadow:0 0 0 3px #c9962b;flex:0 0 auto;background:#fff}
.prof .nm{font-size:34px;font-weight:900;line-height:1.15}
.prof .jl{font-size:17px;color:var(--ink2);display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.prof .jl img{width:22px;height:22px;vertical-align:-4px}
.prof .date{margin-left:auto;font-size:13px;color:#8a7350;align-self:flex-start}
.quote{font-size:40px;line-height:1.35;font-weight:900;margin:16px 0 14px;letter-spacing:.02em}
.quote.small{font-size:30px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:16px;margin:8px 0}
.kv b{color:var(--ink2);white-space:nowrap}
.lendhelp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
.lendhelp>div{background:#fffaf0cc;border:1px solid #d9c08a;border-radius:8px;padding:8px 12px}
.lendhelp h4{margin:0 0 4px;font-size:15px}
.chip{display:inline-block;background:#e7f0ff;border:1px solid #9cb8e6;color:#1d3d73;border-radius:999px;padding:2px 12px;margin:2px 4px 2px 0;font-size:15px}
.chip.hole{background:#2f5fb3;color:#fff;border-color:#183d80}
.msgbox{background:#fffaf0dd;border:1px solid #d9c08a;border-radius:8px;padding:10px 14px;margin:10px 0}
.msgbox .h{font-size:14px;color:var(--ink2)}
.msgbox .b{font-size:18px}
.snsrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.sns{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:8px;text-decoration:none;font-weight:900;font-family:-apple-system,"Hiragino Sans",sans-serif;font-size:15px;box-shadow:0 2px 0 #0003}
.sns.x{background:#000;color:#fff}
.sns.ig{background:linear-gradient(45deg,#f9a33c,#e1306c 50%,#833ab4);color:#fff}
.sns.note{background:#fff;color:#000;border:1px solid #bbb}

/* 色つきの反応ボタン（s6） */
.rbtns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0 6px}
.rb{font-family:inherit;border:0;border-radius:8px;color:#fff;cursor:pointer;padding:8px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:15px;font-weight:900;
  box-shadow:inset 0 1px 0 #fff5,inset 0 -3px 0 #0003,0 3px 8px #0005;text-decoration:none;line-height:1.25}
.rb .i{font-size:24px;line-height:1}
.rb:hover{filter:brightness(1.08)}
.rb.like{background:linear-gradient(#ea5a52,#c0352f)}
.rb.cm{background:linear-gradient(#3f9be6,#1f6db8)}
.rb.sh{background:linear-gradient(#2c9563,#196b43)}
.rb.pt{background:linear-gradient(#c79a3a,#8f6516)}
.rb.kp{background:linear-gradient(#f0a03a,#cf7514)}
.rb.on{box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #0006,0 3px 8px #0005}
.mini .rbtns{gap:5px;margin:8px 0 0}
.mini .rb{font-size:12px;padding:5px 2px 4px}
.mini .rb .i{font-size:17px}
.sharerow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:6px 0}
.sharerow button{font-family:inherit;border:1px solid #b08a4a;background:#fffaf0;border-radius:8px;padding:5px 12px;cursor:pointer;font-size:14px}
.tools{font-size:13px;color:#8a7350;margin-top:8px}
.tools a{color:#8a6420;margin-right:14px;cursor:pointer}

/* コメント */
.comments h3{margin:16px 0 6px;font-size:20px;border-bottom:1px solid #d9c08a;padding-bottom:4px}
.comment{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #e6d3a6}
.comment .cav{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f7e2b0,#c9962b);display:grid;place-items:center;font-size:20px;box-shadow:0 0 0 2px #fff}
.comment .who{font-weight:900;font-size:16px}
.comment .when{font-size:12px;color:#8a7350}
.comment .ctools{font-size:12px}
.comment .ctools a{color:#8a6420;cursor:pointer;margin-right:10px}
.cform{display:grid;grid-template-columns:180px 1fr auto;gap:8px;margin-top:10px;align-items:start}
@media(max-width:700px){.cform{grid-template-columns:1fr}}

/* 新着の冒険者（s1 のカード列） */
.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:18px}
.acard{background:#fffaf0;border:2px solid #c9a35c;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 8px #0003;cursor:pointer}
.acard .im{aspect-ratio:16/9;background:#1d140b;overflow:hidden}
.acard .im img{width:100%;height:100%;object-fit:cover;object-position:center}
.acard .b{padding:8px 10px 10px;flex:1;display:flex;flex-direction:column}
.acard .nm{font-size:18px;font-weight:900;text-align:center;border-bottom:1px solid #e1cb98;margin-bottom:6px}
.tagrow{display:flex;align-items:center;gap:6px;font-size:14px;margin:2px 0}
.tagrow .tg{font-size:12px;background:#d8c08a;color:#3a2212;border-radius:4px;padding:0 6px}
.tagrow .jb{background:#ece2ff;border:1px solid #c8b6f0;border-radius:4px;padding:0 8px}
.acard .sw{font-size:13px;margin-top:4px;color:var(--ink2)}
.acard .q{font-size:14px;margin-top:6px;text-align:center}

/* 右の列: 今日のクエスト・人気冒険者 */
.quest .q{display:grid;grid-template-columns:42px 1fr auto;gap:4px 10px;align-items:center;background:#fffaf0;border:1px solid #e1cb98;border-radius:10px;padding:10px 12px;margin-bottom:10px;box-shadow:0 2px 0 #d9c08a}
.quest .qi{grid-row:span 2;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:20px;color:#fff}
.quest .qi.like{background:var(--red)}.quest .qi.comment{background:var(--blue)}.quest .qi.share{background:var(--green)}
.quest .qn{font-size:13px;color:var(--ink2)}
.quest .done{color:var(--green);font-weight:900}
.bar{grid-column:2/4;height:10px;background:#e5dcc8;border-radius:6px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,#3f9be6,#1f6db8)}
.bar i.full{background:linear-gradient(90deg,#2c9563,#196b43)}
.top3 .t{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:10px;border-radius:8px;overflow:hidden;text-decoration:none;color:#fff;min-height:96px;background:#2a180c;box-shadow:0 0 0 2px #c9962b}
.top3 .t .bgimg{position:absolute;inset:0;background-size:cover;background-position:center 20%;filter:brightness(.55)}
.top3 .t .rk{position:relative;margin-left:8px;width:40px;height:44px;display:grid;place-items:center;font-size:24px;font-weight:900;color:#3a2212;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(#fff1bf,#c9962b)}
.top3 .t .tx{position:relative;margin-left:auto;padding:8px 12px;text-align:right;text-shadow:0 1px 3px #000}
.top3 .t .tx b{display:block;font-size:20px}
.top3 .t .tx span{font-size:14px}

/* ===== 投稿画面（s2v6） ===== */
.cols{display:grid;grid-template-columns:330px minmax(0,1fr) 340px;gap:20px;align-items:start}
@media(max-width:1150px){.cols{grid-template-columns:1fr}}
.drop{border:3px dashed #b8862b;border-radius:10px;min-height:440px;display:flex;align-items:center;justify-content:center;text-align:center;background:#fffaf0aa;cursor:pointer;overflow:hidden;font-size:17px;padding:12px}
.drop .big{font-size:56px;display:block}
.drop img{max-width:100%;max-height:560px;display:block;border-radius:6px;box-shadow:0 0 0 3px #c9962b}
.joblist{margin-top:12px;text-align:center;font-size:13px;color:var(--ink2);border-top:1px solid #d9c08a;padding-top:8px}
.joblist b{display:block;font-size:14px;color:var(--ink)}
.row{display:grid;grid-template-columns:46px 120px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;margin-bottom:8px;background:#fffaf0cc;border:1px solid #e1cb98;border-radius:8px}
.row .ri{font-size:24px;text-align:center}
.row .ri img{width:34px;height:34px;object-fit:contain}
.row .k{font-weight:900;font-size:16px;line-height:1.3}
.row .v{font-size:20px;font-weight:900;line-height:1.35}
.row .v .sub{display:block;font-size:12px;color:#8a7350;font-weight:normal}
.row .v input,.row .v select{display:none}
.row.editing .v .shown{display:none}
.row.editing .v input,.row.editing .v select{display:block}
.pill{display:inline-block;font-size:12px;font-weight:900;border-radius:999px;padding:1px 10px;margin-bottom:2px;line-height:1.6}
.pill.ai{background:linear-gradient(#f6d27a,#d9a640);color:#3a2212}
.pill.guess{background:#fff;border:1px dashed #a07a2a;color:#6b4a12}
.pill.self{background:#2f86d6;color:#fff}
.pen{font-family:inherit;border:1px solid #b08a4a;background:linear-gradient(#fffdf6,#efe0bd);border-radius:8px;padding:8px 14px;cursor:pointer;font-size:15px;font-weight:900;white-space:nowrap;box-shadow:0 2px 0 #b08a4a}
.pastebox{background:#fffaf0cc;border:2px solid #c9a35c;border-radius:10px;padding:12px 14px;margin-bottom:12px}
.pastebox textarea{min-height:90px}
.fixcount{text-align:right;font-size:15px;color:var(--ink2);margin:4px 0 0}
.opt label.f{display:flex;align-items:center;gap:8px;font-weight:900;margin:12px 0 4px;font-size:17px}
.snsin{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;margin-bottom:6px}
.snsin .sns{height:40px;padding:0;justify-content:center}
.submitbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:20px;padding:14px 22px;border-radius:10px;background:linear-gradient(180deg,#2c1a0d,#4a2c16);box-shadow:0 0 0 2px var(--gold),0 10px 24px #000a;color:#f6e7c4}
.submitbar label{font-size:16px;cursor:pointer}
.submitbar .btn{margin-left:auto}
input[type=text],textarea,select{font-family:inherit;font-size:16px;width:100%;padding:9px 12px;border:1px solid #c9a35c;border-radius:8px;background:#fffdf6;color:var(--ink)}
textarea{min-height:84px;resize:vertical}
input[type=checkbox]{width:20px;height:20px;vertical-align:-4px}

/* 作り方の帯と作り方ページ */
.howband{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:20px;padding:14px 20px}
.howband .q{font-size:22px;font-weight:900}
.howband ol{margin:0;padding-left:1.4em;font-size:16px}
.mk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:6px}
@media(max-width:1100px){.mk{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.mk{grid-template-columns:1fr}}
.mk .panel{display:flex;flex-direction:column}
.mk h3{margin:0 0 8px;font-size:21px;line-height:1.35}
.mk .pic{font-size:54px;text-align:center;margin:4px 0 8px}
.mk p{margin:6px 0;font-size:16px}
.mk .btn{margin-top:auto}
.promptbox{background:#fffdf6;border:1px solid #c9a35c;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.6;white-space:pre-wrap;max-height:230px;overflow:auto;font-family:-apple-system,"Hiragino Sans",sans-serif;color:#2b1d10}
.promptbox.tall{max-height:520px;font-size:14px}
.trouble{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:900px){.trouble{grid-template-columns:1fr}}
.trouble>div{background:#fffaf0cc;border:1px solid #e1cb98;border-radius:10px;padding:10px 14px}
.trouble h4{margin:0 0 4px;font-size:17px}
.trouble .say{font-family:-apple-system,"Hiragino Sans",sans-serif;background:#fff;border:1px dashed #b08a4a;border-radius:6px;padding:4px 8px;font-size:14px;display:block;margin:4px 0}

/* ===== パーティー（s4） ===== */
.partywrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}
@media(max-width:1000px){.partywrap{grid-template-columns:1fr}}
.holes{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:-4px 0 6px}
.holes .chip.hole{font-size:20px;padding:4px 18px;border-radius:6px;box-shadow:0 0 0 2px #e5c27a,0 4px 10px #0007;font-weight:900}
.holes-note{text-align:center;color:#fff4d6;text-shadow:0 1px 3px #000;margin:0 0 12px;font-size:17px}
.party{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:1000px){.party{grid-template-columns:1fr 1fr}}
.member{display:flex;flex-direction:column;background:linear-gradient(#fbf3df,#efe0bd);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 0 0 2px #c9962b,0 8px 18px #000a}
.member.me{background:linear-gradient(#25356a,#151f44);color:#fff;box-shadow:0 0 0 3px #7fb2ff,0 0 18px #4c8dff,0 8px 18px #000a}
.member .mi{aspect-ratio:16/9;background:#1d140b;overflow:hidden;position:relative}
.member .mi img{width:100%;height:100%;object-fit:cover;object-position:center}
.member .mi .npcic{display:grid;place-items:center;height:100%;font-size:70px;background:radial-gradient(circle,#3c5a9a,#141c3a)}
.member .plate{margin:-18px auto 0;position:relative;background:linear-gradient(#fff1bf,#d9a640);color:#3a2212;border-radius:6px;padding:2px 18px;font-weight:900;font-size:18px;box-shadow:0 0 0 2px #3a2212;white-space:nowrap}
.member.me .plate{font-size:22px}
.member .mb{padding:8px 12px 12px;font-size:14px}
.member .role{text-align:center;font-size:14px;margin-bottom:6px}
.member .lvrow{display:flex;align-items:center;gap:8px}
.member .lv{margin-left:auto;text-align:center;background:#1d140b;color:#f3cf72;border:2px solid #c9962b;border-radius:8px;padding:0 8px;line-height:1.1}
.member .lv small{display:block;font-size:10px}
.member .lv b{font-size:24px}
.member ul{margin:6px 0 0;padding-left:16px}
.member .bub{margin:8px 0 0;background:#fff;color:#2b1d10;border-radius:10px;padding:6px 10px;font-size:13px;position:relative;box-shadow:0 2px 6px #0003}
.member.npc .plate{background:linear-gradient(#e7f0ff,#9cb8e6)}
.warnbox{border-radius:8px;overflow:hidden;box-shadow:0 0 0 2px #c9962b,0 8px 18px #000a;background:#fbf3df;margin-bottom:14px}
.warnbox .h{background:linear-gradient(#a3302a,#6e1a16);color:#fff;font-weight:900;font-size:19px;padding:10px 14px}
.warnbox .b{padding:10px 14px;font-size:14px}
.warnbox .pz{font-size:30px;text-align:center;letter-spacing:4px}
.npcbox{border-radius:8px;padding:14px;background:linear-gradient(#25356a,#151f44);color:#fff;box-shadow:0 0 0 2px #7fb2ff,0 8px 18px #000a;font-size:14px}
.npcbox h4{margin:0 0 6px;font-size:18px;color:#cfe0ff}
.partycta{display:flex;justify-content:center;gap:14px;margin-top:18px;flex-wrap:wrap}

.welcome{background:linear-gradient(90deg,#2f8a57,#1d5a37);color:#fff;border-radius:10px;padding:14px 20px;font-size:20px;font-weight:900;box-shadow:0 0 0 2px var(--gold2),0 8px 20px #000a;margin-bottom:16px}
.empty{padding:30px;text-align:center;color:#6b5636;font-size:17px}
.note{font-size:14px;color:#6b5636}
.err{background:#fde2e2;border:1px solid var(--red);color:#7a1d14;border-radius:8px;padding:8px 12px;margin:8px 0}
.ok{background:#e1f3e6;border:1px solid var(--green);border-radius:8px;padding:8px 12px;margin:8px 0}
footer{color:#e9d6a8;font-size:14px;padding:16px 24px;background:linear-gradient(#2a180c,#140b05);border-top:2px solid #8a6420;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;text-shadow:0 1px 2px #000}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#2b1d10;color:#f3cf72;padding:12px 24px;border-radius:999px;border:2px solid var(--gold);z-index:99;display:none;font-size:16px;box-shadow:0 8px 20px #000a}
@media(max-width:800px){header.top nav.main{display:none}.logo .t1{font-size:22px}.hero h1{font-size:40px}.hero h1 .big{font-size:44px}.scroll h1{font-size:28px}.quote{font-size:28px}.steps3{grid-template-columns:1fr}.steps3 .chev{display:none}.rbtns{grid-template-columns:repeat(3,1fr)}}
.member .npcic img,.member .npcic .emo{width:120px;height:120px;font-size:80px;line-height:120px;text-align:center}
/* v8 調整: 1280px幅での詰まりを解消 */
header.top{gap:14px;padding:6px 18px}
.logo .t1{font-size:26px;white-space:nowrap}
.logo .t1 small{font-size:18px}
.logo .t2{white-space:nowrap;font-size:12px}
header.top nav.main{margin-left:4px}
header.top nav.main a{white-space:nowrap;font-size:15px;padding:8px 10px}
header.top .btn{white-space:nowrap;font-size:15px;padding:8px 14px}
@media(max-width:1180px){.logo .t2{display:none}header.top .count-pill{display:none}}
.grid3{grid-template-columns:210px minmax(0,1fr) 268px;gap:18px}
.guild a{font-size:17px;gap:8px;padding:5px 8px}
.guild a .ji{width:34px;height:34px}
.feature{grid-template-columns:300px minmax(0,1fr);gap:20px}
.prof .nm{font-size:30px}
.quote{font-size:34px}.quote.small{font-size:26px}
.rbtns{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}
.rb{font-size:14px;white-space:nowrap}
.cform{grid-template-columns:1fr auto}
.cform input:first-child{grid-column:1/3}
.lendhelp{grid-template-columns:1fr}
@media(max-width:900px){.feature{grid-template-columns:1fr}}
.rbtns{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.rb{font-size:13px;white-space:normal;padding:8px 2px 6px}
.side-right .ph,.side-left .ph{font-size:21px}
.quest .q{font-size:15px;grid-template-columns:40px 1fr auto;padding:8px 10px}
.quest .qi{width:38px;height:38px}
.wbar{font-size:20px;white-space:nowrap}
.wbar small{font-size:13px}
.submitbar label{flex:1 1 380px}
.row.ghost{opacity:.55}
.row.ghost .pen{cursor:default}
.pill.wait{background:#e6dcc6;color:#6b5636}
.mk .btn.big{font-size:18px;white-space:nowrap;padding:12px 16px}
/* v9: 作り方の4手（②で答えを貼る） */
.mk textarea{width:100%;font-size:15px}
.got{min-height:8px;margin:8px 0}
.gotok{display:flex;gap:10px;align-items:center;background:#f3ffe9;border:2px solid #7cae4f;border-radius:10px;padding:8px 10px}
.gotok img,.gotok .x{width:40px;height:40px}
.mk #s3.ready{box-shadow:0 0 0 4px #f4c542,0 6px 20px #0006}
.mk .btn[disabled]{opacity:.45;cursor:not-allowed}
.whyband{background:#2b1d10d9;color:#f6e7c4;border:1px solid #c9a35c;border-radius:10px;padding:10px 16px;margin:14px 0 0;font-size:16px}
.imgstep{background:#fff6dc;border:2px solid #f4c542;border-radius:10px;padding:10px 14px;margin:0 0 12px;font-size:16px}
/* v9: スマホ幅（v8の幅指定が上の@mediaを上書きしていたので、最後に置き直す） */
@media(max-width:1100px){.grid3{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1150px){.cols{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){
  header.top{gap:8px;padding:6px 10px;min-height:60px}
  header.top .mug{width:40px;height:40px;font-size:22px}
  .logo .t1{font-size:18px}
  header.top .btn{font-size:13px;padding:7px 10px}
  header.top .btn .arrow{display:none}
  .wrap{padding-left:10px;padding-right:10px}
}
header.top nav.mob{display:none}
@media(max-width:800px){
  header.top .btn.pc{display:none}
  .logo .t1 small{display:none}
  header.top nav.mob{display:flex;gap:6px}
  header.top nav.mob a{color:#2b1d10;background:linear-gradient(#ffe9a8,#e0b34f);border:1px solid #8a6420;border-radius:8px;padding:6px 9px;font-size:13px;font-weight:900;text-decoration:none;white-space:nowrap}
  header.top nav.mob a.on{background:#fff6dc}
}
@media(max-width:800px){.wbar{white-space:normal;font-size:18px}}

/* v12: 絵文字の代わりの画像アイコン */
img.emo-i{height:1.25em;width:auto;vertical-align:-0.28em;display:inline-block;filter:drop-shadow(0 1px 1px #0005)}
.mk .pic img.emo-i{height:96px;vertical-align:middle}
.logo .mug img.emo-i{height:36px;vertical-align:middle}
.rb .i img.emo-i{height:28px;vertical-align:middle}
.drop .big img.emo-i{height:72px}
.btn img.emo-i{height:1.3em}

/* v15: GPTs研究会 公式サイト（幹）のページ */
.site-hero .in{max-width:820px}
.site-hero h1{font-size:50px}
.site-hero .intro p{color:#fff;font-size:17px;line-height:1.85;margin:0 0 10px;text-shadow:0 2px 6px #000}
.site-hero .intro .sign{color:var(--gold2);font-size:15px;text-align:right}
.meter{margin-top:20px}
.meter .mrow{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.meter .ml{font-size:16px;font-weight:900}
.meter .mn{font-size:20px}.meter .mn b{font-size:44px;font-weight:900;color:#7a2e0e}.meter .mn small{font-size:14px;color:#6b5434}
.meter .mgoal{font-size:20px}.meter .mgoal b{font-size:28px;color:#7a2e0e}
.meter .mbar{height:22px;border-radius:11px;background:#3a2212;border:2px solid var(--gold);overflow:hidden;margin:10px 0 6px}
.meter .mbar i{display:block;height:100%;background:linear-gradient(90deg,#f3cf72,#e2852b);transition:width .8s}
.site-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}
.live1{display:flex;gap:16px;align-items:center}
.live1 .d{flex:0 0 auto;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:900;color:#2b1d10;background:radial-gradient(circle at 35% 30%,#fff3c4,#e0b34f);border:2px solid #7a5414}
.live1 .t{font-size:22px;font-weight:900}.live1 .c{font-size:16px;margin-top:4px}.live1 .a{font-size:15px;color:#5a4428;margin-top:2px}
.art{display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed #b08a4a;color:#2b1d10;text-decoration:none;font-size:16px;line-height:1.5}
.art:hover{color:#7a2e0e}.art .dt{flex:0 0 auto;font-weight:900;color:#7a2e0e;min-width:44px}
a.panel.kikaku{display:block;text-decoration:none;color:inherit}
a.panel.kikaku:hover{filter:brightness(1.04)}
.big1{font-size:17px;line-height:1.8;margin:0 0 12px}
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.wday{background:#fffaf0cc;border:1px solid #b08a4a;border-radius:8px;padding:12px 10px;font-size:15px;line-height:1.55}
.wday.today{background:#fff3c4;border:3px solid #e2852b;box-shadow:0 0 0 2px #fff8 inset}
.wday .d{font-size:28px;font-weight:900;display:flex;align-items:center;gap:6px}
.wday .now{font-size:13px;background:#e2852b;color:#fff;border-radius:6px;padding:1px 6px}
.wday .tm{font-weight:900;color:#7a2e0e}.wday .ti{font-weight:900;font-size:16px;margin:4px 0}
.wday .a{color:#5a4428}.wday .jobs{margin-top:6px;font-size:14px}
.wday .jobs .jb{display:inline-flex;align-items:center;gap:3px;margin:2px 4px 0 0;color:#2b1d10;text-decoration:none;background:#f3e1b5;border-radius:6px;padding:1px 6px}
.wday .jobs .jb img{height:20px}
.grid2n{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px}
.panel.ba p{font-size:16px;line-height:1.75}
@media(max-width:1100px){.week{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.site-grid,.grid2n{grid-template-columns:minmax(0,1fr)}.week{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.site-hero h1{font-size:34px}.site-hero .in{padding:24px 18px}.meter .mn b{font-size:34px}}
@media(max-width:800px){
  header.top{flex-wrap:wrap;row-gap:4px}
  header.top .right{width:100%;margin-left:0}
  header.top nav.mob{width:100%;justify-content:space-between;gap:4px}
  header.top nav.mob a{flex:1 1 0;text-align:center;padding:6px 4px}
}
/* v16: 紹介先（ブログのCTA全部） */
.ctagrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cta1{background:#fffaf0d9;border:1px solid #b08a4a;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:5px;font-size:15px;line-height:1.6}
.cta1 .g{font-size:13px;font-weight:900;color:#7a2e0e}
.cta1 .n{font-size:18px;font-weight:900}
.cta1 .w{color:#5a4428}
.cta1 .why{background:#fff3c4;border-left:4px solid #e2852b;padding:2px 8px;font-weight:700}
.cta1 .l{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.cta1 .l .btn{font-size:14px;padding:6px 12px}
.mlive{margin:0 0 12px;font-size:16px}
.mlive .jb{display:inline-block;margin:2px 6px 2px 0;background:#f3e1b5;border-radius:6px;padding:2px 8px;color:#2b1d10;text-decoration:none;font-weight:700}
@media(max-width:1100px){.ctagrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.ctagrid{grid-template-columns:minmax(0,1fr)}}
/* v17: 1人のページの「合う記事」 */
.marts{margin-top:14px}
.marts h4{margin:0 0 6px;font-size:16px}
.marts .art small.why{display:block;font-size:13px;color:#7a5a2e;margin-top:2px}
.tools a.editurl{font-size:14px}
/* v18: 朝LIVEのほかの番組 */
.olive{margin-top:10px;padding-top:8px;border-top:1px dashed #b08a4a}
.olive .ti{display:block;font-weight:900;color:#2b1d10}
.live1 .olive .t a{color:#7a2e0e}
/* 作る順番③: ログイン・財布・大魔王 */
.mepill{color:#f6e7c4;font-size:14px;background:#0006;border:1px solid #c9962b88;border-radius:999px;padding:4px 14px;white-space:nowrap;text-decoration:none}
.mepill b{color:var(--gold2)}
.mepill.line{background:#06c755;border-color:#06c755;color:#fff;font-weight:900}
.mepill.on{border-color:var(--gold2)}
.boss .bossrow{display:flex;gap:16px;align-items:center}
.boss .bossimg{width:96px;height:96px;object-fit:contain;flex:none}
.boss .bossbody{flex:1;min-width:0}
.boss .hpl{font-size:17px}.boss .hpl b{font-size:24px;color:var(--red)}.boss .hpl small{color:var(--ink2);font-size:14px}
.hpbar{height:16px;border-radius:999px;background:#3a2212;border:2px solid var(--gold);overflow:hidden;margin:6px 0 10px}
.hpbar i{display:block;height:100%;background:linear-gradient(90deg,#d9443f,#f08a4b)}
.boss .atk{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:15px}
.boss .atk .ab{background:#fff8;border:1px solid #c9962b88;border-radius:999px;padding:2px 12px}.boss .atk b{color:var(--green);font-size:18px}
.me-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px}
@media(max-width:1000px){.me-grid{grid-template-columns:1fr}}
.wal .big{font-size:40px;font-weight:900;color:var(--gold3)}.wal .rank{font-size:20px;font-weight:900}
.expbar{height:12px;border-radius:999px;background:#0002;overflow:hidden;margin:6px 0}.expbar i{display:block;height:100%;background:linear-gradient(90deg,#2f8a57,#7fd09a)}
.gtable{width:100%;border-collapse:collapse;font-size:15px}.gtable td{border-bottom:1px solid #d9c08a88;padding:4px 6px}.gtable td.n{text-align:right;font-weight:900}
.mycards{display:flex;flex-wrap:wrap;gap:10px}.mycards a{display:flex;gap:8px;align-items:center;text-decoration:none;color:var(--ink);background:#fff8;border:1px solid #c9962b88;border-radius:8px;padding:6px 10px}
.mycards img{width:48px;height:48px;object-fit:cover;border-radius:6px}
.wordform{display:flex;gap:8px}.wordform input{flex:1;font-size:18px;padding:8px 10px;border:2px solid var(--gold);border-radius:8px}
.linebtn{display:inline-flex;align-items:center;gap:8px;background:#06c755;color:#fff;font-weight:900;font-size:20px;padding:12px 26px;border-radius:999px;text-decoration:none;border:0}
@media(max-width:1400px){.count-pill .lbl{display:none}header.top .right{gap:10px}}
.wordform{flex-wrap:wrap}.wordform input[type=text]{min-width:180px}
.side-right .boss .ph{font-size:20px;letter-spacing:0}
.wordform>input[type=date],.wordform>select{width:auto;flex:none}

/* ゲームの層を出さない時（GAME_ON=0・2026-10-13） */
.nogame .panel.quest{display:none}

/* LIVEの曜日表: 出演者のカード（2026-10-13） */
.castcards{display:flex;flex-direction:column;gap:6px;margin:6px 0}
.castcard{display:block;background:#2b1d10;border:2px solid #c9962b;border-radius:8px;overflow:hidden;color:#fff;text-decoration:none}
.castcard img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.castcard span{display:flex;flex-direction:column;padding:4px 8px;line-height:1.3}
.castcard b{font-size:15px}.castcard small{font-size:13px;color:#f3e1b5}

/* v50 自分のカードを直す */
.editbig{display:inline-flex;align-items:center;gap:6px;margin:4px 0 10px;padding:10px 18px;border-radius:10px;background:linear-gradient(#ffe9a8,#e0b34f);border:2px solid #8a6420;color:#2b1d10;font-weight:900;font-size:16px;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.25)}.editbig:hover{filter:brightness(1.06)}
.mycards .mc{display:flex;flex-direction:column;gap:6px}.mycards .mc .mcedit{text-align:center;padding:6px 10px;border-radius:8px;background:linear-gradient(#ffe9a8,#e0b34f);border:1px solid #8a6420;color:#2b1d10;font-weight:900;font-size:14px}

/* v55 カードを消す・掲示板・利用規約 */
.tools .delmine{color:#c0392b}
.board-form{display:grid;gap:10px;max-width:760px}.board-form .kinds{display:flex;gap:8px;flex-wrap:wrap}.board-form .kinds label{display:inline-flex;gap:4px;align-items:center;padding:6px 12px;border:1px solid #c9962b;border-radius:999px;background:#fff8e6;font-weight:700;cursor:pointer}
.board-form textarea{width:100%;min-height:120px;font-size:16px}.board-form input[type=text]{font-size:16px}
.bitem{border:1px solid #e3d3a8;border-radius:10px;padding:12px 14px;margin:10px 0;background:#fffdf6}.bitem .bh{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;color:#6b5a3a}
.bkind{font-weight:900;padding:2px 10px;border-radius:999px;background:#2b1d10;color:#ffe9a8}.bkind.bug{background:#8e2b20;color:#fff}.bst{font-weight:900;padding:2px 10px;border-radius:999px;border:1px solid #8a6420}.bst.done{background:#2f8a57;color:#fff;border-color:#2f8a57}.bst.doing{background:#e0b34f}
.bitem .bb{white-space:pre-wrap;margin:8px 0;font-size:16px}.bitem .brep{border-left:4px solid #c9962b;padding:6px 10px;background:#fff3d6;white-space:pre-wrap}
.terms h2{margin-top:26px}.terms ol{padding-left:1.4em}.terms li{margin:6px 0}.terms .ask{background:#ffe0e0;border:2px dashed #c0392b;padding:2px 6px;font-weight:900}
/* v50（v57で1279pxまで広げた）: 801〜1279px（タブレット・小さいノート）は、上のメニューが入りきらず横にはみ出していた（本番でも1107px）。この幅はスマホと同じ短いメニューにする */
@media(min-width:801px) and (max-width:1279px){header.top nav.main{display:none}header.top nav.mob{display:flex;gap:6px}header.top nav.mob a{color:#2b1d10;background:linear-gradient(#ffe9a8,#e0b34f);border:1px solid #8a6420;border-radius:8px;padding:6px 9px;font-size:13px;font-weight:900;text-decoration:none;white-space:nowrap}header.top nav.mob a.on{background:#fff6dc}header.top .btn.pc{display:none}}
/* v50: 370px以下（小さいスマホ）は、本番でも7pxはみ出していたので短いメニューを詰める */
@media(max-width:370px){header.top{gap:6px;padding:6px 6px}header.top .right{gap:6px}header.top .mepill{font-size:12px;padding:6px 8px}header.top nav.mob{gap:3px}header.top nav.mob a{font-size:12px;padding:6px 5px}}
/* v57: 1181〜1320px は、本番（v49）でもメニューが8pxはみ出していた（1181pxでページも28px横に広がる）。項目の間だけ詰める */
@media(max-width:1320px){header.top nav.main a{padding:8px 7px}}

/* v58 交換所の飾り（ask_cc67a61ff1d2「サイトの中の飾りだけ」） */
.cardframe.deco-frame_silver{box-shadow:0 0 0 3px #e8eef5,0 0 0 6px #8a96a6,0 0 0 9px #f4f7fb,0 8px 20px #0007}
.cardframe.deco-frame_gold{box-shadow:0 0 0 3px #ffe08a,0 0 0 6px #b8860b,0 0 0 9px #fff2b8,0 0 26px 6px #ffd24a99;animation:decoGlow 2.6s ease-in-out infinite}
.acard.deco-frame_silver{outline:4px solid #c9d2dd;outline-offset:-2px}
.acard.deco-frame_gold{outline:4px solid #e7b743;outline-offset:-2px;box-shadow:0 0 18px 3px #ffd24a88}
@keyframes decoGlow{50%{box-shadow:0 0 0 3px #ffe08a,0 0 0 6px #b8860b,0 0 0 9px #fff2b8,0 0 40px 12px #ffd24acc}}
@media(prefers-reduced-motion:reduce){.cardframe.deco-frame_gold{animation:none}}
.dtitle{display:inline-block;margin:2px 0 4px;padding:2px 10px;border-radius:999px;background:#3a2a0a;color:#ffe08a;border:2px solid #c9962b;font-size:14px;font-weight:900}
table.shop td{vertical-align:middle}
table.shop button[disabled]{opacity:.45;cursor:not-allowed}
table.shop button{white-space:nowrap}
@media(max-width:600px){table.shop td{padding-left:4px;padding-right:4px}table.shop td.n{font-size:13px}table.shop button{padding:8px 12px;font-size:15px}}