@charset "UTF-8";

#join_form_wrap {
	background-color:#F5F6F9;
	margin:50px auto 0 auto;
	width:980px;
	max-width:100%;
	padding:50px 0;
}

#join_form, #cart_area {
	width:700px;
	max-width:calc( 100% - 16px );
	margin:auto;
}

#join_form dt:nth-of-type( n+2 ){
	margin-top:20px;
}

#join_form dt {
	font-size:16px;
	font-weight:500;
}

#join_form dd p.hosoku {
	font-size:14px;
	line-height: 22px;
	text-align:left;
}

#join_form dd.kibou p {
	line-height:44px;
}

#join_button_area {
	margin-top:26px;
	text-align:center;
}

#join_button_area p {
	margin-bottom:26px;
}

#join_button_area p a:link, #join_button_area p a:visited {
	color: #2C4A6A;
}

#join_button_area p a:hover, #join_button_area p a:active {
	color: #ed4f44
}

#privacy_link {
	margin-top:12px;
	font-size:14px;
}

#join_button_area a#privacy_link:link, #join_button_area a#privacy_link:visited, #join_text a:link, #join_text a:visited {
	color: #ed4f44;
}

#join_button_area a#privacy_link:hover, #join_button_area a#privacy_link:active, #join_text a:hover, #join_text a:active {
	color:#D97224;
}

#join_id {
	font-size:17px;
	line-height:1.5em;
}

#join_id span {
	font-size:22px;
	line-height:1.5em;
	color:#f00;
	font-weight:700;
}

#join_title {
	font-size:1.2em;
	line-height:1.5em;
	font-weight:700;
}

#kibou label.select-wrap {
	width:100px;
}

#kibo_price > p {
	line-height:22px;
	font-size:17px;
	padding:22px 0 10px 0;
	font-weight: bold;
}

#kibo_price2 {
	border-bottom:1px solid #eee;
	margin-bottom:15px;
}

#kibo_price2 > p {
	line-height:20px;
	font-size:17px;
	padding-top:18px;
	padding-bottom:22px;
	font-weight: bold;
}

#join_text {
	margin:20px auto 60px auto;
	width:700px;
	max-width:100%;
}

#join_text dl {
	counter-reset:list;
	list-style-type:none;
	font: 14px/1.6 'arial narrow', sans-serif;
}

#join_text dl dt {
	position:relative;
	padding: 7px 5px 7px 40px;
	margin: 7px 0 10px 0;
	font-weight: bold;
	font-size:17px;
	line-height:22px;
	border-bottom:dashed 1px #2C4A6A;
}
#join_text dl dt:before{
	counter-increment: list;
	content: counter(list);
	position: absolute;
	left: 0px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	background: #2C4A6A;
	border-radius: 50%;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#join_text dl dt:nth-of-type( n+2 ) {
	margin-top:20px;
}
#join_text dd {
	font-family: 'M PLUS 1p', serif;
}

#impression_table {
	width:100%;
}

#impression_table td {
	padding:0 3px;
}

#impression_table thead td {
		font-size:12px;
		line-height:16px;
		text-align:center;
		font-weight:400;
}

#impression_table thead tr td:nth-of-type(n+2), #impression_table tbody tr td:nth-of-type(n+2) {
	width:80px;
	text-align:center;
}

#impression_table tbody td {
		font-size:16px;
		font-weight:400;
}

#join_text dd span {
	font-weight:700;
}

#join_text > p {
	margin-top:12px;
}

#join_text dd ul li {
	margin-left:1.8em;
}

#join_text dd p.chk {
	padding-left:1.3em;
	position:relative;
	margin-top:0;
}

#join_text dd p.chk:before {
	content: '☑';
	position:absolute;
	left:0;
	top:0;
}

.join_hosoku {
	margin-top:8px;
	border:1px dotted #555;
	border-radius:5px;
	padding: 10px;
}

.join_hosoku p {
	padding-left:1.3em;
	position:relative;
	margin-top:0;
}

.join_hosoku p:before {
	content: '※';
	position:absolute;
	left:0;
	top:0;
}

h2#enq_title br {
	display:none;
}

h2#enq_title span {
	display:inline;
}

dl.join_counter {
	counter-reset: jnumber 0;  
}

dl.join_counter dt {
	position:relative;
	padding-left:2.3em;
	counter-increment: jnumber 1;
}

dl.join_counter dt:before {
	content: "Q" counter(jnumber) ".";
	position:absolute;
	left:0;
	top:0;
}

#annai_area {
	width:960px;
	max-width:100%;
	padding:30px 0 70px 0;
	margin:auto;
	max-width:calc( 100% - 16px );
}

#annai_area > div {
	margin-top:30px;
}

#annai_area h3 {
	font-size:20px;
	line-height:1.5em;
	font-weight:700;
	margin-bottom:8px;
}

#annai_area a:link, #annai_area a:visited {
	color:#000;
	text-decoration:underline;
	padding:0 2px;
}

#annai_area a:hover, #annai_area a:active {
	color:#f00;
}

#join_privacy {
	border:1px solid #ccc;
	background-color:#fafafa;
	padding:12px;
	font-size:13px;
	line-height:1.5em;
	text-align:left;
	margin-bottom:16px;
	color:#383838;
}

@media screen and (max-width:580px) {
	#join_form dt {
		font-size:14px;
	}
	#join_form dd p.hosoku {
		font-size:12px;
		line-height: 18px;
	}
	#kibou label.select-wrap {
		width:60px;
	}
	#join_form, #cart_area {
		max-width:calc( 100% - 12px );
	}
	#join_text > p {
		font-size:14px;
	}
	h2#enq_title {
		font-size:19px;
		line-height:28px;
	}
	h2#enq_title br {
		display:block;
	}
	h2#enq_title span {
		display:none;
	}
	#impression_table thead tr td:nth-of-type(n+2), #impression_table tbody tr td:nth-of-type(n+2) {
		width:60px;
		text-align:center;
	}
	#impression_table thead td {
		font-size:10px;
		line-height:14px;
		vertical-align:middle;
		padding:2px 3px;
	}
	#impression_table tbody td {
		font-size:12px;
		line-height:15px;
	}
	#impression_table tbody tr td:nth-of-type( 2+n ) {
		padding-top:4px;
	}
}


@media screen and (max-width:370px) {
	#join_form, #cart_area {
		max-width:calc( 100% - 8px );
	}
	#kibo_price > p {
		line-height:19px;
		font-size:14px;
		padding-top:13px;
	}

	#kibo_price2 > p {
		line-height:19px;
		font-size:14px;
		padding-top:13px;
		padding-bottom:22px;
	}
}