@charset "utf-8";

/* STRUCTURE
##################################### */

/*--- rider ---*/

.rider-area-top {
	position: relative;
	background: #a18228; /* Old browsers */
	background: -moz-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a18228', endColorstr='#d3b63e',GradientType=1 ); /* IE6-9 */
		color: #c1c1c1;
	overflow: hidden;
	clear: both;
	margin-top: 15px;
}

	@media (max-width: 1024px) {
		.rider-area-top {
			position: relative;
			background: #a18228; /* Old browsers */
			background: -moz-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a18228', endColorstr='#d3b63e',GradientType=1 ); /* IE6-9 */
			color: #c1c1c1;
			overflow: hidden;
			clear: both;
			padding-top: 5px;
		}
	}


.rider-area-top2 {
	position: relative;
	background: #a18228; /* Old browsers */
	background: -moz-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a18228', endColorstr='#d3b63e',GradientType=1 ); /* IE6-9 */
	color: #c1c1c1;
	overflow: hidden;
	clear: both;
	margin-top: 15px;
	padding-bottom: 45px;
}
.rider-area-top2::before,
.rider-area-top::before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 221px;
	height: 225px;
	display: inline-block;
	background: url(../img/rider3_bg_top.png) top left no-repeat;
}
.rider-area-top2::after,
.rider-area-top::after {
	content: " ";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 221px;
	height: 225px;
	display: inline-block;
	background: url(../img/rider3_bg_under.png) bottom right no-repeat;
}
	@media (max-width: 1024px) {
		.rider-area-top2 {
			position: relative;
			background: #a18228; /* Old browsers */
			background: -moz-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a18228', endColorstr='#d3b63e',GradientType=1 ); /* IE6-9 */
			color: #c1c1c1;
			overflow: hidden;
			clear: both;
			padding-top: 5px;
			padding-bottom: 40px;
		}
		.rider-area-top::before,
		.rider-area-top2::before {
			content: " ";
			position: absolute;
			top: 0;
			left: 0;
			width: 177px;
			height: 180px;
			display: inline-block;
			background: url(../img/rider3_bg_top.png) top left no-repeat;
			background-size: 80% auto;
		}
		.rider-area-top::after,
		.rider-area-top2::after {
			content: " ";
			position: absolute;
			bottom: 0;
			right: 0;
			width: 177px;
			height: 180px;
			display: inline-block;
			background: url(../img/rider3_bg_under.png) bottom right no-repeat;
			background-size: 80% auto;
		}
	}

.rider-area {
	position: relative;
	background: #a18228; /* Old browsers */
	background: -moz-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a18228', endColorstr='#d3b63e',GradientType=1 ); /* IE6-9 */
	color: #c1c1c1;
	overflow: hidden;
	clear: both;
	margin-top: 15px;
	padding-top: 40px;
}
.rider-area::before,
.rider-area2::before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 221px;
	height: 225px;
	display: inline-block;
	background: url(../img/rider3_bg_top.png) top left no-repeat;
}
.rider-area::after,
.rider-area2::after  {
	content: " ";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 221px;
	height: 225px;
	display: inline-block;
	background: url(../img/rider3_bg_under.png) bottom right no-repeat;
}


	@media (max-width: 1024px) {
		.rider-area {
			position: relative;
			background: #a18228; /* Old browsers */
			background: -moz-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a18228', endColorstr='#d3b63e',GradientType=1 ); /* IE6-9 */
			color: #c1c1c1;
			overflow: hidden;
			clear: both;
			margin-top: 15px;
			padding-top: 55px;
		}
		.rider-area::before,
		.rider-area2::before {
			content: " ";
			position: absolute;
			top: 0;
			left: 0;
			width: 177px;
			height: 180px;
			display: inline-block;
			background: url(../img/rider3_bg_top.png) top left no-repeat;
			background-size: 80% auto;
		}
		.rider-area::after,
		.rider-area2::after  {
			content: " ";
			position: absolute;
			bottom: 0;
			right: 0;
			width: 177px;
			height: 180px;
			display: inline-block;
			background: url(../img/rider3_bg_under.png) bottom right no-repeat;
			background-size: 80% auto;
		}
	}

.rider-area2 {
	position: relative;
	background: #a18228; /* Old browsers */
	background: -moz-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a18228', endColorstr='#d3b63e',GradientType=1 ); /* IE6-9 */
	color: #c1c1c1;
	overflow: hidden;
	clear: both;
	margin-top: 15px;
	padding-top: 40px;
	padding-bottom: 85px;
}

	@media (max-width: 1024px) {
		.rider-area2 {
			position: relative;
			background: #a18228; /* Old browsers */
			background: -moz-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a18228', endColorstr='#d3b63e',GradientType=1 ); /* IE6-9 */
			color: #c1c1c1;
			overflow: hidden;
			clear: both;
			margin-top: 15px;
			padding-top: 15px;
			padding-bottom: 55px;
		}
	}


	.box-spec-module {
		position: relative;
		z-index: 100;
		overflow: hidden;
		clear: both;
	}

	.box-spec-module h2 {

		font-size:120%;
	}

	.bxslider-box {
		width: 75% ;
		position: relative ;
		margin: 0 auto ;
	}

	@media (max-width: 1024px) {
		.bxslider-box {
			width: 90% ;
			position: relative;
			margin: 0 auto ;
		}
	}




/*--- rider-top  ---*/
.rider-top {
	position: relative;
	z-index: 100;
	margin-top: 60px;
}

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




/*--- rider-top2  ---*/
.rider-top2 {
/*margin-top: 30px; 141109*/
margin-top: 50px;
/*padding: 0 100px;*/ /*2列の時 3列は削除*/
padding: 0 10px;
}

	.rider-top2 a {
	  color: #ffffff;
	  text-decoration: none;
	}
	.rider-top2 a:visited {
	  color: #ffffff;
	  text-decoration: none;
	}
	.rider-top2 a:focus {
	  color: #ffffff;
	  text-decoration: none;
	}
	.rider-top2 a:active {
	  color: #ffffff;
	  text-decoration: none;
	}
	.rider-top2 a:hover {
	  color: #ffffff;
	  text-decoration: none;
	}



/*--- rider-top3  ---*/
.rider-top3 {
/*margin-top: 30px; 141109*/
margin-top: 40px;
padding: 0 130px; /*2列の時 3列は削除*/
}
	.rider-top3 a {
	  color: #ffffff;
	  text-decoration: none;
	}
	.rider-top3 a:visited {
	  color: #ffffff;
	  text-decoration: none;
	}
	.rider-top3 a:focus {
	  color: #ffffff;
	  text-decoration: none;
	}
	.rider-top3 a:active {
	  color: #ffffff;
	  text-decoration: none;
	}
	.rider-top3 a:hover {
	  color: #ffffff;
	  text-decoration: none;
	}



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

	.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;
	}



/*--- rider-chara-main-top  ---*/
.rider-chara-main-top {
	/*position: relative;*/
	float: left;
	/*width: 50%; 2列*/
	width: 33.3%;
	/*margin: 0 auto;*/
	margin-bottom: 35px;
}

	.rider-chara-main-top .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;
	}


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

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


/*--- rider-chara-main-top3  ---*/
.rider-chara-main-top3 {
	/*position: relative;*/
	float: left;
	/*width: 50%; 2列*/
	width: 17%;
	/*margin: 0 auto;*/
	margin-bottom: 35px;
}

	.rider-chara-main-top3 .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;
	}


/*--- sub  ---*/
.rider-top .rider-chara {
	float: left;
	width: 33.3%;
	margin-bottom: 15px;
}

	.rider-top .rider-chara a {
		text-align: center;
		margin: 10px;
		padding: 8px;
		text-decoration: none;
		font-size: 95%;
		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;
	}



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



/*--- sub-center  ---*/
.rider-top .rider-chara-center {
	position: relative;
	/*float: left;*/
	width: 33.3%;
	margin: 0 auto;
	margin-bottom: 15px;
}



	.rider-top .rider-chara-center a {
		text-align: center;
		margin: 10px;
		padding: 8px;
		text-decoration: none;
		font-size: 95%;
		display: block;
		border: 0;
		color: #FFF;

	}



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


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




/* BTN
##################################### */
.btn-are-wp {
	overflow: hidden;
	clear: both;
	/*margin-bottom: 20px;*/
}

.btn-area {
	padding: 12px 0 1px 0 ;
	background: #f6f57a; /* Old browsers */
	background: -moz-linear-gradient(left, #f6f57a 0%, #fafca2 50%, #f6f8ab 75%, #e9e781 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f6f57a 0%, #fafca2 50%, #f6f8ab 75%, #e9e781 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f6f57a 0%, #fafca2 50%, #f6f8ab 75%, #e9e781 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f57a', endColorstr='#e9e781',GradientType=1 ); /* IE6-9 */
	color: #c1c1c1;
	background-blend-mode: screen;
	margin: 0 auto 0 auto;
}


	/*--- spac-btn  ---*/
	.spac-btn {
		/*overflow: hidden;*/
		text-align: center;
		margin: 3px 5px 5px 5px;
	}

	.spac-btn .spac-num {
		border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		/*border: solid 2px #000000;*/
		/*outline: solid 1px #ffcb00;*/
		/*box-shadow: 0 0 0 2px #000000, 0 0 0 3px #ffcb00;*/
		padding: 7px 15px;
		margin-bottom: 10px;
		display: inline-block;
		line-height: 1;
		font-size: 15px;
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		margin-left: 3px;
		background : #000;
	}


	/*--- spac-btn2  ---*/
	.spac-btn2 {
		/*overflow: hidden;*/
		margin: 0 auto;
		margin-top: 3px;
		/*width: 30%;*/
		width: 180px;
		display: block;
		margin-bottom: 14px;
	}

	.spac-btn2 .spac-num2 {
		border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		/*border: solid 2px #ffcb00;*/
		/*outline: solid 1px #ffcb00;*/
		/*box-shadow: 0 0 0 2px #000000, 0 0 0 3px #ffcb00;*/
		padding: 7px 15px;
		margin-bottom: 10px;
		display: block;
		line-height: 1;
		font-size: 15px;
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		background : #000;
	}

	/*--- spac-btn3  ---*/
	.spac-btn3 {
		/*overflow: hidden;*/
		margin: 0 auto;
		margin-top: 3px;
		/*width: 30%;*/
		width: 120px;
		display: block;
		margin-bottom: 14px;
	}

	.spac-btn3 .spac-num3 {
		border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		border: solid 2px #ffcb00;
		/*outline: solid 1px #ffcb00;*/
		/*box-shadow: 0 0 0 2px #000000, 0 0 0 3px #ffcb00;*/
		padding: 7px 15px;
		margin-bottom: 10px;
		display: block;
		line-height: 1;
		font-size: 14px;
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		background : #000;
	}



	/*--- r-link-btn  ---*/
	.r-link-box {
		background: #323232;
		overflow: hidden;
		clear: both;
		padding-top: 16px;
		/*border-top: #282828 1px solid;*/
		/*border-bottom: #2c2c2c 1px solid;*/
	}

		.r-link-list {
			float: left;
			overflow: hidden;
			margin-left: 35px;
			margin-bottom: 8px;

		}

		.r-link-list .r-link-btn {
			display: block;
			float: left;
			margin: 0 10px 0 0px;
		}




	/*--- spac-btn-back  ---*/
	.spac-btn-back {
		position: relative;
		z-index: 100;
		/*overflow: hidden;*/
		margin: 0 auto;
		/*width: 15%;*/
		width: 190px;
		clear: both;
		display: block;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.spac-btn-back .spac-num-back {
		border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		-webkit-border-radius: 3px 3px 3px 3px;
		/*border: solid 2px #000000;*/
		/*outline: solid 1px #ffcb00;*/
		/*box-shadow: 0 0 0 2px #000000, 0 0 0 3px #ffcb00;*/
		padding: 7px 15px;
		margin-bottom: 10px;
		display: block;
		line-height: 1;
		font-size: 15px;
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		background : #000;
	}





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

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


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



/* TITLE
##################################### */
.sttl-main {
	font-size: 200%;
	font-weight: bold;
	margin-top: 5px !important;
	margin-bottom: 0;
	padding-bottom: 0.15em;
	line-height: 1.4em;
}
.sttl-main::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #a18228; /* Old browsers */
	background: -moz-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #a18228 0%, #997b25 25%, #e8c753 50%, #eed57e 75%, #d3b63e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a18228', endColorstr='#d3b63e',GradientType=1 ); /* IE6-9 */
	color: #c1c1c1;
}

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


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



/* br
##################################### */
.begin-br2 {
	display: none;
}
.begin-br3 {
	display: block;
}
.begin-br5 {
	display: none;
}
/*--sp pc両方改行--*/

.begin-br6 {
	display: block;
}


/* clear
##################################### */
.clear {
  clear: both;
}

@media screen and (max-width: 1024px) {

	.begin-br4 {
		display: block;
	}
	.begin-br5 {
		display: block;
	}
	.begin-br-space {
		display: none;
	}


}