@charset "utf-8";


/** Form
---------------------------------------------------------------------------------*/
button,
input,
select,
textarea {
	color:#6a3906;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	*vertical-align: middle;
}
button, input { line-height: normal; }

/*
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	display:inline-block;
	width:100%;
	font-size:16px;
	color:#fff;
	text-align:center;
	padding:7px 0 7px 0;
	margin-top:2px;
	margin-bottom:2px;
	background-color:#cd0000;
	border:2px solid #cd0000;
	text-decoration:none;
	cursor: pointer;

	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	display:inline-block;
	width:100%;
	min-width:100px;
	font-size:14px;
	font-weight:600;
	color:#6a3906;
	text-align:center;
	padding:7px 18px 5px 16px;
	background-color:transparent;
	border:2px solid #6a3906;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	text-decoration:none;

	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

@media screen and (max-width: 639px) {
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		font-size:16px;
	}
}
@media screen and (min-width: 640px) {
	button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover {
		color:#fff;
		background-color:#6a3906;
	}
	button:focus,
	input[type="button"]:focus,
	input[type="reset"]:focus,
	input[type="submit"]:focus,
	button:active,
	input[type="button"]:active,
	input[type="reset"]:active,
	input[type="submit"]:active {
		color:#fff;
		background-color:#6a3906;
	}

/*
	button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover {
		color:#cd0000;
		background-color:#fff;
		border:2px solid #cd0000;
	}
	button:focus,
	input[type="button"]:focus,
	input[type="reset"]:focus,
	input[type="submit"]:focus,
	button:active,
	input[type="button"]:active,
	input[type="reset"]:active,
	input[type="submit"]:active {
		color:#cd0000;
		background-color:#fff;
		border:2px solid #cd0000;
	}
*/
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
#container-full button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
select {
	font-size:16px;
	text-align:center;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	padding:7px 20px 7px 10px;
	border:1px solid #8d644d;
	margin-top:2px;
	margin-bottom:2px;
	background-color:#f8f3e6;
	background-image: url( "../img/arrow_down.png" ) no-repeat;
	background-size:10px;
	background-position:right 5px center;
	cursor: pointer;
}
select::-ms-expand {
    display: none;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	width: 100%;
	padding:7px 7px;
	background-color:#f8f3e6;
	border:1px solid #8d644d;
	margin-top:2px;
	margin-bottom:2px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
	outline: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
	width: 100%;
}
input:invalid,
textarea:invalid,
select:invalid {
	box-shadow:none;
}
@media screen and (max-width: 639px) {
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea {
		width:100%;
		font-size: 16px;	/* iPhone ズーム禁止 */
	}
	select {
		font-size: 16px;	/* iPhone ズーム禁止 */
	}
}
@media screen and (min-width: 640px) {
	.w10 { width:10% !important; }
	.w20 { width:20% !important; }
	.w25 { width:25% !important; }
	.w30 { width:30% !important; }
	.w40 { width:40% !important; }
	.w50 { width:50% !important; }
	.w60 { width:60% !important; }
	.w70 { width:70% !important; }
	.w80 { width:80% !important; }
	.w90 { width:90% !important; }
	.w100 { width:100% !important; }
}