
.contents{
    clear: both;
	background:#000000 !important;
}
.contents h2{
	margin-top:56px;
	border-top:#9F7600 1px solid;
	border-bottom:#9F7600 1px solid;
	padding:20px 0 20px 0 !important;
	position:relative;
	text-align:left;
}
.contents h2 iframe{
	display:block;
	margin:0 auto;
	width:900px;
	height:500px;
}
@media screen and (max-width:900px){
.contents h2 iframe{
	width:700px;
	height:400px;
}
}
.contents h2 span.outer{
	max-width:1000px;
	margin:0 auto;
	display:block;
	color:#9F7600;
	font-size:32px;
}
.contents h2 img.logo{
	margin-top:-20px;
	margin-left:60px;
	display:block;
	float:left;
}
.contents h2 span.outer span.text{
	display:block;
	float:left;
	padding:22px 0 0 40px;
	line-height:154%;
}

.contentsinr{
	max-width:1000px;
	margin:0 auto;
	color:#FFF;
}
.toptext{
	color:#CC9224;
	font-size:16px;
	line-height:195%;
	padding:34px 0 54px 0;
}
.toptext span{
	display:block;
	font-size:32px;
	line-height:150%;
	margin-bottom:20px;
	color:#9F7600;
}


.history{
	padding-bottom:53px;
	margin-bottom:53px;
}
.history .kakomi{
	border:#9F7700 solid 1px;
	box-sizing:border-box;
	width:406px;
	padding:10px;
	position:relative;
	margin-bottom:-53px;
}
.history .right{
	margin-left:auto;
	clear:both;
}

.history .left .year{
	position:absolute;
	top:44px;
	left:405px;
}
.history .right .year{
	position:absolute;
	top:47px;
	right:405px;
}
.history .kakomi span{
	display:block;
	font-size:14px;
	line-height:170%;
}
.history .kakomi span img{
	float:right;
	margin-left:5px;
}
.history .right span img{
	float:left;
	margin-right:5px;
	margin-left:0;
}
.history .kakomi span.last{
	font-size:17px;
	text-align:center;
	padding:25px 0;
}

.ride p{
	font-size:16px;
	line-height:196%;
	padding-bottom:40px;
}
.ride p img{
	float:right;
	margin-left:20px;
}
.ride p span{
	display:block;
	overflow:auto;
}
.ride .footmain{
	margin-bottom:30px;
}
.ride p.last{
	padding-bottom:100px;
}



@media screen and (max-width:1000px){
.contentsinr{
	padding:0 20px;
}
.contents h2 span.outer{
	font-size:28px;
}
.contents h2 img.logo{
	margin-left:30px;
	width:240px;
}
.contents h2 span.outer span.text{
	padding:22px 0 0 20px;
}

.history .kakomi{
	width:43%;
	background:#000;
}
.history .left .year{
	top:44px;
	left:95%;
	width:110px;
	z-index:-1;
}
.history .right .year{
	top:47px;
	right:95%;
	width:110px;
	z-index:-1;
}

.ride h3 img,
.ride h4 img,
.ride .main,
.ride .footmain{
	max-width:100%;
}
}
@media screen and (max-width:830px){
/*.contentsinr{
	width:830px;
	overflow:scroll;
}*/
.history .left .year{
	left:92%;
}
.history .right .year{
	right:92%;
}
}