/*
Theme Name: WARDOGS BASE v5.2 Direct Header v5.2 Direct Header
Theme URI: https://wardogs-base.com/
Description: WARDOGS攻略サイト専用テーマ
Version: 5.3.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/
*{box-sizing:border-box}body{margin:0;background:#edf0f1;color:#172027;font-family:"Noto Sans JP","Yu Gothic",sans-serif}a{text-decoration:none;color:inherit}.wrap{max-width:1240px;margin:auto;padding:0 14px}.topbar{background:#111a20;color:#dce2e4;font-size:12px}.topbar .wrap{height:34px;display:flex;align-items:center;justify-content:space-between}.mast{height:155px;background:#202a2f url("assets/images/header.jpg") center/cover}.mast .wrap{height:100%;display:flex;align-items:center}.logo{background:#fffffff0;padding:13px 20px}.logo strong{font-size:44px;letter-spacing:-2px}.logo strong span{color:#df2f32}.logo small{display:block;font-weight:800;letter-spacing:3px}.mainnav{background:#121b21;color:white;border-bottom:3px solid #df2f32}.mainnav .wrap{display:grid;grid-template-columns:repeat(10,1fr)}.mainnav a{padding:15px 6px;text-align:center;font-size:12px;font-weight:800;border-right:1px solid #344047}.mainnav a:hover{background:#df2f32}.layout{display:grid;grid-template-columns:220px minmax(0,1fr) 270px;gap:14px;margin-top:14px}.panel{background:white;border:1px solid #d6dbde;margin-bottom:14px}.panel h2{margin:0;background:#172128;color:white;font-size:16px;padding:10px 13px;border-left:4px solid #df2f32}.side-menu a{display:block;padding:10px 13px;border-bottom:1px solid #e6e9ea;font-size:13px;font-weight:700}.side-menu a:hover{color:#df2f32}.hero{height:330px;background:url("assets/images/hero.jpg") center/cover;position:relative;color:white}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 75%)}.hero-copy{position:absolute;z-index:2;left:32px;bottom:34px}.hero-label{background:#df2f32;padding:5px 10px;font-weight:900}.hero h1{font-size:43px;line-height:1.05;margin:12px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 14px}.card{background:white;border:1px solid #d8dddf}.card img{width:100%;height:110px;object-fit:cover}.card-body{padding:10px}.card-tag{color:#df2f32;font-size:11px;font-weight:900}.card h3{font-size:14px;margin:5px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.newsrow{padding:12px;border-bottom:1px solid #e5e8ea;font-size:12px}.rank{padding:11px;border-bottom:1px solid #e5e8ea;font-size:12px}.rank b{color:#df2f32;margin-right:8px}.tags{padding:12px}.tags span{display:inline-block;background:#eaf2ff;color:#1f68c8;padding:5px 8px;margin:3px;border-radius:4px;font-size:11px}.discord{padding:25px;background:#172128;color:white;text-align:center}.discord b{display:block;font-size:20px}.article-page{background:white;border:1px solid #d6dbde;padding:28px;margin:14px auto;max-width:950px}.article-page h1{border-bottom:3px solid #df2f32;padding-bottom:12px}.article-page h2{border-left:5px solid #df2f32;background:#f3f5f5;padding:9px 12px}.article-page p,.article-page li{line-height:1.85;color:#455057}.footer{margin-top:30px;background:#111a20;color:#9ba6aa;padding:35px 0;font-size:12px}@media(max-width:1050px){.layout{grid-template-columns:190px 1fr}.right{display:none}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.logo strong{font-size:28px}.mainnav .wrap{display:flex;overflow:auto}.mainnav a{min-width:105px}.layout{grid-template-columns:1fr}.left{display:none}.cards,.two{grid-template-columns:1fr 1fr}}@media(max-width:480px){.cards,.two{grid-template-columns:1fr}}
.rank-table{width:100%;border-collapse:collapse;margin:18px 0}.rank-table th{background:#172128;color:white;padding:11px}.rank-table td{border:1px solid #dfe3e5;padding:11px}.rank-table td:first-child{font-size:22px;font-weight:900;color:#df2f32;text-align:center;width:60px}.rank-note{background:#fff4d8;border:1px solid #e5c56d;padding:12px 15px;margin:18px 0}
.weapon-section{margin:26px 0}.weapon-section h2{background:#172128;color:#fff;border-left:5px solid #df2f32;padding:11px 14px}
.weapon-scroll{overflow-x:auto;border:1px solid #d9dee0;background:#fff}.weapon-db{width:100%;border-collapse:collapse;min-width:860px}
.weapon-db th{background:#222d33;color:#fff;padding:10px 9px;font-size:12px;white-space:nowrap}.weapon-db td{padding:10px 9px;border-bottom:1px solid #e3e7e9;font-size:12px}
.weapon-db tr:nth-child(even){background:#f7f8f8}.weapon-db .money{font-weight:800;color:#18844c}.weapon-db .unlock{font-weight:800;color:#b42528}
.top5{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0 22px}.top5-card{background:#fff;border:1px solid #d9dee0;border-top:4px solid #2f3940;padding:13px;position:relative}.top5-card:first-child{border-top-color:#df2f32}.top5-card .place{font-size:25px;font-weight:900;color:#df2f32}.top5-card h3{font-size:15px;margin:4px 0}.top5-card p{font-size:11px;color:#68737a;line-height:1.6}.tier-s{display:inline-block;background:#df2f32;color:#fff;padding:2px 6px;font-size:10px;font-weight:900}.tier-a{display:inline-block;background:#e38a27;color:#fff;padding:2px 6px;font-size:10px;font-weight:900}
.data-note{background:#fff4d8;border:1px solid #e2c56f;padding:13px 15px;margin:15px 0;font-size:12px}
@media(max-width:900px){.top5{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.top5{grid-template-columns:1fr}}
.weapon-detail{display:grid;grid-template-columns:260px 1fr;gap:18px;padding:16px;background:#fff;border:1px solid #d9dee0;margin:10px 0}.weapon-detail img{width:260px;height:130px;object-fit:contain;background:#101416}.weapon-detail h3{margin:0 0 7px}.weapon-meta{display:flex;gap:7px;flex-wrap:wrap}.weapon-meta span{background:#edf1f2;padding:4px 7px;font-size:11px;font-weight:700}.weapon-detail small{display:block;color:#899399;margin-top:8px}@media(max-width:620px){.weapon-detail{grid-template-columns:1fr}.weapon-detail img{width:100%;height:160px}}
.map-guide-hero img{width:100%;height:auto;border:1px solid #202a30}.map-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.map-fact{background:#172128;color:#fff;padding:12px;text-align:center}.map-fact strong{display:block;color:#ef3639;font-size:18px}.route-box{border-left:5px solid #df2f32;background:#f3f5f5;padding:14px 16px;margin:14px 0}.map-warning{background:#fff4d8;border:1px solid #e1c46e;padding:12px 15px;margin:14px 0}.map-points{width:100%;border-collapse:collapse}.map-points th{background:#172128;color:#fff;padding:10px}.map-points td{border:1px solid #dce1e3;padding:10px}.map-index{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.map-index a{background:#fff;border:1px solid #d6dcde;padding:10px}.map-index img{width:100%;height:180px;object-fit:cover}.map-index h3{margin:8px 0}@media(max-width:700px){.map-facts,.map-index{grid-template-columns:1fr 1fr}}@media(max-width:480px){.map-facts,.map-index{grid-template-columns:1fr}}

.map-index{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;margin:22px 0 34px!important}
.map-index>a{display:flex!important;flex-direction:column!important;min-width:0!important;padding:10px!important;background:#fff!important;border:1px solid #d7dde0!important;box-shadow:0 2px 8px #121c2214!important;overflow:hidden!important}
.map-index>a img{display:block!important;width:100%!important;aspect-ratio:1/1!important;height:auto!important;object-fit:cover!important;object-position:center 43%!important;margin:0!important}
.map-index>a h3{margin:14px 8px 6px!important;font-size:18px!important;line-height:1.4!important;min-height:50px!important}
.map-index>a p{margin:0 8px 10px!important;color:#657078!important;line-height:1.75!important;font-size:13px!important;flex:1!important}
.map-index>a:after{content:"攻略を見る  ›";display:block;margin:2px 8px 8px;padding:10px 12px;background:#df2f32;color:#fff;text-align:center;font-size:12px;font-weight:800}
@media(max-width:900px){.map-index{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.map-index{grid-template-columns:1fr!important}.map-index>a img{aspect-ratio:16/10!important}}

.maps-exact-view{max-width:1600px;margin:0 auto;background:#fff}
.maps-exact-view img{display:block;width:100%;height:auto;margin:0;border:0}
.maps-exact-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1400px;margin:16px auto 30px;padding:0 16px}
.maps-exact-actions a{display:block;background:#df1019;color:#fff;padding:13px;text-align:center;font-weight:800}
@media(max-width:650px){.maps-exact-actions{grid-template-columns:1fr}}

.maps-approved-view{width:100%;max-width:1600px;margin:0 auto;padding:0;background:#fff}
.maps-approved-view img{display:block;width:100%;height:auto;margin:0;padding:0;border:0}

.maps-v44{position:relative;width:100%;max-width:1600px;margin:0 auto;line-height:0}
.maps-v44>img{display:block;width:100%;height:auto;margin:0;border:0}
.maps-v44-link{position:absolute;z-index:5;display:block;bottom:3.1%;height:5.3%;font-size:0;line-height:0;background:transparent}
.maps-v44-link.bakurani{left:7.8%;width:23.6%}
.maps-v44-link.ozeti{left:36.8%;width:22.5%}
.maps-v44-link.zestafona{left:64.8%;width:23.5%}
.maps-v44-link:focus{outline:3px solid #fff;outline-offset:-4px}
@media(max-width:600px){
 .maps-v44{overflow-x:auto}
 .maps-v44>img{min-width:900px}
}

.maps-v45{position:relative;width:100%;max-width:1600px;margin:0 auto;line-height:0;background:#fff}
.maps-v45>img{display:block;width:100%;height:auto;border:0;margin:0;padding:0}
.maps-v45-link{position:absolute;z-index:5;display:block;height:5.2%;bottom:16.9%;font-size:0;background:transparent}
.maps-v45-link.bakurani{left:5.0%;width:27.1%}
.maps-v45-link.ozeti{left:34.4%;width:27.1%}
.maps-v45-link.zestafona{left:63.9%;width:27.1%}
.maps-v45-link:focus{outline:3px solid #fff;outline-offset:-4px}
@media(max-width:650px){.maps-v45{overflow-x:auto}.maps-v45>img{min-width:900px}}

/* v5 dynamic homepage */
.hero{background-size:cover!important;background-position:center!important}
.rank a,.newsrow a{color:inherit}.rank a:hover,.newsrow a:hover{color:#df2f32}
.tags a{display:inline-block;background:#eaf2ff;color:#1f68c8;border-radius:5px;padding:5px 8px;margin:3px;font-size:11px}

/* v5.1 approved visual fit */
.mast{
 background-image:url("assets/images/v51-header.jpg")!important;
 background-size:cover!important;
 background-position:center center!important;
 height:155px!important;
}
.mast .logo{display:none!important}
.hero{
 background-image:url("assets/images/v51-hero.jpg")!important;
 background-size:cover!important;
 background-position:center center!important;
}
.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.08) 78%)!important}
.discord{
 background:linear-gradient(rgba(13,23,29,.60),rgba(13,23,29,.78)),url("assets/images/v51-community.jpg") center/cover!important;
 min-height:145px;display:flex;flex-direction:column;justify-content:center
}

/* v5.2 header directly bundled in theme */
.mast{
 height:155px!important;
 min-height:155px!important;
 background-image:url("assets/images/v52-header.jpg")!important;
 background-size:cover!important;
 background-position:center 48%!important;
 background-repeat:no-repeat!important;
 overflow:hidden!important;
}
.mast .wrap{height:155px!important}
.mast .logo{display:none!important}
@media(max-width:720px){
 .mast{height:110px!important;min-height:110px!important;background-position:center center!important}
 .mast .wrap{height:110px!important}
}

/* v5.3 exact 1600x300 header */
.mast{
 height:auto!important;
 min-height:0!important;
 aspect-ratio:1600/300!important;
 background-image:url("assets/images/v53-header.jpg")!important;
 background-size:100% 100%!important;
 background-position:center center!important;
 background-repeat:no-repeat!important;
 overflow:hidden!important;
}
.mast .wrap{height:100%!important}
.mast .logo{display:none!important}
@media(max-width:720px){
 .mast{
   height:auto!important;
   min-height:0!important;
   aspect-ratio:1600/300!important;
   background-size:100% 100%!important;
 }
 .mast .wrap{height:100%!important}
}