@charset "UTF-8";
/*
  相撲びと｜大相撲の専門メディア・トップ
  生成りの紙、臙脂の幟、土俵の砂金。モバイルは最初の一画面で検索に到達できる設計。
  色や文字の根拠は assets/sumobito-design-system.css と共有。
  ほかのページの STORK19 スタイルには介入しない。
*/
body.home .sbhome-content{
 --sb-ink:#292722;--sb-muted:#655b52;--sb-wine:#74352f;--sb-wine-dark:#512723;
 --sb-gold:#c5a066;--sb-sand:#f5ecde;--sb-paper:#fcfaf5;--sb-line:#e3d9cb;
 --sb-serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
 background:#f8f6f1;color:var(--sb-ink);width:100%;padding:0 0 76px;
 font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
 line-height:1.8
}
body.home .sbhome-content *,body.home .sbhome-content *::before,
body.home .sbhome-content *::after{box-sizing:border-box;min-width:0}
body.home .sbhome-content a{color:#783930;text-decoration:none;transition:color .14s,border-color .14s,background-color .14s}
body.home .sbhome-content a:focus-visible,
body.home .sbhome-content button:focus-visible,
body.home .sbhome-content input:focus-visible,
body.home .sbhome-content summary:focus-visible{outline:3px solid #b68c47!important;outline-offset:3px!important}
body.home #inner-content.sbhome-wrap.wrap{display:block!important;max-width:1180px!important;width:min(calc(100% - 72px),1180px)!important;margin:0 auto!important;padding:27px 0 0!important}
body.home #inner-content.sbhome-wrap #main.sbhome-main{
 display:block!important;width:100%!important;max-width:none!important;float:none!important;
 margin:0!important;padding:0!important;min-height:0!important;background:transparent!important;
 border:0!important;box-shadow:none!important
}
body.home .sbhome-content h1::before,body.home .sbhome-content h1::after,
body.home .sbhome-content h2::before,body.home .sbhome-content h2::after,
body.home .sbhome-content h3::before,body.home .sbhome-content h3::after{display:none!important;content:none!important}
body.home .sbhome-content :is(h1,h2,h3,p){overflow-wrap:anywhere}
/* 大相撲の幟をイメージしたヒーロー。中央奥の輪は土俵の円を抽象化 */
body.home .sbhome-hero{
 position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
 gap:clamp(20px,3vw,35px);align-items:stretch;overflow:hidden;
 padding:clamp(25px,3vw,39px);border:1px solid #84524a;border-radius:14px;
 background:linear-gradient(116deg,#3c2320 0%,#562a26 55%,#793a32 100%)!important;
 color:#fff;box-shadow:0 12px 28px rgba(51,28,23,.12)
}
body.home .sbhome-hero::before{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 width:430px;height:430px;left:23%;top:-190px;border-radius:50%;
 border:28px solid rgba(239,210,153,.10);
 box-shadow:0 0 0 2px rgba(245,219,164,.22),inset 0 0 0 3px rgba(245,219,164,.12),
 0 0 0 68px rgba(245,219,164,.025);
 transform:rotate(-11deg)
}
body.home .sbhome-hero::after{
 content:"";position:absolute;z-index:-1;inset:auto 0 0 0;height:4px;
 background:repeating-linear-gradient(90deg,#c79d5a 0 46px,#6c342b 46px 58px,#e5c58e 58px 70px,#6c342b 70px 82px);
 opacity:.9
}
body.home .sbhome-hero-copy{position:relative;align-self:center}
body.home .sbhome-label{
 display:inline-block!important;margin:0 0 17px!important;
 padding:5px 13px!important;border:1px solid rgba(236,203,148,.65);border-radius:3px;
 background:rgba(255,251,241,.07)!important;color:#f6deb1!important;
 font-weight:800!important;font-size:15px!important;line-height:1.65!important;letter-spacing:.03em
}
body.home .sbhome-hero-title{
 display:block!important;margin:0 0 20px!important;padding:0!important;
 border:0!important;box-shadow:none!important;background:transparent!important;
 color:#fffdf8!important;text-align:left!important;font-family:var(--sb-serif)!important;
 font-size:clamp(31px,3.7vw,50px)!important;line-height:1.45!important;
 letter-spacing:.005em!important;font-weight:850!important;text-shadow:none!important
}
body.home .sbhome-hero-title em{
 display:inline-block;font-style:normal!important;font-weight:850!important;color:#f3ce8f!important;
 white-space:normal
}
body.home .sbhome-hero-lead{
 margin:0 0 24px!important;max-width:43em;color:#f8eee4!important;
 font-size:17px!important;line-height:1.95!important;font-weight:500!important
}
/* 入り口：検索欄。フォームに依存しない広いタップ領域 */
body.home .sbhome-search{
 margin:0!important;padding:18px!important;border:1px solid #f4e7d7;border-radius:9px;
 background:#fffdf9!important;box-shadow:0 4px 16px rgba(35,20,19,.12);color:var(--sb-ink)
}
body.home .sbhome-search label{
 display:block!important;margin:0 0 9px!important;padding:0!important;
 color:#3c312b!important;font-size:18px!important;line-height:1.55!important;font-weight:850!important
}
body.home .sbhome-search-control{display:flex;align-items:stretch;width:100%;gap:8px}
body.home .sbhome-search-control input{
 flex:1;display:block;width:100%!important;min-width:0!important;min-height:53px!important;
 margin:0!important;padding:11px 14px!important;border:1px solid #b9aea0!important;
 border-radius:6px!important;box-shadow:none!important;background:#fff!important;
 color:var(--sb-ink)!important;font-size:16.5px!important;line-height:1.5!important
}
body.home .sbhome-search-control input::placeholder{color:#766d64;opacity:1}
body.home .sbhome-search-control button{
 display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:10px;
 min-height:53px;margin:0!important;padding:10px 16px!important;
 border:1px solid #74352f!important;border-radius:6px!important;
 color:#fff!important;background:#74352f!important;
 font-size:16px!important;font-weight:850!important;line-height:1.4!important;cursor:pointer
}
body.home .sbhome-search-control button:hover{background:#572823!important}
body.home .sbhome-search>p{margin:11px 0 0!important;color:#61564d!important;font-size:14px!important;line-height:1.65!important}
body.home .sbhome-search>p a{color:#81362f!important;text-decoration:underline!important;font-weight:800!important}
/* ヒーロー右カラム：迷いを無くす4つの行動 */
body.home .sbhome-hero-guide{
 padding:20px;border-radius:10px;border:1px solid #eee2d2;
 background:#fffdf9!important;color:#2a2622;
 box-shadow:0 5px 15px rgba(29,19,17,.12);align-self:stretch
}
body.home .sbhome-guide-head{
 display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;align-items:baseline;
 margin:0 0 12px!important;padding:0 0 11px;border-bottom:2px solid #e7d7bf
}
body.home .sbhome-guide-head strong{color:#3b3029;font-size:21px!important;font-weight:850!important;line-height:1.5}
body.home .sbhome-guide-head>span{color:#786550;font-size:13.5px!important;font-weight:750!important}
body.home .sbhome-guide-links{display:grid;gap:8px}
body.home .sbhome-guide-links>a{
 display:flex;align-items:center;gap:11px;min-height:76px;padding:9px 12px;
 border:1px solid #e5d8c7;border-radius:7px;background:#fff;
 color:#4b312d!important
}
body.home .sbhome-guide-links>a:hover{background:#fcf4e9;border-color:#c69e72}
body.home .sbhome-guide-mark{
 display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;
 border-radius:50%;border:2px solid #c9a36d;background:#faf1e3;
 color:#7b3d31;font-family:var(--sb-serif);font-size:22px;font-weight:850
}
body.home .sbhome-guide-copy{display:grid;gap:2px;flex:1}
body.home .sbhome-guide-copy strong{color:#3b2e2a!important;font-size:18px!important;line-height:1.5!important;font-weight:850!important}
body.home .sbhome-guide-copy small{color:#6c6258!important;font-size:14px!important;line-height:1.5!important;display:block}
body.home .sbhome-guide-arrow{margin-left:auto;flex:0 0 auto;color:#92583b;font-size:24px;line-height:1}
/* テーマブロック：落ち着いた白い和紙と立体的でない罫線 */
/* 見出しとカードを一体で内側へ入れる。外側のwrapだけではカードが端に貼り付く。 */
body.home .sbhome-content .sbhome-main > .sbhome-section{
 margin:47px 0 0;
 padding-left:24px!important;
 padding-right:24px!important;
 box-sizing:border-box!important;
}
body.home .sbhome-heading{
 display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;
 gap:12px 26px;margin:0 0 19px!important;padding:0 0 13px;
 border-bottom:2px solid #dacbb6
}
body.home .sbhome-kicker{
 display:block!important;margin:0 0 2px!important;color:#8a4a36!important;
 font-size:14px!important;font-weight:800!important;line-height:1.55!important
}
body.home .sbhome-heading h2{
 margin:0!important;padding:0!important;background:transparent!important;border:0!important;
 box-shadow:none!important;color:#342821!important;font-family:var(--sb-serif)!important;
 font-size:clamp(24px,2.35vw,29px)!important;font-weight:850!important;line-height:1.45!important
}
body.home .sbhome-heading>p{margin:0!important;max-width:500px;color:#665c50!important;font-size:15.5px!important;line-height:1.65!important}
body.home .sbhome-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.home .sbhome-topic-card{
 display:flex;align-items:start;gap:11px;min-height:125px;
 padding:17px 13px;border:1px solid #e5d6c1;border-top:3px solid #b78a5b;
 border-radius:7px;background:#fffdfa;color:#47362b!important
}
body.home .sbhome-topic-card:hover{background:#fff7eb;border-color:#cfa977}
body.home .sbhome-topic-mark{
 display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
 border:1px solid #e5d2b2;border-radius:3px;background:#f7eede;
 font-family:var(--sb-serif);font-size:21px;font-weight:850;color:#814235
}
body.home .sbhome-topic-copy{display:grid;gap:5px;flex:1}
body.home .sbhome-topic-copy strong{color:#392c27!important;font-size:17.5px!important;line-height:1.4!important;font-weight:850!important}
body.home .sbhome-topic-copy small{display:block;color:#6c6357!important;font-size:14px!important;line-height:1.6}
body.home .sbhome-topic-arrow{margin-top:auto;align-self:center;color:#90603f;font-size:18px}
/* 新着の専門記事と、現地撮影レポートが揃ったときだけ表示 */
body.home .sbhome-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.home .sbhome-reading-card{display:block;overflow:hidden;border:1px solid #e2d5c4;border-radius:8px;background:#fffdfa;color:#3d312a!important}
body.home .sbhome-reading-card:hover{border-color:#bfa17a;background:#fffaf2}
body.home .sbhome-reading-thumb{width:100%;aspect-ratio:16/9;overflow:hidden;background:#eee1ce}
body.home .sbhome-reading-thumb img{display:block;width:100%;height:100%;object-fit:cover}
body.home .sbhome-reading-body{padding:17px}
body.home .sbhome-reading-cat{
 display:inline-block;padding:3px 9px;background:#faeee2;color:#824638!important;
 border-radius:3px;font-size:13.5px;font-weight:800;line-height:1.5
}
body.home .sbhome-reading-body h3{
 margin:10px 0 9px!important;padding:0!important;border:0!important;
 background:transparent!important;color:#332821!important;font-size:19px!important;
 font-weight:800!important;line-height:1.55!important
}
body.home .sbhome-reading-body p{color:#62594e!important;font-size:15px!important;line-height:1.75!important;margin:0 0 12px!important}
body.home .sbhome-reading-more{color:#813e30;font-size:14.5px;font-weight:800}
/* 力士の基本ページが専門記事の入口になる */
body.home .sbhome-heading-link,
body.home .sbhome-text-link a{
 display:inline-flex;align-items:center;gap:9px;min-height:44px;
 padding:8px 14px;border:1px solid #cdb89c;border-radius:6px;
 background:#fffdfa;color:#71362b!important;font-size:15px;font-weight:800
}
body.home .sbhome-heading-link:hover,
body.home .sbhome-text-link a:hover{background:#fff3e3}
body.home .sbhome-person-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:14px}
body.home .sbhome-person-series{margin:21px 0 0;padding:18px;border:1px solid #dfcdb4;border-radius:9px;background:#fffaf3}
body.home .sbhome-person-series>h3{margin:0 0 13px!important;padding:0 0 10px!important;background:transparent!important;border:0!important;border-bottom:2px solid #e0c7a7!important;box-shadow:none!important;color:#5a312c!important;font-size:21px!important;line-height:1.5!important;font-weight:850!important}
body.home .sbhome-person-series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.home .sbhome-person-series-grid>a{display:flex;flex-direction:column;justify-content:space-between;min-width:0;gap:9px;padding:16px;border:1px solid #e6d7c5;border-radius:7px;background:#fff;color:#3e2b26!important;text-decoration:none!important;line-height:1.7}
body.home .sbhome-person-series-grid>a:hover{border-color:#b99466;background:#fff9ed}
body.home .sbhome-person-series-grid strong{font-size:17px!important;line-height:1.6!important;color:#3a2b26!important;font-weight:800!important;overflow-wrap:anywhere}
body.home .sbhome-person-series-grid>a span{color:#8b4237!important;font-size:14.5px!important;font-weight:800!important}
body.home .sbhome-person-series-note{margin:14px 0 0!important;color:#695d52!important;font-size:14.5px!important;line-height:1.8!important}
@media(max-width:650px){body.home .sbhome-person-series{padding:14px}body.home .sbhome-person-series-grid{grid-template-columns:1fr}body.home .sbhome-person-series>h3{font-size:19px!important}body.home .sbhome-person-series-grid>a{padding:13px 14px}}
body.home .sbhome-person-card{
 display:flex;align-items:center;gap:12px;min-height:82px;padding:14px;
 border:1px solid #dfd2c0;border-radius:7px;background:#fffdfa;color:#44322b!important
}
body.home .sbhome-person-card:hover{background:#fff7ee;border-color:#bfa17a}
body.home .sbhome-person-symbol{
 display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;
 border-radius:50%;border:2px solid #d7b581;background:#f8edda;
 color:#824036;font-family:var(--sb-serif);font-size:24px;font-weight:850
}
body.home .sbhome-person-details{display:grid;gap:3px;flex:1}
body.home .sbhome-person-details strong{color:#342923!important;font-size:18px!important;font-weight:850!important;line-height:1.4!important}
body.home .sbhome-person-details small{font-size:14px!important;color:#685d52;line-height:1.55}
body.home .sbhome-person-arrow{margin-left:auto;color:#92613c}
body.home .sbhome-text-link{margin:16px 0 0;text-align:right}
body.home .sbhome-category-links{display:flex;flex-wrap:wrap;gap:9px}
body.home .sbhome-category-links a{
 display:inline-flex;align-items:center;gap:12px;min-height:45px;
 padding:8px 12px;border:1px solid #ddcbb4;border-radius:6px;
 background:#fffdfa;color:#743a30!important;font-size:15px;font-weight:800
}
/* 深堀りのツールは最後へ。UIに余白を作る */
body.home .sbhome-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.home .sbhome-data-grid>a{
 position:relative;display:grid;gap:4px;align-content:start;
 min-height:180px;padding:20px 17px;border:1px solid #dfcfba;
 border-radius:8px;background:#fffdfa;color:#46372e!important
}
body.home .sbhome-data-grid>a:hover{background:#fff7eb;border-color:#c5a273}
body.home .sbhome-data-index{
 justify-self:start;padding:3px 11px;border:1px solid #e2cba5;border-radius:3px;
 background:#f9eddb;color:#784032;font-size:13px;font-weight:850
}
body.home .sbhome-data-grid strong{display:block;margin:7px 0 4px;font-size:19px!important;color:#342923;font-weight:850;line-height:1.5!important}
body.home .sbhome-data-grid>a>span:nth-of-type(2){color:#675e53;font-size:14.5px;line-height:1.7}
body.home .sbhome-data-grid b{position:absolute;right:16px;bottom:12px;color:#8c5035;font-size:20px}
body.home .sbhome-more-tools{margin:14px 0 0!important;overflow:hidden;border:1px solid #d9c6ad;border-radius:8px;background:#fffdfa}
body.home .sbhome-more-tools summary{
 display:list-item;cursor:pointer;min-height:49px;padding:11px 16px!important;
 color:#753a30!important;font-weight:800;font-size:16px!important;line-height:1.65;list-style-position:inside
}
body.home .sbhome-more-tools[open] summary{border-bottom:1px solid #e5d7c6;background:#faf3e8}
body.home .sbhome-more-tools>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:13px}
body.home .sbhome-more-tools a{
 display:block;padding:11px 12px;border-radius:6px;background:#f9f1e6;
 color:#743a30!important;font-size:15px;font-weight:750
}
body.home .sbhome-policy{
 display:flex;align-items:center;justify-content:space-between;gap:26px;
 margin:43px 0 0;padding:24px 25px;border:1px solid #d8c9b0;
 border-left:5px solid #a57c45;border-radius:7px;background:#fbf8f0
}
body.home .sbhome-policy h2{
 margin:0 0 9px!important;padding:0!important;border:0!important;
 background:transparent!important;font-size:22px!important;color:#423329!important;
 line-height:1.5!important;font-weight:850
}
body.home .sbhome-policy p{max-width:800px;margin:0!important;color:#5e5448!important;font-size:16px!important;line-height:1.85!important}
body.home .sbhome-policy>a{
 display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;
 min-height:46px;padding:10px 14px;border-radius:6px;
 border:1px solid #cab18f;background:#fffdfa;
 color:#743e2f!important;font-size:15px;font-weight:800
}
/* タブレット：フォーム・カードを読みやすい段組みに */
@media(max-width:1120px){
 body.home .sbhome-hero{grid-template-columns:minmax(0,1fr) minmax(0,.89fr);padding:25px;gap:19px}
 body.home .sbhome-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.home .sbhome-topic-card{min-height:104px}
 body.home .sbhome-person-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:930px){
 body.home #inner-content.sbhome-wrap.wrap{width:calc(100% - 40px)!important;padding:18px 0 0!important}
 body.home .sbhome-content .sbhome-main > .sbhome-section{
  padding-left:20px!important;
  padding-right:20px!important;
 }
 body.home .sbhome-hero{grid-template-columns:minmax(0,1fr);gap:19px}
 body.home .sbhome-hero-title{font-size:clamp(33px,4.5vw,45px)!important}
 body.home .sbhome-guide-links{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.home .sbhome-guide-links>a{min-height:74px}
 body.home .sbhome-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.home .sbhome-policy{display:block}
 body.home .sbhome-policy>a{margin-top:14px}
}
@media(max-width:650px){
 body.home #inner-content.sbhome-wrap.wrap{width:calc(100% - 32px)!important;padding:12px 0 0!important}
 body.home .sbhome-content .sbhome-main > .sbhome-section{
  padding-left:14px!important;
  padding-right:14px!important;
 }
 body.home .sbhome-hero{padding:20px 14px 23px!important;border-radius:9px;gap:19px}
 body.home .sbhome-hero::before{width:310px;height:310px;top:-140px;left:33%;border-width:17px;opacity:.65}
 body.home .sbhome-label{font-size:14px!important;margin:0 0 12px!important}
 body.home .sbhome-hero-title{font-size:clamp(29px,7.4vw,38px)!important;line-height:1.48!important;margin:0 0 13px!important}
 body.home .sbhome-hero-lead{font-size:16.5px!important;line-height:1.82!important;margin:0 0 18px!important}
 body.home .sbhome-search{padding:14px!important}
 body.home .sbhome-search label{font-size:17px!important}
 body.home .sbhome-search-control{display:grid;grid-template-columns:1fr;gap:7px}
 body.home .sbhome-search-control input{min-height:50px!important}
 body.home .sbhome-search-control button{width:100%;min-height:48px!important}
 body.home .sbhome-hero-guide{padding:14px}
 body.home .sbhome-guide-head strong{font-size:19px!important}
 body.home .sbhome-guide-head>span{font-size:13px!important}
 body.home .sbhome-guide-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.home .sbhome-guide-links>a{min-height:70px;padding:11px 10px;gap:5px}
 body.home .sbhome-guide-mark{display:none}
 body.home .sbhome-guide-copy strong{font-size:16px!important;line-height:1.5!important}
 body.home .sbhome-guide-copy small{display:none}
 body.home .sbhome-guide-arrow{font-size:21px}
 body.home .sbhome-section{margin:33px 0 0}
 body.home .sbhome-heading{display:block;margin:0 0 13px!important;padding:0 0 11px}
 body.home .sbhome-heading h2{font-size:23px!important}
 body.home .sbhome-heading>p{margin:8px 0 0!important;font-size:15px!important}
 body.home .sbhome-heading-link{margin-top:11px}
 body.home .sbhome-topic-grid{grid-template-columns:1fr;gap:12px}
 body.home .sbhome-topic-card{min-height:84px;padding:13px 12px}
 body.home .sbhome-topic-mark{width:40px;height:40px;flex-basis:40px;font-size:20px}
 body.home .sbhome-topic-copy strong{font-size:17px!important}
 body.home .sbhome-topic-copy small{font-size:14px!important}
 body.home .sbhome-reading-grid,body.home .sbhome-person-grid,
 body.home .sbhome-data-grid{grid-template-columns:1fr;gap:12px}
 body.home .sbhome-person-card{min-height:75px;padding:12px}
 body.home .sbhome-data-grid>a{min-height:138px}
 body.home .sbhome-more-tools>div{grid-template-columns:1fr}
 body.home .sbhome-policy{margin:31px 0 0;padding:18px 15px}
 body.home .sbhome-policy h2{font-size:20px!important}
 body.home .sbhome-policy p{font-size:15.5px!important}
 body.home .sbhome-policy>a{width:100%;justify-content:center;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){body.home .sbhome-content a{transition:none!important}}
