@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :parts.css
 style info :WEBパーツ素材のCSS
=================================================================== */

ul li{
	list-style: none;
}
a{
	color: #333;
}
* body,html{
	font-size: 15px;
	line-height: 1.5em;
}
@media (max-width: 768px) {/*SP*/
	* body,html{
		font-size: 14px;
	}
}

/* ===================================================================
画像
=================================================================== */
img{
max-width: 100%;
height: auto;
width /***/:auto;
vertical-align: bottom;
}
/* ===================================================================
box-sizing
=================================================================== */
*{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* ===================================================================
ボタン
=================================================================== */
.btn{
	display: inline-block;
	padding: 1.4em 1em;
	cursor: pointer;
	text-align: center;
	transition: .5s ease;
	width: 100%;
}
.btn-s{ font-size: 10px; }
.btn-m{ font-size: 14px; }
.btn-l{ font-size: 18px; }
.btn-submit{
	background-color: #486470;
	color: #fff;
}
.btn-red{
	background-color: #cb3b4a;
	color: #fff;
}
.btn-red:hover{
	background-color: #000;
}
.btn-russet{
	background-color: #574141;
	color: #fff;
}
.btn-russet:hover{
	background-color: #261d1d;
}

.btn-fb{ background-color: #3b5998;}
.btn-tw{background-color: #0084b4;}
.btn-gg{background-color: #dd4b39;}

.btn-single-center{
	width: 240px;
	margin: 0 auto;
	display: block;
	text-align: center;
}


.btn-input{
	font-family: inherit;
	background-image: -webkit-linear-gradient(left, #cb3b4a, #cb3b4a);
	background-image: -o-linear-gradient(left, #cb3b4a, #cb3b4a);
	background-image: linear-gradient(to right, #cb3b4a, #cb3b4a);
}
.btn-input:hover{
	background-color: #000;
	background-image: -webkit-linear-gradient(left, #000000, #000000);
	background-image: -o-linear-gradient(left, #000000, #000000);
	background-image: linear-gradient(to right, #000000, #000000);
}
.btn-return{
	color: #FFFFFF;
	padding: 1em 1em;
	font-family: inherit;
	background-color: #574141;
	background-image: -webkit-linear-gradient(left, #574141, #574141);
	background-image: -o-linear-gradient(left, #574141, #574141);
	background-image: linear-gradient(to right, #574141, #574141);
}
.btn-return:hover{
	background-color: #261d1d;
	background-image: -webkit-linear-gradient(left, #261d1d, #261d1d);
	background-image: -o-linear-gradient(left, #261d1d, #261d1d);
	background-image: linear-gradient(to right, #261d1d, #261d1d);
}

/* ===================================================================
form
=================================================================== */
input,
select{
	outline:none;
	
}
input,
textarea{
	
}
input[type=text],
input[type=email],
select,
textarea{
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: solid 1px #ccc;
	font-size: 16px;
	font-family: inherit;
	line-height: 1.5em;
	padding: 0.4em;
	
}
input[type=submit]{
	border: none;
}
textarea{
	width: 100%;
}

.input-s{width: 200px;}
.input-m{width: 300px;}
.input-l{width: 400px;}

@media (max-width: 768px) {/*SP*/
	.input-s,
	.input-m,
	.input-l{
		width: 100%;
	}
}
.select-news{
	position: relative;
	margin-bottom: 20px;
}
.select-news:after{
	content: "";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	top: 50%;
	margin-top: -3px;
	right: 10px;
	border-right: solid 2px #999;
	border-bottom: solid 2px #999;
	transform: rotate(45deg);
}
.select-news select{
	width: 100%;
	background-color: inherit;
}

.mw_wp_form_preview .mw_wp_form_preview-none{
	display: none;
}
.mw_wp_form_preview .select-time:after{
	display: none;
}
.formError{
	color: #cb3b4a;
}
.formError.inline{
	display: inline-block;
	padding-left: 20px;
}
@media (max-width: 768px) {/*SP*/
	.formError.inline{
		padding-left: 0px;
	}
}
.formErrorContent{
	display:inline-block;
}

.date-picker.js-validate-required{
	position: relative;
}

.date-picker.js-validate-required + .formError.inline{
	padding-left: 0;
}
.date-picker.js-validate-required + .formError .formErrorContent{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 180px;
	width: 120px;
}
@media (max-width: 768px) {/*SP*/
	.date-picker.js-validate-required + .formError .formErrorContent{
		margin-top: -44px;
		left: -60px;
	}
}

/* ===================================================================
マージン
=================================================================== */
.mb10{ margin-bottom:10px;}.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}.mb80{ margin-bottom:80px;}
.mb90{ margin-bottom:90px;}.mb100{ margin-bottom:100px;}

.clear:after, .clear-left:after, .clear-right:after {display: block; content: "";}
.clear, .clear:after {clear: both;}
.clear-left, .clear-left:after {clear: left;}
.clear-right, .clear-right:after {clear: right;}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */