@charset "utf-8";
/* CSS Document */
.content_box_middle.contact-form	{ width:74%; padding:2vw 2%;}

#main	{ background:url(../img/contact/background.jpg) right 0 no-repeat; background-size:contain; min-height:600px;}


.headline span	{ border-color:#f14950;}

.content-caption	{ background-color:rgba(237, 28, 36, 0.6); }


p.attention	{display:table; background-color:#FFF7F7; padding:3px 10px; margin:0 auto; }
p.attention span	{ color:#ff3300;}




.content_box_middle.contact-form .sub_headline	{ color:#0071bc; font-size:150%; font-weight:200; margin-bottom:1.5em;}

.content_box_middle.contact-form dl			{ margin:15px 0;}


.content_box_middle.contact-form dt	{ padding-top:14px; margin-bottom:20px; color:#ed1e79; display:block; width:24%; float:left; clear:both; text-indent:0.5em;}
.content_box_middle.contact-form dt span	{ color:#ff3300;}

.content_box_middle.contact-form dd	{ margin:0 0 20px 0; border-bottom:1px dotted #cccccc; padding:0 0 15px 24%;}



.content_box_middle.contact-form dd textarea	{ width:90%; height:6em;}
.content_box_middle.contact-form dd span.row	{ display:block; margin:0 0 10px 10px; text-align:left;}
.content_box_middle.contact-form dd span.row2	{ display:block; margin:10px 0 10px 10px; text-align:center;}
.content_box_middle.contact-form dd span.it	{ display:block; margin:0 0 10px 10px; text-align:left;}

.content_box_middle.contact-form input.middle	{ -webkit-width:calc(100% - 30px); width:calc(100% - 30px);	padding:3px 10px; border:1px solid #cccccc;; height:36px;
  background : #FFFFFF;  border-radius : 10px; -moz-border-radius : 10px;  -webkit-border-radius : 10px;
 }
 
 .content_box_middle.contact-form input.short	{ -webkit-width:calc(30% - 30px); width:calc(30% - 30px);	padding:3px 10px; border:1px solid #cccccc;; height:36px;
  background : #FFFFFF;  border-radius : 10px; -moz-border-radius : 10px;  -webkit-border-radius : 10px;
 }

.content_box_middle.contact-form input.middle.mb10	{ margin-bottom:10px;}


.content_box_middle.contact-form dd.addr	{}
.content_box_middle.contact-form dd.addr .shaped-select	{
 border-color:#cccccc; border-radius : 10px; -moz-border-radius : 10px;  -webkit-border-radius : 10px;
 margin-bottom:10px; padding-top:4px; padding-bottom:4px;
}

.content_box_middle.contact-form dd textarea	{ -webkit-width:calc(100% - 30px); width:calc(100% - 30px);	padding:15px 10px; border:1px solid #cccccc;; height:200px;
  background : #FFFFFF;  border-radius : 10px; -moz-border-radius : 10px;  -webkit-border-radius : 10px; line-height:160%;}



.content_box_middle.contact-form .confirmation dt ,
.content_box_middle.contact-form .confirmation dd	{ padding-top:5px; line-height:160%;}

.content_box_middle.contact-form .confirmation dd span.row	{ line-height:160%;}


.button_box	{ clear:both; text-align:center; padding-top:40px;}

.button_box label	{ background-color:#ed1e79; width:320px; display:inline-block; font-size:150%; line-height:100%; text-align:center; padding:15px 0;
 border-radius : 10px; -moz-border-radius : 10px;  -webkit-border-radius : 10px; border:2px solid #ffffff; color:#ffffff;
 margin:0 auto 0; cursor:pointer;}
.button_box label input	{ display:none;}

.button_box label:hover span	{  text-shadow:1px 1px 2px #ffff00;}

.button_box.dobble label	{ width:40%;}
.button_box label:nth-of-type(2)	{ margin-left:20px; background-color:#666666;}

.button_box label:nth-of-type(2):hover span	{  text-shadow:1px 1px 2px #000000;}




.content_box_middle.contact-form .err	{ color:#ff3333;}

.content_box_middle.contact-form .miss textarea , .content_box_middle.contact-form .miss input,
.content_box_middle.contact-form .err textarea , .content_box_middle.contact-form .err input	{ border-color:#ff3333; background-color:#fff6f6;}


.content_box_middle.contact-form dt.err , .content_box_middle.contact-form dt.miss	{ color:#ff0000;}
.content_box_middle.contact-form dt.err strong	{
	font-size:70%; padding:3px 10px; background-color:#ff3333; color:#ffffff; font-weight:normal;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position:relative; top:5px; left:2em;
	text-indent:0;
}
.content_box_middle.contact-form .miss strong em { display:inline-block; width:1em; height:1em; background: #ff3333; line-height:100%; margin:0; padding:0; font-weight:bold;
 -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;  border-radius: 50%; text-align:center; color:#ffffff;}

.content_box_middle.contact-form dd.err strong,
.content_box_middle.contact-form dd.miss strong{ font-weight:normal; font-size:90%; display:inline-block; text-align:center; margin-top:5px; background-color:#ffeeee; padding:5px;}
.content_box_middle.contact-form dt.err strong.for-sp	{ display:inline-block;}




/*
	商品情報
*/
.product-data-origin	{ font-size:140%; margin:40px auto 30px; padding:10px 20px; background-color:#fcfcfc; border:1px solid #cccccc; display:table; width:calc(100% - 40px); width:-webkit-calc(100% - 40px);}
.product-data-origin .key	{ width:20%; display:table-cell; vertical-align:middle; color:#0071bc;}
.product-data-origin .value	{ width:70%; display:table-cell; vertical-align:middle;}

/*
	お問合せ項目
*/
.radior label	{ margin-left:15px; margin-right:15px;}
.content_box_middle.contact-form dd.radior	{ padding-top:10px; height:30px;}







/*
	買い取り
*/
.content_box_middle.contact-form.trading_product	{ background-color:#fcfcfc; border:1px solid #cccccc; margin:4.4em auto 0; width:74%; padding:2vw 2%;}

.trading_product-image_list		{ margin:0 auto;}
.trading_product-image_list li	{ display:inline-block; width:calc(19.5% - 22px); width:-webkit-calc(19.5% - 22px); height:100px; padding:5px; margin:5px; border:1px solid #cccccc;}
.trading_product-image_list li .imagebox	{ height:60px; margin-bottom:5px; background-position:center center; background-size:contain; background-repeat:no-repeat;}
.trading_product-image_list li .remover	{ text-align:center;}
.trading_product-image_list li .remover a	{
background-color: #006837;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 2px solid #ffffff;
    color: #ffffff;
    margin: 0 auto 0;
    text-decoration:none;
}
.trading_product-image_list li .remover a:hover	{text-shadow:1px 1px 2px #ffff00;}

.trading_product-image_list.preview li	{ height:60px;}
.trading_product-image_list.preview .remover	{ display:none;}


.trading_product-data input[type="checkbox"] + label	{ background:transparent url(../img/contact/icon-unchecked.png) 0 center no-repeat;
  padding:5px 0 5px 28px; display:inline-block; text-align:center; cursor:pointer; overflow:hidden;
 }
.trading_product-data input[type="checkbox"]:checked + label {	background-image:url(../img/contact/icon-checked.png);	}
.box-check	{ margin-top:10px;}


label.file_input {
  background-color:#ffffff;
  border:1px solid #006837;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	padding:15px 10px;
	display:inline-block;
 width:calc(50% - 22px); width:-webkit-calc(50% - 22px);
}
label.file_input input	{ display:none;}
.file_uploader		{ padding:0 0; color:#cccccc;}
.file_uploader a	{
	color:#ffffff;
  background-color:#006837;
 border:1px solid #006837;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	display:inline-block;
	padding:15px 10px;

  text-decoration:none;
}
.file_uploader + .text	{ margin:15px 10px;}

.content_box_middle.contact-form.trading_product .err .box-check	{ color:#000000;}




@media screen and (min-width: 0) and (max-width: 1230px) {
	.company-data td li	{ width:48%; margin-bottom:10px;}
}






@media screen and (min-width: 0) and (max-width: 1024px) {

	.content_box_middle.contact-form.trading_product 	{ width:82%;}
	.middle .content_box_middle	{ width:86%;}
}





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

	.content_box_middle.contact-form.trading_product,
	.content_box_middle.contact-form	{ margin:3em auto 0; width:94%; border:none;}

	.content_box_middle.contact-form dt	{ float:none; width:inherit; margin-bottom:5px; text-indent:0;}
	.content_box_middle.contact-form dd	{ padding-left:0; margin-top:5px; margin-bottom:5px;}
	.button_box			{ padding:1em 0 0;}
	.button_box label	{ width:80%;}
	.radior label	{ margin-right:0; margin-bottom:10px;}
	.content_box_middle.contact-form dd.radior	{ padding-bottom:5px; height:auto;}

	.product-data-origin .key	{ width:100%; display:block;}
	.product-data-origin .value	{ width:auto; text-align:left; display:table; margin:0 auto;}

	.content_box_middle.contact-form dt.err strong	{ top:0; left:1em;}
	.content_box_middle contact-form	{ padding-bottom:2em;}

	.trading_product-image_list li	{ display:inline-block; width:calc(24.5% - 22px); width:-webkit-calc(24.5% - 22px); height:100px;}
	
	.box-check	{ margin-top:5px;}
}



@media screen and (min-width: 0) and (max-width: 480px) {

label.file_input {
	display:inline-block;
 width:calc(90% - 22px); width:-webkit-calc(90% - 22px);
 margin:0 auto 10px;
}
label.file_input input	{ display:none;}
.file_uploader		{ padding:0 0; color:#cccccc; text-align:center;}
.file_uploader a	{
	color:#ffffff;
  background-color:#006837;
 border:1px solid #006837;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	display:inline-block;
	padding:15px 10px;

  text-decoration:none;
}
.file_uploader + .text	{ text-align:center; margin:10px;}

	.trading_product-image_list li	{ width:calc(49% - 22px); width:-webkit-calc(49% - 22px);}

}