@charset "UTF-8";

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


@media (min-width: 768px) {
	.display_m{display:none}
}

@media (max-width: 767px) {
	.display_d{display:none}
}

/* -------------------------------------------------------------------------------------------
   KEYVISUAL
-------------------------------------------------------------------------------------------*/

@media (min-width: 768px) {
	#keyvisual{
		background:#000;
	}
	.keyvisual_box{
		margin:0 auto;
		text-align: center;
		padding:3% 0;
	}
	.keyvisual_indsidebox p{
		color:#fff;
		line-height:2em;
	}
}

@media (max-width: 767px) {
	#keyvisual{
		text-align:center;
		background: #000;
		padding-bottom:50px;
	}
	.keyvisual_indsidebox{
		padding-top:3%;
		color:#fff;
	}
}



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



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

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

@media (min-width: 768px) {
	#rider_image{
		padding-bottom:50px;
	}
	#history{
		background:url("../img/history.jpg") top center no-repeat;
		width:800px;
		height:500px;
		text-align: center;
		padding-bottom:50px;
	}
	#history h2{
		color:#fff;
		font-size:180%;
		line-height:1.5em;
		letter-spacing: 2px;
		text-shadow: 0px 0px 30px #333333;
		padding:10% 0 1% 0;

	}
}

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

	#history{
		position:relative;
		margin:8%;
	}
	#history h2{
		position:absolute;
		top:13%;
		z-index:20;
		width: 80%;
		margin:0 10%;
		text-align: center;
		color: #fff;
		font-size:145%;
		font-weight:900;
		line-height:1.5em;
		letter-spacing: 1px;
	}
	#history .history_link{
		position:absolute;
		top:32%;
		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{
		color:#fff;
		font-size:280%;
		line-height:1.2em;
		letter-spacing: 2px;
		text-shadow: 0px 0px 30px #333333;
		padding:10% 0 0 10%;
	}
}

@media (max-width: 767px) {
	#timeless{
		position:relative;
		padding-bottom:10%;
	}
	#timeless h2{
		position:absolute;
		top:7%;
		left:10%;
		z-index:10;
		text-align: left;
		color: #fff;
		font-size:200%;
		line-height:1.2em;
		letter-spacing:1px;
	}
	.timeless_img{
		position:absolute;
		top:0;
		left:0;
		z-index:1;
	}
}


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

@media (min-width: 768px) {
	#tradition h2{
		color:#fff;
		font-size:240%;
		line-height:1.2em;
		letter-spacing: 2px;
		text-shadow: 0px 0px 30px #333333;
		padding:85% 0 0 8%;
	}

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

@media (max-width: 767px) {
	#tradition{
		position:relative;
		padding-bottom:10%;
	}
	#tradition h2{
		position:absolute;
		top:75%;
		left:8%;
		z-index:10;
		text-align: left;
		color: #fff;
		font-size:150%;
		font-weight:900;
		line-height:1.5em;
		letter-spacing: 2px;
		text-shadow: 0px 0px 30px #444444;
	}
	.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{
		color:#fff;
		font-size:240%;
		line-height:1.2em;
		letter-spacing: 2px;
		text-shadow: 0px 0px 30px #333333;
		padding:82% 8% 0 0;
		text-align:right;
	}
}

@media (max-width: 767px) {
	#aircooled{
		padding-bottom:10%;
	}
	#aircooled h2{
		position:absolute;
		top:50%;
		right:8%;
		text-align: left;
		color: #fff;
		font-size:150%;
		font-weight:900;
		line-height:1.5em;
		letter-spacing: 2px;
		text-shadow: 0px 0px 30px #111111;
	}
	
}


/*  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{
		color:#fff;
		font-size:240%;
		line-height:1.2em;
		letter-spacing: 2px;
		text-shadow: 0px 0px 30px #333333;
		padding:85% 0 0 8%;
		text-align:left;
	}
}

@media (max-width: 767px) {
	#sounds{
		padding-bottom:10%;
	}
	#sounds h2{
		position:absolute;
		top:50%;
		left:8%;
		text-align: left;
		color: #fff;
		font-size:150%;
		font-weight:900;
		line-height:1.5em;
		letter-spacing: 2px;
		text-shadow: 0px 0px 30px #444444;
	}
}


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

#unchanging{
	position:relative;
}

@media (min-width: 768px) {
	#unchanging{
		background:url("../img/unchanging.jpg") top center no-repeat;
		height:1230px;
	}
	#unchanging h2{
		color:#fff;
		font-size:240%;
		line-height:1.2em;
		letter-spacing: 2px;
		text-shadow: 0px 0px 30px #333333;
		padding:85% 8% 0 0;
		text-align:right;
	}
}

@media (max-width: 767px) {
	#unchanging h2{
		position:absolute;
		top:50%;
		right:8%;
		text-align: left;
		color: #fff;
		font-size:150%;
		font-weight:900;
		line-height:1.5em;
		letter-spacing: 2px;
		text-shadow: 0px 0px 30px #444444;
	}
}



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