@charset "utf-8";

/* サイト名 フォーム設定CSS */

/*

	1. 基本設定
	2. サイズ設定

*/

/* *************************************************
   1. 基本設定
************************************************* */

input[type=text] {
		
	}

input:focus {
	
}
select,
option,
input[type="submit"],
input[type="button"] {
	font: inherit;
}

/* reset */
select,
option,
textarea,
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;

}


textarea,
input[type="text"],
input[type="password"] {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form textarea,
.form input[type="text"],
.form input[type="password"],
.form input[type="email"] {
	padding: 6px 18px;
	font-size: 18px;
	line-height: 21px;
	color: #a1a1a1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form .half { width: 205px; }
.form .triple { width: 180px; }


/* focus */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
select {
	outline: none;
}

/* select */
select { background: url(../images/common/icon_downarrow_gray.png) no-repeat 97% center #fff; }
select,
option {
	width: 100%;
	padding-left: 15px;
	color: #444;
	line-height: 1;
	border-radius: 0;
}

.form select {
	width: 270px;
	height: 48px;
	border: solid 1px #bbb;
	background-position: 92% center;
}
/* checkbox  radio */
input[type="checkbox"],
input[type="radio"] { display: none; }

	label {
		position: relative;
		display: inline-block;
		padding-left: 26px;
		margin: 0 25px 14px 0;
		cursor: pointer;
		line-height: 16px;
		-webkit-transition: all .2s;
		transition: all .2s;
	}
	label::before {
		position: absolute;
		content: '';
		-webkit-transition: all .2s;
		transition: all .2s;
	}
	label::before {
		top: 50%;
		left: 0;
		width: 14px;
		height: 14px;
		margin-top: -9px;
		background: #fff;
		border: solid 2px #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	input[type="checkbox"]:checked + label::before { background: #ec2c2c; }
	input[type="radio"]:checked + label::before { background: #ec2c2c; }

	.form label {
		line-height: 24px;
		margin-top: 20px;
	}
	.form label::before { border: solid 1px #c3c3c3; }
	.form label.checked::before { background: #ec2c2c; }


input ,select, img{
	vertical-align: middle;
}

/* textarea */
textarea {
	border: solid 1px #bbb;
}
/* text */
input[type="text"],
input[type="email"] {
	border: solid 1px #bbb;
	height: 48px;
}

/* placeholder */
::-webkit-input-placeholder { color: #444; }
:-ms-input-placeholder { color: #444; }
::-moz-placeholder { color: #444; }
::-moz-placeholder { color: #444; }

.form ::-webkit-input-placeholder { color: #a1a1a1; }
.form :-ms-input-placeholder { color: #a1a1a1; }
.form ::-moz-placeholder { color: #a1a1a1; }
.form ::-moz-placeholder { color: #a1a1a1; }

/* フリーワード検索（スマホ） */
.search .freeword { position: relative; }
	.search .freeword input[type=text] {
		height: 28px;
		vertical-align: 28px;
		line-height: 28px;
		padding: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.search .freeword input[type=button] {
		width: 26px;
		height: 28px;
		border: none;
		text-indent: -9999px;
		background: url(../images/common/icon_search.png) no-repeat center center;
		position: absolute;
		top: 2px;
		left: 225px;
	}
	#spsearch label {
		padding-left: 30px;
		margin-bottom: 28px;
		line-height: 22px;
	}
	#spsearch label::before {
		width: 18px;
		height: 18px;
		line-height: 18px;
		margin-top: -12px;
	}

/* ボタン配置 */

.btn-area {
	padding: 16px 0;
	text-align: center;
}

.btn-area input,
.btn-area img {
	margin: 0 10px;
}