@charset "utf-8";



.entryContents {
	padding:0 3%;
}

.entryForm {
	/*background-color:rgba(255,255,255,0.8);*/
	border:1px solid rgba(129,202,196,1);
	box-sizing:border-box;
	max-width:950px;
	margin:auto;
	padding:1em 4% 2em;
	text-align:left;
}
.entryForm form > dl {
	display:block;
	width:100%;
	/*background:rgba(193,193,193,0.2);*/
	border-bottom:1px solid rgb(129,202,196);
	box-sizing:border-box;
	/*border-radius:5px;*/
	width:100%;
	margin-bottom:0.5em;
	padding:1em 0;
}
.entryForm form > dl > dt {
	box-sizing:border-box;
	font-size:0.9em;
	width:100%;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	vertical-align:top;
	font-weight:bold;
	color:#000000;
}
.entryForm form > dl > dd {
	box-sizing:border-box;
	font-size:0.9em;
	width:100%;
	margin-bottom:0.5em;
	padding:0;
	/*font-weight:bold;*/
	color:#000000;
}

.entryForm dt em { /* 必須アイコン */
	display:inline-block;
	background-color:rgba(193,0,0,1);
	border-radius:3px;
	font-size:9px;
	line-height:0.8;
	padding:0.9em 0.4em 1em;
	margin-left:1em;
	vertical-align:top;
	color:#ffffff;
}
.entryForm dt span {
	display:block;
}
.entryForm label {
	position: relative;
	display:block;
	background-color:rgba(129,202,196,0.2);
	/*border-radius:3px;*/
	box-sizing:border-box;
	margin:3px 0;
	padding: 10px 10px 10px 25px;
	cursor:pointer;
}
	.entryForm label.checkBoxPrivacy {
		display:inline-block;
		text-align:center;
	}
	.entryForm label:hover {
		background-color:rgba(129,202,196,0.4);
	}

.entryForm input[type="text"] {
	border-radius:0;
	box-sizing:border-box;
	width:100%;
	height: 2.5em;
	background:#ffffff;
	border:1px solid #bebebe;
	font-size:1em;
	padding:0.5em;
}
	.entryForm input[type="text"]:focus {
		background: #edf4ff;
		border: 1px solid #4881d9;
	}
	.entryForm .email input[type="text"] {
		width:100%;
	}

	/* 郵便番号&住所 */
	.entryForm .zip {
		margin-bottom:1em;
		vertical-align:middle;
	}
	.entryForm .zip input[type="text"]:nth-of-type(1) {
		width:3em;
	}
	.entryForm .zip input[type="text"]:nth-of-type(2) {
		width:4em;
	}
	.entryForm .zipPlace {
		display:flex;
		justify-content: space-between;
	}
	.entryForm .zipPlace input[type="text"]:first-child {
		width:6em;
		margin-right:1em;
	}

.entryForm input[type="radio"] {
	display: none;
}
	.entryForm label.radioButton::before { /* ラジオボタン丸枠 */
		position: absolute;
		content: '';
		top: 50%;
		left: 5px;
		width: 14px;
		height: 14px;
		margin-top: -8px;
		background: #eee;
		border: 1px solid #bebebe;
		border-radius: 100%;
	}
	.entryForm input[type="radio"]:checked + label.radioButton::after { /* ラジオボタンチェック */
		position: absolute;
		content: '';
		top: 50%;
		left: 9px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		background: rgba(129,202,196,1);
		border-radius: 100%;
	}

.entryForm input[type="checkbox"] {
	display: none;
}
.entryForm label.checkBox::before,
.entryForm label.checkBoxPrivacy::before { /* チェック枠 */
	position: absolute;
	content: '';
	top: 50%;
	left: 5px;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #eee;
	border: 1px solid #bebebe;
}
.entryForm input[type="checkbox"]:checked + label.checkBox::after,
.entryForm input[type="checkbox"]:checked + label.checkBoxPrivacy::after { /* チェックマーク */
	position: absolute;
	content: '';
	top: calc(50% - 10px);
	left: 9px;
	width: 13px;
	height: 5px;
	border-left: 2px solid rgba(129,202,196,1);
	border-bottom: 2px solid rgba(129,202,196,1);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.entryForm select {
	border:1px solid #bebebe;
	border-radius:0;
	box-sizing:border-box;
	width:50%;
	height:2.5em;
	font-size:1em;
	text-indent:0.3em;
}
.entryForm select:focus {
	border: 1px solid #4881d9;
}
	.selectDay {
		display:block;
		float:left;
		width:calc(100% / 3);
	}
	.selectDay select {
		width:70px;
		margin-right:5px;
	}

.entryForm textarea {
	border-radius:0;
	box-sizing:border-box;
	width:100%;
	height:10em;
	background:#ffffff;
	border:1px solid #bebebe;
	font-size:1em;
	padding:0.5em;
}
	.entryForm textarea:focus {
		background: #edf4ff;
		border:1px solid #4881d9;
	}

.entryForm .agree {
	margin:1.5em 1em;
	text-align:center;
}
.entryForm .agree p {
	margin-bottom:0.5em;
}
.entryForm .agree a {
	text-decoration:underline;
}
.entryForm .privacyplicyContents {
	background:#fafafa;
	font-size:14px;
	height:150px;
	margin:1em 0;
	padding:10px 5%;
	text-align:left;
	overflow-y:scroll;
	border:1px solid #cccccc;
	-webkit-overflow-scrolling:touch;
}
.entryForm .submit {
	text-align:center;
}
.entryForm .sendButton {
	display:block;
	background:rgba(129,202,196,1);
	border:1px solid rgba(129,202,196,1);
	border-radius:0;
	box-sizing:border-box;
	font-size:1.1em;
	width:100%;
	margin-top:1.5em;
	padding:0.8em 4em;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
	transition: .2s;
}
	.entryForm .sendButton:hover {
		background:rgba(129,202,196,0);
		color:rgba(129,202,196,1);
	}

.entryForm .backButton{
	display:inline-block;
	background:rgba(102,102,102,1);
	border:1px solid rgba(102,102,102,1);
	border-radius:0;
	font-size:1em;
	margin-top:1.5em;
	padding:1em 3em;
	cursor:pointer;
	color:#ffffff;
	transition: .2s;
}
	.entryForm .backButton:hover {
		background:rgba(255,255,255,0);
		color:rgba(102,102,102,1);
	}
	.entryForm a.backButton { /* topへ戻るボタンのとき */
		/*color:#000000;*/
	}


.entryForm.confirm {
	padding-top:2em;
}
.entryForm.confirm .submit dl {
}
	.entryForm.confirm .submit dt {
		width:100%;
		text-align:left;
	}
	.entryForm.confirm .submit dd {
		width:100%;
		text-align:left;
		letter-spacing:0.05em;
	}

.entryForm .submit h3,
.entryForm .submit h4 {
	margin-bottom:1em;
	/*color:#ff2b08;*/
	color:rgba(193,0,0,1);
}
.entryForm .submit > p {
	line-height:1.3;
	margin-bottom:1em;
}
.entryForm .submit > p.complete {
	text-align:left;
}
.entryForm p.errorMesse {
	font-size:0.8em;
	margin:0.3em 0;
}
	.entryForm p.errorMesse em {
		display:block;
		/*border:1px solid #ff2b08;*/
		background-color:rgba(193,0,0,1);
		/*border:1px solid rgba(193,0,0,1);*/
		padding:0.3em 1em;
		margin-top:1em;
		margin-right:0.5em;
		/*color:#ff2b08;*/
		color:rgba(255,255,255,1);
	}

.entryContents .layoutBox {
	padding:0;
}
.entryContents .topText {
	font-size:0.9em;
	padding:0 2%;
	margin-bottom:2em;
}
.entryContents .topText p em {
	font-size:1.1em;
	color:#aa0000;
}