@charset "UTF-8";
/*
  相撲びと：全ページ共通の大相撲デザイン（2026年10月）
  臙脂 / 土俵砂 / 生成り / 墨。STORK19の固有機能は残す。
  レイアウトは既存テンプレートを尊重し、余白・可読性・タップ領域を統一する。
*/
:root{
 --sb-brand-wine:#74352f;--sb-brand-deep:#3d2722;--sb-brand-gold:#bc945b;
 --sb-brand-paper:#faf8f3;--sb-brand-ivory:#fffdf9;--sb-brand-ink:#2d2a26;
 --sb-brand-muted:#675e53;--sb-brand-border:#e3d7c6;
 --sb-brand-serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
}
/* 既存の赤銅色のヘッダーとフッターを品質基準として引き締める */
body #header.stk_header{
 background:linear-gradient(90deg,#30211e 0%,#452621 63%,#612f29 100%)!important;
 border-bottom:2px solid #be955c!important;
 box-shadow:0 4px 16px rgba(29,17,14,.10)!important
}
body #header .inner-header.wrap{max-width:1240px}
body #header .text-logo-link{
 color:#fffdf8!important;font-family:var(--sb-brand-serif)!important;
 font-weight:900!important;font-size:26px!important;letter-spacing:.045em!important
}
body #header .site__logo::before{
 background:#6a2e2a!important;border:2px solid #cbab73!important;
 color:#fae7c4!important;box-shadow:inset 0 0 0 3px rgba(255,247,221,.07)!important
}
body #header .stk_g_nav li>a{
 color:#f8ede0!important;font-size:15px!important;font-weight:800!important;
 letter-spacing:0!important
}
body #header .stk_g_nav li>a:hover,
body #header .stk_g_nav li.current-menu-item>a{
 background:rgba(255,255,255,.07)!important;color:#fff!important
}
body #header .stk_g_nav li>a:after{background:#d3ab70!important}
body #header .nav_btn{color:#f7eada!important}
body #header .nav_btn .text{font-size:14px!important;color:#f6e5d1!important;text-transform:none!important}
body #header .nav_btn:focus-visible,body #header .stk_g_nav a:focus-visible{
 outline:3px solid #edce94!important;outline-offset:-3px!important
}
/* 英字のsearch/menuボタンは見た目を確実に日本語化。アクセシビリティ用にはJSも適用。 */
body #header .nav_btn .text{
 font-size:0!important;line-height:0!important
}
body #header .search_btn .text::after,
body #header .menu_btn .text::after{
 display:block;color:#f6e5d1!important;font-family:"Hiragino Sans","Yu Gothic",Meiryo,sans-serif!important;
 font-size:13px!important;line-height:1.6!important;font-weight:800!important;text-transform:none!important
}
body #header .search_btn .text::after{content:"検索"}
body #header .menu_btn .text::after{content:"メニュー"}

body #footer.footer{
 background:linear-gradient(145deg,#28201d,#3b2420 58%,#5b3029)!important;
 border-top:3px solid #a77d48!important;
 color:#f4e9dc!important
}
body #footer .sb69-footer-copy p{
 font-size:14.5px!important;line-height:1.85!important;color:#e5d6c4!important
}
body #footer .footer-links a,
body #footer .sb69-footer-shortcuts a{
 font-size:14.5px!important;color:#f3dfbc!important;line-height:1.6!important
}
/* 文章が主体の各ページを、読み物として読みやすくする */
body:not(.home):not(.single-rikishi){
 background:#f8f6f1!important;color:var(--sb-brand-ink)
}
body:not(.home):not(.single-rikishi) #content #inner-content.wrap{
 width:min(calc(100% - 30px),1190px);max-width:1190px;
 margin-left:auto;margin-right:auto;
 padding-top:28px
}
body:not(.home):not(.single-rikishi) #main .article,
body:not(.home):not(.single-rikishi) #main article.article{
 background:#fffdf9;border:1px solid #e9ded0;border-radius:8px;
 box-shadow:0 5px 18px rgba(50,33,25,.03);overflow:hidden
}
body:not(.home):not(.single-rikishi) #main .entry-title{
 color:#382e28!important;line-height:1.53!important;
 font-family:var(--sb-brand-serif)!important;
 font-size:clamp(25px,2.6vw,34px)!important;font-weight:850!important;
 overflow-wrap:anywhere
}
body:not(.home):not(.single-rikishi) #main :is(.entry-title.page-title,.entry-title.post-title){
 margin:0!important;padding:18px 0 15px!important;border:0!important;
 border-bottom:3px solid #d7b582!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;text-shadow:none!important
}
body:not(.home):not(.single-rikishi) #main .entry-title:before,
body:not(.home):not(.single-rikishi) #main .entry-title:after{content:none!important;display:none!important}
body:not(.home):not(.single-rikishi) #main .entry-content{
 color:var(--sb-brand-ink);font-size:17px;line-height:1.92;overflow-wrap:anywhere
}
body:not(.home):not(.single-rikishi) #main .entry-content > p,
body:not(.home):not(.single-rikishi) #main .entry-content > ul,
body:not(.home):not(.single-rikishi) #main .entry-content > ol,
body:not(.home):not(.single-rikishi) #main .entry-content > blockquote{
 font-size:17px!important;line-height:1.92!important;color:#302b26!important
}
body:not(.home):not(.single-rikishi) #main .entry-content > h2,
body:not(.home):not(.single-rikishi) #main .entry-content > .wp-block-heading:is(h2){
 margin:1.9em 0 .8em!important;padding:13px 17px!important;
 border:0!important;border-left:5px solid #9e5a43!important;
 background:#f8efe3!important;border-radius:4px!important;
 color:#512f28!important;font-size:clamp(21px,2vw,26px)!important;
 font-weight:850!important;line-height:1.6!important;box-shadow:none!important
}
body:not(.home):not(.single-rikishi) #main .entry-content > h3{
 margin:1.65em 0 .75em!important;padding:0 0 9px!important;
 border:0!important;border-bottom:2px solid #e6d4bd!important;
 background:transparent!important;color:#664034!important;
 font-size:clamp(19px,1.75vw,22px)!important;line-height:1.6!important
}
body:not(.home):not(.single-rikishi) #main .entry-content > h2:before,
body:not(.home):not(.single-rikishi) #main .entry-content > h2:after,
body:not(.home):not(.single-rikishi) #main .entry-content > h3:before,
body:not(.home):not(.single-rikishi) #main .entry-content > h3:after{
 content:none!important;display:none!important
}
body:not(.home):not(.single-rikishi) #main .entry-content a{
 color:#7a3830;text-decoration-color:#bc8778;text-underline-offset:3px
}
body:not(.home):not(.single-rikishi) #main .entry-content a:hover{color:#a13c2c}
body:not(.home):not(.single-rikishi) #main .entry-content :is(input[type="search"],input[type="text"],select,textarea){
 max-width:100%;min-height:44px;font-size:16px
}
body:not(.home):not(.single-rikishi) #main .entry-content :is(button,input[type="submit"]){
 min-height:44px;font-size:15px;font-weight:750
}
/* 長いデータ表やコードによりページ全体が横へはみ出さない */
body #main{min-width:0}
body #main img,body #main svg{max-width:100%}
body #main :is(.sb12-heya-list,.sb12-heya-grid,.sb23-tool,.sb26-search){
 max-width:100%;overflow-wrap:anywhere
}
body #main :is(.sb12-heya-list,.sb23-tool,.sb26-search) table{max-width:100%}
body #sidebar1,body .sidebar{min-width:0}
body #sidebar1 .widget{margin-bottom:24px}
body #sidebar1 .widget-title,body #sidebar1 .widget h3{
 overflow-wrap:anywhere;line-height:1.6
}
body a:focus-visible,body button:focus-visible,
body [role="button"]:focus-visible,body input:focus-visible{
 outline:3px solid #b98840!important;outline-offset:2px!important
}
/* タブレット：余白を節約しつつ2カラムの内容を潰さない */
@media(min-width:768px) and (max-width:1060px){
 body #header .inner-header.wrap{padding-left:10px!important;padding-right:6px!important}
 body #header .site__logo{min-width:142px!important;flex:0 0 auto!important}
 body #header .site__logo::before{width:32px!important;height:32px!important;margin-right:7px!important}
 body #header .text-logo-link{font-size:21px!important}
 body #header .stk_g_nav li>a{
  font-size:13.5px!important;letter-spacing:-.015em!important;
  padding-left:7px!important;padding-right:7px!important
 }
 body #header .nav_btn{width:44px!important;min-width:44px!important}
}
@media(max-width:1060px){
 body #header .stk_g_nav li>a{font-size:13.5px!important;padding-left:7px!important;padding-right:7px!important}
 body:not(.home):not(.single-rikishi) #content #inner-content.wrap{padding-top:19px}
}
@media(max-width:767px){
 body #header .inner-header.wrap{min-height:62px}
 body #header .text-logo-link{font-size:21px!important}
 body #header .stk_g_nav.fadeIn{background:#39231f!important}
 body #header .stk_g_nav.fadeIn li>a{
  min-height:49px!important;font-size:16px!important;color:#fff6eb!important
 }
 body #header .nav_btn{min-height:62px}
 body:not(.home):not(.single-rikishi) #content #inner-content.wrap{
  width:calc(100% - 18px)!important;padding-top:12px!important
 }
 body:not(.home):not(.single-rikishi) #main .article,
 body:not(.home):not(.single-rikishi) #main article.article{
  border-radius:6px!important;box-shadow:none!important
 }
 body:not(.home):not(.single-rikishi) #main .entry-content{
  font-size:16.5px!important;line-height:1.9!important
 }
 body:not(.home):not(.single-rikishi) #main .entry-content > p,
 body:not(.home):not(.single-rikishi) #main .entry-content > li{
  font-size:16.5px!important;line-height:1.9!important
 }
 body:not(.home):not(.single-rikishi) #main .entry-title{
  font-size:clamp(24px,5.9vw,30px)!important
 }
 body:not(.home):not(.single-rikishi) #main .entry-content > h2{
  font-size:21px!important;padding:11px 13px!important
 }
 body:not(.home):not(.single-rikishi) #main .entry-content table{
  display:block;max-width:100%!important;overflow-x:auto;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin
 }
 body #footer .footer-links>.menu{gap:8px 12px}
 body #footer .sb69-footer-brand{gap:11px}
}
@media(prefers-reduced-motion:reduce){
 body #header .stk_g_nav li>a{transition:none!important}
}