@charset "utf-8";

/*--------------------------------------
  STRUCTURE
---------------------------------------*/

/*--- rider ---*/
.rider-area {
	background-image: url(../img/rider_bg.png) ;
	background-repeat: no-repeat;
	background-position: top left;
	color: #c1c1c1;
	overflow: hidden;
	clear: both;
	padding-top: 55px;
}

	@media only screen and (min-device-width: 760px)
		and (max-device-width: 1024px){
	.rider-area {
		background-image: url(../img/rider_bg2.png) ;
		background-repeat: no-repeat;
		background-position: top left;
		background-color: #950808;
		background-size: 100%;
		color: #c1c1c1;
		overflow: hidden;
		clear: both;
		padding-top: 55px;
	}
	}
	
	@media screen and (max-device-width: 480px) {
	.rider-area {
		background-image: url(../img/rider_bg.png) ;
		background-repeat: no-repeat;
		background-position: top left;
		background-size: 100%;
		color: #c1c1c1;
		overflow: hidden;
		clear: both;
		padding-top: 25px;
	}
	}

.rider-sttl {
	text-align: left;
	position:relative;
	overflow: hidden;
	clear: both;
	height: 52px;
}

.rider-sttl img {
	margin-bottom: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	clear: both;
}


	.box-spec-module {
		overflow: hidden;
		clear: both;
	}
	
		@media screen and (max-device-width: 480px) {
		.box-spec-module {
			overflow: hidden;
			clear: both;
		}
		}
	
	.box-spec-module h2 {
		
		font-size:120%;
	}

		@media screen and (max-device-width: 480px) {
		  .box-spec-module h2 {
			font-size:100%;
			}
		}


	.bxslider-box {
		width: 75% ;
		position: relative ;
		margin: 0 auto ;
	}
	
		@media only screen and (min-device-width: 760px)
			and (max-device-width: 1024px){
		.bxslider-box {
			width: 90% ;
			position: relative;
			margin: 0 auto ;
		}
		}
		
		@media screen and (max-device-width: 480px) {
		.bxslider-box {
			width: 100% ;
			position: relative ;
			margin: 0 auto ;
		}
		}





	/*--- spac-btn  ---*/
	.spac-btn { 
		overflow: hidden;
		margin-bottom: 5px;
		/*margin-left: 30px;*/
		text-align: center;
	}
	
		@media screen and (max-device-width: 480px) {
		.spac-btn { 
			overflow: hidden;
			margin-bottom: 20px;
			margin-left: 5px;
		}
		}
	
	
	.spac-btn .spac-num {
		display: inline-block;
		/*float: left;*/
		padding: 7px 15px 7px 15px;
		/*margin-left: 5px;*/
		margin-bottom: 5px;
		border: solid 1px #000;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background: #000;
		line-height: 1;
		font-size: 15px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		background-image: -webkit-gradient( linear, left top, left bottom, from( #111) , to( #000));
		background-image: -moz-linear-gradient( to bottom, #111, #000);
		background-image: linear-gradient( to bottom, #111, #000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#000000', GradientType=0)";
	}
	
	
	
		@media screen and (max-device-width: 480px) {
		.spac-btn .spac-num {
			display: block;
			float: left;
			padding: 10px 17px;
			margin-left: 5px;
			margin-bottom: 5px;
			border: solid 1px #000;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			border-radius: 7px;
			background: #000;
			line-height: 1;
			font-size: 15px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			background-image: -webkit-gradient( linear, left top, left bottom, from( #111) , to( #000));
			background-image: -moz-linear-gradient( to bottom, #111, #000);
			background-image: linear-gradient( to bottom, #111, #000);
		}
		}


	/*--- spac-btn2  ---*/
	.spac-btn2 { 
		overflow: hidden;
		margin: 0 auto;
		/*width: 30%;*/
		width: 180px;
		display: block;
		margin-bottom: 5px;
	}
	
		@media screen and (max-device-width: 480px) {
		.spac-btn2 {
			overflow: hidden;
			margin: 0 auto;
			/*width: 40%;*/
			width: 120px;
			display: block;
			margin-bottom: 10px;
			margin-top: 0.75em !important;
		}
		}
	
	.spac-btn2 .spac-num2 {
		display: block;
		/*float: left;*/
		padding: 7px 15px;
		margin-bottom: 5px;
		border: solid 1px #000;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background: #000;
		line-height: 1;
		font-size: 15px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		background-image: -webkit-gradient( linear, left top, left bottom, from( #111) , to( #000));
		background-image: -moz-linear-gradient( to bottom, #111, #000);
		background-image: linear-gradient( to bottom, #111, #000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#000000', GradientType=0)";
	}
	
	
		@media screen and (max-device-width: 480px) {
		.spac-btn2 .spac-num2 {
			display: block;
			/*float: left;*/
			padding: 10px 17px;
			margin-bottom: 5px;
			border: solid 1px #000;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			border-radius: 7px;
			background: #000;
			line-height: 1;
			font-size: 15px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			background-image: -webkit-gradient( linear, left top, left bottom, from( #111) , to( #000));
			background-image: -moz-linear-gradient( to bottom, #111, #000);
			background-image: linear-gradient( to bottom, #111, #000);
		}
		}
	
		/*--- r-link-btn  ---*/
		.r-link-list {
			float: left;
			overflow: hidden;
			margin-left: 35px;
			margin-bottom: 8px;
		}	
		
			@media screen and (max-device-width: 480px) {
			.r-link-list {
				float: left;
				overflow: hidden;
				margin-left: 10px;
				margin-bottom: 5px;
			
			}	
			}
		
		.r-link-list .r-link-btn {
			display: block;
			float: left;
			margin: 0 10px 0 0px;
		}
		
		
			@media screen and (max-device-width: 480px) {
			.r-link-list .r-link-btn {
				display: block;
				float: left;
				margin: 0 8px 10px 0px;
			}
			
			}



	/*--- spac-btn-back  ---*/
	.spac-btn-back { 
		overflow: hidden;
		margin: 0 auto;
		/*width: 15%;*/
		width: 90px;
		clear: both;
		display: block;
		margin-top: 30px;	
		margin-bottom: 0px;	
	}
	
		@media screen and (max-device-width: 480px) {
		.spac-btn-back { 
			overflow: hidden;
			margin: 0 auto;
			/*width: 30%;*/
			width: 100px;
			display: block;
			margin-bottom: 0px;
			margin-top: 0.75em !important;
		}
		}
	
	
	.spac-btn-back .spac-num-back {
		display: block;
		/*float: left;*/
		padding: 7px 15px;
		margin-bottom: 0px;
		border: solid 1px #000;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		background: #000;
		line-height: 1;
		font-size: 15px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		background-image: -webkit-gradient( linear, left top, left bottom, from( #111) , to( #000));
		background-image: -moz-linear-gradient( to bottom, #111, #000);
		background-image: linear-gradient( to bottom, #111, #000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#000000', GradientType=0)";
	}
	
	
	
		@media screen and (max-device-width: 480px) {
			.spac-btn-back .spac-num-back {
			display: block;
			/*float: left;*/
			padding: 10px 17px;
			margin-bottom: 5px;
			border: solid 1px #000;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			border-radius: 7px;
			background: #000;
			line-height: 1;
			font-size: 15px;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			background-image: -webkit-gradient( linear, left top, left bottom, from( #111) , to( #000));
			background-image: -moz-linear-gradient( to bottom, #111, #000);
			background-image: linear-gradient( to bottom, #111, #000);
		}
		}


/* LINE
##################################### */

hr.line-03{
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
	border-top: 1px solid #bc0000;
	margin-bottom: 15px !important;
	clear: both;
}


h4.line-red{
	border-bottom: 1px solid #dd0113;
}

.sttl-main{
	border-bottom: 1px solid #dd0113;
	font-size: 200%;
	font-weight: bold;
	margin-top: 5px !important;
	margin-bottom: 0;
	padding-bottom: 0.25em;
}

.sttl-sub{
	font-size: 70%;
	margin: 0;
	padding: 0 0 0 2px;
	line-height: 2.1em;
}


.ttl-mrg {
	margin: 0 25px 0 25px !important;
	padding-bottom: 0 !important;
}


/*--- rider-top  ---*/
.rider-top {
margin-top: 30px;
}

.rider-top a {
  color: #d8020a;
  text-decoration: none;
}
.rider-top a:visited {
  color: #d8020a;
  text-decoration: none;
}
.rider-top a:focus {
  color: #d8020a;
  text-decoration: none;
}
.rider-top a:active {
  color: #d8020a;
  text-decoration: none;
}
.rider-top a:hover {
  color: #ff0808;
  text-decoration: none;
}



	/*--- main  ---*/
	.rider-chara-main {
		position: relative;
		width: 50%;
		margin: 0 auto;
		margin-bottom: 40px;
	}

		@media screen and (max-device-width: 480px) {
		.rider-chara-main {
			position: relative;
			width: 75%;
			margin: 0 auto;
			margin-bottom: 20px;
		}
		}

	.rider-chara-main a .rider-name-main {
		margin: 0;
		padding: 0.1em 1em 1em 1em;
		font-size: 108%;
		line-height: 1.4em;
		text-align: center;
		font-weight: bold;
		color: #FFF;
	}

		@media screen and (max-device-width: 480px) {
		.rider-chara-main a .rider-name-main {
			margin: 0;
			padding: 0.5em 1em 1em 1em;
			font-size: 90%;
			line-height: 1.4em;
			text-align: center;
			font-weight: bold;
			color: #FFF;
		}
		}





	/*--- sub  ---*/
	.rider-top .rider-chara {
		float: left;
		width: 33.3%;
		margin-bottom: 15px;
	}
	
		@media screen and (max-device-width: 480px) {
		.rider-top .rider-chara {
			float: left;
			width: 33.3%;
			margin-bottom: 25px;
		}
		}
	
	.rider-top .rider-chara a {
		text-align: center;
		margin: 10px;
		padding: 8px;
		text-decoration: none;
		font-size: 95%;
		display: block;
		border: 0;
		color: #FFF;
	
	}

		@media screen and (max-device-width: 480px) {
		.rider-top .rider-chara a {
			text-align: center;
			margin: 0px;
			padding: 0px;
			text-decoration: none;
			font-size: 70%;
			display: block;
			border: 0;
			color: #FFF;
		
		}
		}


	.rider-top .rider-chara a .rider-name {
		margin: 0;
		padding: 2px;
		font-size: 100%;
		line-height: 1.4em;
		text-align: center;
		font-weight: bold;
		color: #FFF;
	}


		@media screen and (max-device-width: 480px) {
		.rider-top .rider-chara a .rider-name {
			margin: 0;
			padding: 0.5em;
			font-size: 100%;
			line-height: 1.4em;
			text-align: center;
			font-weight: bold;
			color: #FFF;
		}
		}

.rider-top .rider-chara a img {
	width: 100%;
	height: auto;
	/*margin-bottom: 10px;*/
}