@charset "shift_jis";

@import "/styles/import_sp.css";
@import "/inc/css/recommend_style.css";

/*’²�®—pCSS*/
@import "/common/css/adjust.css";

/* ==========================================

	Common

========================================== */
body { background: #fff; }
button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
#CONTENTS #MAIN.MAIN_special, input, select { font-family: Verdana,"ƒqƒ‰ƒMƒmŠpƒS ProN W3","Hiragino Kaku Gothic ProN","ƒ�ƒCƒŠƒI",Meiryo,sans-serif }
#CONTENTS #MAIN.MAIN_special {
	font-size: 15px;
	line-height: 1.5;
	margin-top: 5px;
	padding-top: 16px;
}
#CONTENTS #MAIN.MAIN_special * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#MAIN h2 { margin-bottom: 30px }
#MAIN h3 {
	background: none;
	border: none;
	margin-bottom: 36px;
	padding: 0;
}
#MAIN dl {
	display: table;
	margin-bottom: 3px;
}
#MAIN dl dt, #MAIN dl dd {
	display: table-cell;
	vertical-align: middle;
}
#MAIN em { color: #ff6600; font-style: normal; font-weight: normal; }
#MAIN .ac { text-align: center }
#MAIN .cap { color: #444; font-size: 12px; font-weight: normal; }
#MAIN #point { margin: 20px 0 50px }
#MAIN #point dl dt {
	background-color: #29b1e3;
	background-image: -webkit-linear-gradient(-45deg, #1dade2 25%, transparent 25%, transparent 50%, #1dade2 50%, #1dade2 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #1dade2 25%, transparent 25%, transparent 50%, #1dade2 50%, #1dade2 75%, transparent 75%, transparent);
	background-size: 12px 12px;
	padding: 26px 0;
	position: relative;
	text-align: center;
	width: 270px;
}
#MAIN #point dl dt:after {
	border: 8px solid transparent;
	border-left-color: #29b1e3;
	border-right-width: 0;
	content: "";
	display: block;
	margin-top: -4px;
	position: absolute;
	right: -8px;
	top: 50%;
	width: 0;
}
#MAIN #point dl dd {
	background-color: #f5f5f2;
	padding: 0 30px;
	width: 590px;
}
#MAIN #point .col {
	background-color: #e0f5fe;
	margin: 7px 0 30px;
	padding: 20px;
}
#MAIN #point .col .head {
	margin-bottom: 20px;
	overflow: hidden;
}
#MAIN #point .col .head .ttl { margin: 6px 0 6px 10px }
#MAIN #point .col .head a { float: right }
#MAIN #point .col .txt {
	background-color: #fff;
	padding: 24px;
}
#MAIN #point .col .txt li { margin-bottom: 18px }
#MAIN #point .col .txt li strong {
	color: #0099d1;
	display: block;
	font-size: 16px;
}
#MAIN #entryForm h3 {
	color: #0b5d92;
	font-size: 22px;
	border-bottom: 2px solid #0b5d92;
	margin-bottom: 10px;
	padding: 30px 0 4px;
}
#MAIN #entryForm h3 em {
	font-size: 14px;
	margin-right: 10px;
}
#MAIN #entryForm h3 .cap em { margin-right: 0 }
#MAIN #entryForm .lead { padding-top: 24px }
#MAIN #entryForm .lead strong { display: block; font-size: 16px; margin: 1em 0; }
#MAIN #entryForm dl { font-size: 14px; margin-bottom: 1px }
#MAIN #entryForm dl dt {
	background-color: #dcf2fa;
	color: #0b5d92;
	font-weight: bold;
	padding: 18px 28px;
	width: 270px;
}
#MAIN #entryForm dl dt em { margin-left: 18px }
#MAIN #entryForm dl dt span { display: block; font-size: 10px; margin-top: 1em; }
#MAIN #entryForm dl dd {
	background-color: #f5f5f2;
	padding: 20px 24px;
	width: 590px;
}
#MAIN #entryForm dl.error_field dd { background-color: #ffdcdc }
#MAIN #entryForm dl p { font-size: 11px; padding-top: 8px }
#MAIN #entryForm dl dt p { color: #333; font-weight: normal; }
#MAIN #entryForm dl dd p.txt { margin-bottom: 1.5em; padding-top: 0; }
#MAIN #entryForm dl dd .field_S { width: 20% }
#MAIN #entryForm dl dd .field_M { width: 60% }
#MAIN #entryForm dl dd .field_L { width: 100% }
#MAIN #entryForm dl dd .caution { color: #ce0000 }
input::-webkit-input-placeholder { color: #9f9987; line-height: 1; }
input:-ms-input-placeholder { color: #9f9987 }
input:-moz-placeholder { color: #9f9987 }
input::-moz-placeholder { color: #9f9987 }
#MAIN #entryForm input[type="text"] {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 4px 8px;
}
#MAIN #entryForm input:focus {
	background-color: #fffac8;
}
#MAIN #entryForm label { margin-right: 2em }
#MAIN #entryForm button {
	background-color: #ff6600;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px #af4600;
	-webkit-box-shadow: 2px 2px #af4600;
	box-shadow: 2px 2px #af4600;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: 64px;
	margin: 30px 5px 0;
	width: 384px;
}
#MAIN #entryForm button:hover { background-color: #ff3c00 }
#MAIN #entryForm button.back { background-color: #999; -moz-box-shadow: 2px 2px #666; -webkit-box-shadow: 2px 2px #666; box-shadow: 2px 2px #666; width: 240px; }
#MAIN #entryForm button.back:hover { background-color: #777 }
#MAIN #licenseGetDay { margin-top: 20px; }
#MAIN #sendAddress { margin-bottom: 30px }
#MAIN .dspNo { display: none }