/* Preserve existing control classes/handlers while using native buttons. */
@font-face {font-family:iconfont;src:url(../fonts/iconfont-ccq3.woff2) format("woff2"),url(../fonts/iconfont-ccq3.woff) format("woff"),url(../fonts/iconfont-ccq3.ttf) format("truetype");font-display:swap;}
button.seo-control {appearance:none;background:transparent;border:0;color:inherit;font:inherit;padding:0;cursor:pointer;}
button.seo-control:focus-visible {outline:2px solid var(--tpl-accent,#40cc92);outline-offset:3px;}
.head_menu_b button.menu {float:left;line-height:1.5;margin-right:15px;text-align:center;}
.bstem .head_menu_b button.menu {color:var(--tpl-text-on-inverse);}
.extra-fab button.seo-control {display:flex;align-items:center;justify-content:center;width:44px;height:44px;line-height:40px;border-radius:25px;background:rgba(123,123,123,.6);text-align:center;color:var(--tpl-text-subtle,#666);}
.extra-fab button.extra-toggle,.extra-fab button.backtop {background:var(--tpl-accent,#40cc92);}
.extra-fab button.backtop {display:none;color:#fff;}
.extra-fab button.seo-control.hide {display:none;}
.seo-related-list {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0;}
.seo-related-list li {min-width:0;}
.seo-related-poster {display:block;overflow:hidden;border-radius:var(--tpl-radius,6px);background:var(--tpl-bg-base,#eee);}
.seo-related-poster img {display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;}
.seo-related-title {display:block;margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.seo-related-list p {margin:4px 0 0;font-size:12px;}
@media(max-width:820px){
  .head_menu_b button.menu {font-size:.5rem;}
  .seo-related-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
}