/* CSS Document */

form{ }
	form fieldset+fieldset{
		margin-top:30px;
		}
	form legend{
		display:block;
		width:100%;
		}

#contents{
	margin-top:0;
	}

#step{
	margin:30px 0;
	}
	#step li{
		width:33.3%;
		float:left;
		background:#f8f8eb;
		color:#afb432;
		font-size:1.8rem;
		line-height:60px;
		text-align:center;
		border-radius:2px 0 0 2px;
		overflow:hidden;
		}
		#step li:before{
			content:"";
			float:right;
			width:0;
			height:0;
			margin-right:-30px;
			border:30px solid #fff;
			border-left-color:#f8f8eb;
			}
	#step li:last-child{
		border-radius:2px;
		}
		#step li:last-child:before{
			content:"";
			display:none;
			}
	#step li.now{
		background:#411414;
		color:#f8f8eb;
		font-weight:bold;
		}
		#step li.now:before{
			content:"";
			border-left-color:#411414;
			}

#notice{
	margin-bottom:1em;
	}

#privacy{
	text-align:center;
	}
	#privacy label{
		font-weight:bold;
		font-size:161.53%;
		font-size:2.1rem;
		line-height:1em;
		}
		#privacy label input{
			margin-right:5px;
			width:21px;
			height:21px;
			}

#agreement{
	display:inline-block;
	padding:0.5em;
	}

#submit{
	margin-top:30px;
	text-align:center;
	}
	#submit .but{
		display:inline-block;
		width:300px;
		margin:0 0.5em;
		border:0;
		padding:0.8em 1em;
		border-radius:4px;
		}
	#submit #lsfBtnModify{
		background: #aaaaaa;
		border-color:#bbb;
		color:#fff;
		}
		#submit #lsfBtnModify:hover{
			opacity:0.7;
			}

#ssl{
	padding-top:50px;
	text-align:center;
	}
	#ssl div{
		display:inline-table;
		padding:5px;
		background:#f2f2f2;
		border-spacing:5px;
		border-radius:2px;
		}
	#ssl div > *{
		display:table-cell;
		vertical-align:middle;
		}
	#ssl p{
		width:15em;
		text-align:left;
		font-size:90%;
		line-height:1.4em;
		}
	#ssl input{
		width:auto;
		padding:0;
		border:none;
		}

#zip,
#pref,
#tel{
	width:300px;
	}
#pref{
	padding-left:0.4em;
	}

.form{
	}
	.form dl{
		display:table;
		width:100%;
		margin-bottom:-1px;
		border:1px solid #411414;
		}
	.form dt,
	.form dd{
		display:table-cell;
		vertical-align:middle;
		}
	.form dt{
		position:relative;
		width:25%;
		padding:10px;
		background:#f8f8eb;
		border-right:1px dotted #411414;
		font-weight:bold;
		padding-left:1em;
		}
		.form dt:before{
			content:"任意";
			position:absolute;
			top:0;
			right:0;
			display:block;
			background:#ccc;
			padding:5px;
			color:#fff;
			font-size:1.0rem;
			font-weight:normal;
			line-height:100%;
			z-index:100;
			}
		.form dt.acids:before{
			content:"必須";
			background:#f33;
			}
	.form dd{
		width:75%;
		padding:10px 5px;
		}
	.form small{
		display:block;
		margin-top:0.5em;
		font-size:inherit;
		}
	.form input,
	.form option,
	.form textarea{
		padding:5px;
		}
	.form input,
	.form select,
	.form textarea{
		margin:-5px 0;
		border:solid 1px #ccc;
		}
	.form textarea{
		width:100%;
		}
		.form input[type="text"],
		.form input[type="tel"],
		.form input[type="email"],
		.form input[type="select"],
		.form textarea{
			border:1px solid #eee;
			padding:9px;
			box-sizing:border-box;
			width:100%;
			}
		.form input:focus,
		.form select:focus,
		.form textarea:focus {
				border:solid 1px #f33;
				}

.policy{
	margin:1em 0;
	padding:20px;
	height:300px;
	border:1px solid #411414;
	text-align:left;
	overflow-y:scroll;
	}
	.policy address{
		display:table;
		margin-top:0.1em;
		font-style:normal;
		}
		.policy address > *{
			display:table-cell;
			}
		.policy address strong{
			padding-right:1em;
			}
	.policy div{
		margin-bottom:30px;
		}
	.policy *+p{
		margin-top:1em;
		}
	.policy div .title{
		font-size:150%;
		margin-bottom:0;
		}
	.policy .title{
		margin-bottom:1em;
		}
	.policy .count{
		margin-top:0.5em;
		}

.red{
	display:inline-block;
	padding:0 1em 0 1em;
	background:#f33;
	color:#fff;
	font-size:10px;
	margin:0 0.25em;
	}


@media {

#agreement{ }
	#agreement input[type=radio],
	#agreement input[type=checkbox] {
		display: none;
		margin: 0;
	}
	#agreement label span{
		position:relative;
		}
	#agreement input[type=radio] + span,
	#agreement input[type=checkbox] + span {
		padding: 0 0 0 24px;
		}
	#agreement input[type=radio] + span::before,
	#agreement input[type=checkbox] + span::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		
		background: #FFF;
		}
	#agreement input[type=radio] + span::before {
		border: 2px solid #ccc;
		border-radius: 30px;
		}
	#agreement input[type=checkbox] + span::before {
		border: 2px solid #ccc;
		}
	#agreement input[type=radio]:checked + span::after,
	#agreement input[type=checkbox]:checked + span::after {
		content: "";
		position: absolute;
		top: 50%;
		
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		}
	#agreement input[type=radio]:checked + span::after {
		left: 5px;
		
		width: 8px;
		height: 8px;
		margin-top: -4px;
		
		background: #E71063;
		border-radius: 8px;
		}
	#agreement input[type=checkbox]:checked + span::after {
		left: 3px;
		
		width: 16px;
		height: 8px;
		margin-top: -8px;
		
		border-left: 3px solid #E71063;
		border-bottom: 3px solid #E71063;
		
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		}


/* for TabletPC */
@media (min-width:992px) and (max-width:1119px) {
}


/* for Tablet */
@media (min-width:768px) and (max-width:991px) {
}


/* for Smartphone */ 
@media (max-width: 767px) {

#step{
	display:none;
	}
.form{ }
	.form dt,
	.form dd{
		display:block;
		width:100%;
		border:none;
		}
	.form input,
	.form textarea,
	.form select{
		width:100% !important;
		}


}


/* for iPhone */
@media (max-width: 480px) {
}


/* ie */
@media all and (-ms-high-contrast:none){
}