/* WordPress用デザイン指針：.ryoma-home の範囲に限定して適用する */
.ryoma-home{--ink:#213542;--blue:#173d52;--gold:#b7975f;--paper:#fbf7ef;color:var(--ink);background:var(--paper);font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;letter-spacing:.02em;line-height:1.94}
.ryoma-home *{box-sizing:border-box}
.ryoma-home__hero{margin:0;position:relative;background:#ded5c4}
.ryoma-home__hero img{display:block;width:100%;max-width:none;height:auto;object-fit:contain}
.ryoma-home__intro{text-align:center;max-width:900px;margin:0 auto;padding:58px 24px 43px}
.ryoma-home__eyebrow{color:#8e744e;font-size:clamp(16px,2vw,22px);letter-spacing:.16em;font-weight:700;margin:0 0 18px}
.ryoma-home__intro h1{font-size:clamp(28px,4vw,48px);font-weight:700;line-height:1.48;letter-spacing:.07em;color:var(--blue);margin:0}
.ryoma-home__rule{width:96px;height:2px;background:var(--gold);margin:26px auto 0}
.ryoma-home__body{max-width:910px;margin:0 auto;padding:0 34px 84px;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;font-size:clamp(16px,1.2vw,18px);line-height:2.02;letter-spacing:.017em}
.ryoma-home__body p{margin:0 0 1.25em}
.ryoma-home__body h2,.ryoma-home__body h3{font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;line-height:1.52;letter-spacing:.035em}
.ryoma-home__body h2{font-size:clamp(25px,2.7vw,33px);color:var(--blue);padding:0 0 15px;border-bottom:1px solid var(--gold);margin:3em 0 1.2em}
.ryoma-home__body h2:before{content:"";display:block;width:42px;height:3px;background:var(--gold);margin-bottom:14px}
.ryoma-home__body h3{font-size:clamp(20px,2vw,24px);color:#294d5b;margin:2.1em 0 .8em}
.ryoma-home__body strong{font-weight:700}
.ryoma-home__body a{color:#155d7a;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.ryoma-home__body a:hover{color:#ae8040}
.ryoma-home__body nav[aria-label]{background:#edf0ec;border:1px solid #d9dfd7;border-radius:3px;margin:37px 0 8px;padding:24px 30px}
.ryoma-home__body nav[aria-label] ul{margin:0;padding-left:1.5em}
.ryoma-home__body li{margin:10px 0}
.ryoma-home__body small{font-size:.87em;color:#58686c}
.ryoma-home__note{font-family:"Yu Gothic",sans-serif;font-size:12px;color:#686965;max-width:910px;margin:0 auto;padding:0 34px 34px;line-height:1.7}
@media(max-width:700px){.ryoma-home__intro{padding:38px 20px 24px}.ryoma-home__body{padding:0 18px 55px}.ryoma-home__body h2{margin-top:2.5em}.ryoma-home__body nav[aria-label]{padding:17px 18px}.ryoma-home__note{padding:0 18px 28px}.ryoma-home__eyebrow{letter-spacing:.08em}}

/* Cocoon + 既存の「龍馬伝 サイトデザイン」プラグインとの競合をTOP限定で調整 */
body.ryoma-home-front {background: #e9e4d9;}
body.ryoma-home-front #content-in.content-in {max-width: 1170px !important; width: calc(100% - 28px) !important; padding: 22px 0 48px !important;}
body.ryoma-home-front #sidebar {display: none !important;}
body.ryoma-home-front #main.main {width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important;}
body.ryoma-home-front .entry-content,
body.ryoma-home-front .article-body {max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important;}
body.ryoma-home-front .entry-title,
body.ryoma-home-front .article-header > h1 {display: none !important;}
body.ryoma-home-front .article-header {margin: 0 !important; padding: 0 !important;}
body.ryoma-home-front .header-container::after {content: none !important; display: none !important;}
body.ryoma-home-front .ryoma-home__hero {padding: 0 !important;}
body.ryoma-home-front .ryoma-home__hero img {border-radius: 0 !important; box-shadow:none !important; width:100%; height:auto;}
body.ryoma-home-front .entry-content .ryoma-home__body h2 {background: none !important; color: #173d52 !important; border: 0 !important; border-bottom:1px solid #b7975f !important; box-shadow: none !important; padding: 0 0 15px !important; margin: 3em 0 1.2em !important; font-size: clamp(25px,2.7vw,33px) !important;}
body.ryoma-home-front .entry-content .ryoma-home__body h3 {color: #294d5b !important; border: 0 !important; border-bottom:0 !important; padding:0 !important; margin:2.1em 0 .8em !important; font-size:clamp(20px,2vw,24px) !important;}
body.ryoma-home-front .entry-content .ryoma-home__body a {color:#155d7a !important;}
body.ryoma-home-front .entry-content .ryoma-home__body p {margin:0 0 1.25em;}
body.ryoma-home-front .ryoma-home__body {max-width: 910px;}
body.ryoma-home-front .ryoma-home__body nav[aria-label="このページの目次"] ul {list-style:disc;}
@media(max-width:767px){
  body.ryoma-home-front #content-in.content-in {width:100% !important;padding:0 0 28px !important;}
  body.ryoma-home-front #main.main {padding:0 !important;}
  body.ryoma-home-front .ryoma-home__intro {padding:35px 18px 22px;}
  body.ryoma-home-front .ryoma-home__body {padding:0 20px 50px;}
  body.ryoma-home-front .entry-content .ryoma-home__body h2 {margin:2.5em 0 1.1em !important;}
}