@charset "UTF-8";

h2{
	font-size:1px;
	margin:0;
	padding:0;
}
/* -------------------------------------------------------------------------------------------
   KEYVISUAL
-------------------------------------------------------------------------------------------*/

@media (min-width: 768px) {
	#keyvisual{
		text-align:center;
		background:url("../img/keyvisual.jpg") top center no-repeat;
		height:1325px;
		padding-bottom:50px;
	}
	.keyvisual_box{
		width:700px;
		margin:0 auto;
	}
	.keyvisual_indsidebox{
		padding:1160px 0 0 0 ;
		color:#fff;
	}
}

@media (max-width: 767px) {
	#keyvisual{
		text-align:center;
		background:url("../img/keyvisual_sp.jpg") top center no-repeat #141012;
		background-size:100%;
		padding-bottom:50px;
	}
	.keyvisual_indsidebox{
		padding-top:195%;
		color:#fff;
	}
}



/* -------------------------------------------------------------------------------------------
   ARTICLE
-------------------------------------------------------------------------------------------*/



/*  HISTORY  -------------------------------------------------*/

#history .history_link{
	font-weight:bold;
	letter-spacing: 2px;
	font-size:20px;
	width:100%;
	text-align: center;
}

@media (min-width: 768px) {
	#rider_image{
		padding-bottom:50px;
	}
	#history{
		background:url("../img/history.jpg") top center no-repeat;
		height:950px;
		text-align: center;
		padding-bottom:50px;
	}
	#history h2{
		text-align: center;
		padding:50px 0 20px 0;
		font-size:0px;
	}
}

@media (max-width: 767px) {
	#rider_image img{
		width:100%;
	}

	#history{
		position:relative;
		margin:5%;
	}
	#history h2 img{
		position:absolute;
		top:6%;
		z-index:20;
		width: 80%;
		margin:0 10%;
	}
	#history .history_link{
		position:absolute;
		top:21%;
		left:0;
		z-index:10;
	}

}



/*  TIMELESS  -------------------------------*/

@media (min-width: 768px) {
	#timeless{
		background:url("../img/timeless.jpg") top center no-repeat;
		height:1395px;
		padding-bottom:50px;
	}
	#timeless h2{
		text-align:left;
		padding:0;
		font-size:0px;
	}
}

@media (max-width: 767px) {
	#timeless{
		position:relative;
		padding-bottom:10%;
	}
	#timeless h2 img{
		position:absolute;
		top:0;
		left:0;
		width:70%;
		z-index:10;
	}
	.timeless_img{
		position:absolute;
		top:0;
		left:0;
		z-index:1;
	}
}


/*  TRADITION  -------------------------------------------------*/

@media (min-width: 768px) {
	#tradition h2{
		text-align: left;
		padding:215px 0 0 80px;
		font-size:0px;
	}

	#tradition{
		background:url("../img/tradition.jpg") top center no-repeat;
		height:953px;
		padding-bottom:50px;
	}
}

@media (max-width: 767px) {
	#tradition{
		position:relative;
		padding-bottom:10%;
	}
	#tradition h2 img{
		position:absolute;
		top:25%;
		left:10%;
		width:42%;
		z-index:10;
	}
	.tradition_img{
		position:absolute;
		top:0;
		left:0;
		z-index:1;

	}
}


/*  AIRCOOLED  -------------------------------------------------*/

#aircooled{
	position:relative;
}	

@media (min-width: 768px) {
	#aircooled{
	background:url("../img/aircooled.jpg") top center no-repeat;
	height:1230px;
	padding-bottom:50px;
	}
	#aircooled h2{
	font-size:0px;
	position:absolute;
	top:670px;
	left:50px;
	z-index:10;
	}
	#aircooled .sub{
	position:absolute;
	top:800px;
	left:40px;
	z-index:1;
	}
}

@media (max-width: 767px) {
	#aircooled{
		padding-bottom:10%;
	}
	#aircooled h2 img{
		position:absolute;
		top:50%;
		left:5%;
		width:75%;
	}
	#aircooled .sub{
		width:70%;
		margin-left:5%;
	}
	
}


/*  SOUNDS  -------------------------------------------------*/

#sounds{
	position:relative;
}

@media (min-width: 768px) {
	#sounds{
		background:url("../img/sounds.jpg") top center no-repeat;
		height:1230px;
		padding-bottom:50px;
	}
	#sounds h2{
		font-size:0px;
		position:absolute;
		top:555px;
		left:50px;
		z-index:10;
	}
	#sounds .sub{
		position:absolute;
		top:770px;
		right:40px;
		z-index:1;
		}
	}

@media (max-width: 767px) {
	#sounds{
		padding-bottom:10%;
	}
	#sounds h2 img{
		position:absolute;
		top:40%;
		left:5%;
		width:35%;
	}
	#sounds .sub{
		width:70%;
		margin-right:5%;
	}
	.sub_right_margin{
		text-align:right;
	}
}


/*  UNCHANGING  -------------------------------------------------*/

#unchanging{
	position:relative;
}

@media (min-width: 768px) {
	#unchanging{
		background:url("../img/unchanging.jpg") top center no-repeat;
		height:1230px;
	}
	#unchanging h2{
		font-size:0px;
		position:absolute;
		top:640px;
		right:0px;
		z-index:10;
	}
	#unchanging .sub{
		position:absolute;
		top:770px;
		left:40px;
		z-index:1;
	}
}

@media (max-width: 767px) {
	#unchanging h2 img{
		position:absolute;
		top:50%;
		right:0;
		width:55%;
	}
	#unchanging .sub{
		width:70%;
		margin-left:5%;
	}
}



/*  BOTTOM  -------------------------------------------------*/

.video_box{
	margin-bottom:25px;
} 
@media (min-width: 768px) {
	#bottom_video iframe{
		width:640px;
		height:400px;
	}
	#bottom_video{
		padding:50px 0 0 0;
	}
}

@media (max-width: 767px) {
	#bottom_video{
		padding:10% 0;
	}
}