@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@700;900&family=Reggae+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Zen+Maru+Gothic:wght@700;900&display=swap');
/* かけるくんの4コマ（/manga/）専用 */
:root{--mg-ink:#111;--mg-paper:#fffdf6;--mg-blue:#e8f0ff;--mg-orange:#ff5f1f}
.mg-cover{background:var(--mg-paper);background-image:radial-gradient(rgba(0,0,0,.08) 1px,transparent 1.3px);background-size:7px 7px;padding:clamp(28px,5vw,64px) 16px clamp(32px,5vw,56px)!important;border-bottom:4px solid var(--mg-ink)}
.mg-cover-cols{max-width:1140px;margin:0 auto!important;align-items:center!important;gap:clamp(18px,4vw,48px)!important}
.mg-cover-kicker{display:inline-block;background:var(--mg-ink);color:#fff;font-family:"Zen Maru Gothic",sans-serif;font-weight:900;padding:.3em 1em;margin:0 0 .8em!important;transform:rotate(-2deg)}
.mg-cover h1{font-family:"Zen Maru Gothic",var(--sx-font);font-size:clamp(30px,4.6vw,54px)!important;line-height:1.3;color:var(--mg-ink);margin:0 0 .4em!important}
.mg-cover h1 strong{color:var(--mg-orange);background:linear-gradient(transparent 62%,#ffe14d 62%)}
.mg-cover-lead{font-weight:700;font-size:clamp(15px,1.8vw,18px)}
.mg-cover .wp-block-buttons{gap:12px;margin-top:1.2em}
.mg-cover-note{font-size:12px;color:#555;margin-top:1em!important}
.mg-cover-panel{aspect-ratio:4/3!important}
.mg-toc{max-width:1140px;margin:28px auto 0!important;gap:8px 14px!important}
.mg-toc p{margin:0!important;border:2px solid var(--mg-ink);background:#fff;padding:.5em .8em!important;font-weight:900;font-family:"Zen Maru Gothic",sans-serif;box-shadow:3px 3px 0 var(--mg-ink)}
.mg-toc a{color:var(--mg-ink);text-decoration:none}
.mg-toc a:hover{color:var(--mg-orange)}

/* 話の見出し */
.mg-ep{border-bottom:2px dashed #ccc}
.mg-ep:nth-of-type(even){background:var(--mg-paper)}
.mg-ep-no{text-align:center;margin:0 auto .2em!important;font-family:"Dela Gothic One",sans-serif;font-size:18px;color:var(--mg-orange);letter-spacing:.1em}
h2.mg-ep-title{text-align:center;font-family:"Zen Maru Gothic",var(--sx-font);font-weight:900;font-size:clamp(24px,3.6vw,38px)!important;color:var(--mg-ink);margin:0 auto 1em!important}
.mg-ep-cols{max-width:1100px;margin:0 auto!important;gap:clamp(18px,4vw,48px)!important;align-items:flex-start!important}
.mg-ep-cols > .wp-block-column:first-child{flex:0 0 min(560px,100%)!important}

/* コマ */
.mg-strip{display:flex!important;flex-direction:column;gap:12px!important}
.mg-panel{position:relative;aspect-ratio:16/10;border:3px solid var(--mg-ink);background-color:#fff;overflow:hidden;margin:0!important;background-repeat:no-repeat}
.mg-panel > *{margin:0!important}
.mg-speed{background:#fff;background-image:repeating-conic-gradient(from 0deg at 50% 55%,rgba(0,0,0,.85) 0 .6deg,transparent .6deg 5deg);}
.mg-speed::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 42% 40% at 50% 55%,#fff 70%,rgba(255,255,255,0) 100%);pointer-events:none}
.mg-flash{background:#fff;background-image:repeating-conic-gradient(from 0deg at 50% 50%,rgba(0,0,0,.9) 0 .9deg,transparent .9deg 4deg)}
.mg-flash::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 48% 44% at 50% 50%,#fff 75%,rgba(255,255,255,0) 100%)}
.mg-tone{background:#fff;background-image:radial-gradient(rgba(0,0,0,.22) 1.1px,transparent 1.4px);background-size:6px 6px}

/* かけるくん */
.mg-kk{position:absolute!important;bottom:-2%;width:34%;z-index:2}
.mg-kk img{width:100%;border-radius:0!important;filter:drop-shadow(0 0 0 #fff)}
.mg-kk-r{right:3%}.mg-kk-l{left:3%}
.mg-kk-c{left:50%;transform:translateX(-50%);width:58%;bottom:2%}

/* 吹き出し（かけるくん＝青、店主＝白） */
.mg-say,.mg-voice{position:absolute!important;z-index:3;max-width:60%;padding:.55em .9em!important;font-family:"Zen Maru Gothic",sans-serif;font-weight:900;font-size:clamp(12px,1.35vw,15px);line-height:1.45;color:var(--mg-ink);border:2.5px solid var(--mg-ink)}
.mg-say{background:var(--mg-blue);border-radius:22px}
.mg-voice{background:#fff;border-radius:6px}
.mg-say::after,.mg-voice::after{content:"";position:absolute;width:14px;height:14px;background:inherit;border-right:2.5px solid var(--mg-ink);border-bottom:2.5px solid var(--mg-ink);bottom:-9px;left:24px;transform:rotate(45deg)}
.mg-say.mg-r::after,.mg-say.mg-br::after,.mg-say.mg-tr::after{left:auto;right:24px}
.mg-tl{top:7%;left:4%}.mg-tr{top:7%;right:4%}.mg-bl{bottom:9%;left:4%}.mg-br{bottom:9%;right:4%}
.mg-l{top:14%;left:4%}.mg-r{top:14%;right:4%}
.mg-kk-l ~ .mg-say.mg-r::after,.mg-kk-l ~ .mg-say.mg-br::after{left:18px;right:auto;transform:rotate(135deg);bottom:auto;top:50%;left:-9px;border-right:2.5px solid var(--mg-ink);border-bottom:2.5px solid var(--mg-ink)}

/* 効果音・ナレーション・大きな文字 */
.mg-sfx{position:absolute!important;z-index:3;font-family:"Dela Gothic One",sans-serif;font-size:clamp(20px,2.6vw,32px);color:var(--mg-ink);transform:rotate(-8deg);text-shadow:3px 0 #fff,-3px 0 #fff,0 3px #fff,0 -3px #fff,2px 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff;letter-spacing:.04em}
.mg-sfx.mg-tr,.mg-sfx.mg-br{transform:rotate(8deg)}
.mg-cap{position:absolute!important;top:0;left:0;z-index:3;background:var(--mg-ink);color:#fff;font-size:clamp(11px,1.1vw,13px);font-weight:700;padding:.35em .8em!important;max-width:80%}
.mg-big{position:absolute!important;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;z-index:2;font-family:"Zen Maru Gothic",sans-serif;font-weight:900;font-size:clamp(20px,2.8vw,32px);line-height:1.35;color:var(--mg-ink);padding:0 8%!important}
.mg-big strong{color:var(--mg-orange);font-size:1.2em}
.mg-big s{color:#888;text-decoration-thickness:3px}
.mg-big small{display:inline-block;font-size:.5em;background:var(--mg-ink);color:#fff;padding:.1em .6em}
.mg-inset{position:absolute!important;left:4%;bottom:8%;width:50%;z-index:2}
.mg-inset img{border:2px solid var(--mg-ink);border-radius:0!important}

/* まとめ */
.mg-side-kk{margin:0 0 6px!important}.mg-side-kk img{width:110px;border-radius:0!important}
.mg-side-label{display:inline-block;background:var(--mg-orange);color:#fff;font-weight:900;padding:.2em .8em;margin:0 0 .6em!important;border-radius:2px}
.mg-side-sum{font-size:16px;font-weight:700;line-height:1.85}
.mg-side-list{list-style:none;padding-left:0!important}
.mg-side-list li{position:relative;padding-left:1.6em;margin:.35em 0;font-weight:700}
.mg-side-list li::before{content:"✓";position:absolute;left:0;color:var(--mg-orange);font-weight:900}

/* 正直なお知らせ */
.mg-limit-cols{max-width:900px;margin:0 auto!important;align-items:center!important;gap:24px!important}
.mg-limit-cols > .wp-block-column:first-child{flex:0 0 200px!important}
.mg-limit-kk img{width:200px;border-radius:0!important}
.mg-final{text-align:center}
.mg-final-kk{text-align:center;margin:0 0 10px!important}.mg-final-kk img{width:340px;border-radius:0!important;margin:0 auto}
.mg-final h2{color:#fff;font-family:"Zen Maru Gothic",var(--sx-font);font-size:clamp(26px,4vw,42px)!important;text-align:center}
.mg-final h2 strong{color:#ffe14d}

@media (max-width:781px){
  .mg-ep-cols > .wp-block-column:first-child{flex-basis:100%!important}
  .mg-say,.mg-voice{font-size:11.5px;padding:.4em .6em!important;max-width:64%;border-width:2px}
  .mg-sfx{font-size:18px}
  .mg-big{font-size:18px}
  .mg-cap{font-size:10.5px}
  .mg-limit-cols > .wp-block-column:first-child{flex-basis:auto!important;text-align:center}
  .mg-limit-kk img{width:150px;margin:0 auto}
  .mg-final-kk img{width:240px}
}
/* 修正：大きな文字は改行を生かす／まとめ欄は追従 */
.mg-big{display:block!important;top:50%!important;bottom:auto!important;left:0!important;right:0!important;transform:translateY(-50%)}
.mg-ep-cols > .wp-block-column:last-child{position:sticky;top:96px;align-self:flex-start}
@media (max-width:781px){.mg-ep-cols > .wp-block-column:last-child{position:static}}
@media (min-width:782px){.mg-toc{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* ===== 漫画らしい文字組み（2026-10-05） ===== */
.mg-say,.mg-voice{font-family:"Zen Kaku Gothic Antique","Zen Maru Gothic",sans-serif!important;font-weight:900;background:#fff!important;border:2.5px solid #111;border-radius:999px/60%!important;padding:.9em 1.35em!important;font-size:clamp(13px,1.45vw,17px);line-height:1.55;letter-spacing:.02em;text-align:center;box-shadow:none}
.mg-say{color:#0b1b34}
/* しっぽ：黒い三角の上に白い三角を重ねる */
.mg-say::after,.mg-voice::after{content:"";position:absolute;width:0;height:0;border:0;background:none!important;transform:none!important;bottom:-17px;left:30%;border-left:10px solid transparent;border-right:10px solid transparent;border-top:18px solid #111}
.mg-say::before,.mg-voice::before{content:"";position:absolute;z-index:1;width:0;height:0;bottom:-12px;left:calc(30% + 3px);border-left:7px solid transparent;border-right:7px solid transparent;border-top:14px solid #fff}
.mg-tail-l::after{left:22%!important;right:auto!important;transform:skewX(28deg)!important}
.mg-tail-l::before{left:calc(22% + 3px)!important;right:auto!important;transform:skewX(28deg)!important}
.mg-tail-r::after{left:auto!important;right:22%!important;transform:skewX(-28deg)!important}
.mg-tail-r::before{left:auto!important;right:calc(22% + 3px)!important;transform:skewX(-28deg)!important}
/* 効果音：黄色の文字に黒フチ */
.mg-sfx{font-family:"Reggae One","Dela Gothic One",sans-serif!important;font-size:clamp(26px,3.4vw,44px)!important;color:#ffe14d!important;-webkit-text-stroke:2.5px #111;paint-order:stroke fill;text-shadow:3px 3px 0 #111!important;letter-spacing:.02em}
/* ナレーション */
.mg-cap{font-family:"Zen Kaku Gothic Antique",sans-serif!important;font-weight:700;background:#111!important;padding:.45em .9em!important;font-size:clamp(11px,1.15vw,14px)!important}
.mg-cap-r{left:auto!important;right:0}
/* 絵のコマ */
.mg-art{background-color:#fff;border-width:3px}
@media (max-width:781px){
  .mg-say,.mg-voice{font-size:11.5px;padding:.6em .9em!important;border-width:2px}
  .mg-sfx{font-size:22px!important;-webkit-text-stroke:2px #111}
}
/* 吹き出しを角丸に（前の指定を確実に上書き） */
p.mg-say,p.mg-voice{border-radius:2.2em!important}
/* 横向きのしっぽ（左右の辺から話し手の方へ） */
.mg-tail-sl::after{bottom:auto!important;top:38%;left:-19px!important;right:auto!important;transform:none!important;border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-right:19px solid #111!important;border-left:0!important}
.mg-tail-sl::before{bottom:auto!important;top:calc(38% + 3px);left:-13px!important;right:auto!important;transform:none!important;border-top:6px solid transparent!important;border-bottom:6px solid transparent!important;border-right:15px solid #fff!important;border-left:0!important}
.mg-tail-sr::after{bottom:auto!important;top:38%;right:-19px!important;left:auto!important;transform:none!important;border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-left:19px solid #111!important;border-right:0!important}
.mg-tail-sr::before{bottom:auto!important;top:calc(38% + 3px);right:-13px!important;left:auto!important;transform:none!important;border-top:6px solid transparent!important;border-bottom:6px solid transparent!important;border-left:15px solid #fff!important;border-right:0!important}
.mg-tc{top:6%;left:24%}
/* 上向きのしっぽ */
.mg-tail-t::after{bottom:auto!important;top:-18px;left:30%!important;right:auto!important;transform:none!important;border-top:0!important;border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-bottom:18px solid #111!important}
.mg-tail-t::before{bottom:auto!important;top:-12px;left:calc(30% + 3px)!important;right:auto!important;transform:none!important;border-top:0!important;border-left:6px solid transparent!important;border-right:6px solid transparent!important;border-bottom:14px solid #fff!important}
.mg-cust{top:58%;right:3%}
.mg-own{bottom:7%;left:36%}
.mg-cap-b{top:auto!important;bottom:0}
/* 表紙（絵の左の空にタイトル） */
.mg-cover2{position:relative;background-repeat:no-repeat;padding:clamp(28px,5vw,64px) 16px!important;min-height:min(56vw,620px);display:flex;align-items:center;border-bottom:4px solid #111}
.mg-cover2 > .mg-cover-card{max-width:1180px;width:100%;margin:0 auto!important}
.mg-cover-card > *{max-width:560px}
.mg-cover-card h1{font-family:"Zen Kaku Gothic Antique","Zen Maru Gothic",sans-serif!important;font-weight:900;font-size:clamp(28px,4.2vw,50px)!important;line-height:1.3;color:#0b1b34;margin:0 0 .4em!important;text-shadow:0 0 6px #fff,0 0 14px #fff,0 0 24px rgba(255,255,255,.9)}
.mg-cover-card h1 strong{color:#ff5f1f}
.mg-cover-card .mg-cover-lead{font-weight:900;color:#0b1b34;background:rgba(255,255,255,.82);display:inline-block;padding:.4em .8em;border-radius:4px}
.mg-cover-card .wp-block-buttons{gap:12px;margin-top:1em}
.mg-cover-card .mg-cover-note{font-size:12px;color:#334;background:rgba(255,255,255,.75);display:inline-block;padding:.2em .6em;margin-top:.8em!important}
.mg-toc-wrap{background:#fffdf6;padding:20px 16px!important;border-bottom:2px dashed #ccc}
@media (max-width:781px){
  .mg-cover2{display:block;min-height:0;background-size:auto 260px!important;background-position:82% top!important;padding-top:250px!important;background-color:#cfe6f7}
  .mg-cover-card h1{font-size:26px!important}
}
/* 1コマ目：吹き出しを下に左右で */
.mg-own{bottom:6%!important;left:3%!important;top:auto!important;max-width:46%!important}
.mg-cust{bottom:6%!important;right:3%!important;top:auto!important;left:auto!important;max-width:46%!important}
.mg-own.mg-tail-t::after,.mg-own.mg-tail-t::before{left:38%!important}
.mg-cust.mg-tail-t::after,.mg-cust.mg-tail-t::before{left:56%!important}
/* 表紙：絵を右に寄せ、左を空色に */
@media (min-width:782px){
  .mg-cover2{background-size:auto 100%!important;background-position:right center!important;background-color:#cfe5f6;min-height:560px}
  .mg-cover2::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#cfe5f6 0%,#cfe5f6 38%,rgba(207,229,246,0) 52%);pointer-events:none}
  .mg-cover2 > .mg-cover-card{position:relative;z-index:1}
  .mg-cover-card > *{max-width:520px}
}
/* 心の声（モクモクの吹き出し＋小さな丸のしっぽ） */
p.mg-think{position:absolute!important;z-index:3;max-width:50%;padding:1em 1.3em!important;font-family:"Zen Kaku Gothic Antique",sans-serif;font-weight:900;font-size:clamp(12px,1.35vw,16px);line-height:1.55;color:#0b1b34;text-align:center;background:#fff;border:2.5px solid #111;border-radius:50%/50%!important;box-shadow:-10px -8px 0 -6px #fff,-10px -8px 0 -3.5px #111,10px 8px 0 -6px #fff,10px 8px 0 -3.5px #111}
p.mg-think::before,p.mg-think::after{content:"";position:absolute;background:#fff;border:2.5px solid #111;border-radius:50%}
p.mg-think::before{width:16px;height:12px;top:-20px;left:30%}
p.mg-think::after{width:9px;height:7px;top:-34px;left:26%}
.mg-think.mg-own{bottom:5%!important;left:2%!important;top:auto!important}
.mg-cust{max-width:52%!important}
@media (max-width:781px){p.mg-think{font-size:11px;padding:.7em .9em!important;border-width:2px}}
/* 1コマ目の調整（重なり解消） */
p.mg-think{box-shadow:none!important}
p.mg-think::before{top:-18px;left:58%}
p.mg-think::after{top:-31px;left:64%}
.mg-think.mg-own{bottom:4%!important;left:1.5%!important;max-width:45%!important;font-size:clamp(11px,1.15vw,13.5px)!important;padding:.8em 1em!important}
.mg-voice.mg-cust{bottom:4%!important;right:1.5%!important;max-width:50%!important;font-size:clamp(11px,1.15vw,13.5px)!important;padding:.75em 1em!important;border-radius:1.6em!important}
@media (max-width:781px){
  .mg-think.mg-own,.mg-voice.mg-cust{font-size:9.5px!important;padding:.55em .65em!important;line-height:1.45}
}
/* 表紙のボタンを左揃え */
.mg-cover-card .wp-block-buttons{justify-content:flex-start!important;margin-left:0!important;margin-right:0!important}
.mg-cover-card > *{margin-left:0!important;margin-right:auto!important}
/* 大きな文字のコマ（絵の中央の空白に） */
.mg-art-big .mg-big{font-size:clamp(22px,3vw,36px);text-shadow:0 0 8px #fff,0 0 16px #fff}
.mg-art-big .mg-sfx.mg-tr{top:8%;right:6%}
/* 表紙のボタン：横並び・同じ高さ */
.mg-cover-card .wp-block-buttons{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:12px!important;max-width:600px!important}
.mg-cover-card .wp-block-button{margin:0!important}
.mg-cover-card .wp-block-button__link{display:flex!important;align-items:center;justify-content:center;height:100%;padding:.9em 1.6em!important;font-size:17px!important;line-height:1.2;white-space:nowrap;animation:none!important}
.mg-cover-card .is-style-cx-sub .wp-block-button__link{background:#fff!important;border:2px solid #0b1b34!important}
.mg-cover-card h1{max-width:640px!important}
@media (max-width:781px){.mg-cover-card .wp-block-button__link{font-size:14px!important;padding:.8em 1em!important}}
.mg-think.mg-bl2{bottom:8%!important;left:28%!important;top:auto!important;max-width:30%!important}
.mg-think.mg-bl2::before{left:72%!important;top:auto!important;bottom:-18px}
.mg-think.mg-bl2::after{left:80%!important;top:auto!important;bottom:-31px}
.mg-art-big .mg-big{line-height:1.5}
.mg-art-big .mg-big small{font-size:.5em}
.mg-sfx.mg-gaan{top:58%!important;left:6%!important;transform:rotate(-10deg)}
.mg-art-big .mg-big{top:8%!important;transform:none!important;left:24%!important;right:24%!important;background:rgba(255,255,255,.92);border:2.5px solid #111;border-radius:10px;padding:.5em .6em!important;font-size:clamp(15px,1.9vw,24px)!important}
.mg-art-big .mg-sfx.mg-tr{top:4%!important;right:2%!important}
@media (max-width:781px){.mg-art-big .mg-big{left:18%!important;right:18%!important;font-size:12.5px!important;padding:.35em .4em!important;border-width:2px}}
/* 第3話 */
.mg-sfx.mg-pochi{top:auto!important;bottom:12%;left:52%;transform:rotate(-8deg)}
.mg-say.mg-r3{top:16%;right:4%;max-width:44%}
.mg-sfx.mg-kata{bottom:8%;left:30%;font-size:clamp(18px,2.2vw,28px)!important;transform:rotate(-6deg)}
.mg-art-mail .mg-big{left:30%!important;right:16%!important;top:16%!important}
.mg-voice.mg-br3{bottom:6%;right:3%;max-width:40%}
@media (max-width:781px){.mg-art-mail .mg-big{left:28%!important;right:12%!important}}
/* 第2話 2コマ目：心の声（右側の丸を店主の頭へ） */
p.mg-think.mg-think-tl{top:8%;left:4%;bottom:auto!important;max-width:36%}
p.mg-think.mg-think-tl::before{top:38%!important;left:auto!important;right:-22px;bottom:auto!important;width:14px;height:11px}
p.mg-think.mg-think-tl::after{top:30%!important;left:auto!important;right:-36px;bottom:auto!important;width:8px;height:7px}
.mg-say.mg-bl22{bottom:8%;left:4%;max-width:46%}
/* 3コマ目の見出し */
.mg-bighead{display:inline-block;background:#ff5f1f;color:#fff;font-size:.72em;padding:.15em .7em;border-radius:3px;margin-bottom:.25em}
/* かけるくんのセリフは水色で区別（店主は白） */
p.mg-say{background:#e3eeff!important}
p.mg-say::before{border-top-color:#e3eeff!important}
.mg-tail-sl.mg-say::before{border-right-color:#e3eeff!important;border-top-color:transparent!important}
.mg-tail-sr.mg-say::before{border-left-color:#e3eeff!important;border-top-color:transparent!important}
/* 2コマ目：かけるくんの答えは右下のパソコン寄りに */
.mg-say.mg-bl22{left:auto!important;right:3%;bottom:4%;max-width:40%}
.mg-say.mg-bl22.mg-tail-sr::after,.mg-say.mg-bl22.mg-tail-sr::before{display:none}
.mg-say.mg-bl22{border-radius:1.4em!important}
.mg-cap.mg-cap-tl{top:0!important;bottom:auto!important;left:0!important;right:auto!important}
/* 第2話1コマ目：帯を上に移したので吹き出しを少し下げる */
.mg-ep-2 .mg-panel:first-child .mg-voice.mg-l{top:20%!important}
/* 第3話3コマ目：件名の箱を帯の下に */
.mg-art-mail .mg-big{top:20%!important}
.mg-ep-3 .mg-panel:first-child .mg-voice.mg-l{top:5%!important;max-width:44%!important}
/* 話の目次：余白と文字を大きく */
.mg-toc-wrap{padding:clamp(36px,5vw,56px) 16px!important}
.mg-toc-wrap .mg-toc{max-width:1100px;margin:0 auto!important;gap:14px 18px!important}
.mg-toc p{padding:.85em 1.1em!important;font-size:clamp(15px,1.5vw,18px)!important;box-shadow:4px 4px 0 #111!important}
.mg-toc a{display:block}
.mg-toc p:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 #111!important}
@media (max-width:781px){.mg-toc-wrap{padding:28px 16px!important}.mg-toc p{font-size:15px!important}}
.mg-toc p{font-size:clamp(16px,1.7vw,20px)!important;padding:1em 1.2em!important}
.mg-say.mg-tr4{top:4%;right:3%;max-width:34%}
.mg-ep-2 .mg-panel:nth-child(4) .mg-voice.mg-tl{top:10%;left:4%}
/* 第4話 */
p.mg-think.mg-th41{top:8%;left:4%;bottom:auto!important;max-width:34%}
p.mg-think.mg-th41::before{top:40%!important;left:auto!important;right:-22px;bottom:auto!important;width:14px;height:11px}
p.mg-think.mg-th41::after{top:32%!important;left:auto!important;right:-36px;bottom:auto!important;width:8px;height:7px}
.mg-sfx.mg-pori{top:4%;left:60%;font-size:clamp(16px,1.8vw,24px)!important}
.mg-voice.mg-v42{bottom:8%;left:28%;max-width:30%}
.mg-ep-4 .mg-panel:nth-child(3) .mg-say.mg-tl{max-width:42%}
.mg-ep-4 .mg-panel:nth-child(4) .mg-voice.mg-tl{top:5%;left:3%;max-width:40%}
.mg-ep-4 .mg-panel:nth-child(4) .mg-say.mg-bl{left:auto;right:28%;bottom:6%}
.mg-voice.mg-v42{bottom:8%;left:auto;right:42%}
.mg-voice.mg-v42.mg-tail-t::after,.mg-voice.mg-v42.mg-tail-t::before{left:70%!important}
.mg-say.mg-r44{top:30%;right:4%;max-width:30%}
/* 第2話2コマ目 */
.mg-say.mg-s22{top:6%;left:3%;max-width:42%}
.mg-say.mg-s22 strong{color:#ff5f1f;font-size:1.15em}
.mg-voice.mg-v22{bottom:8%;left:8%;max-width:32%}
.mg-tail-sr.mg-s22::after,.mg-tail-sr.mg-s22::before{top:62%!important}
/* 第2話2コマ目：右上→左の順に読む（かけるくん→店主） */
.mg-say.mg-s22{top:4%!important;left:auto!important;right:2%!important;max-width:44%!important;padding:.6em 1em!important}
.mg-say.mg-s22.mg-tail-r::after,.mg-say.mg-s22.mg-tail-r::before{right:16%!important}
.mg-voice.mg-v22{top:30%!important;bottom:auto!important;left:4%!important;max-width:30%!important}
.mg-voice.mg-v22.mg-tail-sr::after,.mg-voice.mg-v22.mg-tail-sr::before{top:40%!important}
@media (max-width:781px){.mg-say.mg-s22{font-size:10.5px!important;padding:.45em .7em!important}}
/* 実際の画面を見せるコマ */
.mg-screenpanel{background-color:#eef3fb}
.mg-screen{position:absolute!important;left:5%;top:15%;width:66%;z-index:1}
.mg-screen img{border:3px solid #111;border-radius:6px!important;box-shadow:6px 6px 0 #111;display:block}
.mg-kk.mg-kk-s{width:22%;right:2%;bottom:2%}
.mg-say.mg-s43{top:12%;right:2%;max-width:30%;font-size:clamp(11px,1.2vw,14px)!important;padding:.6em .8em!important}
.mg-say.mg-s43.mg-tail-r::after,.mg-say.mg-s43.mg-tail-r::before{right:30%!important}
.mg-screen{width:74%!important;top:24%!important;left:4%!important}.mg-say.mg-s43{top:4%!important;max-width:34%!important}
/* 目次：1行に収める（「第◯話」を小さなラベルにして本文は折り返さない） */
.mg-toc p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(14px,1.35vw,17px)!important;padding:.9em 1em!important;letter-spacing:0}
.mg-toc a{display:flex;align-items:center;gap:.5em}
@media (max-width:781px){.mg-toc p{font-size:14.5px!important}}
.mg-ep-2 .mg-panel:nth-child(2) p.mg-think.mg-think-tl{top:30%!important;left:4%!important}
p.mg-think.mg-th41{max-width:38%!important}

/* ===== 吹き出しは手描きSVG素材（manga.js）。段落は文字だけ ===== */
svg.mg-bubbles{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.mg-fuki{position:absolute!important;z-index:2;pointer-events:none;max-width:none!important;border-radius:0!important;margin:0!important}
.mg-panel p.mg-say,.mg-panel p.mg-voice,.mg-panel p.mg-think{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  font-family:"Zen Kaku Gothic Antique","Zen Maru Gothic",sans-serif!important;font-weight:900!important;color:#111!important;
  font-size:clamp(12.5px,1.3vw,16px)!important;line-height:1.55!important;letter-spacing:.02em;padding:0!important;text-align:center;z-index:3}
.mg-panel p.mg-say::before,.mg-panel p.mg-say::after,.mg-panel p.mg-voice::before,.mg-panel p.mg-voice::after,.mg-panel p.mg-think::before,.mg-panel p.mg-think::after{display:none!important;content:none!important}
.mg-panel p.mg-say strong,.mg-panel p.mg-voice strong{color:#e0461a!important;font-size:1.2em}
@media (max-width:781px){.mg-panel p.mg-say,.mg-panel p.mg-voice,.mg-panel p.mg-think{font-size:10.5px!important}}
img.mg-fuki{object-fit:fill!important}
/* 第4話2コマ目：左に編集画面のイメージ */
.mg-inset-ed{position:absolute!important;left:3%;bottom:7%;width:40%;z-index:1;margin:0!important}
.mg-inset-ed img{border:2.5px solid #111;border-radius:4px!important;box-shadow:4px 4px 0 rgba(0,0,0,.85);display:block}
.mg-inset-ed figcaption{position:absolute;left:0;top:-1.7em;background:#111;color:#fff;font-size:11px;padding:.15em .6em;margin:0!important}
.mg-ep-4 .mg-panel:nth-child(2) .mg-say.mg-l{top:6%!important;left:4%!important}
.mg-fuki svg{display:block;width:100%;height:100%}
/* 第2話2コマ目（新） */
.mg-ep-2 .mg-panel:nth-child(2) p.mg-think.mg-think-tl{top:8%!important;left:5%!important}
.mg-ep-2 .mg-panel:nth-child(2) .mg-say.mg-s22{top:6%!important;right:4%!important}
/* 第5話 */
.mg-ep-5 .mg-panel:nth-child(1) p.mg-think.mg-think-tl{top:10%!important;left:5%!important;max-width:34%}
.mg-say.mg-s52{top:12%;left:5%;max-width:44%}
.mg-art-btn .mg-big{left:6%!important;right:46%!important;top:12%!important}
.mg-art-btn .mg-sfx.mg-tl{top:auto!important;bottom:36%;left:30%}
.mg-ep-5 .mg-panel:nth-child(4) .mg-voice.mg-tl{top:8%;left:4%}
.mg-ep-2 .mg-panel:nth-child(2) .mg-say.mg-s22{top:4%!important;right:3%!important;max-width:30%!important;font-size:clamp(11px,1.15vw,14px)!important}
.mg-ep-5 .mg-panel:nth-child(4) .mg-voice.mg-tl{top:8%!important;left:3%!important;max-width:28%!important}
.mg-ep-5 .mg-panel:nth-child(4) .mg-voice.mg-tl{top:6%!important;left:2%!important;max-width:24%!important}
@media (max-width:781px){
  .mg-ep-1 .mg-panel:first-child .mg-think.mg-own{max-width:40%!important;left:1%!important}
  .mg-ep-1 .mg-panel:first-child .mg-voice.mg-cust{max-width:44%!important;right:1%!important}
}
/* 話し手に合わせて位置を変えたもの */
.mg-ep-4 .mg-panel:nth-child(2) .mg-say.mg-l{top:4%!important;left:auto!important;right:3%!important;max-width:34%!important}
.mg-ep-4 .mg-panel:nth-child(2) .mg-voice.mg-v42{top:12%!important;bottom:auto!important;left:6%!important;right:auto!important}
.mg-say.mg-s52{top:4%!important;left:auto!important;right:3%!important;max-width:40%!important}

/* ===== 画面幅に関係なく同じ配置にする：コマの幅を基準に文字を拡大縮小（cqw）、改行は<br>だけ ===== */
.mg-panel{container-type:inline-size}
.mg-panel p.mg-say,.mg-panel p.mg-voice,.mg-panel p.mg-think{font-size:2.75cqw!important;white-space:nowrap!important;max-width:none!important;line-height:1.5!important}
.mg-panel .mg-sfx{font-size:5.6cqw!important;-webkit-text-stroke:.45cqw #111}
.mg-panel .mg-cap{font-size:2.3cqw!important;padding:.4em .8em!important}
.mg-panel .mg-big{font-size:4.6cqw!important}
.mg-panel .mg-big small{font-size:.5em}
.mg-art-big .mg-big{font-size:3.9cqw!important;padding:.5em .6em!important}
.mg-art-mail .mg-big{font-size:3.6cqw!important}
.mg-screenpanel .mg-say{font-size:2.5cqw!important}
.mg-inset-ed figcaption{font-size:2cqw!important}
@media (max-width:781px){.mg-panel p.mg-say,.mg-panel p.mg-voice,.mg-panel p.mg-think{font-size:2.9cqw!important}}
/* 第6話 */
.mg-p61{top:10%;left:10%}
.mg-p62a{top:16%;left:52%}
.mg-p62b{top:6%;left:24%}
.mg-art-63 .mg-big{left:4%!important;right:auto!important;top:12%!important;width:44%}
.mg-p64a{top:8%;left:34%}
.mg-p64b{top:40%;left:12%}
/* 第2話2コマ目：かけるくんのセリフは左下 */
.mg-ep-2 .mg-panel:nth-child(2) .mg-say.mg-s22{top:auto!important;bottom:7%!important;right:24%!important;left:auto!important}
/* 第2話3コマ目：見出しを箱の上に大きく */
.mg-ep-2 .mg-panel:nth-child(3) .mg-big{top:30%!important}
.mg-ep-2 .mg-panel:nth-child(3) .mg-big .mg-bighead{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-.25em);white-space:nowrap;background:none;color:#ff5f1f;font-size:1.55em;font-weight:900;padding:0;-webkit-text-stroke:.16em #fff;paint-order:stroke fill;text-shadow:.06em .06em 0 #111;margin:0}
/* 第2話4コマ目：左下に見本サイト */
.mg-site24{left:3%!important;bottom:17%!important;width:34%!important}
/* 第6話4コマ目：かけるくんのセリフを右上 */
.mg-p64a{top:5%!important;left:auto!important;right:3%!important}
/* 第2話3コマ目：箱を人物の間に */
.mg-ep-2 .mg-panel:nth-child(3) .mg-big{top:26%!important;left:31%!important;right:31%!important;font-size:3.2cqw!important;padding:.45em .4em!important}
.mg-ep-2 .mg-panel:nth-child(3) .mg-big .mg-bighead{font-size:1.9em}
/* 第4話2コマ目：編集画面イメージを上へ */
.mg-ep-4 .mg-panel:nth-child(2) .mg-inset-ed{bottom:auto!important;top:36%!important}
/* 第4話3コマ目：縦に均等に */
.mg-screen{top:40%!important;left:4%!important;width:70%!important}
.mg-screenpanel .mg-say.mg-s43{top:12%!important;right:auto!important;left:30%!important;font-size:2.9cqw!important}
.mg-kk.mg-kk-s{width:26%!important;right:2%!important;bottom:3%!important}
/* 第5話2コマ目：左に「0円・20日間」の札 */
.mg-panel p.mg-stamp52{position:absolute!important;left:6%;top:50%;transform:translateY(-50%) rotate(-6deg);z-index:2;margin:0!important;background:#fff;border:.5cqw solid #e53935;border-radius:1.2cqw;padding:1.4cqw 2.6cqw 1.8cqw!important;text-align:center;box-shadow:.8cqw .8cqw 0 rgba(0,0,0,.18);font-family:"Zen Kaku Gothic Antique",sans-serif;font-weight:900;color:#111;line-height:1.2}
.mg-stamp52 span{display:block;font-size:2.3cqw;background:#e53935;color:#fff;padding:.2em .6em;border-radius:.3em}
.mg-stamp52 b{display:block;font-family:var(--cx-num);font-size:12cqw;color:#e53935;line-height:1;margin:.05em 0}
.mg-stamp52 b small{font-family:"Zen Kaku Gothic Antique",sans-serif;font-size:.32em}
.mg-stamp52 em{display:block;font-style:normal;font-size:2.4cqw}
.mg-stamp52 em strong{color:#e53935;font-size:1.3em}
.mg-p61{top:8%!important;left:6%!important}
.mg-p62b{top:auto!important;bottom:22%!important;left:24%!important}.mg-p62a{top:8%!important}
.mg-final .mg-final-kk{display:flex;justify-content:center;margin:0 auto 10px!important;width:100%!important;max-width:none!important}
.mg-final .mg-final-kk img{width:min(340px,70%)!important;margin:0 auto!important}
.mg-ep-6 .mg-panel:nth-child(3) .mg-big{font-size:5cqw!important;width:auto!important;left:6%!important;top:14%!important;padding:.4em 1em!important}
.mg-ep-6 .mg-panel:nth-child(3) .mg-big small{display:inline-block;background:#111;color:#fff;font-size:.42em;padding:.15em .6em}
.mg-ep-6 .mg-panel:nth-child(3) .mg-big strong{font-size:1.5em}
/* 第6話 */
.mg-panel p.mg-stamp62{left:30%;top:52%;transform:translateY(-50%) rotate(-4deg);border-color:#11713b}
.mg-stamp62 span{background:#11713b}
.mg-stamp62 i{font-style:normal;font-weight:900;display:block;font-size:6cqw;color:#11713b;margin:.15em 0 .1em;line-height:1.1}
.mg-stamp62 em strong{color:#11713b}
.mg-p63a{top:8%;left:44%}
.mg-p63b{top:30%;left:4%}
.mg-ep-6 .mg-panel:nth-child(4) p.mg-voice.mg-p64b{font-size:3.4cqw!important;top:34%!important;left:8%!important}
.mg-panel p.mg-stamp62{left:33%!important;top:40%!important}
.mg-p62b{top:auto!important;bottom:7%!important;left:36%!important}
.mg-ep-6 .mg-panel:nth-child(4) p.mg-voice.mg-p64b{font-size:4.2cqw!important;top:30%!important;left:6%!important}
.mg-p52v{bottom:8%;left:9%;font-size:3.4cqw!important}
.mg-panel p.mg-stamp52:not(.mg-stamp62){top:42%!important}
/* 第6話2コマ目：札を少し上・小さく、店主のセリフは札と離す */
.mg-panel p.mg-stamp62{top:44%!important;left:30%!important;transform:translateY(-50%) rotate(-3deg) scale(.88)!important}
.mg-p62b{bottom:5%!important;left:24%!important}
.mg-p63b{top:34%!important}
/* 第1話3コマ目 店主「えっ！」／第2話3コマ目 ドーン！は比較の箱の下・中央 */
.mg-p13v{top:7%!important;left:7%!important;font-size:3.4cqw!important}
.mg-art-big .mg-sfx.mg-doon{right:auto!important;bottom:auto!important;top:54%!important;left:50%!important;transform:translateX(-50%) rotate(-6deg)!important;font-size:6.2cqw!important}
/* 第6話3コマ目（作り直し）：クレジットカードで簡単。左半分の上下に吹き出し */
.mg-p63c{top:9%!important;left:5%!important}
.mg-p63d{top:auto!important;bottom:4%!important;left:auto!important;right:3%!important}