@charset "utf-8";
button,input,textarea,
body{

	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


i {
	font-family:FontAwesome;
	font-style:normal;
	font-weight: normal;
	display: inline-block;
}


.base_btn {
	color:#fff;
	border-radius:4px;
	width:100%;
	background:transparent;
	background:red;
	display:block;
	font-weight: bold;
	font-size:2.1rem;
	cursor:pointer;
	line-height:70px;
	position: relative;
	text-decoration:none;
	text-align: center;
	border:none;
	padding:0;
}

.base_btn:visited , .base_btn:link {
	color:#fff;
	text-decoration: none;
}

.base_btn:after {
	content: "\f105";
	font-family:"FontAwesome";
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	margin:0 10px 0;
	color:#fff;
	position: absolute;
	right:2%;
	top:-1px;
	font-size:2.3rem;
	vertical-align: middle;
}

.base_btn:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	color:#fff;
}


.base_btn.inline {
	display:inline-block;
	width:auto;
	margin:0px;
	padding:0px 10px;
	font-size:1.4rem;
	line-height: 1.8;
}

.base_btn.inline:after {
	display:none;
}

.base_btn i {
	font-size:2.1rem;
	vertical-align: middle;
	font-weight: normal;
}

.cv_btn {

	background: #b92626;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2QwMjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q1MjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2QwMjYyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOTI2MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #b92626 0%, #d02626 35%, #d52626 50%, #d02626 65%, #b92626 100%);
	background: -webkit-linear-gradient(top,  #b92626 0%,#d02626 35%,#d52626 50%,#d02626 65%,#b92626 100%);
	background: linear-gradient(to bottom,  #b92626 0%,#d02626 35%,#d52626 50%,#d02626 65%,#b92626 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b92626', endColorstr='#b92626',GradientType=0 );

	width:520px;
	margin:0 auto;
	font-size:1.6rem;
	line-height:80px;
}


.business_btn {
	background: #3AA2DA;
	width:520px;
	margin:40px auto;
	font-size:1.5rem;
	line-height:80px;
}


/*料金シミュレータ*/


.estimate_area .catch_title {
	font-size: 18px;
	margin: 0 0 15px 10px;
	color:#fff;
}

.estimate_block {
	background: #fff;
	border-radius: 10px;
	color: #000000;
	font-size: 13px;
	padding: 30px 40px ;
	position: relative;
	overflow: hidden;
}

.estimate_block .title {
	font-size: 13px;
	margin: 0 0 15px 0px;
	color:#000;
	text-align:left;
	
}

.form_block {
	width:560px;
	overflow: hidden;
	float:left;
}

.form_block .country_block {
	margin:0 0 15px 0;
	overflow: hidden;
}

.form_block .return_block {
	padding:0 0 0 10px ;
	overflow: hidden;
}


.form_block .name_box {
	float:left;
	font-size:15px;
	margin:5px 0 0 0 ;
}

.form_block .parts_box {

}

.btn_block {
	float:right;
	width:280px;
}

.btn_block .base_btn {
	background:#1789C9;
	font-size:22px;
	font-weight: normal;
}

.multi_btn_block {
	clear:both;
	width:470px;
	padding:30px 0 0 0;
}

.multi_btn_block .base_btn {
	background:#EF9033;
	font-size:18px;
	font-weight: normal;
	line-height:45px;
}


/*色違いや特殊系*/

.lp_naruhodo .multi_btn_block  {
	display: none;
}

.surprice .btn_block .base_btn {
	background:#E77E00;
}
.surprice .multi_btn_block .base_btn {
	background:#00646B;
}

.saison .estimate_block {
	background: #000;
	color: #fff;	
}

.saison .estimate_block .title {
	color:#fff;
}


.saison .btn_block .base_btn {
	background: #a73637;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3MzYzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E3MzYzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzc1MTkyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NTE5MjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #a73637 0%, #a73637 50%, #751920 50%, #751920 100%);
	background: -webkit-linear-gradient(top,  #a73637 0%,#a73637 50%,#751920 50%,#751920 100%);
	background: linear-gradient(to bottom,  #a73637 0%,#a73637 50%,#751920 50%,#751920 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a73637', endColorstr='#751920',GradientType=0 );
}

.saison .multi_btn_block .base_btn {
	background: #ebdfb3;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZGZiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ViZGZiMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NmYTg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmE4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ebdfb3 0%, #ebdfb3 50%, #cfa84d 50%, #cfa84d 100%);
	background: -webkit-linear-gradient(top,  #ebdfb3 0%,#ebdfb3 50%,#cfa84d 50%,#cfa84d 100%);
	background: linear-gradient(to bottom,  #ebdfb3 0%,#ebdfb3 50%,#cfa84d 50%,#cfa84d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebdfb3', endColorstr='#cfa84d',GradientType=0 );
	color:#4C3906;
}

.saison .multi_btn_block .base_btn:after {
	color:#4C3906;

}


@media all and (min-width: 641px) and (max-width: 1024px)  {


	.btn_block {
		float:none;
		clear:both;
		width:60%;
		margin:0 auto;
		text-align: center;
		padding:20px 0 0 0;
	}

	.btn_block .base_btn {
		line-height:60px;
	}

	.multi_btn_block {
		width:80%;
		margin:0 auto;
		padding:30px 0 0 0;
	}

	.multi_btn_block .base_btn {
		background:#EF9033;
		font-size:18px;
		font-weight: normal;
		line-height:45px;
	}


	.cv_btn {
		width:80%;
		font-size:1.6rem;
	}

	.business_btn {
		width:80%;
		font-size:1.5rem;
		margin:6.25% auto;
	}



}

@media all and (min-width: 0) and (max-width: 640px)  {


	.estimate_area .title {
		font-size: 14px;
	}

	.estimate_block {
		font-size: 13px;
		margin: 3.125%;
		padding: 3.125%;
	}

	.estimate_block .title {
		font-size: 13px;
		margin: 0 0 15px 0px;
		
	}

	.form_block {
		width:100%;
		overflow: hidden;
		float:none;
	}

	.form_block select ,
	.form_block input {
		margin:0 0 10px 0;
	}

	.form_block .country_block {
		margin:0;
		overflow: hidden;
	}

	.form_block .return_block {
		padding:0px ;
		overflow: hidden;
		clear:both;
	}


	.form_block .name_box {
		font-size:15px;
		width:4em;
		margin:5px 0 0 0 ;
	}

	.form_block .parts_box {
		float:left;
		width:80%;
	}



	.base_btn:after {
		font-size:1.4rem;
	}


	.btn_block {
		float:none;
		clear:both;
		width:80%;
		margin:0 auto;
		text-align: center;
		padding:20px 0 0 0;
	}

	.btn_block .base_btn {
		line-height:60px;
		font-size:16px;
	}

	.multi_btn_block {
		width:100%;
		margin:0 auto;
		padding:30px 0 0 0;
	}

	.multi_btn_block .base_btn {
		background:#EF9033;
		font-weight: normal;
		line-height:45px;
		font-size:12px;
	}

	.multi_btn_block .base_btn:after {
		right:0px;
		font-size:14px;
	}

	.cv_btn {
		font-size:4vw;
		width:80%;
		line-height:60px;
	}
	.business_btn {
		font-size:3.6vw;
		width:80%;
		margin:6.25% auto;
		line-height:60px;
	}




}