@charset "UTF-8";

/*=======================================*/
/* --- お問い合わせ --- */

#left_con{
  width:700px !important;
}

#con_box {
	max-width:100%;
	margin:25px auto 25px;
	line-height:18px;
}

.item {
    text-align: center;
    margin: 40px auto 0;
    width: 100%;
    float: left;
}

#contact_box {
    width: 100%;
    float: left;
    margin: 40px auto 0;
}

#mail_table{
	width:100%;
	margin:10px auto;
}

#mail_table02{
	width:100%;
	margin:10px auto;
}
#mail_table td {
    padding: 0;
    font-size: 15px;
    width: 100%;
    float: left;
    margin: 0 auto 40px;
}
#mail_table th{
	font-size: 15px;
	vertical-align: top;
	padding: 0 4% 0 0;
}


#mail_table td input,
#mail_table td textarea{
	font-size: 14px;
	width: 97%;
	padding: 10px 5px;
}

.txt_center{
	text-align:center;
	clear:both;
}

.line01 {
	width:600px;
	margin:25px auto;
}

span.must {
    color: #fff;
    background: #fed267;
    padding: 1px 5px;
    margin: 0 0 0 10px;
}

.address-number {
    width: 90% !important;
}

input#contact_address {
    margin: 10px auto 0;
}

#product ul li{
  width:152px;
  float:left;
  margin:0 auto 20px;
}

.product-check {
    width: auto !important;
    display: inline-block;
}


.box-check {
    width: 48.5% !important;
    margin: 0 0 20px 2.5% !important;
	float: left;
}

.box-check:nth-child(2n+1) {
    margin: 0 !important;
}

input.box {
    width: 100%;
    float: left;
    margin: 10px auto 0;
}

td.box-check img {
    border: 1px solid #a9a9a9;
}

.line-wrap {
    width: 100%;
    float: left;
    overflow: hidden;
    padding: 5% 0;
	text-align: center;
}

.line-wrap img {
    display: block;
    margin: auto;
    cursor: pointer;
}


figure#c {
    width: 100%;
    float: left;
    margin: 20px auto 0;
    background: #ffd267;
    box-sizing: border-box;
    padding: 30px;
	display:none;
}



p.concent {
    font-size: 16px;
    max-width: 360px;
    width: 95%;
    margin: 30px auto;
}
input[type="submit"] {
    background: #e8252f;
    border: none;
    font-size: 16px;
    padding: 16px 0;
    color: #fff;
    width: 290px;
	cursor:pointer;
}

@media(max-width:960px){
#left_con{
  width:95% !important;
}

.address-number {
    width: 50% !important;
}


}

@media(max-width:500px){

#mail_table tr>*{
	box-sizing:border-box;
	display:block;
	width:100%;
}
	
.address-number {
    width: 30% !important;
}

#mail_table th {
    margin: 0 auto 20px;
}


}