/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2021/03/21


.Menu{
	width:100%;
	margin-top:0px;
        display: flex;
        position: absolute;
        left: 200px;        
}
ul,li{
	list-style:none;
	margin:0;
	padding:0;
}
.Menu li{
	float:left;
	width:185px;
        position:relative;
}
.Menu li a{
	background:#000;
	border-right:1px solid #fff;
	text-align:center;
	font-size:14px;
	display:block;
	padding:6px 0;
	text-decoration:none;
	color:#fff;
	position:relative;
	z-index:100;
}
.Menu li:last-child a{
	border-right:none;
}
.Menu li ul.subMenu li:last-child a{
	border:none;
}
.Menu li ul.subMenu li a{
	float:none;
	background:#8c8c8c;
	border-right:none;
	border-bottom:1px solid #ccc;
	display:block;
        
}
.Menu li ul.subMenu{
	position:absolute;
	z-index:10;
	top:39px;
        display:none;
}
 .Menu li:hover ul.subMenu{
	display:block;
}*/

#submenu_box{
	display:none;
	background-color: white;
	width:100vw !important;
	position:absolute;
	top: 127px;
	border-top: 3px solid #f5cb00;
	height: 300px;
	z-index: 9999;
}
.Menu{
	width:100%;
	margin-top:0px;
}
ul,li{
	list-style:none;
	margin:0;
	padding:0;
}
.Menu li{
	float:left;
	/*width:199px;*/
	width: 157px;
	position:relative;
}
			
.Menu li a{
	height: 39px;
	/*background:#000;*/
	border-right:1px solid #fff;
	text-align:center;
	font-size:18px;
	display:flex;
	text-decoration:none;
	color:#fff;
	/*padding:8px 0;*/
	position:relative;
	z-index:100;
	font-weight: bold;
	justify-content: center;
	align-items: center;
	border-top: 2px solid #f5cb00;
}
.Menu li{
	background:#000;
}		
.Menu li:last-child a{
	border-right:none;
}
.Menu li:first-child{
	background:transparent;
}
.Menu li ul.subMenu li:last-child a{
	/*border:none;*/
}
.Menu li ul.subMenu li a{
	float:none;
	border:none;
	width: 100%;
	height: 100%;
	/*margin: 30px 0 0;*/
	color: saddlebrown;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 20px;
	background: none;
	line-height: normal;
}
.Menu li ul.subMenu li .ranking{
	background-image: url("../images/header_submenu1/ranking.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .best10{
	background-image: url("../images/header_submenu1/best10.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .sio{
	background-image: url("../images/header_submenu1/sio.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .info{
	background-image: url("../images/header_submenu1/info.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .motor{
	background-image: url("../images/header_submenu1/motor.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .nige{
	background-image: url("../images/header_submenu1/nige.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .comment{
	background-image: url("../images/header_submenu1/comment.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .tanpyou{
	background-image: url("../images/header_submenu1/tanpyou.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .neraime{
	background-image: url("../images/header_submenu1/neraime.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .engine{
	background-image: url("../images/header_submenu1/engine.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .bankisya{
	background-image: url("../images/header_submenu1/bankisya.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .pit{
	background-image: url("../images/header_submenu1/pit.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .interview{
	background-image: url("../images/header_submenu1/interview.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .yosousya{
	background-image: url("../images/header_submenu1/yosousya.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .yosou{
	background-image: url("../images/header_submenu2/yosou.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 18px;
}
.Menu li ul.subMenu li .cyokuzen{
	background-image: url("../images/header_submenu2/cyokuzen.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .tenji{
	background-image: url("../images/header_submenu2/tenji.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .odds{
	background-image: url("../images/header_submenu2/odds.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .kekka{
	background-image: url("../images/header_submenu2/kekka.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .tenbou{
	background-image: url("../images/header_submenu2/tenbou.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .kekkaichiran{
	background-image: url("../images/header_submenu3/kekka.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .replay{
	background-image: url("../images/header_submenu3/replay.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .motorcyusen{
	background-image: url("../images/header_submenu3/motor.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.Menu li ul.subMenu li .zenken{
	background-image: url("../images/header_submenu3/time.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

/*.Menu li ul.subMenu li .macour{
	background-image: url("../images/header_submenu4/macour.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}*/
.Menu li ul.subMenu li a:hover{
	opacity: 0.7;
}
.Menu li ul.subMenu li{
	float: none;
	width: 170px;
	height: 80px;
	border:4px solid darkgoldenrod;
	background: linear-gradient(to bottom right, #f5cb00, lemonchiffon);
}
.Menu li ul.subMenu{
	position:absolute;
	z-index:10;
	/*top:35px;*/
	top:37px;
	/*display: none;*/
	padding: 35px 0 0;
	opacity: 0;
	transition: 0.5s;
	visibility: hidden;
	display: flex;
	width: 1240px !important;
	background-color: white;
	border-top: 3px solid #f5cb00;
	/*height: 250px;*/
	height: auto;
	flex-wrap: wrap;
	grid-gap: 25px;
	justify-content: center;
	align-items: center;
}
.Menu li:hover ul.subMenu{

	visibility: visible;
	opacity: 1;
}
.Menu li a:hover{
	
	color: saddlebrown;
}
.Menu li:hover{
	background-color: #f5cb00;
}
.Menu li:first-child:hover{
	background-color: transparent;
}
.Menu li ul#submenu1{
	left: -177px;
}
.Menu li ul#submenu2{
	left: -334px;
}
.Menu li ul#submenu3{
	left: -491px;
}
.Menu li ul#submenu4{
	left: -962px;
}
.icon_A1 span::after{
	content:'A1';
	top: 50%;
	background-color: #FF7373;
	padding: 0px 2px;
	margin-left: 2px;
	text-decoration: none;
}
.icon_A2 span::after{
	content:'A2';
	top: 50%;
	background-color: #FFD24D;
	padding: 0px 2px;
	margin-left: 2px;
	text-decoration: none;
}
.icon_B1 span::after{
	content:'B1';
	top: 50%;
	background-color: #EEEEEE;
	padding: 0px 2px;
	margin-left: 2px;
	text-decoration: none;
}
.icon_B2 span::after{
	content:'B2';
	top: 50%;
	background-color: #EEEEEE;
	padding: 0px 2px;
	margin-left: 2px;
	text-decoration: none;
}

.Menu select{
	margin: 5px 0px 0px 9px;
    width: 80%;
    font-size: 1.4em;
    padding: 2px 0px 2px 8px;
}