/*---------------------------------------------*/
/* 全体的なデコレーション */

:root{
	/* カスタムプロパティで１行コメントアウトを再現します */
	--cmt:// コメントアウトします～;
}


/* 送信のときまで入力エラーメッセージを出さない */
.wpcf7-form-control-wrap {
  > .wpcf7-not-valid-tip {
    display: none;
    margin-top: 10px;
  }

  &.is-show {
    > .wpcf7-not-valid-tip {
      display: block;
    }
  }
}
/* ------- */

	*{
		box-sizing:border-box;
	}

	body{
		background-color:#FADEFA;/* #EDE4FC;*/
		font-family: "Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
		font-size:16px;
		padding:0;
		margin:0;
	}

	.eng_fonts,
	.eng_fonts table{
		--cmt:// 英文フォントが異常に太いので修正;
		font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3";		font-size:16px;
		font-size:15px;
		line-height:1.1em;
	}
	

	img{
		max-width:100%;
	}
	
	p,div{
		margin:0;
		padding:0;
	}
	

	.main_body{
		width:1000px;
		height:4900px;
		margin:0 auto;
		background-color:#fff;
		padding:5px;
	}
	
	.es_header{
		height:45px;
		padding:0;
		background-color:#fff;
		background: rgb(255,255,255);
		background: linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(128,128,128,1) 90%);
		border-bottom:2px solid #aaa;
	}
	
	.head_left{
		float:left;
	}
	.head_left a{
		color:#777;
		font-size:0.8em;
		text-decoration:none;
	}
	.head_left a:hover{
		text-decoration:underline;
	}
	
	
	.contents{
		float:right;
		width:800;
		margin:0 10px 0 0;
	}
	
	
	.contents_title{
		font-size:35px;
		text-align:center;
		font-family: "Zen Antique Soft", serif;
	  font-weight: 400;
	  font-style: normal;
  	text-shadow: 3px 3px 4px #aaa;
	}
	



/*---------------------------------------------*/
/* 入力項目部分 */	

	.select_radio label{
		--cmt:// ラジオボタン;
		display:block;
		margin:1em 0 0 0;
	}
	
	
	.payment_info{
		--cmt:// ラジオボタンの下の説明部分;
		margin:0 0 0 50px;
		font-size:0.8em;
		color:#555;
	}
	
	
	.info_red{
		--cmt:// 文字色赤;
		color:#f00;
	}
	
	
	.strmode{
		--cmt:// 入力項目の全角・半角;
		color:#f00;
		font-size:0.8em;
	}
	
	.hissu_red{
		--cmt:// 英語版の必須;
		color:#f00;
		font-size:1.5em;
	}
	
	.bottom_line{
		--cmt:// trの下のライン;
		border-bottom:1px dotted #aaa;
	}
	
	
	.mail_contents{
		--cmt:// ●お支払方法…などの項目タイトル;
		font-weight:bold;
		margin:2em 0 0 0;
	}
	
	
	.mail_items{
		--cmt:// mail_contentsの内部;
		padding:0 0 0 1em;
	}
	
	
	.items_list,
	.costomer_list{
		--cmt:// items_list…商品情報 table;
		--cmt:// costomer_list…個人情報 table;
 		width:100%;
 		border-collapse:collapse;
 	}
 	
 	
 	.items_list tr td,
 	.costomer_list tr td{
 		vertical-align:top;
 		padding:7px 1px;
 	}
 	

 	.items_list tr td:first-child{
 		width:3em;
 	}
 	
 	
 	.costomer_list tr td:first-child{
 		width:15em;
 	}
 	
 	
	input[type="text"],
	input[type="number"],
	input[type="tel"],
	input[type="email"],
	select,
	textarea{
		padding:7px;
		border:solid 1px #555;
		border-radius: 3px;
	}



.exsample{
	--cmt:// 入力例部分;
	font-size:0.78em;
	color:#aaa;
	
}
.item_no{
	--cmt:// 商品番号;
	width:10em;
	
}
.item_name{
	--cmt:// 商品名;
	width:100%;
}

.aplas_loan{
	--cmt:// 支払いアプラスの金額部分;
	width:10em;
}
.customer_dat{
	--cmt:// お客様入力項目;
	width:30em;
}
.postal{
	--cmt://郵便番号;
	width:10em;
}

.address{
	--cmt:// 住所;
	width:30em;
}


.customer_comment{
	--cmt://コメント;
	width:100%;
}


.datetime_select{
	--cmt:// お届け日時関連;
	width:100%;
}
.datetime_select tr{
	height:2em;
	vertical-align;middle;
}

.datetime_select tr td .datetime_option{
	margin:0 0 0 3em;
}


input[type="submit"],
input[type="button"]{
	font-size:1.3em;
	padding:0.1em 1.5em;
}


#error_info{
	padding:0.5em;
	margin:0.5em 0;
	background-color:#a00;
	color:#fff;
	font-weight:bold;
	display:none;
}



/*---------------------------------------------*/
/* 英語注文と中国のリンク */	
.jpn_order_oversea{
	display:block;
	width:350px;
	margin:0 auto;
	line-height:1.5em;
}


/*---------------------------------------------*/
/* 入力できないときの説明 */	
.cant_mail_infomation{
	border:2px dotted #555;
	border-radius: 10px;
	padding:0.5em;
	display:block;
	width:600px;
	margin:1em auto;
}


/*---------------------------------------------*/
/* 確認用 */	

 .parent_title:has(.freedata-1:empty):has(.freedata-2:empty):has(.freedata-3:empty):has(.freedata-4:empty):has(.freedata-5:empty):has(.freedata-6:empty):has(.freedata-7:empty):has(.freedata-8:empty):has(.freedata-9:empty):has(.freedata-10:empty){ 
	--cmt://項目が無記名の時非表示;
  display: none;
}


.parent{
	border-bottom:1px dotted #bbb;
	padding:0.2em 0;
}

.parent:has(.postdata:empty) {
	--cmt://項目が無記名の時非表示;
  display: none;
}
.parent:has(.postdata-1:empty):has(.postdata-2:empty) {
	--cmt://項目が無記名の時非表示;
  display: none;
}

.confirm_contents{
	padding:1em 0 0 1em;
	width:100%;
}

.confirm_contents label{
	color:#777;
	font-size:0.8em;
	margin:0 2em 0 0;
}



/*---左メニュー---*/

h3,h4,h5,h6{
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	}
	
#side_left{
	float: left;
	left: 5px;
	top: 0px;
	width: 150px;
	font-size: small;



}
#side_left *{
	box-sizing:content-box;
}




.subnavigation {
	text-align: left;
	float: left;
	margin-bottom: 10px;
	display: inline;
	width: 145px;
}

.subnavigation h4 {
	color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-size: 11px;
	padding-bottom: 2px;
	font-weight: bold;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;	
}

.subnavigation h5 a {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	height: 20px;
	font-size: 11px;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.subnavigation h6 a {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	height: 20px;
	background-color: #C0C0C0;	
	display: block;
	padding-top: 12px;
	padding-left: 5px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.subnavigation h5 a:hover {
	text-decoration: none;
	background-color: #DDDDDD;
}

.subnavigation h6 a:hover {
	text-decoration: none;
	background-color: #DDDDDD;
}

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