@charset "shift_jis";

/* ======================================================
 * form.css
 * ------------------------------------------------------
 * LAYOUT ***********************************************
 * Common
 * Body
 * Header
 * Contents
 * Footer
 * MODULE ***********************************************
 * Element
 * Component
 * MEDIA ************************************************
 * Print
 * Clearfix
====================================================== */

/*****.**************************************************

  LAYOUT

********************************************************/
/*IE ×ボタン削除対応*/
input::-ms-clear {
	display: none;
}
/* Common
------------------------------------------------------ */
.underLine{text-decoration: underline;}
.section03 {
	margin-top: 40px !important;
}
.heading03 {
	position: relative;
	margin-bottom: 15px;
	padding-left: 15px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
}
.heading03:before {
	content: "";
	position: absolute;
	left: 0;
	top: 1px;
	width: 5px;
	height: 80%;
	background-color: #a5001e;
}
.radioList01 .radioWrap{
	border-color: #a5a5a5;
	background-color: #e6e6e6
}
.radioList01 .radioWrap.checked{
	border-color: #a5a5a5;
	background-color: #fff5bb;
}
.radioList02 .radio01 {
	min-height: auto;
	padding: 12px  20px 10px 40px;
	background-color: #e6e6e6;
	background-position: 10px 50%;
	border-bottom: solid 1px #a5a5a5;
	-webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
					border-radius: 8px;
	font-size: 14px;
	font-size: 1.4rem;
}
.radioList02 .radio01.checked {
	margin-top: 1px !important;
	padding: 11px  19px 9px 39px;
	background-color: #fff5bb;
	background-position: 10px 50%;
	background-size: 21px 21px;
	border: solid 1px #b7b3ab;
	background-size: 21px 21px;
}
.radioList02 .radio01:hover {
	min-height: auto !important;
	margin-top: 1px;
	padding: 11px  19px 9px 39px;
	background-color: #f4efe6;
	background-position: 10px 50%;
	border: solid 1px #b7b3ab;
}
#contents .radioList02 .radio01:not(.checked):hover {
	margin-top: 1px !important;
}
.inputLayout.radioList02.count1 > .col:nth-child(n+2),
.inputLayout.radioList02.count2 > .col:nth-child(n+3),
.inputLayout.radioList02.count3 > .col:nth-child(n+4),
.inputLayout.radioList02.count4 > .col:nth-child(n+5){
	margin-top: 10px !important;
}
.inputLayout > .col.numberCol{
	width: 410px;
	margin-left: 0 !important;
}
.inputLayout > .col.numberCol input {
	border: solid 1px #ababab;
	padding-top: 12px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-indent: 33px;
	letter-spacing: 49px;
	background: url("/memberservice/pc/rsp/v1/surugaya/img/surugaya_bg01.png") repeat-y left 63px top 0 !important;
}
.numberCol .inputWrap.inputted > input,
.numberCol .inputWrap.focused > .field > input[type="tel"] {
	padding-top: 12px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.inputWrap.noError.open-error[data-validate="required"] > .field > input[type="text"],
.inputWrap.noError.open-error[data-validate="required"] > .field > input[type="password"],
.inputWrap.noError.open-error[data-validate="required"] > .field > input[type="number"],
.inputWrap.noError.open-error[data-validate="required"] > .field > input[type="tel"] {
	border-bottom: 2px solid #a5001e;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
}
.inputLayout > .col.numberCol input[disabled]{
	background-color: #cccccc !important;
}


@media screen and (max-width: 750px), print {
	.section03 {
		margin-top: 15px !important;
	}
	.heading03 {
		margin-bottom: 10px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.inputLayout > .col.numberCol{
		width: 290px;
		margin-left: 0 !important;
	}
	.inputLayout > .col.numberCol input {
		text-indent: 20px;
		letter-spacing: 34px;
		background-size: 177px auto !important;
		background-position: left 48px top 0!important;
	}
	.inputLayout > .col + .col{
		margin-top: 10px;
	}
}
/* Clearfix
------------------------------------------------------ */
.aaa:after {
	zoom: 1;
}