@charset "UTF-8";
/**
 * 相撲びと｜総合相撲メディアのトップ最終デザイン（2026-10-30）
 * 専用範囲: body.home .sbhome-contentのみ。
 * 写真人物なし・画像に文字なし。記事・広告・SEO URLを変更しない。
 */
body.home .sbhome-content{
 --sumo-paper:#f9f4ea;--sumo-cream:#fffdf9;--sumo-ink:#332d29;
 --sumo-wine:#873e34;--sumo-gold:#b5915a;--sumo-border:#e4d7c4;
 background:
 radial-gradient(circle at 8% 2%,rgba(222,185,117,.13),transparent 34%),
 repeating-linear-gradient(0deg,transparent 0 37px,rgba(188,160,118,.018) 38px 39px),
 #f8f3eb!important;
 color:#382d27!important;
 padding-bottom:68px!important;
}
body.home #inner-content.sbhome-wrap.wrap{
 width:min(calc(100% - 40px),1320px)!important;
 max-width:1320px!important;
 padding-top:19px!important;
}
body.home #inner-content.sbhome-wrap #main.sbhome-main{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 gap:0!important;
}
body.home #header .inner-header{max-width:1360px}
body.home .sbhome-content .sbhome-main > .sbhome-section{
 margin:30px 0 0!important;padding:24px 26px!important;
 border:1px solid var(--sumo-border)!important;
 border-radius:12px!important;background:rgba(255,253,249,.94)!important;
 box-shadow:0 4px 14px rgba(73,48,26,.035);
}

/* ヒーロー：画像は土俵・吊り屋根・軍配を描いた独自SVG。文字はHTML。 */
body.home .sbhome-content .sbhome-hero{
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 position:relative!important;min-height:490px!important;
 padding:52px clamp(27px,5vw,70px)!important;
 gap:0!important;border:1px solid #dcc8a8!important;border-radius:14px!important;
 background:
 linear-gradient(110deg,rgba(255,251,243,.96) 0%,rgba(255,250,239,.93) 47%,rgba(255,249,237,.76) 58%,rgba(231,208,172,.45) 100%),
 radial-gradient(circle at 77% 40%,#e3cda8,#faf1e1 68%)!important;
 box-shadow:0 12px 26px rgba(70,44,28,.075)!important;
 isolation:isolate!important;
}
body.home .sbhome-hero::before{content:none!important;display:none!important}
body.home .sbhome-hero::after{height:6px!important;background:linear-gradient(90deg,#924739,#caa06a,#825144)!important;opacity:1!important}
body.home .sbhome-hero-illustration{
 position:absolute;z-index:0;right:-2%;bottom:-9%;width:min(68%,860px);
 height:114%;pointer-events:none;object-fit:contain;opacity:.98;
}
body.home .sbhome-hero-copy{
 z-index:2!important;position:relative!important;max-width:545px!important;
 align-self:flex-start!important;
}
body.home .sbhome-label{
 padding:4px 11px!important;margin:0 0 13px!important;
 border:1px solid #dec6a6!important;background:#fff8ed!important;
 color:#8a4837!important;font-weight:800!important;font-size:14px!important;
 letter-spacing:.075em!important;box-shadow:none!important;
}
body.home .sbhome-hero-title{
 color:#64362c!important;font-size:clamp(32px,4.25vw,58px)!important;
 line-height:1.36!important;letter-spacing:.035em!important;
 margin:0 0 16px!important;max-width:600px!important;text-shadow:none!important;
 font-weight:900!important;
}
body.home .sbhome-hero-title em{color:#965440!important}
body.home .sbhome-hero-lead{
 max-width:495px!important;font-size:17px!important;line-height:1.9!important;
 color:#51473c!important;margin:0 0 18px!important;text-shadow:none!important;font-weight:600!important;
}
body.home .sbhome-search{
 max-width:500px!important;width:100%!important;
 border:1px solid #dcc8aa!important;border-radius:10px!important;
 background:rgba(255,253,248,.95)!important;
 box-shadow:0 5px 18px rgba(68,47,26,.08)!important;
 padding:15px!important;
}
body.home .sbhome-search label{color:#4d382b!important;font-size:16px!important;margin-bottom:8px!important}
body.home .sbhome-search-control input{
 background:#fff!important;border:1px solid #bcae9f!important;
 min-height:47px!important;font-size:16px!important;border-radius:6px!important
}
body.home .sbhome-search-control button{
 background:#813e34!important;min-height:47px!important;font-size:15px!important;
 border-color:#813e34!important;padding:7px 12px!important
}
body.home .sbhome-search-control button:hover{background:#602b24!important}
body.home .sbhome-search>p{font-size:13px!important;color:#675647!important;margin-top:9px!important}
body.home .sbhome-hero-guide{display:none!important}

/* よく使う機能：ヒーロー下のコンパクト4カラム */
body.home .sbhome-quickbar{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
 padding:12px 0 2px;margin:8px 0 0;
}
body.home .sbhome-quickbar a{
 display:flex;align-items:center;gap:11px;min-height:72px;
 border:1px solid #dfceb7;background:#fffefa;border-radius:9px;
 padding:12px 14px;color:#42382e!important;
 box-shadow:0 2px 7px rgba(93,67,40,.035);
}
body.home .sbhome-quickbar a:hover{background:#fff6e8;border-color:#ba986f;transform:translateY(-1px)}
body.home .sbhome-quickbar-mark{
 flex:0 0 41px;width:41px;height:41px;display:grid;place-items:center;
 border-radius:9px;background:#884238;color:#fff;font-family:Georgia,serif;
 font-size:20px;font-weight:850;line-height:1;
}
body.home .sbhome-quickbar a:nth-child(2) .sbhome-quickbar-mark{background:#2c4e51}
body.home .sbhome-quickbar a:nth-child(3) .sbhome-quickbar-mark{background:#5c5934}
body.home .sbhome-quickbar a:nth-child(4) .sbhome-quickbar-mark{background:#423b5b}
body.home .sbhome-quickbar-copy{display:grid;gap:1px;flex:1}
body.home .sbhome-quickbar-copy strong{font-weight:850;color:#382d27;font-size:16px;line-height:1.35}
body.home .sbhome-quickbar-copy small{color:#766859;font-size:12px;line-height:1.45}
body.home .sbhome-quickbar-arrow{color:#9a643f;margin-left:auto;font-size:19px}

/* セクション共通：和紙、えんじの小さなアクセント、余白 */
body.home .sbhome-heading{border-bottom:1px solid #d9c5a9!important;padding:0 0 14px!important;margin:0 0 18px!important}
body.home .sbhome-kicker{color:#945b3c!important;font-size:13px!important;font-weight:800}
body.home .sbhome-heading h2{
 color:#392e26!important;font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif!important;
 font-size:clamp(22px,2.5vw,30px)!important;letter-spacing:.035em;
}
body.home .sbhome-heading h2::before{display:none!important}
body.home .sbhome-heading>p{color:#786b5e!important;max-width:510px;font-size:15px!important;line-height:1.65!important}

/* 分野から探す：イラストなしの写真依存を避け、8色の絵札型カード */
body.home .sbhome-topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body.home .sbhome-topic-card{
 position:relative!important;display:flex!important;flex-direction:column!important;
 justify-content:space-between!important;gap:17px!important;
 min-height:190px!important;padding:19px 17px!important;
 border:1px solid rgba(85,58,46,.16)!important;border-radius:10px!important;
 color:#fff!important;background:#773b35!important;overflow:hidden;isolation:isolate;
 box-shadow:inset 0 0 30px rgba(0,0,0,.09);
}
body.home .sbhome-topic-card::before{
 content:"";position:absolute;z-index:-1;inset:0;
 background:
 radial-gradient(circle at 90% 0%,rgba(255,242,216,.20),transparent 40%),
 radial-gradient(ellipse at 90% 75%,transparent 0 30px,rgba(255,234,191,.20) 31px 33px,transparent 34px 54px,rgba(255,234,191,.13) 55px 58px,transparent 59px),
 repeating-linear-gradient(140deg,transparent 0 18px,rgba(255,244,220,.025) 18px 19px);
 pointer-events:none;
}
body.home .sbhome-topic-card:nth-child(2){background:#2c3653!important}
body.home .sbhome-topic-card:nth-child(3){background:#4d512e!important}
body.home .sbhome-topic-card:nth-child(4){background:#9a6238!important}
body.home .sbhome-topic-card:nth-child(5){background:#5b344e!important}
body.home .sbhome-topic-card:nth-child(6){background:#2e5553!important}
body.home .sbhome-topic-card:nth-child(7){background:#344f6a!important}
body.home .sbhome-topic-card:nth-child(8){background:#70523b!important}
body.home .sbhome-topic-card:hover{
 filter:brightness(1.08);transform:translateY(-2px)!important;border-color:#dcc1a0!important;
}
body.home .sbhome-topic-mark{
 display:grid!important;place-items:center!important;
 width:51px!important;height:51px!important;flex:0 0 51px!important;
 border:1px solid rgba(255,245,226,.62)!important;border-radius:50%!important;
 background:rgba(255,251,244,.13)!important;color:#fff6d8!important;
 font-size:27px!important;font-family:"Yu Mincho",serif!important;
}
body.home .sbhome-topic-copy{display:grid!important;gap:5px!important;align-self:stretch}
body.home .sbhome-topic-copy strong{font-size:18px!important;color:#fffdf7!important;text-shadow:0 1px 3px rgba(0,0,0,.14)}
body.home .sbhome-topic-copy small{font-size:13px!important;color:#fff4e5!important;line-height:1.55!important}
body.home .sbhome-topic-arrow{position:absolute;right:13px;top:14px;color:#fff!important;font-size:19px!important}

/* 説明記事：タイトル重複を防ぐため、トップのカード内画像は隠す */
body.home .sbhome-reading-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
body.home .sbhome-reading-card{
 min-height:201px;border:1px solid #e3d4bf!important;border-radius:9px!important;
 background:#fff!important;position:relative;box-shadow:0 2px 9px rgba(44,36,28,.045);
}
body.home .sbhome-reading-card::before{
 content:"";display:block;height:5px;background:#9a5745;
}
body.home .sbhome-reading-card:nth-child(3n+2)::before{background:#345958}
body.home .sbhome-reading-card:nth-child(3n+3)::before{background:#75603d}
body.home .sbhome-reading-thumb{display:none!important}
body.home .sbhome-reading-body{display:flex;flex-direction:column;align-items:start;padding:18px 17px 16px!important;height:100%}
body.home .sbhome-reading-cat{background:#fbefe1!important;color:#8e4b37!important;border-radius:5px!important;font-size:12px!important}
body.home .sbhome-reading-body h3{font-size:17px!important;line-height:1.57!important;color:#372e28!important;margin:9px 0 8px!important}
body.home .sbhome-reading-body p{font-size:14px!important;line-height:1.68!important;color:#665b4f!important;margin:0 0 11px!important;
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
body.home .sbhome-reading-more{margin-top:auto!important;font-size:13px!important;color:#8e4436!important;font-weight:850}

/* 力士特集は1人の専門サイトに見えないように分野の後方に置く */
body.home .sbhome-main>.sbhome-topics{order:2}
body.home .sbhome-main>.sbhome-reading{order:3}
body.home .sbhome-main>.sbhome-persons{order:4}
body.home .sbhome-main>.sbhome-onsite{order:5}
body.home .sbhome-main>.sbhome-data{order:6}
body.home .sbhome-main>.sbhome-categories{order:7}
body.home .sbhome-main>.sbhome-news{order:8}
body.home .sbhome-main>.sbhome-policy{order:9}
body.home .sbhome-person-grid{margin-bottom:14px}
body.home .sbhome-person-card{background:linear-gradient(95deg,#fdf4e4,#fffefd)!important;border:1px solid #dcc7ad!important;gap:15px!important;padding:15px 19px!important;border-radius:9px!important}
body.home .sbhome-person-symbol{background:#893e33!important;color:#fffdf5!important}
body.home .sbhome-person-series{background:#fcf9f3!important;border:1px solid #e6d4bd!important;padding:16px!important;margin:15px 0 0!important}
body.home .sbhome-person-series>h3{font-size:18px!important}
body.home .sbhome-person-series-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
body.home .sbhome-person-series-grid>a{
 padding:11px 12px!important;gap:6px!important;min-height:78px!important;
 border-radius:6px!important;background:#fff!important;
}
body.home .sbhome-person-series-grid strong{font-size:14px!important;line-height:1.5!important}
body.home .sbhome-person-series-grid>a span{font-size:12px!important}
body.home .sbhome-person-series-note{font-size:13px!important}

/* 分析リンクを見やすく：重いボックスは軽い情報カードに */
body.home .sbhome-data-grid{gap:11px!important}
body.home .sbhome-data-grid>a{border-radius:8px!important;min-height:0!important;box-shadow:none!important}
body.home .sbhome-data-grid strong{font-size:17px!important}
body.home .sbhome-news{background:#fffcf8!important}
body.home .sbhome-policy{margin-top:28px!important;border:1px solid #e1d0b9!important;background:#faf2e5!important;border-radius:9px!important}

/* タブレット */
@media(max-width:1040px){
 body.home #inner-content.sbhome-wrap.wrap{width:calc(100% - 30px)!important}
 body.home .sbhome-content .sbhome-hero{min-height:450px!important;padding:36px!important}
 body.home .sbhome-hero-illustration{width:76%;right:-12%;opacity:.82}
 body.home .sbhome-hero-copy{max-width:520px!important}
 body.home .sbhome-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.home .sbhome-person-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.home .sbhome-quickbar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:730px){
 body.home #inner-content.sbhome-wrap.wrap{width:calc(100% - 24px)!important;padding-top:12px!important}
 body.home .sbhome-content .sbhome-hero{
  min-height:0!important;padding:26px 20px 215px!important;align-items:stretch!important;
  background:linear-gradient(170deg,#fffbf4,#fbf0df 65%,#e8d1ab)!important;
  border-radius:10px!important;
 }
 body.home .sbhome-hero-copy{max-width:none!important;align-self:stretch!important}
 body.home .sbhome-hero-illustration{width:124%;height:300px;right:-27%;bottom:-46px;top:auto;opacity:.7}
 body.home .sbhome-hero-title{font-size:clamp(29px,7.2vw,39px)!important}
 body.home .sbhome-hero-lead{font-size:15px!important;line-height:1.8!important}
 body.home .sbhome-search{padding:11px!important}
 body.home .sbhome-search-control{flex-wrap:nowrap;gap:6px!important}
 body.home .sbhome-search-control input{min-height:47px!important;padding:9px 10px!important;font-size:14px!important}
 body.home .sbhome-search-control button{padding:7px 10px!important;font-size:14px!important}
 body.home .sbhome-search>p{font-size:12px!important}
 body.home .sbhome-quickbar{gap:7px;margin-top:7px}
 body.home .sbhome-quickbar a{gap:8px;padding:11px 9px;min-height:65px}
 body.home .sbhome-quickbar-mark{width:33px;height:33px;flex:0 0 33px;font-size:17px}
 body.home .sbhome-quickbar-copy strong{font-size:14px}
 body.home .sbhome-quickbar-copy small{font-size:13px}
 body.home .sbhome-quickbar-arrow{display:none}
 body.home .sbhome-content .sbhome-main>.sbhome-section{padding:18px 15px!important;margin-top:20px!important}
 body.home .sbhome-heading{gap:5px 15px!important}
 body.home .sbhome-heading h2{font-size:23px!important}
 body.home .sbhome-heading>p{font-size:13px!important}
 body.home .sbhome-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 body.home .sbhome-topic-card{min-height:161px!important;padding:14px 12px!important;gap:11px!important}
 body.home .sbhome-topic-mark{height:39px!important;width:39px!important;flex:0 0 39px!important;font-size:22px!important}
 body.home .sbhome-topic-copy strong{font-size:15px!important}
 body.home .sbhome-topic-copy small{font-size:14px!important}
 body.home .sbhome-reading-grid{grid-template-columns:1fr!important;gap:9px!important}
 body.home .sbhome-reading-card{min-height:0!important}
 body.home .sbhome-reading-body{padding:13px 13px 12px!important}
 body.home .sbhome-reading-body h3{font-size:16px!important}
 body.home .sbhome-reading-body p{font-size:14px!important}
 body.home .sbhome-person-series-grid{grid-template-columns:1fr!important}
 body.home .sbhome-person-series-grid>a{min-height:0!important;padding:11px 12px!important}
}
@media(prefers-reduced-motion:reduce){
 body.home .sbhome-content a{transition:none!important}
 body.home .sbhome-quickbar a:hover,body.home .sbhome-topic-card:hover{transform:none!important}
}
