@charset "utf-8";
/**********
navi
**********/
#menu{
	width: 800px;
  width: 740px;
    display: flex;
    margin:15px 0 15px 30px;
    justify-content: space-between;
	line-height: 3em;
}
#menu li{
	font-size: 19px;
	font-family: vdl-v7mincho, sans-serif;
	font-weight: 800;
	font-style: normal;
}
#menu li a{
	transition: 0.2s;
}
a {
	color: #000;
}
#menu li a:hover{
	color: #ff0101;
	cursor: pointer;
}
.over a{
	color: #ff0101;
}
.border{
	width: 100%;
	border-top: solid 1px #7f7f7f;
	position: absolute;
	top: 78px;
  z-index: 1;
}
.official_sns{
	position: absolute;
    top: 20px;
    right: 120px;
	background: url("../img/official_sns_over.jpg") no-repeat;
	background-size: 79px auto;
}
.official_app{
	position: absolute;
    top: 18px;
    right: 30px;
	background: url("../img/official_app_over.jpg") no-repeat;
	background-size: 79px auto;
}
.official_sns img, .official_app img{
	transition: 0.2s;
}
.official_sns:hover img, .official_app:hover img{
	opacity: 0;
}
.over {
	color: #ff0101 !important;
}
.mhover{
  position: absolute;
  right: 210px;
}
.mhover img {
	transition: 0.2s;
}
.mhover:hover img {
	opacity: 0.7;
}

/* SP */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.sp_view{
		display: block;
	}
	.navi_icon{
		position: fixed;
		width:14%;
		padding-top:14%;
		height: 0;
		background: #ff0012;
		right:3%;
		top:2%;
		z-index: 800;
	}
	.navi_line{
		position: absolute;
		width:40%;
		left:30%;
		height: 0;
		height:3px;
		background: #FFF;
		transform-origin: center center;
		transition:0.2s ease;
	}
	.navi_line:nth-child(1){
		top:32%;
	}
	.navi_line:nth-child(2){
		top:48%;
	}
	.navi_line:nth-child(3){
		top:62%;
	}
	.navi_line_ta .navi_line:nth-child(1){
		top:50% !important;
		transform:rotate(45deg);
	}
	.navi_line_ta .navi_line:nth-child(2){
		display: none !important;
	}
	.navi_line_ta .navi_line:nth-child(3){
		top:50% !important;
		transform:rotate(-45deg);
	}
	.navi_fade{
		position: fixed;
		width:100%;
		height: 100%;
		left:0;
		background: #FFF;
		z-index: 800;
		overflow: auto;
		transition:0.3s ease-in-out;
		top:-100%;
	}
	.navi_open{
		top:0;
	}

	#sp_menu{
		font-family: vdl-v7mincho, sans-serif;
		font-weight: 800!important;
		font-style: normal;
		text-align: center;
		margin-top:28%;
		opacity: 0;
	}
	#sp_menu a{
		color: #000;
		display: block;
	}
	#sp_menu li{
		border-top: solid 1px #7f7f7f;
		padding: 2% 0;
		font-size: 20px;
	}
	#sp_menu li:last-child{
		border-top: solid 1px #7f7f7f;
		border-bottom: solid 1px #7f7f7f;
	}	
	.sp_official_sns{
		padding: 0!important;
	}
	.navi_fade_play{
		transition-delay: 0.3s;
		transition-duration:1s;
		opacity: 1 !important;
	}
	
}