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

 Form
 entry form
 contact form

----------------------------------------------------*/
@media only screen and (max-width: 40em) {
	#formBox	input,
	#formBox	select,
	#formBox	textarea	{
	width: 100%;
}
}

/*
 formBox
----------------------------------------------------*/
#formBox	.tbl01 {
	margin: 10px 0;
	width: 100%;
}
#formBox	th.hissu:after	{
	content:'\FF3B\5FC5\9808\FF3D';
	color:#C00;
}
#formBox	input,
#formBox	select,
#formBox	textarea	{
	padding:5px 10px;
	margin:3px 0;
	font-size:1.4rem;
	border:1px solid #ccc;
	background:#FFF;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	box-sizing:border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#formBox	input:focus,
#formBox	select:focus,
#formBox	textarea:focus	{
	box-shadow: 0 0 7px #c6b287;
	border: 1px solid #c6b287;
}
#formBox .filename	{
	color:#C00;
	font-weight: bold;
}
#formBox	.submit	{
	width:100px;
	margin:10px;
	border:0;
	padding:10px;
	background: #666;
	color:#FFF;
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#formBox	.submit:hover	{	opacity:0.6;}
#formBox	.submitBox	{	text-align:center;}

.att,
.errmess	{
	color:#C00;
	padding:1px 0;
	font-size:1.2rem;
}
.att	{	color:#999;padding-top: .5em;}

#zip	{	width:100px;}
#tel	{	width:150px;}
#name,
#kana,
#sekou	{	width:200px;}
#mail,
#mailcheck,
#add	{	width:100%;}
/*entry*/
#riyuu,
#koudou,
#gakureki	{	width:100%;}
#birthday	{}
/*contact*/
#kaisya,
#messege,
#shop	{	width:100%;}

.form-comp	{
	padding:15px;
	margin:20px 10px 0;	
	border:1px solid #ccc;
	text-align:center;
}
.form-comp	h3	{
	color:#c00;
	padding-bottom:15px;
	font-weight:bold;
	font-size:1.8rem;
}
.form-comp	.btn	{	padding:20px 40px 0;}

@media only screen and (min-width: 40em) {
	#formBox	.tbl01	{	margin:20px 0;}
	#formBox	.tbl01 th {	width: 22%;}
	#formBox	{}
	#formBox	.submit	{	width:260px;}
	
	#zip	{	width:100px;}
	#tel	{	width:150px;}
	#name,
	#kana,
	#sekou	{	width:200px;}
	#mail,
	#mailcheck	{	width:400px;}
	#add	{	width:80%;}
	/*entry*/
	#riyuu,
	#koudou,
	#gakureki	{	width:80%;}	
	#birthday	{}
	/*contact*/
	#kaisya	{	width:300px;}	
	#messege,
	#shop	{	width:80%;}
	
	.form-comp	{
		margin:30px auto 0;
		width:500px;
		padding:30px;
	}
	.form-comp	.btn	{
		padding:40px 0 0;
		width:300px;
		margin:0 auto;
	}
}



ul.telBox	li:first-child	{
	font-size: 4rem;
	color: #F69;
	font-family: "Times New Roman", Times, serif
}
ul.telBox	li:first-child::before	{
	content:'TEL.';
	font-size:2.4rem;
}
ul.telBox	li:last-child	p	{
	padding:0 .8em .1em 3.2em;
	line-height:1.3;
}
ul.telBox	li:last-child	p:before	{
	content:'\53D7\4ED8\FF0F';
	margin-left:-3.2em;
}

@media only screen and (min-width: 40em) {
	ul.telBox	li	{
		display:table-cell;
		vertical-align:middle;
	}
	ul.telBox	li:last-child	{	padding-left:10px;}
	ul.telBox	li:last-child	p	{
		border-left:1px solid #ccc;
		padding:.2em .8em .1em 3.9em;
	}
}


.privacy-box {
	width: 100%;
	height: 16em;
	overflow-y: scroll;
	border: 1px solid #ccc;
	padding: 1em;
	margin: 2em auto;
	text-align: left;
}
.privacy-box dt {
	font-weight: bold;
}
.privacy-box dt span {
	color: #2a86c6;
}
.privacy-box dd {
	line-height: 1.6;
}
.privacy-box dd:not(:last-of-type) {
	padding-bottom: 1em;
}
.privacy-box dd li {
	padding-left: 1em;
	text-indent: -1em;
}
@media only screen and (min-width: 40em) {
	.privacy-box {
	padding: 2em;
}
}


/* CF7のエラーメッセージ */
.wpcf7-not-valid-tip {
	font-weight: bold!important;
	font-size: 1.1em!important;
	padding-top: .25em!important;
}
/* CF7の下に表示される罫囲みのメッセージ */
.wpcf7-response-output {
	font-weight: bold!important;
	font-size: 1.2em!important;
	padding: 1.2em 1.25em 1em!important;
	margin-top: .5em!important;
}
/* CF7の送信中スピナー */
.wpcf7 .submitBox .wpcf7-spinner {
	display: inline!important;
}
@media only screen and (min-width: 40em) {
	.wpcf7-response-output {
	text-align: center;
}
}