@charset "utf-8";

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

.page_contents_field h3 {
	background-color: #000;
}

.page_contents_field .inc-file01 h4.sttl-main {
	font-size: 108%;
	margin-bottom: 0.15em;
}

/*--- 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;
	padding-top: 0.3em;
	margin-top: 1em;
}

.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: 0.3em;
	padding-bottom: 1.5em;
}

.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;
	padding-top: 25px;
	margin-top: 1em;
}

.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;
	padding-top: 0.3em;
	padding-bottom: 1.5em;
	margin-top: 1em;
}
.rider-area-top::before,
.rider-area-top2::before,
.rider-area::before,
.rider-area2::before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 111px;
	height: 113px;
	display: inline-block;
	background: url(../../../rider/img/rider3_bg_top.png) top left no-repeat;
	background-size: 111px 113px;
}
.rider-area-top::after,
.rider-area-top2::after,
.rider-area::after,
.rider-area2::after {
	content: " ";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 111px;
	height: 113px;
	display: inline-block;
	background: url(../../../rider/img/rider3_bg_under.png) bottom right no-repeat;
	background-size: 111px 113px;
}

.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 {
	position: relative;
	z-index: 100;
	overflow: hidden;
	clear: both;
}

	.box-spec-module h2 {
		font-size:100%;
	}


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


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

	.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;
/*padding: 0 15px;*/ /*2列の時 3列は削除*/
padding: 0 0px;
}

	.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: 20px;
padding: 0 20px; /*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: 45%;
	margin: 0 auto;
	margin-bottom: 15px;
}

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


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

	.rider-chara-main-top .rider-name-main {
		margin: 0;
		padding: 0.5em 1em 1em 1em;
		/*font-size: 90%;*/
		font-size: 75%;
		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: 90%;
		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: 15px;
}

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


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

	.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: 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;*/
}


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

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

	}

		.rider-top .rider-chara-center 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-center a img {
	width: 100%;
	height: auto;
	/*margin-bottom: 10px;*/
}


/* BTN
##################################### */

.btn-are-wp {
}

.btn-area {

}

/*--- spac-btn  ---*/
.spac-btn {
	/*overflow: hidden;*/
	margin-bottom: 20px;
	margin-left: 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 #ec349b;*/
		/*box-shadow: 0 0 0 2px #000000, 0 0 0 3px #ec349b;*/
		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: 7px;
		background : #000;
	}


/*--- spac-btn2  ---*/
.spac-btn2 {
	/*overflow: hidden;*/
	margin: 0 auto;
	/*width: 40%;*/
	width: 120px;
	display: block;
	margin-bottom: 20px;
	margin-top: 0.75em !important;
}

	.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 #000000;*/
		/*outline: solid 1px #ec349b;*/
		/*box-shadow: 0 0 0 2px #000000, 0 0 0 3px #ec349b;*/
		padding: 10px 17px;
		margin-bottom: 5px;
		display: block;
		line-height: 1;
		font-size: 15px;
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		background : #000;
	}


.spac-btn3 {
	/*overflow: hidden;*/
	margin: 0 auto;
	/*width: 40%;*/
	width: 90px;
	display: block;
	margin-bottom: 20px;
	margin-top: 0.25em !important;
}

	.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 #ec349b;*/
		/*box-shadow: 0 0 0 2px #000000, 0 0 0 3px #ec349b;*/
		padding: 5px 8px;
		margin-bottom: 5px;
		display: block;
		line-height: 1;
		font-size: 12px;
		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: 10px;
		margin-bottom: 5px;

	}

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


/*--- spac-btn-back  ---*/
.spac-btn-back {
	position: relative;
	z-index: 100;
	/*overflow: hidden;*/
	margin: 0 auto;
	/*width: 30%;*/
	width: 150px;
	display: block;
	margin-bottom: 1.5em;
	margin-top: 1.5em !important;
}


	.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 #ec349b;*/
		/*box-shadow: 0 0 0 2px #000000, 0 0 0 3px #ec349b;*/
		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 #323232;
	margin-bottom: 15px !important;
	clear: both;
}

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

h4.line-pink{
	border-bottom: 2px solid #e4007f;
}

.sttl-main{
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 0 !important;
	/*padding-bottom: 0.25em;*/
}
.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: 0 0 0 2px;
	line-height: 2.1em;
}


.ttl-mrg {
	margin: 0 1em 0 1em !important;
	padding-bottom: 0 !important;
}


/* font
##################################### */
.font-08-sp {
  font-size: 60% !important;
}
.font-09-sp {
  font-size: 70% !important;
}
.font-10-sp {
  font-size: 77% !important;
}
.font-11-sp {
  font-size: 85% !important;
}
.font-12-sp {
  font-size: 93% !important;
}
.font-020-sp-ls {
  letter-spacing: -0.02rem;
	}

.font-030-sp-ls {
  letter-spacing: -0.03rem;
	}

.font-040-sp-ls {
  letter-spacing: -0.04rem;
	}

.font-050-sp-ls {
  letter-spacing: -0.05rem;
	}

.font-060-sp-ls {
  letter-spacing: -0.06rem;
	}

.font-070-sp-ls {
  letter-spacing: -0.07rem;
	}

.font-080-sp-ls {
  letter-spacing: -0.08rem;
	}

.font-090-sp-ls {
  letter-spacing: -0.09rem;
	}

.font-10-sp-ls {
  letter-spacing: -0.1rem;
	}

.font-20-sp-ls {
  letter-spacing: -0.2rem;
	}




/* br
##################################### */
/*--- spのみ改行  ---*/
.begin-br{
	display: block;
}

.begin-br2{
	display: block;
}
/*-- sp用改行無効 --*/
.begin-br3{
	display: none;
}
/*-- sp用改行無効 --*/
.begin-br5{
	display: none;
}
/*--sp pc両方改行--*/
.begin-br6 {
	display: block;
}
/*-- sp用改行無効 --*/
.begin-br-space{
	display: none;
}
/* 打ち消し
##################################### */

.page_contents_field h4 span {
	font-weight: inherit;
	font-size: inherit;
}
.page_contents_field h4 span.begin-br {
	font-weight: inherit;
	font-size: inherit;
	display: block;
}