/* メディア（/media/）・お知らせ（/news/）専用。.rmd の中だけに効く（2026-10-14）。色・書体・余白は法人ページ（b2b2026.css）と同じ */
.rmd{color-scheme:light;--white:#FFFFFF;--ink:#141414;--sub:#66665F;--hair:#E4E3DF;--mist:#F4F4F1;--green:#1E4D3B;--mc:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;--gt:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",sans-serif;--num:"Cormorant Garamond","Shippori Mincho B1",serif}
.rmd *,.rmd{box-sizing:border-box}
.rmd{background:var(--white);color:var(--ink);font-family:var(--gt);font-size:15px;line-height:2;letter-spacing:.04em;margin:0}
.rmd img{max-width:100%;display:block}
.rmd a{color:inherit}
.rmd p{margin:0}
.rmd h1,.rmd h2,.rmd h3{font-family:var(--mc);font-weight:700;text-wrap:balance;margin:0}
.rmd .wrap{max-width:1140px;margin:0 auto;padding-inline:20px}
.rmd .eyebrow{font-size:11.5px;letter-spacing:.3em;color:var(--sub);margin:0}
.rmd section{padding-block:100px}
.rmd .bg-mist{background:var(--mist)}
.rmd .sec-h{display:grid;gap:10px;margin-bottom:46px}
.rmd .sec-h h2{font-size:clamp(24px,3.4vw,34px);line-height:1.5}
.rmd .sec-h p{color:var(--sub);max-width:34em}
/* 見出し（二重線） */
.rmd .fv{padding-block:150px 0}
.rmd .fv h1{font-size:clamp(26px,4.4vw,46px);line-height:1.5;letter-spacing:.08em;margin:16px 0 22px}
.rmd .fv .lead{max-width:32em;color:var(--sub)}
.rmd .fv .rule{border:0;border-top:4px double var(--ink);margin:64px 0 0}
.rmd .fv .meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px;font-size:13px;color:var(--sub)}
.rmd .fv .meta b{font-family:var(--num);font-weight:500;font-size:34px;color:var(--ink);margin-right:6px;line-height:1}
/* 映像（押すとその場で再生） */
.rmd .vids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
@media (max-width:700px){.rmd .vids{grid-template-columns:minmax(0,1fr)}}
.rmd .vid{display:grid;gap:12px;align-content:start}
.rmd .vth{position:relative;aspect-ratio:16/9;max-width:100%;overflow:hidden;background:var(--mist);border:0;padding:0;width:100%;cursor:pointer;display:block}
.rmd .vth img,.rmd .vth iframe{width:100%;height:100%;object-fit:cover;border:0;display:block}
.rmd .vth:hover img{opacity:.92}
.rmd .play{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:10px;background:var(--white);color:var(--ink);padding:7px 16px 7px 13px;font-size:12.5px;letter-spacing:.1em;font-family:var(--gt)}
.rmd .play i{width:0;height:0;border-left:9px solid var(--ink);border-top:6px solid transparent;border-bottom:6px solid transparent}
.rmd .vmeta{font-size:12px;letter-spacing:.1em;color:var(--sub)}
.rmd .vid h3{font-size:19px;line-height:1.6}
.rmd .vid p{font-size:13.5px;color:var(--sub);line-height:1.9}
/* 番号つきの一覧 */
.rmd .grp{margin-bottom:70px}
.rmd .grp:last-child{margin-bottom:0}
.rmd .grp h3{font-size:20px;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink);padding-bottom:12px;margin-bottom:4px}
.rmd .grp h3 span{font-family:var(--gt);font-weight:400;font-size:12px;color:var(--sub)}
.rmd .rows{counter-reset:n}
.rmd .row{display:grid;grid-template-columns:52px 200px minmax(0,1fr);gap:28px;align-items:center;padding-block:22px;border-bottom:1px solid var(--hair);text-decoration:none}
.rmd .row::before{counter-increment:n;content:counter(n,decimal-leading-zero);font-family:var(--num);font-size:30px;line-height:1;color:var(--sub);align-self:start;padding-top:6px}
.rmd .th{aspect-ratio:16/9;max-width:100%;overflow:hidden;border:1px solid var(--hair);background:var(--white)}
.rmd .th img{width:100%;height:100%;object-fit:cover}
.rmd .row .m{font-size:12px;color:var(--sub);letter-spacing:.08em;font-variant-numeric:tabular-nums;display:flex;gap:14px;flex-wrap:wrap}
.rmd .row b{display:block;font-family:var(--mc);font-weight:700;font-size:17px;line-height:1.65;margin-top:2px}
.rmd .row p{font-size:13.5px;color:var(--sub);margin-top:2px;line-height:1.85}
.rmd .row .go{font-size:12.5px;margin-top:6px;display:inline-block;border-bottom:1px solid currentColor;line-height:1.6}
.rmd .row:hover b{text-decoration:underline;text-underline-offset:4px}
@media (max-width:700px){.rmd .row{grid-template-columns:28px 112px minmax(0,1fr);gap:14px}.rmd .row::before{font-size:20px}}
.rmd .more{display:inline-block;margin-top:26px;font-size:13.5px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:2px}
/* 番組のタオル */
.rmd .tw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:56px;align-items:center}
@media (max-width:860px){.rmd .tw{grid-template-columns:minmax(0,1fr);gap:28px}}
.rmd .tw h2{font-size:clamp(24px,3.2vw,32px);line-height:1.55;margin-top:12px}
.rmd .tw .lead{color:var(--sub);margin-top:18px}
.rmd .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rmd .pair figure{margin:0}
.rmd .pair img{aspect-ratio:16/9;width:100%;object-fit:cover;background:var(--white)}
.rmd .pair figcaption{font-size:12px;color:var(--sub);margin-top:10px;line-height:1.7}
/* 締め */
.rmd .end{text-align:center}
.rmd .end .sec-h{justify-items:center}
.rmd .btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.rmd .btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;text-decoration:none;font-size:14.5px;letter-spacing:.1em;border:1px solid var(--ink);background:none}
.rmd .btn.p{background:var(--green);border-color:var(--green);color:#fff}
.rmd .btn:hover{opacity:.86}
.rmd a:focus-visible,.rmd button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
/* お知らせ */
.rmd .big{border:1px solid var(--hair);padding:clamp(28px,5vw,56px);display:grid;gap:14px}
.rmd .big .y{font-family:var(--num);font-size:20px;color:var(--sub)}
.rmd .big h2{font-size:clamp(20px,3vw,30px);line-height:1.7}
.rmd .big p{color:var(--sub);max-width:40em}
.rmd .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}
@media (max-width:860px){.rmd .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}}
.rmd .card{display:grid;align-content:start;text-decoration:none}
.rmd .card .d{font-size:12px;color:var(--sub);margin-top:14px;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.rmd .card b{display:block;font-family:var(--mc);font-weight:700;font-size:16px;line-height:1.6;margin-top:2px}
.rmd .card p{font-size:12.5px;color:var(--sub);line-height:1.8;margin-top:4px}
.rmd .card:hover b{text-decoration:underline;text-underline-offset:4px}
.rmd .plain{list-style:none;margin:0;padding:0}
.rmd .plain li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding-block:16px;border-bottom:1px solid var(--hair);font-size:14.5px}
.rmd .plain time{color:var(--sub);font-variant-numeric:tabular-nums;font-size:13px}
.rmd .plain a{text-decoration:none}
.rmd .plain a:hover{text-decoration:underline}
@media (max-width:767px){.rmd section{padding-block:72px}.rmd .fv{padding-block:110px 0}.rmd .fv .rule{margin-top:44px}}
/* 見出しは1行で（2026-10-14夜）：画面の幅に合わせて字を小さくする */
.rmd .fit{white-space:nowrap;font-size:min(var(--mx),calc((100vw - 40px) / var(--n)))!important}
/* テーマの .row（左右にマイナスの余白）を打ち消す（2026-10-14夜） */
.rmd .row{margin-left:0;margin-right:0}
/* 締めのボタンは同じ幅に（2026-10-14夜） */
.rmd .btns .btn{width:280px;max-width:100%;justify-content:center}
/* 線で囲むのをやめる（2026-10-14夜） */
.rmd .th{border:0}
.rmd .big{border:0;padding:0}
.rmd .card{border:0;border-radius:0;padding:0;background:none;box-shadow:none}
/* 掲載一覧のサムネイルを大きく（2026-10-14夜）：PCは260px、スマホは番号の右に全幅で置き、文字はその下。新聞・雑誌のロゴは画像の中で拡大 */
.rmd .row{grid-template-columns:52px 260px minmax(0,1fr)}
@media (max-width:700px){.rmd .row{grid-template-columns:28px minmax(0,1fr);gap:16px 14px;align-items:start}.rmd .row::before{grid-row:1 / 3}.rmd .row>*{grid-column:2}}
.rmd .th img[src*="media2026-wwd"],.rmd .th img[src*="media2026-senken"]{transform:scale(1.25)}
/* 塊の単位を余白で見せる（2026-10-14夜） */
.rmd .cards{row-gap:64px}
.rmd .card .d{margin-top:10px}
@media (max-width:860px){.rmd .cards{row-gap:52px}}
.rmd .row{padding-block:32px}