@charset "utf-8";
@import url("reset.css");
/*--京base.css--*/
html {}

body {
	box-sizing:border-box;
	width: 100%;
	height: 100%;
	color: #000;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.0;
	-webkit-text-size-adjust: 100%;
	padding:1.5em;
	background-image:
		url(../shared/bg_craft.jpg);
}


a{
	/*
	text-decoration: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	*/
}
a:hover {

}

img{
	vertical-align:bottom;
}

#container{
	width: 100%;
	position:relative;
}

/*----------header----------*/
header{
	border-bottom:1px dashed #b1978b;
	padding:0 0 0.8em 0;
	text-align:center;
	margin-bottom:1em;
}

	header h1{
		color:#333;
		font-weight:bold;
		font-size:1.2em;
	}
	
/*----------contents----------*/
.contents{
	position:relative;
	top:0;
	left:0;
	z-index:1;
	line-height:1.6;
}

	.contact_box{}
	
		.contact_box > .box_header{
			margin-bottom:1em;
		}
		
		.contact_box > .box_inner{}
		
			.contact_box > .box_inner .contact_form,
			.contact_box > .box_inner .fin_msg{
				background:rgba(255,255,255,0.6);
				padding:1.5em;
				border-radius:10px;
			}
			
				.contact_box > .box_inner .contact_form .input_box{
					margin-bottom:2em;
				}
			
				.contact_box > .box_inner .contact_form dl{
					display:flex;
					padding:0.35em 0;
				}
				
					.contact_box > .box_inner .contact_form dl dt{
						font-weight:bold;
						width:12em;
						position:relative;
					}
					
						.contact_box > .box_inner .contact_form dl dt .required{
							color:#fff;
							display:inline-block;
							font-size:0.8em;
							background:#c40026;
							line-height:1;
							padding:0.3em 0.5em 0.25em 0.5em;
							margin-left:1em;
							font-weight:normal;
							position:absolute;
							top:0;
							right:0;
						}
					
					.contact_box > .box_inner .contact_form dl dd{
						box-sizing:border-box;
						width:calc(100% - 12em);
						padding-left:2em;
					}
					
					.contact_box > .box_inner .contact_form dl dd input[type="text"],
					.contact_box > .box_inner .contact_form dl dd input[type="email"],
					.contact_box > .box_inner .contact_form dl dd input[type="tel"],
					.contact_box > .box_inner .contact_form dl dd textarea{
						box-sizing:border-box;
						border:1px solid #aaa;
						font-size:1.1em;
						padding:0.3em;
					}
					
					.contact_box > .box_inner .contact_form dl.r_name dd input[type="text"]{
						width:20em;
					}
					
					.contact_box > .box_inner .contact_form dl.r_mail dd input[type="email"]{
						width:30em;
					}
					
					.contact_box > .box_inner .contact_form dl.r_tel dd input[type="tel"]{
						width:12em;
					}
					
					.contact_box > .box_inner .contact_form dl.r_content dd textarea{
						width:100%;
						height:10em;
					}
					
					.contact_box > .box_inner .contact_form dl.r_captcha dd{
						display:flex;
					}
					
					.contact_box > .box_inner .contact_form dl.r_captcha dd .captcha_input{
						width:220px;
						margin-right:1em;
					}
					
						.contact_box > .box_inner .contact_form dl.r_captcha dd .captcha_input p{
							line-height:1.4;
							margin-bottom:0.5em;
						}
						
						.contact_box > .box_inner .contact_form dl.r_captcha dd .captcha_input p.captcha_err_msg{
							font-weight:bold;
							color:#c40026;
							margin-top:0.5em;
						}
						
						
					
						.contact_box > .box_inner .contact_form dl.r_captcha dd .captcha_input input[type="text"]{
							width:5em;
						}
						
					.contact_box > .box_inner .contact_form dl.r_captcha dd .captcha_img{}
					
						.contact_box > .box_inner .contact_form dl.r_captcha dd .captcha_img .captcha_img_img{
							margin-bottom:0.3em;
						}
						
						.contact_box > .box_inner .contact_form dl.r_captcha dd .captcha_img .captcha_img_btn{
							text-align:center;
						}
						
							.contact_box > .box_inner .contact_form dl.r_captcha dd .captcha_img .captcha_img_btn a{
								display:inline-block;
								border-radius:2px;
								background:rgba(99,48,23,0.1);
								padding:0.2em 0.5em;
								text-decoration:none;
								color:#111;
								transition:.3s all ease;
							}
							
							.contact_box > .box_inner .contact_form dl.r_captcha dd .captcha_img .captcha_img_btn a:hover{
								background:rgba(99,48,23,0.2);
							}
							
							.contact_box > .box_inner .contact_form dl.r_captcha dd .captcha_img .captcha_img_btn a:before{
								font-family: FontAwesome;
								content:"\f021";
								margin-right:0.3em;
								color:#555;
							}
					
				.contact_box > .box_inner .contact_form .submit_box{
					text-align:center;
				}
				
					.contact_box > .box_inner .contact_form .submit_box p{
						margin-bottom:1em;
					}
					
					.contact_box > .box_inner .contact_form .submit_box ul{
					}
					
						.contact_box > .box_inner .contact_form .submit_box ul li{
							margin-bottom:0.8em;
						}
						
						.contact_box > .box_inner .contact_form .submit_box ul li:last-child{
							margin-bottom:0;
						}
						
							.contact_box > .box_inner .contact_form .submit_box ul li input[type="button"]{
								width:200px;
								height:36px;
								font-size:1.1em;
								border:none;
								border-radius:4px;
								cursor:pointer;
								transition:.3s all ease;
							}
							
								.contact_box > .box_inner .contact_form .submit_box ul li input[type="button"].submit_btn{
									background:#633017;
									color:#fff;
								}
								
								.contact_box > .box_inner .contact_form .submit_box ul li input[type="button"].back_btn{
									background:#ead2c6;
									color:#111;
								}
							
							.contact_box > .box_inner .contact_form .submit_box ul li input[type="button"]:hover{
								opacity:0.8;
							}


/*改行のPC,SPでの表示切替*/
br.pc,
img.pc,
span.pc{
	display:inline;
}

br.sp,
img.sp,
span.sp{
	display:none;
}

.ta_center{
	text-align:center;
}

/*1200px以下*/
@media screen and (max-width:1200px){}


/*ipad*/
@media screen and (max-width:1024px){}

/* スマホだけに適用するCSS */
@media screen and (min-width:1px) and (max-width:479px){
	body {
		font-size: 3.6vw;
		padding:3vw;
	}
	
	.contact_box > .box_inner .contact_form,
	.contact_box > .box_inner .fin_msg {
		padding: 3vw;
		border-radius: 2vw;
	}
	
		.contact_box > .box_inner .contact_form dl{
			display:block;
		}
		
			.contact_box > .box_inner .contact_form dl dt {
				width:auto;
				margin-bottom:0.3em;
			}
			
				.contact_box > .box_inner .contact_form dl dt .required {
					padding: 0.3em 0.5em 0.25em 0.5em;
					position: relative;
					right: auto;
				}
				
		.contact_box > .box_inner .contact_form dl dd {
			width: auto;
			padding-left: 0;
		}
		
			.contact_box > .box_inner .contact_form dl.r_name dd input[type="text"]{
				width:60%;
			}
			
			.contact_box > .box_inner .contact_form dl.r_mail dd input[type="email"]{
				width:100%;
			}
			
			.contact_box > .box_inner .contact_form dl.r_tel dd input[type="tel"]{
				width:50%;
			}
			
		.contact_box > .box_inner .contact_form dl.r_captcha dd{
			flex-direction:column-reverse;
		}
			
		.contact_box > .box_inner .contact_form dl.r_captcha dd .captcha_input{
			width:auto;
			text-align:center;
			margin:0;
		}
		
		.contact_box > .box_inner .contact_form dl.r_captcha dd .captcha_img{
			width:auto;
			margin-bottom:1em;
			text-align:center;
		}
		
		.contact_box > .box_inner .contact_form .submit_box p{
			text-align:left;
		}
}

/* ##########印刷用########## */
@media print{
	#container{
		padding-top:0;
	}
	
	header{
		position:relative;
	}
}