@charset "utf-8";

	.gradetion{
	margin-top: -130px;
  padding-top: 130px;
  width: 100%;
	}
.contact_form{
	background-color:rgba(245,245,245,1);
	padding-left: 40px;
	padding-right: 40px;	
	}
.contact_form.contents {
    margin-top: 20px;
	}	
.cf{
	width:100%;
	margin: 0 auto;
	margin-bottom:60px;
	}
.cf{position:relative; height: 0;padding-top: 115%;margin-left: auto;margin-right: auto;width:100%;max-width:840px;margin:0 auto}
.cf iframe{position:absolute;top:0;left: 0;width: 100%;height:100%;pointer-events: all !important;}
.contact_box{
	width:94%;
	margin:0 auto;
	}
input, button, textarea, select {
	margin: 0;
	padding: 10px;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size:16px;
	}

input[type="text"] {
	font-size:16px;
	color:#373737;
	padding:0 10px;
	letter-spacing:0.1em;
	-webkit-appearance: none;
	border-radius: 0;
	appearance: none;
	
	-moz-box-shadow: inset 1px 4px 5px -5px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 4px 5px -5px rgba(0,0,0,0.2);
	box-shadow: inset 1px 4px 5px -5px rgba(0,0,0,0.2);
	}
textarea{
	font-size:16px;
	color:#373737;
	padding:10px;
	
	-moz-box-shadow: inset 1px 4px 5px -5px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 4px 5px -5px rgba(0,0,0,0.2);
	box-shadow: inset 1px 4px 5px -5px rgba(0,0,0,0.2);	
	}

/* チェックボックス */

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"]:checked + .ch_txt::after {
	position: absolute;
	content: '';
	top: -2px;
	margin-top:14px;
	left: 4px;
	width: 16px;
	height: 8px;
	border-left: 3px solid #F25044;
	border-bottom: 3px solid #F25044;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

input[type="checkbox"]:checked + .ch_one::after {
	position: absolute;
	content: '';
	top: -2px;
	margin-top:24px;
	left: 4px;
	width: 16px;
	height: 8px;
	border-left: 3px solid #F25044;
	border-bottom: 3px solid #F25044;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    border:1px solid #ccc;
}

.la_txt{
	font-size:16px;
	line-height: 2;
}

.la_txt {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 35px;
	cursor: pointer;
}

.la_txt::before {
	position: absolute;
	content: '';
	top: 42%;
	left: 0;
	width: 24px;
	height: 24px;
	margin-top: -8px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 100%;
}

input[type="radio"] {
	display: none;
}

input[type="radio"]:checked + .la_txt::after {
	position: absolute;
	content: '';
	top: 42%;
	left: 4px;
	width: 14px;
	height: 14px;
	margin-top: -3px;
	margin-left:1px;
	background: #F25044;
	border-radius: 100%;
}

::-webkit-input-placeholder {
  font-size:16px;
}
::-moz-placeholder {
  font-size:16px;
}
:-ms-input-placeholder {
  font-size:16px;
}
.contact_box th span,
.contact_box td span,
.contact_box figcaption h3,
.contact_box .colorRed{
	color:#c83c00;
	}
.contact_box th span,
.contact_box td span{color:#c83a00;}

/*パソコン版*/ 
@media print, screen and (min-width : 641px){

table{
	border-collapse: separate;
	border-spacing:0 40px;
	width: 100%;
	}
.contact_box th{
	width:30%;
	font-size:16px;
	text-align:left;
	line-height:2;
	}
.contact_box .form_top{
	vertical-align: top;
	}

.contact_box .txt_form{
	margin: 0 auto;
	border:1px solid #ccc;
	background: #fff;
	}
.hoge{
	width:100%;
	height:48px;
	}
.row_item .hoge{
	width:60px;
	}	
.contact_box .txt_area{
	width:100%;
	margin: 0 auto;
	height:180px;
	}
.inquiry li{
	margin-bottom:16px;
	}
.ch_txt {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 35px;
	cursor: pointer;
	vertical-align:middle;
	font-size:16px;
	}
.ch_txt::before {
	position: absolute;
	content: '';
	top: 42%;
	left: 0;
	width: 24px;
	height: 24px;
	margin-top: -8px;
	background: #fff;
	border: 1px solid #ccc;
	vertical-align:middle;
	}
.btnSubmit2{
	position:relative;
	width:320px;
	margin:0 auto;
	padding-bottom:80px;
	}
/*確認・リセットボタン*/
.submit2{
	width:150px;
	float:left;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:7px;
	margin-right:20px;
	font-weight:bold;
  border:2px solid #373737;
  border-radius:2px;
  padding: 12px;
  color: #373737;
  background:#fff;
  cursor: pointer;
  display:block;
  zoom: 1;
	}
.submit2:last-child{
	margin-right:0;
	}
.submit2:hover{
  color: white;
  cursor: pointer;
  background-color: #373737;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
	}
.sp{
     display : none;
	}
#footer {
  font-size: 13px !important;
  padding-bottom: 10px;
  padding-left: 10px;
	}	

}

/*スマホ版*/
@media screen and (max-width : 640px){
.contact_form{
	padding:10px;
	vertical-align: bottom;
	}
.formWrap {
    margin-top: 40px;
    width: 90%;
	}	
.cf{
	margin-bottom:20px;
	}
#contactForm h1.site-title {
  padding-left: 5%;
	}
table{
	border-collapse:collapse;
	border-spacing:0 40px;
	word-break: break-word;
	}
.formTable th{
	background: #fafafa;
	padding: 6px;
	}	
.contact_box tr{
	margin-top:20px;
	display:block;
	}
.contact_box th{
	width:100%;
	display:block;
	margin: 0 auto;
	padding-right:15px;
	text-align:left;
	line-height:2;
	}

.contact_box .txt_form{
	width:100%;
	display:block;
	margin: 0 auto;
	background:#fff;
	border:1px solid #ccc;

	}
.contact_box .txt_area{
	width:100%;
	display:block;
	height:240px;
	}
.inquiry{
	width:100%;
	display: list-item;
	}
.inquiry li{
	margin-bottom:15px;
	}
.hoge{
	width:100%;
	height:48px;
	}
.btnSubmit2{
	width:240px;
	height:50px;
	margin:0 auto;
	margin-top:40px;
	}

/*確認・リセットボタン*/
.submit2{
	width:auto;
	min-width: 110px;
	float:left;
	margin:0 auto;
	margin-right:15px;
	margin-left: 0;
	font-weight:bold;
	font-size:16px;
  border:2px solid #373737;
  padding: 10px;
  letter-spacing:0.1em;
  cursor: pointer;
  background:#fff;
  display:block;
  zoom: 1;
	}
.submit2:hover{
	font-weight:bold;
	border:2px solid #373737;
	color: white;
	cursor: pointer;
	background-color: #373737;
	 /* Webkit */
	background: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,);
	/* Firefox */
	background: -moz-linear-gradient(
	    top,);
	zoom: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	}
.submit2:last-child{
	margin-right:0;
	margin-left: 0;
	}
/*確認・リセットボタン*/
.submit{
	width:150px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:7px;
	font-weight:bold;
	font-size:16px;
	border:2px solid #373737;
	border-radius:2px;
	padding: 8px 10px;
	cursor: pointer;
	background:#fff;
	display:block;
	zoom: 1;
	}
.submit:hover{
	font-weight:bold;
	font-size:16px;
  border:2px solid #373737;
  border-radius:2px;
  padding: 8px 10px;
  color: white;
  letter-spacing:0.1em;
  cursor: pointer;
  background-color: #373737;
   /* Webkit */
  background: -webkit-gradient(
      linear,
      left top,
      left bottom,);
  /* Firefox */
  background: -moz-linear-gradient(
      top,);
  zoom: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
	}
#footer {
  font-size: 12px !important;
  letter-spacing: 0;
  padding-bottom: 10px;
	}

}


/*スマホ版 */
@media screen and (max-width : 640px){
#contactForm{
	max-width: 100%;
}	
	
input[type="checkbox"]:checked + .ch_txt::after {
	position: absolute;
	content: '';
	top: -2px;
	margin-top:24px;
	left: 4px;
	width: 16px;
	height: 8px;
	border-left: 3px solid #F25044;
	border-bottom: 3px solid #F25044;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
input[type="checkbox"]:checked + .ch_one::after {
	top: -12px;
	}

}

/* --------------------------------

テーブル内　テーブル

-------------------------------- */

.contact_box tr td#sub_table__,
.contact_box tr td#sub_table__ table,
.contact_box tr td#sub_table__ table caption,
.contact_box tr td#sub_table__ table tbody{
	width: 100%;
	}
@media screen and (max-width : 640px){
	.contact_box tr td#sub_table__,
	.contact_box tr td#sub_table__ table,
	.contact_box tr td#sub_table__ table caption,
	.contact_box tr td#sub_table__ table tbody{
	display: block;
	}
}
.contact_box tr td#sub_table__ table{
	border-spacing: 0 30px;
	}
.contact_box tr td#sub_table__ table table{
	border-spacing: 0;
	border-spacing: 0 10px;
	}
.contact_box .select__{
	border-top: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;
	}
.contact_box tr td#sub_table__{
	background: #dfdfdf;
	padding: 20px 30px;
	}
.contact_box tr td#sub_table__ th{
	width: 20% !important;
	}	
.contact_box tr td#sub_table__ caption{
	text-align: left;
	}
.contact_box tr td#sub_table__ caption span{
	display: inline-block;
	margin-left: 10px;
	padding: 3px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #c83c00;
	}
.contact_box tr td#sub_table__ caption span a{
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	}
.inlineblock__{
	display: inline-block !important;
	}
.w50__{
	width: 50% !important;
	}
.w20__{
	width: 20% !important;
	}
@media screen and (max-width : 640px){
/*
.contact_box th span,
.contact_box td span {
    color: #fa3232;
}
*/
.contact_box tr {
    margin-top: 10px;
}
.contact_box tr td#sub_table__ table caption{
	margin-bottom: 15px;
}
	
	.contact_box tr td#sub_table__ {
    padding: 20px 15px;;
}

.contact_box tr td#sub_table__ th{
	width: auto !important
}
.sp_order{
	margin-top: 30px;
	border-spacing: 0 10px;
	}
.sp_order tr{
 display: table;
 width: 100%;
	}
.sp_order tr td{
	padding: 0 !important;
display: table-cell;
width: auto !important;
white-space: nowrap;
	}
.sp_order tr td span{
margin: 0 !important;
padding-left: 10px;
	}		
td.txt_form.w20__ {
    width: 45px !important;
}

}/* end */

/* 商品欄 */
div.row_item,
div.row_item dl dd:last-child{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;  
	justify-content: space-between;
	width: 100%;
	}
div.row_item dl{
	padding-bottom: 15px;
	width: 47%;
	font-weight: bold;
	border: 1px solid #d37d5e;
	background: #fff;
}
div.row_item dl dt{
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
/* 	padding-top: 10px; */
	margin-bottom: 10px;
}
div.row_item dl dd ul{
margin-left: 10px;
}
div.row_item dl dd:first-child{
width: auto;
}
div.row_item dl dd:last-child {
display: block;
text-align: right;
padding-left: 10px;
padding-right: 10px;
}
div.row_item dl dd:last-child span{
display: inline-block;
letter-spacing: normal;
}
div.row_item dl dd:last-child span > em{
color: #373737;
padding-right: 10px;
}
div.row_item dl dd:last-child span.price{
	display: inline-block;
	padding-bottom: 10px;
	width: 100%;
	text-align: center;
	
}
@media screen and (max-width : 640px){
div.row_item,
div.row_item dl dd:last-child{
	display: block;
	width: 100%;
	}
div.row_item dl{
	width: 100%;
	}

div.row_item dl dd div .txt_form{
    width: 50px;
    padding: 0 5px;
}


@media screen and (max-width: 480px) {
    .cf {
        margin-top: 20px;
        min-height: 1600px;
        padding-top: 200%;
    }
}
}/* end */