/* Small visual refresh. Enabled only in the local development headers. */
body.gd-visual-refresh{color:#292929;background:#f7f7f5;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
.gd-visual-refresh>header{background:#fff}
.gd-visual-refresh .header-top{background:#ffca00}
.gd-visual-refresh .header-top-caption{font-size:12px}
.gd-visual-refresh .header-body{padding-top:12px;padding-bottom:10px}
.gd-visual-refresh .header-menu ul{background:#292929;border-bottom:4px solid #ffca00}
.gd-visual-refresh .header-menu ul li a{font-size:16px;padding:12px 0;line-height:1.4;transition:background-color .15s}
.gd-visual-refresh .header-menu ul li a.active{background:#444}
.gd-visual-refresh .header-menu ul li a:hover{background:#414141;opacity:1}
.gd-visual-refresh .contents-box{border:1px solid #e6e6e3;border-radius:6px;margin-bottom:22px}
.gd-visual-refresh .contents-box-header{background:transparent;margin:0;padding:18px 16px 12px}
.gd-visual-refresh .contents-box-header span{display:block;border-left:4px solid #ffca00;padding:0 0 0 10px;margin:0;background:transparent;color:#252525;font-size:20px;line-height:1.5}
.gd-visual-refresh .contents-line{background-image:none;border-bottom:1px solid #ececea;padding:16px;transition:background-color .15s}
.gd-visual-refresh a:hover>.contents-line{background-color:#fffbed}
.gd-visual-refresh .contents-line-icon{margin-right:16px;border-radius:4px;background-color:#f0f0ee}
.gd-visual-refresh .contents-line-title{font-size:17px;line-height:1.55;color:#252525;font-weight:700;padding-right:0}
.gd-visual-refresh .contents-line-description{font-size:13px;line-height:1.7;color:#666;margin-top:6px}
.gd-visual-refresh .contents-line-issue{font-size:11px;color:#777;line-height:1.7;margin-top:6px}
.gd-visual-refresh .contents-line-tag{line-height:1.8;margin-top:6px}
.gd-visual-refresh .contents-line:has(>.contents-line-icon){display:grid;grid-template-columns:25% minmax(0,1fr);column-gap:16px}
.gd-visual-refresh .contents-line:has(>.contents-line-icon)>div{grid-column:2;min-width:0}
.gd-visual-refresh .contents-line:has(>.contents-line-icon)>.contents-line-icon{grid-column:1;grid-row:1 / span 5;width:100%;margin:0}
.gd-visual-refresh .contents-line-description{width:auto;font-weight:400}
.gd-visual-refresh .contents-line-issue{position:static;text-align:left}
.gd-visual-refresh .gd-compact-article>.contents-line-description{display:none}
.gd-visual-refresh .contents-line-tag[hidden],.gd-visual-refresh .contents-sline-tag[hidden]{display:none}
.gd-visual-refresh .gd-search-results .contents-line-description{display:block}
.gd-visual-refresh .gd-series-context{margin:0 0 16px;font-size:13px;line-height:1.7}
.gd-visual-refresh .gd-series-context a{color:#555;text-decoration:underline;text-underline-offset:3px}
.gd-search-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px;flex-wrap:wrap}
.gd-search-pagination a{padding:10px 14px;border:1px solid #ddd;border-radius:4px;color:#333;background:#fff}
.gd-visual-refresh .contents-block{padding:4px 10px 16px}
.gd-visual-refresh .contents-block-icon{width:100%;margin:0 0 10px;border-radius:4px}
.gd-visual-refresh .contents-block-title{font-size:14px;line-height:1.65;font-weight:700}
.gd-visual-refresh .contents-box-footer{height:auto;min-height:48px;padding:12px 16px;margin:0}
.gd-visual-refresh .contents-box-more a{font-size:13px;padding:5px 10px;border:1px solid #ddd;border-radius:4px}
.gd-visual-refresh .contents-right-box{background:transparent;margin-bottom:24px}
.gd-visual-refresh .contents-right-box-header{font-size:17px;border-bottom:2px solid #ddd;padding:0 0 10px;margin-bottom:10px}
.gd-visual-refresh .contents-right-banner img{border-radius:4px}
.gd-visual-refresh .article-list{border-top-color:#e4e4e4}
.gd-visual-refresh a:focus-visible{outline:3px solid #9a7500;outline-offset:3px}
.gd-visual-refresh .gd-article-refresh .gd-reading-link,.gd-visual-refresh .gd-game-guide{border-radius:4px}
@media(max-width:800px){
 .gd-visual-refresh .header-body{padding:8px 0}
 .gd-visual-refresh .header-menu ul li a{font-size:13px;padding:10px 0}
 .gd-visual-refresh .header-body-left,.gd-visual-refresh .header-body-right{top:14px}
 .gd-visual-refresh .contents-box{border-left:0;border-right:0;border-radius:0;margin-bottom:16px}
 .gd-visual-refresh .contents-box-header{padding:16px 14px 10px}
 .gd-visual-refresh .contents-box-header span{font-size:18px;border-left-width:4px}
 .gd-visual-refresh .contents-line{padding:14px 12px}
 .gd-visual-refresh .contents-line-icon{width:28%;height:86px;margin-right:12px}
 .gd-visual-refresh .contents-line:has(>.contents-line-icon){grid-template-columns:28% minmax(0,1fr);column-gap:12px}
 .gd-visual-refresh .contents-line-title{font-size:15px;line-height:1.55}
 .gd-visual-refresh .contents-line-description{font-size:12px}
 .gd-visual-refresh .contents-top .contents-block{padding:10px}
 .gd-visual-refresh .contents-top .contents-block-icon{width:120px;height:80px;margin:0 12px 0 0}
 .gd-visual-refresh .contents-block-title{font-size:13px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){.gd-visual-refresh .contents-line,.gd-visual-refresh .header-menu ul li a{transition:none}}
.gd-visual-refresh .gd-social-links { display:inline-flex; flex-wrap:wrap; align-items:center; gap:8px; }
.gd-visual-refresh .gd-social-links a { display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:0 10px; border:1px solid #ddd; border-radius:4px; color:#333; background:#fff; font-size:12px; font-weight:600; text-decoration:none; box-sizing:border-box; }
.gd-visual-refresh .header-submenu-icon .gd-social-links a { min-height:32px; padding:0 12px; right:5px; white-space:nowrap; }
.gd-visual-refresh .header-submenu-icon .gd-social-links a:not(:first-child) { display:none; }
.gd-visual-refresh .header-submenu-icon .gd-social-links span { display:none; }
.gd-visual-refresh .gd-social-links a:hover { background:#fff7d6; }
.gd-visual-refresh .gd-share { clear:both; margin:24px 0; padding:18px 0; border-top:1px solid #e5e5e0; border-bottom:1px solid #e5e5e0; text-align:left; }
.gd-visual-refresh .gd-share-label { margin:0 0 10px; color:#555; font-size:13px; font-weight:600; }
.gd-visual-refresh .gd-share-actions { display:flex; flex-wrap:wrap; gap:8px; }
.gd-visual-refresh .gd-share-actions a,.gd-visual-refresh .gd-share-actions button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 12px; box-sizing:border-box; border:1px solid #d9d9d3; border-radius:4px; background:#fff; color:#333; font:inherit; font-size:13px; line-height:1.5; text-decoration:none; cursor:pointer; }
.gd-visual-refresh .gd-share-actions a:hover,.gd-visual-refresh .gd-share-actions button:hover { background:#fff7d6; border-color:#c4ae57; }
.gd-visual-refresh .gd-share [hidden] { display:none; }
.gd-visual-refresh .gd-share-status { margin:8px 0 0; font-size:12px; color:#555; }
.gd-visual-refresh .gd-share-status:empty { display:none; }
.gd-visual-refresh .gd-share-fallback { width:100%; box-sizing:border-box; margin-top:8px; padding:10px; }
.gd-visual-refresh .gd-social-icon { width:20px; height:20px; flex:0 0 20px; display:inline-block; vertical-align:middle; }
.gd-visual-refresh .gd-share-actions a,.gd-visual-refresh .gd-share-actions button { gap:7px; }
.gd-visual-refresh .header-submenu-icon .gd-social-icon { width:16px; height:16px; flex-basis:16px; }
/* Shared finishing: editorial navigation, cards, and footer. */
.gd-visual-refresh .gd-primary-nav { display:flex; }
.gd-visual-refresh .header-menu .gd-primary-nav li { width:auto; flex:1; }
.gd-visual-refresh .header-menu .gd-primary-nav a { font-size:14px; white-space:nowrap; }
.gd-visual-refresh .gd-discover { margin-bottom:24px; padding:22px 18px 10px; background:#fff; border:1px solid #e6e6e3; border-top:4px solid #ffca00; border-radius:6px; }
.gd-visual-refresh .gd-section-eyebrow { margin:0 0 8px; color:#827021; font-size:10px; font-weight:700; letter-spacing:.15em; }
.gd-visual-refresh .gd-discover h2 { margin:0 0 18px; font-size:19px; line-height:1.6; color:#292929; }
.gd-visual-refresh .gd-discover a { position:relative; display:block; padding:14px 20px 14px 0; border-top:1px solid #ecece6; color:#292929; text-decoration:none; }
.gd-visual-refresh .gd-discover strong { display:block; font-size:15px; }
.gd-visual-refresh .gd-discover span { display:block; margin-top:4px; font-size:11px; color:#666; }
.gd-visual-refresh .gd-discover b { position:absolute; right:0; top:21px; color:#9d7b00; }
.gd-visual-refresh .gd-discover a:hover strong { text-decoration:underline; text-underline-offset:4px; }
.gd-visual-refresh .contents-right-box:has(.contents-right-box-header) { padding:16px; box-sizing:border-box; border:1px solid #e6e6e3; border-radius:6px; background:#fff; }
.gd-visual-refresh .contents-sline { display:grid; grid-template-columns:80px minmax(0,1fr); gap:5px 12px; width:100%; box-sizing:border-box; padding:14px 0; border-bottom:1px solid #ececea; background-image:none; }
.gd-visual-refresh .contents-sline-icon { grid-column:1; grid-row:1 / span 3; width:80px; height:70px; margin:0; border-radius:4px; background-color:#f2f2ee; }
.gd-visual-refresh .contents-sline-title { grid-column:2; width:auto; font-size:13px; line-height:1.6; color:#292929; }
.gd-visual-refresh .contents-sline-tag { grid-column:2; flex-wrap:wrap; font-size:10px; }
.gd-visual-refresh .contents-sline-issue { grid-column:2; position:static; font-size:11px; color:#777; }
.gd-visual-refresh .contents-sline .contents-line-stamp { position:absolute; left:0; top:14px; right:auto; width:20px; height:20px; line-height:20px; font-size:11px; border-radius:3px 0 3px 0; }
.gd-visual-refresh a:hover>.contents-sline { background-color:#fffbed; }
.gd-visual-refresh .gd-article-refresh .article-list { margin-top:28px; padding:0; }
.gd-visual-refresh .gd-article-refresh .article-list>p { margin:0 0 16px; border-left:4px solid #ffca00; padding-left:12px; font-size:20px; line-height:1.5; }
.gd-visual-refresh .gd-article-refresh #article-list-title,.gd-visual-refresh .gd-article-refresh #article-list-ranking { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.gd-visual-refresh .gd-article-refresh .article-list a[hidden],.gd-visual-refresh .gd-article-refresh .article-list[hidden] { display:none; }
.gd-visual-refresh .gd-article-refresh #article-list-title>a:nth-child(n+7),.gd-visual-refresh .gd-article-refresh #article-list-ranking>a:nth-child(n+5) { display:none; }
.gd-visual-refresh .gd-article-refresh .article-list .contents-sline { height:100%; grid-template-columns:92px minmax(0,1fr); padding:12px; border:1px solid #e6e6e3; border-radius:6px; }
.gd-visual-refresh .gd-article-refresh .article-list .contents-sline-icon { width:92px; height:76px; }
.gd-visual-refresh .gd-article-refresh .article-list .contents-sline-title { font-size:13px; }
.gd-visual-refresh .gd-article-refresh .article-list .contents-line-stamp { left:12px; top:12px; }
.gd-visual-refresh .contents-box-more a,.gd-visual-refresh .contents-right-box-more a { display:inline-block; padding:12px 0; font-size:13px; font-weight:600; color:#55460e; }
.gd-visual-refresh footer { margin-top:40px; padding:36px 0 20px; border-top:4px solid #ffca00; background:#f0f0ec; color:#444; }
.gd-visual-refresh .gd-footer { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:32px; text-align:left; }
.gd-visual-refresh .gd-footer-brand>img { width:240px; max-width:100%; height:auto; }
.gd-visual-refresh .gd-footer-brand>p { font-size:13px; line-height:1.9; margin:16px 0; }
.gd-visual-refresh .gd-footer h2 { font-size:14px; margin:8px 0 14px; color:#292929; }
.gd-visual-refresh .gd-footer nav>a { display:block; width:fit-content; padding:7px 0; color:#555; font-size:13px; }
.gd-visual-refresh .gd-footer-legal { grid-column:1 / -1; margin:0; padding-top:20px; border-top:1px solid #d9d9d1; font-size:11px; line-height:1.9; color:#666; }
.gd-visual-refresh .menu { box-shadow:8px 0 30px #0002; }
.gd-visual-refresh .menu .gd-discover { border-radius:0; border-left:0; border-right:0; margin:0 0 20px; padding-top:70px; }
.gd-visual-refresh .gd-menu-heading { margin:16px; font-size:12px; color:#777; font-weight:700; }
.gd-visual-refresh .menu ul li { border-color:#efefeb; }
.gd-visual-refresh .menu ul li a { padding:13px 16px; font-size:14px; }
@media(max-width:800px) {
 .gd-visual-refresh .header-menu .gd-primary-nav a { font-size:12px; padding:13px 2px; }
 .gd-visual-refresh .gd-article-refresh #article-list-title,.gd-visual-refresh .gd-article-refresh #article-list-ranking { grid-template-columns:1fr; gap:10px; }
 .gd-visual-refresh .gd-article-refresh .article-list .contents-sline { grid-template-columns:100px minmax(0,1fr); }
 .gd-visual-refresh .gd-article-refresh .article-list .contents-sline-icon { width:100px; height:80px; }
 .gd-visual-refresh .gd-article-refresh .article-list .contents-sline-title { font-size:14px; }
 .gd-visual-refresh .gd-footer { width:auto; margin:0 20px; grid-template-columns:1fr 1fr; gap:24px 20px; }
 .gd-visual-refresh .gd-footer-brand { grid-column:1 / -1; }
 .gd-visual-refresh .gd-footer h2 { font-size:13px; }
 .gd-visual-refresh .gd-footer nav>a { min-height:30px; line-height:1.7; }
}
.gd-visual-refresh .gd-subnav { display:flex; align-items:center; gap:24px; min-height:42px; padding:0 12px; box-sizing:border-box; background:#fff; border-bottom:1px solid #e6e6e3; font-size:12px; }
.gd-visual-refresh .gd-subnav>span { color:#777; font-size:11px; }
.gd-visual-refresh .gd-subnav>a { color:#444; padding:10px 0; }
.gd-visual-refresh .gd-subnav .gd-subnav-x { display:inline-flex; align-items:center; gap:6px; margin-left:auto; }
.gd-visual-refresh .gd-article-refresh .article-promotion { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin:14px 0 22px; }
.gd-visual-refresh .gd-article-refresh .article-breadcrumb { order:-1; float:none; font-size:11px; line-height:1.8; }
.gd-visual-refresh .gd-article-refresh .promotion-banner { position:static; margin:0; }
.gd-visual-refresh .gd-article-refresh .promotion-text { display:inline-block; background:#f2f2ed; color:#595950; border:1px solid #deded5; padding:4px 8px; font-size:11px; line-height:1.6; }
