@charset "utf-8";
/* CSS Document */
html,body{height:100%; position:relative}
html,body,h1,h2,h3,h4,h5,div,ul,li,address,p,img,input,form,textarea{padding:0; margin:0; list-style:none}
img{border:none}
body{font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; line-height:140%}
h1 {
	margin: 0px;
	padding: 0px;
}
h2 small{font-size:80%; font-weight:normal;}
h3.title{
	color: #FFF;
	background-color: #029CCE;
}
p{
	line-height: 110%
}
p strong {
	font-weight: bold;
}
.red {
	color: #F00;
}
.blue {
	color: #029CCE;
}





/* ブロック要素のボタン */
a.orange{background:-webkit-gradient(linear,left top,left bottom,from(#FFA326), color-stop(0.2,#FFA326), color-stop(0.8,#FF6F29),to(#FF6F29)); border:solid 1px #FF6F29; text-shadow:1px 1px 2px #E67824;
}
span.green {
	font-size: 160%;
	color: #1FAB01;
}

.bike_box {
	width: 43%;
	float: left;
	background-color: #ABE402;
	padding: 3%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #019CCE;
	margin-bottom: 10px;
}
.bike_name {
	padding: 3px;
	background-color: #029CCE;
}
.bike_name h4 {
	font-size: 80%;
	color: #FFF;
	border-left-width: 3px;
	border-left-style: solid;
	padding-left: 5px;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
}
.bike_name h4 strong {
	font-size: 120%;
}

.margin_bike {
	margin-right: 2%;
}
.img_bike {
	background-color: #FFF;
	border: 1px solid #000;
	text-align: center;
	height: 80px;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	overflow: hidden;
}
.img_bike img {
	height:auto;
	max-height: 80px;
}

.price {
	padding: 5px;
	border: 1px solid #000;
	color: #F00;
	background-color: #FFF;
	text-align: right;
}





/*  */
.slideDown li h3{
	padding-left: 65px;
	font-size: 150%;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 30px 0 30px 70px;
	background-size:57px 57px;
}
a.list2_01{background:-webkit-gradient(linear,left top,left bottom,from(#40C15C), to(#2F8E44)); padding-left:10px;}
.staff_box {
	float: right;
	width: 48%;
}
.border_staff {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #029CCE;
	margin-bottom: 15px;
	padding-bottom: 15px;
}




/* フォーム */
#form #inq table input, #form #inq table select{font-size:100%!important;}
#form h2{
	background-color: #FFF!important;
	padding: 10px 0;
	margin: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #02A9DD;
	border-bottom-color: #02A9DD;
}
h3.satei{font-size:150%!important; padding:20px!important;}
#form .error {
	color: #FFF;
	background-color: #990000;
	width: 100%;
	padding:5px;
}
#inq{font-size:110%;
}
#inq th{padding:}

#form th{
	width: 100%;
	font-size: 120%;
	background-color: #C1E7FC;
	color: #019CCE;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
}
#form td{padding-top:5px; padding-bottom:10px; font-size:110%;}
#form td p{text-align:left; padding:0; margin-top:5px!important; margin-bottom: 5px!important;}
span.must{background-color:#C00; color:#FFF; padding:1px 0; width:100%; font-size:90%; display:block;}
.w100{width:99.5%;}
.w40{width:40px;}
.w60{width:60px;}
.btnBlock2, .btnBlock3{
	-webkit-border-radius: 5px;
	padding: 15px 0;
	color: #fff!important;
	display: block;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	display: block;
	background:-webkit-gradient(linear,left top,left bottom,from(#E02F26), color-stop(0.2,#E02F26), color-stop(0.8,#8C0000),to(#8C0000)); border:solid 1px #8D0100; width: 100%;
	margin-bottom:10px;
}
.btnBlock4{
	-webkit-border-radius: 5px;
	padding: 15px 0;
	color: #333!important;
	display: block;
	text-align: center;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	display: block;
	background:-webkit-gradient(linear,left top,left bottom,from(#FFFFFF), color-stop(0.2,#FFFFFF), color-stop(0.8,#F0F0EC),to(#F0F0EC)); border:solid 1px #BCBCBC; width: 100%;
	margin-bottom:10px;
}
.btnArrow{
	float: right;
	position: relative;
	top: 30px;
	right: 10px;
	z-index: 99;
}
.form_sub label{
	padding-top: 5px;
	vertical-align: middle;
}

/* footer */
footer ul{border-top:solid 1px #d1d1d1; border-bottom:solid 1px #d1d1d1}
footer {
	background-color: #ED7700;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-size: 50%;
	padding-bottom: 35px;
}
footer p {
	color: #FFF;
	margin-top: 25px;
	margin-bottom: 5px;
}
footer p a {
	color: #FFF;
}



footer li{float:left; width:50%; display:block; background:-webkit-gradient(linear,left top,left bottom,from(#fff), color-stop(0.7,#fff), to(#F0F0EC))}
footer li a{display:block; text-align:center; padding:8px 0}
footer li img{margin-right:5px}
footer li:first-child a{border-right:solid 1px #d1d1d1}
footer li:last-child a{border-left:solid 1px #fff}
footer ul:after{content:"."; height:0; clear:both; visibility:hidden; display:block; overflow:hidden}
footer small{
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	line-height: 110%;
	font-size: 80%;
	text-align: center;
	color: #FFF;
}


 .bike-list {
	clear: both;
	width: 100%;
	display: inline-block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2%;
	margin: 0px;
}
 .bike-list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.bike-list .bike-box {
	padding: 0px;
	width: 48%;
	border: 1px solid #BEBCC9;
	float: left;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0px;
	height: 330px;
}
 .bike-list .end {
	margin: 0px;
}
.bike-list .bike-box .name {
	margin: 0px;
	padding: 5px 6px 0px;
	height: 52px;
	border-bottom: 1px solid #BEBCC9;
	background:-webkit-gradient(linear,left top,left bottom,from(#FBFBFB), color-stop(0.1,#FBFBFB), color-stop(0.9,#DDD),to(#DDD));
}
 .bike-list .bike-box .name dt {
	font-size: 1.2em;
	font-weight: bold;
	background: url(../images/top_campaign_icon.jpg) no-repeat left 3px;
	margin: 0px;
	padding: 0px 0px 0px 11px;
}
 .bike-list .bike-box .name dd {
	margin: 0px;
	padding: 4px 0px 0px 11px;
	color: #626262;
}
.bike-list .bike-box .photo {
	text-align: center;
	margin: 2px 0px 0px;
	padding: 0px;
	width: 100%;
}
.photo img {
	height: auto;
	max-height: 100px;
}
 .bike-list .bike-box .kakaku {
	margin: 5px auto 6px;
	padding: 0px;
	width: 90%;
}
 .bike-list .bike-box .kakaku dt {
	font-size: 0.8em;
}
 .bike-list .bike-box .kakaku dd {
	text-align: right;
	margin: 3px 0px 0px;
	padding: 0px 3px 0px 0px;
	width: 95%;
	border: 1px solid #BEBCC9;
	line-height: 22px;
}
.bike-list .bike-box .kakaku .big {
	font-size: 1.6em;
	font-weight: bold;
	color: #014099;}
.picktext {
	margin: 3px 0px 0px;
	padding: 0px;
}
 .picktext .color {
	font-weight: bold;
	color: #FF3399;
}
 .bike-box .comment {
	margin: 5px 5px;
	padding: 0px;
	width: 150px;
	line-height: 130%;
	font-weight: bold;
	color: #FF6600;
	height: 35px;
	display: inline-block;
}
 .bike-box .plus {
	margin: 8px 0px 0px;
	padding: 0px 5px;
	font-size: 0.8em;
	line-height: 130%;
}
 .bike-box .plus dt {
	color: #0066CC;
	margin: 0px;
	padding: 0px 0px 3px;
}
 .bike-box .plus dd {
	margin: 0px;
	height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


/*	privacy checkbox
----------------------------------------*/
.privacy_cb_wrapp,
.privacy_cb_wrapp * {
	-o-box-sizing: border-box;
-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.privacy_cb_wrapp {
	text-align: center;
}
.privacy_cb_wrapp a {
	text-decoration: underline;
	color: #345f96;
	font-weight: 600;
}
.privacy_cb_wrapp > div {
	display: inline-block;
	background: #efefef;
	border-radius: 6px;
	padding: 12px 18px;
	margin: 6px 0 0;
}
.privacy_cb_wrapp input[type=checkbox] {
	display: none;
}
.privacy_cb_wrapp label {
	cursor: pointer;
	display: inline-block;
	padding-left: 32px;
	position: relative;
	line-height: 20px;
}
.privacy_cb_wrapp label::before {
	background: #fff;
	border: 2px solid #d1d1d1;
	content: '';
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 20px;
	border-radius: 3px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.privacy_cb_wrapp label::after {
	border-right: 3px solid #d1d1d1;
	border-bottom: 3px solid #d1d1d1;
	content: '';
	display: block;
	height: 10px;
	left: 8px;
	margin-top: -1px;
	opacity: .5;
	position: absolute;
	top: 50%;
/*	transform: rotate(45deg);*/
	width: 4px;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
}
.privacy_cb_wrapp input[type=checkbox]:checked + label::after {
	opacity: 1;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
.privacy_cb_wrapp input[type=checkbox]:checked + label::before {
	background: #345f96;
	border: 2px solid #345f96;
}
.privacy_cb_wrapp .priv_error_txt {
	font-size: 0.8125rem;
	line-height: 1.4;
	color: #b30000;
	margin: 0 0 6px;
	display: block;
	font-weight: 700;
}
.slick-dotted.slick-slider{
	margin-bottom:0px!important;
}
.slider{
	display:block;
	height:100%;
	overflow:hidden;
}

.slick-dots{
	position:relative;
	padding:8px 0!important;
	display:block;
}
