@charset "UTF-8";
/*
##############################################
  form-style-common
##############################################
*/
.required{font-size: 10px;color: #FFF;background-color: #F51850;margin-left: 10px;padding-top: 2px;padding-right: 8px;padding-bottom: 2px;padding-left: 8px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.memo { font-size: 11px; font-weight: normal; color: #666; }
input[type=radio]:checked + .wpcf7-list-item-label:before {opacity: 1;}
input[type="text"],input[type="email"],input[type="tel"],input[type="number"] { border: 2px solid #ddd; border-radius: 5px; height: 50px; width: 100%; text-indent: 10px; font-size: 95%; box-sizing: border-box; background-color: #f9f9f9; }
textarea {
	width: 100%;
	border-radius: 5px;
	font-size: 16px;
	padding: 10px;
	box-sizing: border-box;
}
input:placeholder-shown, textarea:placeholder-shown { color: #ccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-size: 1rem; color: #aaa; } /* Google Chrome, Safari, Opera 15+, Android, iOS */
input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; opacity: 1; } /* Firefox 18- */
input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; opacity: 1; } /* Firefox 19+ */
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; } /* IE 10+ */
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],textarea,select {
	outline: none;
	border: 1px solid #ccc;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus {
  box-shadow: 0 0 7px #6ca0de;
  border: 1px solid #6ca0de;
}
select { padding: 10px; border-radius: 5px; height: 60px; width: 100%; font-size: 95%; }
#section-birth select {border: 1px solid #e0e0e0;height: 45px;width: 80px;}
.input-error {margin-top: 5px;font-size: 75%;font-weight: bold;color: #F00;}
.sex .wpcf7-list-item {float: left;}
#section-birth li {float: left;}

.btn_submit #submit {
   -webkit-appearance: none;
   border-radius: 0;
}

span.wpcf7-not-valid-tip {
	margin-top: 5px;
	position: relative;
	background: #003f8d;
	border-radius: 5px;
	display: inline-block;
	padding: 5px 15px;
	font-size: 0.8rem;
	color: #fff;
}
span.wpcf7-not-valid-tip:after, span.wpcf7-not-valid-tip:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
span.wpcf7-not-valid-tip:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #003f8d;
	border-width: 12px;
	margin-left: -12px;
}
span.wpcf7-not-valid-tip:before {
	border-color: rgba(0, 63, 141, 0);
	border-bottom-color: #003f8d;
	border-width: 15px;
	margin-left: -15px;
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
	margin-bottom: 35px;
	padding: 5px 15px;
	background-color: #003f8d;
	border-radius: 5px;
	font-size: 1.05rem;
	color: #fff;
	text-align: center;
}
.wpcf7-validates-as-required, input.code { background-color: #fff2f5 !important; }
span.wpcf7-list-item { margin: 0 5px 0 0 !important; }
span.wpcf7-list-item-label { margin-left: 5px; }
div.hidden-area { height: 0; }

.request header, .request-naturum header, .request-cp header, .request-bonus header, .snowboard header, .snowboard-faq header, .request-snowboard header, .request-tsa header, .apply header, .cp header {
	position: relative;
	padding: 10px;
	background-color: #003f8d;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	line-height: 1;
}
.request header img, .request-naturum header img, .request-cp header img, .request-bonus header img, .snowboard header img, .snowboard-faq header img, .request-snowboard header img, .request-tsa header img, .apply header img, .cp header img {
	width: 120px;
	vertical-align: bottom;
}
@media screen and (max-width: 639px) {
	.request main, .request-naturum main, .request-cp main, .request-bonus main, .request-snowboard main, .request-tsa main, .apply main, .cp main {
		padding: 0;
	}
	.request #section-title, .request-naturum #section-title, .request-cp #section-title, .request-bonus #section-title, .snowboard #section-title, .snowboard-faq #section-title, .request-snowboard #section-title, .request-tsa #section-title, .apply #section-title, .cp #section-title {
		padding-top: 30px;
	}
	.request #section-title h1, .request-naturum #section-title h1, .request-cp #section-title h1, .request-bonus #section-title h1, .snowboard #section-title h1, .snowboard-faq #section-title h1, .request-snowboard #section-title h1, .request-tsa #section-title h1, .apply #section-title h1, .cp #section-title h1 { font-size: 1.5rem; }
}
.request footer, .request-naturum footer, .request-cp footer, .request-bonus footer, .snowboard footer, .snowboard-faq footer, .request-snowboard footer, .request-tsa footer, .apply footer, .cp footer {
	padding: 15px 0;
	background-color: #f3f3f3;
	font-size: 11px;
	color: #555;
	text-align: center;
}
#a8sales img { width:0;height:0; }

/*
##############################################
  .section-form
##############################################
*/
.section-form { margin-bottom: 30px; overflow: hidden; }
.section-form .input-error {margin-top: 5px;font-size: 75%;font-weight: bold;color: #F00;}
.section-form .section-form-tit {
	border-left: 5px solid #003f8d;
	border-bottom: 1px dotted #eee;
	background: #f9f9f9;
	font-size: 110%;
	font-weight: bold;
	line-height: 50px;
	height: 45px;
	text-indent: 15px;
}
.section-form .section-form-tit span { margin-left: 10px; font-weight: normal; }
.section-form picture {
	display: block;
	margin-top: 20px;
}
#section-form-kit #boxsize {
	margin: 10px auto;
	width: 95%;
}
#section-form-kit #boxsize img {
	width: 100%;
	height: auto;
}
.section-form dl {
	width: 95%;
	margin: 25px auto 20px;
}

.section-form dt { font-size: 95%; font-weight: bold; margin-bottom: 10px; border-bottom: 1px dotted #bbb; padding: 5px; }
.section-form-txt {font-size: 80%;text-align: center;margin-top: 20px;}
.section-form-txt a {color: #1681b2;}
.btn_submit { margin: 0 auto 20px; }
.btn_submit #submit {
	background-color: #ccc;
	border: none;
	border-radius: 50px;
	width: 100%;
	height: 60px;
	font-size: 20px;
	font-weight: bold;
	line-height: 60px;
	color: #fff;
}
.btn_submit #submit.form-ok {
	background: #18cd1c;
	cursor: pointer;
/*
	background: -webkit-linear-gradient(rgba(66,251,11,1) 0%, rgba(5,189,41,1) 50%, rgba(0,165,37,1) 51%, rgba(1,191,52,1) 100%);
	background: -o-linear-gradient(rgba(66,251,11,1) 0%, rgba(5,189,41,1) 50%, rgba(0,165,37,1) 51%, rgba(1,191,52,1) 100%);
	background: linear-gradient(rgba(66,251,11,1) 0%, rgba(5,189,41,1) 50%, rgba(0,165,37,1) 51%, rgba(1,191,52,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42fb0b', endColorstr='#01bf34',GradientType=0 );
*/
}

.wpcf7-form-control-wrap {
	position: relative;
	height: 100%;
}
.input-error {
	position: absolute;
	top: -35px;
	left: 0px;
	background-color: #EA9D59;
	color: #fff !important;
	font-size: 11px !important;
	width: auto !important;
	margin: 0 !important;
	padding: 5px 8px;
	border-radius: 5px;
}
.input-error::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 10px;
	bottom: -10px;
	border-top: 10px solid #EA9D59;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}


input[type=text].form-ok, input[type=email].form-ok, input[type=tel].form-ok, input[type=number].form-ok ,select.form-ok {
	background: #fff url(img/ico_form_ok.png) right 10px center no-repeat !important;
/*	border-color: #93d293 !important;*/
/*	display: block; */
}
span.form-ok::after {
	content: url(img/ico_form_ok.png);
	vertical-align: middle;
}
.kittype .input-error {
	top: -45px;
}

 .wpcf7-form-control-wrap.form-ok label {
	background-color: #fff !important;
/*	border-color: #93d293 !important;*/
}

#form-request .inner .guideArea {
	padding-bottom: 20px;
	width: 100%;
	position: -webkit-sticky;
	position: sticky;
	top: 5px;
	right: 0;
	z-index: 1000;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#form-request .inner .wpcf7 {
	flex: 1;
}

/*  left-item-column（ガイドボックス） */
#form-request {
	margin-top: 20px;
	padding-bottom: 0 !important;
	background: none !important;
}
#form-request .inner {
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
    max-width: 960px;
}

.left-item-column {
	display: inline-box;
	background-color: #003f8d;
	padding: 6px 10px 8px;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	width: 100%;
	box-sizing: border-box;
}
.left-item-column {
	/*display: none; 一旦非表示 */
}
.left-item-column p {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	margin: 0;
}
.left-item-column ul {
	overflow: hidden;
	display: none;
}
.left-item-column li {
	margin-left: 20px;
	font-size: 12px;
	list-style: disc;
	width: 40%;
	float: left;
	line-height: 1.3;
}
.left-item-num {
	padding: 0 3px 0 5px;
	font-size: 140%;
	color: #ff0;
}
p.input-done {
	position: -webkit-sticky;
	position: sticky;
	top: 30px;
	right: 0;
	padding: 0;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	line-height: 1.6;
}
p.input-done span {
	font-size: 120%;
	font-weight: bold;
}
p.input-done a {
	padding: 15px;
	background-color: #18cd1c;
	border-radius: 5px;
	color: #fff;
	display: block;
	text-decoration: none;
}
p.input-done a:hover {
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}



/*
##############################################
  #section-item(ご希望の査定用品)
##############################################
*/
.section-item { margin-bottom: 40px; }
.section-item .input-error {margin-top: 5px;font-size: 75%;font-weight: bold;color: #F00;}
.section-item .section-form-tit {
	border-left: 5px solid #003f8d;
	border-bottom: 1px dotted #eee;
	background: #f9f9f9;
	font-size: 110%;
	font-weight: bold;
	line-height: 50px;
	height: 45px;
	text-indent: 15px;
}

.section-item .section-form-tit span { margin-right: 10px; font-weight: normal; }
.section-item span.wpcf7-validates-as-required { background-color: #fff !important; }
.section-item dl {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.section-item dt {
	margin-bottom: 5px;
	font-size: 90%;
}

/*
##############################################
  #section-form-kit
##############################################
*/
.form-point {
	margin: 20px auto;
	padding: 20px 20px 15px 20px;
	background-color: #fbf8ea;
	box-sizing: border-box;
}
.form-point p {
	margin: 0 0 5px 0;
	padding-left: 55px;
	background: url(https://kautodoor.com/wp-content/uploads/2018/06/ico_request_point.png) 0px 3px no-repeat;	font-size: 90%;
	line-height: 1.2;
	color: #1db581;
}
.form-point p span {
	display: inline-block;
	padding: 0 3px;
	font-size: 110%;
	font-weight: bold;
	color: #f00;
}
#section-form-kit label,.section-item label {
	background-color: #f2f2f2;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	padding: 15px 12px;
	cursor: pointer;
	background-color: #fff2f5;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	font-size: 14px;
}
#section-form-kit span.wpcf7-validates-as-required { background-color: #fff !important; }
#section-form-kit label:hover,.section-item label:hover { background-color: #FCBECD; }
#section-form-kit span.wpcf7-list-item.first label { color: #003f8d; font-weight: bold; }
#section-form-kit .kit-snowboard span.wpcf7-list-item.first label { color: #333; font-weight: normal; }
p.link-kit {
	margin: 0.3rem 0;
	font-size: 0.85rem;
	text-align: right;
}
@media screen and (min-width: 640px) {
	p.link-kit {
		font-size: 1rem;
	}
}


/*
##############################################
  .section-form-delivery(集荷希望日時)
##############################################
*/
.section-form-delivery dt { font-size: 90%; font-weight: normal; padding: 0; border: 0; }
.section-form-delivery dd li { margin-bottom: 10px; padding-right: 20px; float: left; font-weight: bold; font-size: 100%; color: #003f8d; list-style: none; }
/*.section-form-delivery dd li .wpcf7-form-control-wrap { margin-left: 10px; }*/

/*
##############################################
  #section-form-agree
##############################################
*/
#section-form-agree {
	margin-top: 0px !important;
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
	height: 100px;
	border: 1px solid #e0e0e0;
	overflow-x: hidden;
	overflow-y: scroll;
	line-height: 18px;
	font-size: 11px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.2;
}
#section-form-agree pre{white-space: pre-wrap;}
#section-form-agree-txt  {font-size: 90%;text-align: center;margin-bottom: 20px;margin-top: 20px;}
/*
##############################################
  .section-form-attention
##############################################
*/
.section-form-attention .section-form-attention-txt dl{
	background-color: #FBEAE8;
	border: 2px solid #DC5041;
	background-image: url(img/page/ico_attention.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size:40px 40px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
}
.section-form-attention .section-form-attention-txt {margin-top: 15px;}
.section-form-attention .section-form-attention-txt dt{font-weight: bold;color: #dc5041;}
.section-form-attention .section-form-attention-txt dd{color: #dc5041;font-size: 80%;}
/*
##############################################
  .section-form-purchase(お客様の査定結果確認画面)
##############################################
*/
.section-desc-purchase {font-weight: bold;margin-bottom: 10px;text-align: center;}
.section-form-purchase {
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #F2F2F2;
	padding: 20px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	border : 1px solid #e0e0e0;
	border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
}
#btn-submit-purchase {height: 50px;width: 300px;margin-right: auto;margin-left: auto;}
#btn-purchase {height: 50px;width: 300px;margin-right: auto;margin-left: auto;}

/*
####################################################################################
  無料査定フォーム
####################################################################################
*/
/*.only-pc {display:none}*/
/*
##############################################
  request-common
##############################################
*/
#request #header {height: 60px;}
#request #header p {text-align: center;padding-top: 10px;}
#request #header img {height: auto;width: 100px;}
#request #footer {font-size: 90%;text-align: center;padding-bottom: 10px;margin-top: 20px;}
#request address {font-size: 90%;text-align: center;}
#request #alert, .request #alert {
	color: #666;
	text-align: center;
	margin-bottom: 20px;
	font-size: 75%;
}
#request #alert span, .request #alert span { font-size: 110%; font-weight: bold; color: #40A4D6; }
/*
##############################################
  form-style-common
##############################################
*/
#kit-ac {margin-bottom: 15px;}
#kit-ac dl.accordion dd { display:none;}
#kit-ac dt {
	line-height: 45px;
	background-color: #FFF;
	height: 45px;
	width: 96%;
	font-size: 80%;
	padding-left: 4%;
	background-image: url(img/bottom_black.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-size:18px 18px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}
#kit-ac dd {margin-top: 10px;background-color: #F2F2F2;padding: 3%;font-size: 80%;}
#kit-ac dd .boxsize {text-align: center;margin-bottom: 10px;}
#kit-ac dd .boxsize p {font-size: 80%;margin-top: 5px;}
#kit-ac dd .boxsize p span {font-weight: bold;}


.request p.catch {
	font-size: 16px;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	color: #14ae22;
	width: 95%;
	box-sizing: border-box;
	margin: 0 auto;
}
.request div.secure, .request-naturum div.secure, .request-cp div.secure, .request-bonus div.secure, .snowboard div.secure, .snowboard-faq div.secure, .request-snowboard div.secure, .request-tsa div.secure, .apply div.secure, .cp div.secure {
	box-sizing: border-box;
	margin: 20px auto;
	padding: 10px 10px 5px 10px;
}
.request div.secure p, .request div.secure div, .request-naturum div.secure p, .request-naturum div.secure div, .request-cp div.secure p, .request-cp div.secure div, .request-bonus div.secure p, .request-bonus div.secure div, .snowboard div.secure div, .snowboard div.secure p, .snowboard-faq div.secure div, .snowboard-faq div.secure p, .request-snowboard div.secure p, .request-snowboard div.secure div, .request-tsa div.secure p, .request-tsa div.secure div, .apply div.secure p, .apply div.secure div, .cp div.secure p, .cp div.secure div {
	margin-bottom: 5px;
	font-size: 12px;
	text-align: center;
	line-height: 1.3;
}
.request div.secure img, .request-naturum div.secure img, .request-cp div.secure img, .request-bonus div.secure img, .snowboard div.secure img, .snowboard-faq div.secure img, .request-snowboard div.secure img, .request-tsa div.secure img, .apply div.secure img, .cp div.secure img { width: auto; }
.request footer, .request-naturum footer, .request-cp footer, .request-bonus footer, .snowboard footer, .snowboard-faq footer, .request-snowboard footer, .request-tsa footer, .apply footer, .cp footer { margin-top: 30px; }

#section-agree-privacypolicy {
	margin-bottom: 30px;
	text-align: center;
}
#section-agree-privacypolicy div {
	display: inline-block;
	padding: 5px 15px;
	background-color: #f3f3f3;
	border: 1px solid #eee;
	border-radius: 5px;
	font-size: 0.9rem;
	color: #003f8d;
	font-weight: bold;
}
/*
##############################################
  /apply
##############################################
*/
body.apply{}
#section-form-itemlist dl {
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}
#section-form-itemlist dl:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}
#section-form-itemlist dd {
	margin-bottom: 5px;
}
body.apply .section-form .section-form {
	margin-top: 40px;
}
body.apply .section-form dd .wpcf7-list-item {
	display: block;
}
body.apply input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
body.apply input[type="button"]::-webkit-search-decoration {
	display: none;
}
body.apply input[type="button"]::focus {
	outline-offset: -2px;
}
body.apply input[type="button"] {
	display: inline-block;
	margin: 10px 10px 0 0;
	padding: 5px 12px;
	border-radius: 10px;
	background-color: #6595d0;
	font-size: 1rem;
	color: #fff;
	text-align: center;
}
body.apply input[type="file"] {
	display: none;
}
#docs img, #docs2 img {
	width: 211px;
	height: 33px;
	cursor: pointer;
}

.apply-attention {
	margin: 20px 0;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 120px;
	overflow: auto;
}
.apply-attention p {
	font-size: 0.8rem !important;
	line-height: 1.6 !important;
	text-align: left !important;
}

dd.headsup {
	margin-top: 5px;
	padding: 0 5px;
	font-size: 0.7rem;
	line-height: 1.4;
	color: #555;
}
dd.headsup i {
	display: inline-block;
	padding-right: 5px;
	color: #f51850;
}
dd.headsup span {
	background: -webkit-linear-gradient(transparent 75%, #ffff10 0%);
	background: -o-linear-gradient(transparent 75%, #ffff10 0%);
	background: linear-gradient(transparent 75%, #ffff10 0%);
	font-size: 1.25em;
	font-weight: bold;
	color: #3abac7;
	letter-spacing: 0.03rem;
}

.tsa-event input[type="file"] {
	display: none;
}


/* 20190904 add */
p.attention-secondhand {
	margin: 20px 10px;
    padding: 10px 15px;
    background-color: #888;
    border-radius: 5px;
    font-size: 0.85rem;
    color: #fff;
    line-height: 1.6;
}
p.attention-secondhand span {
	font-weight: bold;
	color: #ff0;
}

dl.input-name {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
dl.input-name dd {
	width: 50%;
}
dl.input-name dd input {
	display: inline-block;
    width: calc(100% - 32px);
    margin-left: 6px;
}
dl.input-name dt, dl.input-name dd:last-child {
	width: 100%;
}
#section-regist-user {
	margin: 0 !important;
}
#section-regist-user ul {
    margin: 25px auto 20px;
    width: 95%;
    list-style: none;
}
#section-regist-user li {
	margin-bottom: 1rem;
	line-height: 1.4;
}
span.regist-memo {
	padding-left: 22px;
    font-size: 0.8rem;
    color: #18a8c0;
}