@charset "UTF-8";

/*
	Theme Name: アキバスポーツ
	Description: LAYOUT & SCRIPT DATA
	Author: Mochida Tomokazu
	Author URI: https://www.resite.jp/
	Version: 2020.8

*/

html {font-family: 'Noto Sans JP';}
a{outline:none !important;}
a:focus{outline:none !important;}
li{outline:none !important;}
li:focus{outline:none !important;}
/*
div.pagination {text-align: center;font-size: 14px;margin-top: 40px;clear: none;}
div.pagination span {margin-right: 4px;margin-left: 4px;text-decoration: none;color: #666;background-color: #ccc;font-size: 16px;font-weight: 900;padding:3px 15px;}
div.pagination a {text-decoration: none;margin-right: 4px;margin-left: 4px;color: #fff;font-size: 16px;background: #ff0000;font-weight: 900;padding:3px 15px;}
div.pagination a:hover {background-color: #ffff00;color: #ff0000;}
*/


@media all and (min-width:751px) {
*{margin: 0;padding: 0;}
body {background-color: #fff;color: #333;margin: 0px;padding: 0px;position:relative;overflow-x: hidden;font-size: 16px;line-height: 30px;font-weight: normal;background-image: url("images/bg.jpg");background-size: cover;}
ul,li {margin: 0px;padding: 0px;list-style-type: none;}


/*--------ヘッダー--------*/
header{}
header section{position: relative;height: 500px;width: 1200px;margin: auto;}
header h1{position: absolute;width: 350px;top: 50px;text-align: center;}
header h1 a{text-decoration: none;color: #000;font-size: 22px;letter-spacing: 3px;}
header h1 a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}
header h1 img{width: 100%;}
header .mainimg{position: absolute;right: 0;width: 800px;top: 50px;}
header .mainimg img:nth-of-type(1){width: 100%;}
header .mainimg img:nth-of-type(2){position: absolute;bottom: 0;right: -10px;z-index: 1;width: 35%;}
header .banner{position: absolute;top: 270px;width: 350px;text-align: center;}
header .banner a{text-decoration: none;color: #000;font-size: 22px;font-weight: bold;letter-spacing: 3px;}
header .banner a span{color: #CC9933;}
header .banner a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}
header .banner img{display: block;width: 250px;margin: auto;margin-top: 15px;}
header .banner a img:hover{opacity: 0.4;transition: 0.4s ease-in-out;}

main{display: block;width: 1200px;margin: auto;}
article{display: block;width: 1200px;margin: auto;margin-bottom: 30px;}

nav{width: 1200px;margin: auto;display: block;margin-bottom: 60px;}
nav ul{width: 100%;display: flex;justify-content: space-between;}
nav ul li{width: 20%;position: relative;height: 100%;}
nav ul li::after{content: "";border-right: 1px solid #000;height: 100%;top: 0;position: absolute;right: 0;}
nav ul li:first-child::before{content: "";border-left: 1px solid #000;height: 100%;position: absolute;}
nav ul li a small{display: block;font-size: 10px;margin-top: -12px;font-weight: normal;}
nav ul li a{display: flex;text-decoration: none;color: #333;flex-direction: column;align-items: center;justify-content: center;font-weight: bold;padding: 3px 0;}
nav ul li a:hover{background-color: #CC9933;color: #fff;}


article h3{text-align: center;margin: 20px auto;font-size: 18px;}


ul.rider{display: flex;width: 1200px;margin: auto;justify-content: space-between;}
ul.rider li{width: 17%;}
ul.rider li a{display: block;}
ul.rider li a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}
ul.rider li a img{width: 100%;height: auto;display: block;margin: auto;}

/*--------フッタ--------*/
footer{background-color: #666;}
footer section{width: 1200px;margin: auto;padding: 40px 0px 40px 0px;}
footer h1{color: #fff;font-size: 14px;text-align: center;}
footer h2{color: #fff;font-size: 14px;font-weight: normal;text-align: center;}
footer address{color: #fff;font-style: normal;display: block;text-align: center;font-size: 14px;}

.soon{display: flex;justify-content: center;align-items: center;font-size: 20px;color: #333;height: 100vh;}
}










































/*--------スマートフォンー-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/













@media all and (max-width:750px) {

*{margin: 0;padding: 0;}
body {background-color: #fff;color: #333;margin: 0px;padding: 0px;position:relative;overflow-x: hidden;font-size: 16px;line-height: 30px;font-weight: normal;background-image: url("images/bg.jpg");background-size: cover;}
ul,li {margin: 0px;padding: 0px;list-style-type: none;}

header{}
header section{}
header h1{text-align: center;}
header h1 a{text-decoration: none;color: #000;font-size: 18px;letter-spacing: 3px;}
header h1 img{display: block;width: 60%;margin: 15px auto 5px auto;}
header .mainimg{position: relative;margin-bottom: 30px;margin-top: 10px;}
header .mainimg img:nth-of-type(1){width: 100%;}
header .mainimg img:nth-of-type(2){position: absolute;bottom: 0;right: 5px;z-index: 1;width: 35%;}
header .banner{text-align: center;display: table;margin: auto;}
header .banner a{text-decoration: none;color: #000;font-size: 18px;font-weight: bold;letter-spacing: 3px;margin: auto;}
header .banner a span{color: #CC9933;}
header .banner img{display: block;max-width: 250px;width: 100%;margin: auto;margin-top: 15px;}

main{display: block;margin: auto;}
article{display: block;margin: auto;margin-bottom: 30px;}

nav{margin: auto;display: block;margin-bottom: 50px;margin-top: 40px;}
nav ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
nav ul li{width: 33%;position: relative;height: 100%;margin-bottom: 15px;}
nav ul li::after{content: "";border-right: 1px solid #000;height: 100%;top: 0;position: absolute;right: 0;}
nav ul li:nth-of-type(3n)::after{content:none;}
nav ul li a small{display: block;font-size: 10px;margin-top: -12px;font-weight: normal;}
nav ul li a{display: flex;text-decoration: none;color: #333;flex-direction: column;align-items: center;justify-content: center;font-weight: bold;padding: 3px 0;}


article h3{text-align: center;margin: 20px auto;font-size: 16px;}


ul.rider{display: flex;margin: auto;justify-content: center;flex-wrap: wrap;}
ul.rider li{width: 46%;margin: 0 1% 10px 1%;}
ul.rider li a{display: block;}
ul.rider li a img{width: 100%;height: auto;display: block;margin: auto;}

/*--------フッタ--------*/
footer{background-color: #666;}
footer section{margin: auto;padding: 40px 0px 40px 0px;}
footer h1{color: #fff;font-size: 13px;text-align: center;}
footer h2{color: #fff;font-size: 13px;font-weight: normal;text-align: center;}
footer address{color: #fff;font-style: normal;display: block;text-align: center;font-size: 13px;}

.soon{display: flex;justify-content: center;align-items: center;font-size: 20px;color: #333;height: 100vh;}
}