@charset "shift_jis";

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

/********************************************************

  LAYOUT

********************************************************/

/* Common
------------------------------------------------------ */
@media screen and (min-width: 751px), print {
/* Reader
------------------------------------------------------ */
/* voiceGuide */
.voiceGuide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/*----- headerLogo -----*/
#headerLogo {
	clear: both;
	width: 900px;
	margin: 0 auto;
}
#headerLogo > #formTitle {
	float: left;
	padding: 0;
}
#headerLogo > #formTitle > .logo {
	float: left;
	display: block;
	padding: 0 15px 0 0;
}
#headerLogo > #formTitle > .heading {
	float: left;
	display: block;
	width: 167px;
	padding: 2px 0 0 0;
}
.heading_logo {
	float: right;
	display: block;
	width: 167px;
	padding: 2px 0 0 0;
}
/*----- #headerLogo.headerTitle-R -----*/
#header.roomid{
	height: auto!important;
	padding: 15px 0;
	border-bottom: solid 5px #ddd;
}
#header.roomid #headerContents.headerTitle-R{
	display: table;
	width: 900px;
}
#header.roomid #headerContents.headerTitle-R #headerTitle.type-2col{
	display: table;
	width: 100%;
	}
#header.roomid #headerContents.headerTitle-R #headerLogo,
#header.roomid #headerContents.headerTitle-R #headerTitle{
	display: table-cell;
	vertical-align: middle;
}
#header.roomid #headerContents.headerTitle-R #headerTitle.type-2col p{
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
#header.roomid #headerContents.headerTitle-R #headerLogo{
	width: 66px;
}
#header.roomid #headerContents.headerTitle-R #headerTitle{
	padding-left: 10px;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: left;
}

/*----- footerContents -----*/
#footer #footerContents #footerLogo {
	text-align: center;
}
#footer #footerContents #footerLogo img {
	max-width: 171px;
}

/* Contents
------------------------------------------------------ */
/* btnLink01 */
.sizeRoomid .btnLink01 a,
.sizeRoomid .btnLink01 input,
.sizeRoomid .btnList01 > li a,
.sizeRoomid .btnList01 > li input {
 	width: 540px;
	padding: 28px 30px 21px 0;
	font-size: 30px;
	font-size: 3.0rem;
}
	

/* notice
-------------------------------- */
.notice{
	border:#b4003c 2px solid;
	border-radius:6px;
	margin: 20px 0 15px;
}
.notice dl{
	color:#b4003c;
	padding: 15px;
}
.notice dl dt{
	background: url(/memberservice/pc/rsp/v1/roomid/able_apply/img-files/roomid_able_apply_ic01.png) no-repeat scroll 0 35%;
	background-size:18px auto;
	padding-left:25px;
}
.notice dl dd{
	margin-top: 10px;
}
.notice02{
	border:#dc322c 2px solid;
	border-radius:6px;
	margin: 20px 0 15px;
}
.notice02 dl{
	color:#dc322c;
	padding: 15px;
}
.notice02 dl dt{
	background: url(/memberservice/pc/rsp/v1/roomid/able_apply/img-files/roomid_able_apply_ic01.png) no-repeat scroll 0 35%;
	background-size:18px auto;
	padding-left:25px;
}
.notice02 dl dd{
	margin-top: 10px;
}

/* mailImg */
.mailImg{
	margin-top: 15px 0;
}
.mailImg img{
	display:block;
	width:435px;
	margin:0 auto;
}

/* iconLinkList01 */
.iconLinkList01 li{
	margin-top:15px;
	text-align:right;
	font-size:1.4rem;
}
.iconLinkList01 li:after{
	content:"";
	display:inline-block;
	background:url(/memberservice/pc/rsp/v1/roomid/able_apply/img-files/roomid_able_apply_ic02.png) no-repeat scroll 0 40%;
	background-size:80% auto;
	height:20px;
	width:26px;
	margin-left:10px;
}
.iconLinkList01 li a{
	vertical-align:top;
}
	
/* colorTxt01 */
.colorTxt01 a{
	color:#000;
	font-weight:bold;
	font-size:1.7rem;
	font-style: normal;
	text-decoration:none;
}

/* colorTxt01 */
.section02 em.colorTxt01 {
	color:#1e6916;
	font-weight:bold;
	font-size:1.7rem;
	font-style: normal;
	text-decoration:none;
}
/* h2_Logo */
.h2_Logo {
	display: inline-block;
	background: url(/smp/roomid/sms/img-files/card_logo03.png) no-repeat scroll 0 0;
	background-size: 100% auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 105px;
	height: 25px;
	margin-bottom: -2px;
}
/* heading02_1 */
.heading02_1{
	background:#008191;
	color:#FFFFFF;
	font-size:1.9rem;
	font-weight:bold;
	margin:20px 0 15px;
	padding:15px 15px 15px;
	position:relative;
	vertical-align:top;
}
.heading02_2{
	background:#a8d1d6;
	color:#333333;
	font-size:1.7rem;
	font-weight:bold;
	margin:20px 0 15px;
	padding:15px;
	position:relative;
	vertical-align:top;
}
/* ancListRoomid */
.ancListRoomid{
	margin: 15px 0;
	background: #a8d1d6;
}
.ancListRoomid li a{
	display: block;
	padding: 10px 10px 10px 40px;
	background: url(/common-files/img/sp_com_arw_ic02.png) no-repeat 10px 50%;
	background-size: 16px 16px;
	color: #333333;
	text-decoration: none;
}
.ancListRoomid li.nonIcon a{
	background: none;
}
.ancListRoomid li + li a{
	border-top: solid 1px #43828a;
}
/* boxRoomidLayout01 */
.boxRoomidLayout01{
	margin: 15px 0 !important;
	padding: 20px;
	background: #fef8d2;
}
	.mtUnique_btn{
		margin-top: 15px;
	}

/* roomidAttentionAccBtn */
.accBox .accBtn.roomidAttentionAccBtn {
	text-decoration: underline;
	padding-right: 18px;
	background-image: url(/memberservice/pc/v1/common-files/img/com_toggle_ic05.png);
	background-position: right top 40%;
	background-repeat: no-repeat;
	cursor: pointer;
}
.accBox .accBtn.roomidAttentionAccBtn > .openTxt {
	display: none;
}
.accBox .accBtn.roomidAttentionAccBtn.open {
	background-image: url(/memberservice/pc/v1/common-files/img/com_toggle_ic06.png);
}
.accBox .accBtn.roomidAttentionAccBtn.open > .openTxt {
	display: inline;
}
.accBox .accBtn.roomidAttentionAccBtn.open > .closeTxt {
	display: none;
}
.accBox .accBtn.roomidAttentionAccBtn02 {
	position: relative;
	text-decoration: underline;
	padding-right: 18px;
	cursor: pointer;
}
.accBox .accBtn.roomidAttentionAccBtn02 > .openTxt {
	display: none;
}
.accBox .accBtn.roomidAttentionAccBtn02::before,
.accBox .accBtn.roomidAttentionAccBtn02::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 2px;
	margin-top: -1px;
	background-color: #dc322c;
}
.accBox .accBtn.roomidAttentionAccBtn02::before {
	transform: rotate(90deg);
}
.accBox .accBtn.roomidAttentionAccBtn02.open::before {
	transform: rotate(0);
}
.accBox .accBtn.roomidAttentionAccBtn02.open > .openTxt {
	display: inline;
}
.accBox .accBtn.roomidAttentionAccBtn02.open > .closeTxt {
	display: none;
}


/*----- error -----*/
.formError {
	clear: both;
	margin: 30px 0;
	padding: 15px;
	border: 2px solid #a5001e;
	background-color: #fff;
}
.formError > *:first-child {
	margin-top: 0 !important;
}
.formError > .errorList {
	margin: 1em 0 0 0;
}
.formError > .errorList > li {
	padding: 0 0 0 30px;
	background: url(/memberservice/pc/v1/common-files/img/com_mark_ic02.png) no-repeat 0 0;
	color: #a5001e;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.formError > .errorList > li + li {
	margin-top: 0.5em;
}
	
/* formWrap */
.formWrap {
	clear: both;
	margin: 30px 0 0 0;
}
.formWrap > *:first-child {
	margin-top: 0 !important;
}
.formWrap > form {
}
.formWrap > form > *:first-child {
	margin-top: 0 !important;
}
.formWrap > form fieldset {
	clear: both;
}
.formWrap > form fieldset.type-hr {
	margin-top: 25px;
	padding-top: 20px;
	border-top: 1px dotted #777777;
}
.formWrap > form fieldset.type-frame {
	padding: 27px;
	border: 3px solid #aaaaaa;
}
.formWrap > form fieldset + fieldset {
	margin-top: 50px;
}
.formWrap > form fieldset > *:first-child {
	margin-top: 0 !important;
}
.formWrap > form fieldset > .fieldHdg {
	margin: 50px 0 0 0;
}
.formWrap > form fieldset > .fieldHdg.type-hr {
	margin-top: 60px;
	padding-top: 50px;
	border-top: 1px dotted #777777;
}
.formWrap > form fieldset > .fieldHdg.type-legend {
	display: none;
}
.formWrap > form fieldset > .fieldHdg + * {
	margin-top: 20px;
}
.formWrap > form fieldset > .fieldHdg + .entry.type-confirm {
	margin-top: 15px;
}
.formWrap > form fieldset > .fieldHdg.type-legend + * {
	margin-top: 0;
}
.formWrap > form fieldset > .fieldHdg > .hdg {
	display: inline-block;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.25;
}
.formWrap > form fieldset > .fieldHdg.size-M > .hdg {
	font-size: 18px;
	font-size: 1.8rem;
}
.formWrap > form fieldset > .fieldHdg.size-M + .inputDesc {
	margin-top: 10px;
}
.formWrap > form fieldset > .fieldDesc {
	margin: 30px 0 0 0;
}
.formWrap > form fieldset > .fieldDesc > .desc {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.25;
}
.formWrap > form .entry {
	clear: both;
	margin: 30px 0 0 0;
}
.formWrap > form .entry + .entry {
	margin-top: 40px;
}
.formWrap > form .entry.type-hr {
	margin-top: 25px;
	padding-top: 20px;
	border-top: 1px dotted #777777;
}
.formWrap > form .entry.type-hr.narrow {
	margin-top: 20px;
	padding-top: 20px;
}
.formWrap > form .entry.type-hr.narrow02 {
	margin-top: 15px;
	padding-top: 15px;
}
.formWrap > form fieldset > .fieldDesc + .entry.type-confirm {
	margin-top: 15px;
}
.formWrap > form .entry > *:first-child {
	margin-top: 0 !important;
}
.formWrap > form .entry .hide,
.formWrap > form .entry [class*="hide-"] {
	display: none;
}

/* formInherit */
.formInherit {
	display: none;
}

/* formSubmit */
.formSubmit {
	clear: both;
	position: relative;
	margin: 60px 0 0 0;
	text-align: center;
	letter-spacing: -0.4em;
}
.formSubmit.mtNarrow {
	margin-top: 10px;
}
.formSubmit > .lead {
	margin: 1em 0 0.5em;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: normal;
}
.formSubmit > .lead:before {
	content: "";
	position: relative;
	bottom: -10px;
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 20px 0 0;
	border-width: 30px 0 0 10px;
	border-style: solid;
	border-color: #a5001e transparent transparent transparent;
	-webkit-transform: rotate(-20deg);
		 -moz-transform: rotate(-20deg);
					transform: rotate(-20deg);
}
.formSubmit > .lead:after {
	content: "";
	position: relative;
	bottom: -10px;
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 0 0 20px;
	border-width: 30px 10px 0 0;
	border-style: solid;
	border-color: #a5001e transparent transparent transparent;
	-webkit-transform: rotate(20deg);
		 -moz-transform: rotate(20deg);
					transform: rotate(20deg);
}
.formSubmit > .btn {
	display: inline-block;
	letter-spacing: normal;
}
.formSubmit > .btn#backBtn,
.formSubmit > .btn#correctBtn {
	position: absolute;
	left: 0;
	top: 20px;
}
.formSubmit > .btn#correctBtn {
	top: 16px;
}
.formSubmit > .btn#backBtn > input,
.formSubmit > .btn#correctBtn > input {
	position: relative;
	display: block;
	width: 100%;
	height: 43px;
	padding: 10px 33px 9px 45px;
	border: none;
	border-bottom: 3px solid #a5a5a5;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background-color: #e6e6e6;
	background-image: url(/memberservice/pc/v1/common-files/img/com_back_ic01.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	color: #222222;
	font-weight: bold;
	text-decoration: none !important;
	cursor: pointer;
}
.formSubmit > .btn#backBtn > a,
.formSubmit > .btn#correctBtn > a {
	position: relative;
	display: block;
	width: 100%;
	height: 43px;
	padding: 12px 36px 9px 48px;
	border-bottom: 3px solid #a5a5a5;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background-color: #e6e6e6;
	color: #222222;
	font-weight: bold;
	text-decoration: none !important;
}
.formSubmit > .btn#correctBtn > input,
.formSubmit > .btn#correctBtn > a {
	height: 53px;
	padding: 15px 33px 14px 45px;
	font-size: 16px;
	font-size: 1.6rem;
}
.formSubmit > .btn#backBtn > a:after,
.formSubmit > .btn#correctBtn > a:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	display: inline-block;
	width: 15px;
	height: 16px;
	margin: -8px 0 0 0;
}
.formSubmit > .btn#backBtn > input:hover,
.formSubmit > .btn#correctBtn > input:hover,
.formSubmit > .btn#backBtn > a:hover,
.formSubmit > .btn#correctBtn > a:hover {
	margin-top: 2px;
	height: 41px;
	background-color: #ebebeb;
	border-bottom: 1px solid #b7b7b7;
}
.formSubmit > .btn#correctBtn > input:hover,
.formSubmit > .btn#correctBtn > a:hover {
	height: 51px;
}
.formSubmit > .btn#nextStepBtn,
.formSubmit > .btn#submitBtn,
.formSubmit > .btn#homeBtn,
.formSubmit > .btn#winCloseBtn,
.formSubmit > .btn.like-submit {
	width: 510px;
}
.formSubmit > .btn#nextStepBtn > input,
.formSubmit > .btn#submitBtn > input,
.formSubmit > .btn#submitBtn > button,
.formSubmit > .btn#homeBtn > a,
.formSubmit > .btn#winCloseBtn > a,
.formSubmit > .btn.like-submit > a {
	display: block;
	width: 100%;
	height: 83px;
	padding: 3px 60px 0;
	border: none;
	border-bottom: 3px solid #760015;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background-color: #a5001e;
	background-image: url(/memberservice/pc/v1/common-files/img/com_btn_ic01.png);
	background-repeat: no-repeat;
	background-position: 461px 50%;
	color: #fff;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
}
.formSubmit > .btn#submitBtn > button {
	padding-top: 10px;
	line-height: 1.0;
}
.formSubmit > .btn#submitBtn > button > .small {
	font-size: 70%;
	font-weight: normal;
}
.formSubmit > .btn#homeBtn > a {
	background-color: #e6e6e6;
	border-bottom-color: #a5a5a5;
	color: #222;
}
.formSubmit > .btn#homeBtn > a > span {
	display: inline-block;
	padding-top: 17px;
}
.formSubmit > .btn#winCloseBtn > a {
	padding: 3px 10px 0;
}
.formSubmit > .btn#winCloseBtn > a > span {
	display: inline-block;
	padding-top: 7px;
}
.formSubmit > .btn#winCloseBtn > a > span > .small {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}
.formSubmit > .btn.like-submit > a {
	display: table;
	width: 100%;
	overflow: hidden;
	text-decoration: none;
}
.formSubmit > .btn.like-submit > a > span {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
.formSubmit > .btn#nextStepBtn:not(.disabled) > input,
.formSubmit > .btn#submitBtn:not(.disabled) > input,
.formSubmit > .btn#submitBtn:not(.disabled) > button {
	cursor: pointer;
}
.formSubmit > .btn#nextStepBtn:not(.disabled) > input:hover,
.formSubmit > .btn#submitBtn:not(.disabled) > input:hover,
.formSubmit > .btn#submitBtn:not(.disabled) > button:hover,
.formSubmit > .btn#homeBtn > a:hover,
.formSubmit > .btn#winCloseBtn > a:hover,
.formSubmit > .btn.like-submit > a:hover {
	height: 81px;
	margin-top: 2px;
	border-bottom-width: 1px;
}
.formSubmit > .btn#nextStepBtn.disabled > input,
.formSubmit > .btn#submitBtn.disabled > input,
.formSubmit > .btn#submitBtn.disabled > button {
	height: 80px;
	padding-left: 80px;
	background-image: url(/memberservice/pc/rsp/v1/pending_sms/img/com_cb_ic03.png);
	background-position: 71px 50%;
	color: #a5001e;
	font-size: 22px;
	font-size: 2.2rem;
	border: 2px solid #a5001e;
	background-color: #ffe5e5;
}
	
	
/*----- input -----*/
/* inputHdg */
.inputHdg {
	clear: both;
	margin: 25px 0 5px;
}
.inputHdg.with-link {
	display: table;
}
.inputLayout.type-table > .colLabel > .inputHdg {
	margin-bottom: 0;
}
.inputHdg > .hdg {
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.25;
}
.inputHdg.with-link > .hdg {
	display: table-cell;
	vertical-align: middle;
}
.inputHdg.with-cbox > .hdg {
	width: 9em;
	white-space: nowrap;
	vertical-align: middle;
}
.inputHdg > .hdg > .small {
	font-size: 75%;
}
.inputHdg.with-link > .hdg + .btn {
	display: table-cell;
	padding: 0 0 0 30px;
	vertical-align: middle;
	white-space: nowrap;
}
.inputHdg.with-link > .hdg + .btn > *:first-child {
	margin-top: 0 !important;
}
.inputHdg.with-cbox > .checkboxWrap {
	display: inline-block;
	height: 40px;
	margin: 0 0 0 30px;
	padding: 12px 32px 8px 50px;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
}
.inputHdg > .hdg02 {
	padding: 0 0 0 9px;
	border-left: 5px solid #a5001e;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.25;
}
.inputHdg > .hdg02 > .small {
	font-size: 87.5%;
	font-weight: normal;
}

/* inputDesc */
.inputDesc {
	clear: both;
	margin: 15px 0 0.75em;
	text-align: left;
}
#check-statement-reciept .inputDesc {
	margin-bottom: 0;
}
.inputHdg + .inputDesc {
	margin-top: 10px;
}
.inputDesc > .desc {
	margin: 1em 0 0 0;
	line-height: 1.25;
	text-align: left;
}
.inputDesc > .desc.type-strong {
	color: #a5001e;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.inputDesc > .note {
	margin: 1em 0 0 0;
	padding: 0 0 0 1em;
	line-height: 1.25;
	text-align: left;
	text-indent: -1em;
}
.inputDesc > .note2 {
	position: relative;
}
.inputDesc > .note2.type1 { padding-left: 2em; }
.inputDesc > .note2 > .ast {
	position: absolute;
	left: 0;
	top: 0;
}
.inputDesc > *:first-child {
	margin-top: 0 !important;
}

/* inputValue */
.inputValue {
	clear: both;
	margin: 30px 0 0.75em;
	color: #222222;
	font-size: 20px;
	font-size: 2.0rem;
	text-align: left;
}
.inputValue > .small {
	font-size: 70%;
}
.inputValue#address_kanji1,
.inputValue#address_kana1,
.inputValue#homecoming_address_kanji1,
.inputValue#homecoming_address_kana1,
.inputValue#credit_receipt_shop {
	line-height: 1.25;
}
.inputValue#mail_career_domain {
	font-weight: bold;
}
.inputValue .inputWrap.inputted > .field > .readonlyBox {
	display: inline-block;
	width: auto;
	min-width: 350px;
}

/* inputCounter */
.inputCounter {
	margin: 30px 0 0.5em;
	text-align: left;
}
.inputCounter > .counter {
	padding: 15px 0 0 0;
	font-size: 18px;
	font-size: 1.8rem;
}
.inputCounter > .counter > .number {
	margin: 0 0.25em;
	color: #a5001e;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}
.inputCounter > .counter > .number.safety {
	color: #333333;
}

/* inputAlert */
.inputAlert {
	clear: both;
	margin: 30px 0 0.75em;
	text-align: left;
}
.inputAlert > .alert {
	color: #a5001e;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}

/* inputLayout */
.inputLayout {
	clear: both;
	margin: 30px 0 0 0;
}
.inputHdg + .inputLayout {
	margin-top: 10px;
}
.inputHdg.with-cbox + .inputLayout {
	margin-top: 15px;
}
.inputDesc + .inputLayout {
	margin-top: 15px;
}
.inputDesc[style="display: block;"] + .inputDesc[style=""]  + .inputLayout,
.inputDesc[style="display: block;"] + .inputDesc[style="display: none;"]  + .inputLayout,
.inputDesc[style=""] + .inputDesc[style="display: block;"]  + .inputLayout,
.inputDesc[style="display: none;"] + .inputDesc[style="display: block;"]  + .inputLayout {
	margin-top: 15px;
}
.inputLayout > .col {
	float: left;
	margin: 0 0 0 32px;
}
.inputLayout.count1 > .col {
	float: none;
	margin-left: 0;
	text-align: center;
}
.inputLayout.count1 > .col { width: 100%; }
.inputLayout.count2 > .col { width: 434px; }
.inputLayout.count3 > .col { width: 280px; margin-left: 60px; }
.inputLayout.count3.dataCol > .col { width: 280px; margin-left: 60px; }
.inputLayout.count4 > .col { width: 201px; }
.inputLayout.count4 > .col.double { width: 434px; }
.inputLayout.count4.numberCol > .col { width: 130px; }
.inputLayout.lq2 > .col { width: 48.2%; margin-left: 3.6%; }
.inputLayout.lq4 > .col { width: 22.3%; margin-left: 3.6%; }
.inputLayout > .sizeL[class*="col"]  { width: 434px; }
.inputLayout > .sizeM[class*="col"]  { width: 280px; }
.inputLayout > .sizeS[class*="col"]  { width: 201px; }
.inputLayout.count1 > .col:nth-child(n+2),
.inputLayout.count2 > .col:nth-child(n+3),
.inputLayout.count3 > .col:nth-child(n+4),
.inputLayout.count4 > .col:nth-child(n+5) {
	margin-top: 30px !important;
}
.inputLayout.lq2 > .col:nth-child(n+3),
.inputLayout.lq4 > .col:nth-child(n+5) {
	margin-top: 15px !important;
}
.inputLayout.count2 > .col:nth-child(2n+1),
.inputLayout.count3 > .col:nth-child(3n+1),
.inputLayout.count4 > .col:nth-child(4n+1),
.inputLayout.lq2 > .col:nth-child(2n+1),
.inputLayout.lq4 > .col:nth-child(4n+1) {
	clear: left !important;
	margin-left: 0 !important;
}
.inputLayout > .colLeft {
	float: left;
	margin: 0 32px 5px 0;
}
.inputLayout > .colRight {
	float: left;
	margin: 0 0 5px 32px;
}
.inputLayout > .colDetail {
	overflow: hidden;
}
.inputLayout > [class*="col"] > *:first-child {
	clear: none;
	margin-top: 0 !important;
}
.inputLayout.count1 > .col > .sizeFix {
	margin-right: auto;
	margin-left: auto;	
}
.inputLayout.type-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.inputLayout.type-table.wAuto {
	table-layout: auto;
	width: auto;
}
.inputLayout.type-table > [class*="col"] {
	float: none;
	display: table-cell;
	padding: 0 0 0 32px;
	vertical-align: middle;
}
.inputLayout.type-table > [class*="col"]:nth-child(1) {
	margin-left: 0;
	padding-left: 0;
}
.inputLayout.type-table > .colLabel {
	padding: 0 32px 0 0;
}
.inputLayout.type-table > .colInput {
	width: 99%;
}
.inputLayout.type-rspTable {
	display: table;
	margin-top: 20px;
	table-layout: fixed;
	width: 100%;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}
.inputLayout.type-rspTable.wAuto {
	table-layout: auto;
	width: auto;
}
.inputLayout.type-rspTable > [class*="col"] {
	float: none;
	display: table-cell;
	padding: 15px;
	vertical-align: middle;
}
.inputLayout.type-rspTable > .colLabel {
	background: #f2f2f2;
	border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
}
.inputLayout.type-rspTable > .colInput {
	background: #ffffff;
	border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
}
.inputLayout.type-row {
	margin: 0 -32px -15px 0;
	overflow: hidden;
}
.inputLayout.type-row > .col {
	margin: 0 32px 15px 0;
}
.inputLayout.type-row > .col:first-child {
	margin-left: 0;
}
.inputLayout .incidentalElements{
	position: absolute;
	bottom: 0;
	right: -24px;
	font-size: 20px;
	font-size: 2.0rem;
}


/* textbox */
.inputWrap {
	position: relative;
}
.inputWrap > .field {
	position: relative;
}
.inputLayout.numberCol .inputWrap > .field:after,
.inputLayout.telNumCol .inputWrap > .field:after,
.inputLayout.dataCol .field .inputTail {
	position: absolute;
	content: "";
	top: 50%;
}
.inputLayout.numberCol .inputWrap > .field:after,
.inputLayout.telNumCol .inputWrap > .field:after {
	left: -22px;
	width: 12px;
	height: 1px;
	background-color: #333333;
}
.inputLayout.dataCol > .col .field .inputTail {
	right: -3.0em;
	width: 2.4em;
	height: 30px;
	margin-top: -15px;
	font-size: 2rem;
}
.inputLayout.numberCol .col:first-child .field:after,
.inputLayout.telNumCol .col:first-child .field:after {
	display: none;
}
.inputWrap > .field > label {
	position: absolute;
	left: 16px;
	top: 14px;
	display: none;
	color: #444444;
}
.ie8 .inputWrap > .field > label,
.ie9 .inputWrap > .field > label {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 65px;
	padding: 21px 16px 18px;
	font-size: 20px;
	font-size: 2.0rem;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: loose;
	word-wrap: normal;
}
.inputWrap.focused > .field > label,
.inputWrap.inputted > .field > label {
	top: 7px;
	display: block;
	margin: 0 0 5px 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.ie8 .inputWrap.focused > .field > label,
.ie8 .inputWrap.inputted > .field > label,
.ie9 .inputWrap.focused > .field > label,
.ie9 .inputWrap.inputted > .field > label {
	left: 16px;
	top: 5px;
	display: block;
	width: auto;
	height: auto;
	padding: 0;
	font-size: 12px;
	font-size: 1.2rem;
}
.inputWrap > .field > input[type="text"],
.inputWrap > .field > input[type="password"],
.inputWrap > .field > input[type="number"],
.inputWrap > .field > input[type="tel"] {
	width: 100%;
	height: 65px;
	padding: 12px 15px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #ababab;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background-color: #ffe5e5;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset;
	   -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset;
	    -ms-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset;
	     -o-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset;
	        box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset;
	color: #444444;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.25;
	-webkit-appearance: none;
}
.inputWrap > .field > input::-webkit-input-placeholder { color: #444444; }
.inputWrap > .field > input:-ms-input-placeholder { color: #444444; }
.inputWrap > .field > input::-moz-placeholder { color: #444444; opacity: 1; }
.inputWrap[data-validate="optional"] > .field > input[type="text"],
.inputWrap[data-validate="optional"] > .field > input[type="password"],
.inputWrap[data-validate="optional"] > .field > input[type="number"],
.inputWrap[data-validate="optional"] > .field > input[type="tel"] {
	background-color: #fff;
}
.inputWrap.focused > .field > input[type="text"],
.inputWrap.focused > .field > input[type="password"],
.inputWrap.focused > .field > input[type="number"],
.inputWrap.focused > .field > input[type="tel"] {
	padding-top: 24px !important;
	border-color: #4aadc9;
	background-color: #fff;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset, 0px 0px 8px 0px rgba(132,187,233,0.25);
	   -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset, 0px 0px 8px 0px rgba(132,187,233,0.25);
	    -ms-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset, 0px 0px 8px 0px rgba(132,187,233,0.25);
	     -o-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset, 0px 0px 8px 0px rgba(132,187,233,0.25);
	        box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset, 0px 0px 8px 0px rgba(132,187,233,0.25);
}
.inputWrap.disabled > .field > input[type="text"],
.inputWrap.disabled > .field > input[type="password"],
.inputWrap.disabled > .field > input[type="number"],
.inputWrap.disabled > .field > input[type="tel"] {
	background-color: #ccc !important;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	zoom: 1;
}
.inputWrap.focused > .field > input::-webkit-input-placeholder { color: transparent !important; }
.inputWrap.focused > .field > input:-ms-input-placeholder { color: transparent !important; }
.inputWrap.focused > .field > input::-moz-placeholder { color: transparent !important; }
.inputWrap > .field.with-help > input[type="text"],
.inputWrap > .field.with-help > input[type="password"],
.inputWrap > .field.with-help > input[type="number"],
.inputWrap > .field.with-help > input[type="tel"] {
	padding-right: 55px !important;
}
.inputWrap.open-help > .field > input[type="text"],
.inputWrap.open-help > .field > input[type="password"],
.inputWrap.open-help > .field > input[type="number"],
.inputWrap.open-help > .field > input[type="tel"],
.inputWrap.open-error[data-validate="required"] > .field > input[type="text"],
.inputWrap.open-error[data-validate="required"] > .field > input[type="password"],
.inputWrap.open-error[data-validate="required"] > .field > input[type="number"],
.inputWrap.open-error[data-validate="required"] > .field > input[type="tel"] {
	-webkit-border-radius: 9px 9px 0 0;
	   -moz-border-radius: 9px 9px 0 0;
	    -ms-border-radius: 9px 9px 0 0;
	     -o-border-radius: 9px 9px 0 0;
	        border-radius: 9px 9px 0 0;
}
.inputWrap.open-error[data-validate="required"] > .field > input[type="text"],
.inputWrap.open-error[data-validate="required"] > .field > input[type="password"],
.inputWrap.open-error[data-validate="required"] > .field > input[type="number"],
.inputWrap.open-error[data-validate="required"] > .field > input[type="tel"] {
	border-width: 2px;
	border-color: #a5001e;
	border-bottom: none;
}
.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;
}
.inputWrap.noError02.open-error[data-validate="required"] > .field > input[type="text"],
.inputWrap.noError02.open-error[data-validate="required"] > .field > input[type="password"],
.inputWrap.noError02.open-error[data-validate="required"] > .field > input[type="number"],
.inputWrap.noError02.open-error[data-validate="required"] > .field > input[type="tel"] {
	border: solid 1px #ababab;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
}
.inputWrap.noError02.open-help[data-validate="required"] > .field > input[type="text"],
.inputWrap.noError02.open-help[data-validate="required"] > .field > input[type="password"],
.inputWrap.noError02.open-help[data-validate="required"] > .field > input[type="number"],
.inputWrap.noError02.open-help[data-validate="required"] > .field > input[type="tel"] {
	border: solid 1px #ababab;
	-webkit-border-radius: 9px 9px 0 0;
	   -moz-border-radius: 9px 9px 0 0;
	    -ms-border-radius: 9px 9px 0 0;
	     -o-border-radius: 9px 9px 0 0;
	        border-radius: 9px 9px 0 0;
}
.inputWrap.inputted > .field > input[type="text"],
.inputWrap.inputted > .field > input[type="password"],
.inputWrap.inputted > .field > input[type="number"],
.inputWrap.inputted > .field > input[type="tel"] {
	padding-top: 24px;
	border-width: 1px;
	border-color: #222222;
	background-color: #fff;
}
.inputWrap.item-error > .field > input[type="text"],
.inputWrap.item-error > .field > input[type="password"],
.inputWrap.item-error > .field > input[type="number"],
.inputWrap.item-error > .field > input[type="tel"] {
	padding: 11px 14px 4px;
	border-width: 2px;
	border-color: #a5001e;
}
.inputWrap.item-error.focused > .field > input[type="text"],
.inputWrap.item-error.focused > .field > input[type="password"],
.inputWrap.item-error.focused > .field > input[type="number"],
.inputWrap.item-error.focused > .field > input[type="tel"] {
	padding: 12px 15px 5px;
	padding-top: 24px !important;
	border-width: 1px;
}
.inputWrap.item-error.open-error > .field > input[type="text"],
.inputWrap.item-error.open-error > .field > input[type="password"],
.inputWrap.item-error.open-error > .field > input[type="number"],
.inputWrap.item-error.open-error > .field > input[type="tel"] {
	padding: 11px 14px 4px;
	border-width: 2px;
}
.inputWrap.item-error.inputted > .field > input[type="text"],
.inputWrap.item-error.inputted > .field > input[type="password"],
.inputWrap.item-error.inputted > .field > input[type="number"],
.inputWrap.item-error.inputted > .field > input[type="tel"] {
	padding: 24px 15px 5px;
}
.inputWrap.inputted > .field > .readonlyBox {
		width: 100%;
	height: 65px;
	padding: 24px 15px 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background-color: #fff;
	color: #444444;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.25;
}
.inputWrap > .field > .tail {
	display: none;
	font-size: 16px;
	font-size: 1.6rem;
}
.inputWrap.focused > .field > .tail,
.inputWrap.inputted > .field > .tail {
	display: block;
	position: absolute;
	right: 15px;
	bottom: 5px;
}
.inputWrap.focused > .field.with-help > .tail,
.inputWrap.inputted > .field.with-help > .tail {
	right: 58px;
}
.inputWrap > .field > .btn {
	position: absolute;
	right: 1px;
	top: 1px;
	border-left: 1px solid #ababab;
}
.inputWrap.open-error[data-validate="required"] > .field > .btn {
	right: 2px;
	top: 2px;
}
.inputWrap.noError02.open-error[data-validate="required"] > .field > .btn {
	right: 1px;
	top: 1px;
}
.inputWrap.item-error > .field > .btn {
	right: 2px;
	top: 2px;
}
.inputWrap.item-error.focused > .field > .btn {
	right: 1px;
	top: 1px;
}
.inputWrap.item-error.open-error > .field > .btn {
	right: 2px;
	top: 2px;
}
.inputWrap > .field > .btn > span {
	position: relative;
	display: block;
	width: 48px;
	height: 63px;
	-webkit-border-radius: 0 9px 9px 0;
	   -moz-border-radius: 0 9px 9px 0;
	    -ms-border-radius: 0 9px 9px 0;
	     -o-border-radius: 0 9px 9px 0;
	        border-radius: 0 9px 9px 0;
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
}
.inputWrap.open-help > .field > .btn > span,
.inputWrap.noError02.open-help > .field > .btn > span {
	-webkit-border-radius: 0 9px 0 0;
	   -moz-border-radius: 0 9px 0 0;
	    -ms-border-radius: 0 9px 0 0;
	     -o-border-radius: 0 9px 0 0;
	        border-radius: 0 9px 0 0;
}
.inputWrap.open-error[data-validate="required"] > .field > .btn > span {
	width: 47px;
	height: 62px;
	-webkit-border-radius: 0 9px 0 0;
	   -moz-border-radius: 0 9px 0 0;
	    -ms-border-radius: 0 9px 0 0;
	     -o-border-radius: 0 9px 0 0;
	        border-radius: 0 9px 0 0;
}
.inputWrap.noError02.open-error[data-validate="required"] > .field > .btn > span {
	width: 48px;
	height: 63px;
	-webkit-border-radius: 0 9px 9px 0;
	   -moz-border-radius: 0 9px 9px 0;
	    -ms-border-radius: 0 9px 9px 0;
	     -o-border-radius: 0 9px 9px 0;
	        border-radius: 0 9px 9px 0;
}
.inputWrap.noError02.open-help[data-validate="required"] > .field > .btn > span{
	width: 48px;
	height: 63px;
	-webkit-border-radius: 0 9px 0 0;
	   -moz-border-radius: 0 9px 0 0;
	    -ms-border-radius: 0 9px 0 0;
	     -o-border-radius: 0 9px 0 0;
	        border-radius: 0 9px 0 0;
}
.inputWrap.item-error > .field > .btn > span {
	width: 47px;
	height: 61px;
}
.inputWrap.item-error.focused > .field > .btn > span {
	width: 48px;
	height: 63px;
}
.inputWrap.item-error.open-error > .field > .btn > span {
	width: 47px;
	height: 62px;
}
.inputWrap.open-help > .field > .btn > span:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px !important;
	z-index: 40;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #f2f2f2 !important;
}
.inputWrap.open-error[data-validate="required"] > .field > .btn > span:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ababab;
}
.inputWrap.noError02.open-error[data-validate="required"] > .field > .btn > span:after {
	height: 0;
}
.inputWrap.noError02.open-help[data-validate="required"] > .field > .btn > span:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px !important;
	z-index: 40;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #f2f2f2 !important;
}
.inputWrap.focused > .field > .fake-btn  {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	display: block;
	width: 50px;
	height: 65px;
	background-color: transparent;
	cursor: pointer;
}
.inputWrap > .help {
	position: absolute;
	left: 0;
	top: 64px;
	z-index: 30;
	/*
	position: relative;
	top: -1px;
	*/
	display: none;
	width: 100%;
	padding: 12px 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #ababab;
	-webkit-border-radius: 0 0 9px 9px;
	   -moz-border-radius: 0 0 9px 9px;
	    -ms-border-radius: 0 0 9px 9px;
	     -o-border-radius: 0 0 9px 9px;
	        border-radius: 0 0 9px 9px;
	background-color: #f2f2f2;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: left;
}
.inputWrap.focused > .help {
	border-color: #4aadc9;
	border-top-color: #ababab;
}
.inputWrap > .error {
	/*
	position: absolute;
	left: 0;
	top: 54px;
	z-index: 20;
	*/
	position: relative;
	top: -1px;
	display: none;
	width: 100%;
	padding: 12px 15px;
	border-width: 2px;
	border-style: solid;
	border-color: #a5001e;
	border-top: none;
	-webkit-border-radius: 0 0 9px 9px;
	   -moz-border-radius: 0 0 9px 9px;
	    -ms-border-radius: 0 0 9px 9px;
	     -o-border-radius: 0 0 9px 9px;
	        border-radius: 0 0 9px 9px;
	background-color: #ffcdcd;
	color: #a5001e;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: left;
}
.inputWrap.open-error[data-validate="required"] > .error {
	display: block;
}
	
/* selectbox */
.selectWrap {
	position: relative;
}
.selectWrap > .field {
	position: relative;
}
.selectWrap.open-help > .field:after {
	content: "";
	position: absolute;
	right: 1px;
	bottom: 0 !important;
	z-index: 40;
	display: block;
	width: 48px;
	height: 1px;
	background-color: #f2f2f2 !important;
}
.selectWrap > .field > label {
	position: absolute;
	left: 16px;
	top: 14px;
	display: none;
	color: #444444;
}
.selectWrap.focused > .field > label,
.selectWrap.selected > .field > label {
	top: 7px;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
}
.selectWrap > .field > select {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 65px;
	padding: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=00)";
	zoom: 1;
	-webkit-appearance: none;
}
.selectWrap > .field > .choice {
	width: 100%;
	height: 65px;
	padding: 21px 30px 5px 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #ababab;
	-webkit-border-radius: 9px;
	   -moz-border-radius: 9px;
	    -ms-border-radius: 9px;
	     -o-border-radius: 9px;
	        border-radius: 9px;
	background-color: #ffe5e5;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset;
	   -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset;
	    -ms-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset;
	     -o-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset;
	        box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset;
	color: #444444;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.25;
}
.selectWrap > .field > .choice.noLabel {
	padding-top: 21px !important;
}
.selectWrap[data-validate="optional"] > .field > .choice {
	background-color: #fff;
}
.selectWrap > .field.with-help > .choice {
	padding-right: 85px;
}
.selectWrap.focused > .field > .choice {
	padding-top: 28px;
	border-color: #4aadc9;
	background-color: #fff;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset, 0px 0px 8px 0px rgba(132,187,233,0.25);
	   -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset, 0px 0px 8px 0px rgba(132,187,233,0.25);
	    -ms-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset, 0px 0px 8px 0px rgba(132,187,233,0.25);
	     -o-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset, 0px 0px 8px 0px rgba(132,187,233,0.25);
	        box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15) inset, 0px 0px 8px 0px rgba(132,187,233,0.25);
}
.selectWrap.selected > .field > .choice {
	padding-top: 28px;
	border-color: #222222;
	background-color: #fff;
	color: #444444;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.ie8 .selectWrap.selected > .field > .choice,
.ie9 .selectWrap.selected > .field > .choice {
	white-space: nowrap;
	word-break: loose;
	word-wrap: normal;
}
.selectWrap.open-help > .field > .choice,
.selectWrap.open-error > .field > .choice {
	-webkit-border-radius: 9px 9px 0 0;
	   -moz-border-radius: 9px 9px 0 0;
	    -ms-border-radius: 9px 9px 0 0;
	     -o-border-radius: 9px 9px 0 0;
	        border-radius: 9px 9px 0 0;
}
.selectWrap.open-error > .field > .choice {
	padding-left: 14px;
	border-width: 2px;
	border-color: #a5001e;
	border-bottom: none;
}
.selectWrap.item-error > .field > .choice {
	padding: 21px 29px 4px 14px;
	border-width: 2px;
	border-color: #a5001e;
}
.selectWrap.item-error.focused > .field > .choice {
	padding: 24px 30px 5px 15px;
	border-width: 1px;
}
.selectWrap.item-error.open-error > .field > .choice {
	padding-left: 14px;
	border-width: 2px;
}
.selectWrap.item-error.selected > .field > .choice {
	padding: 24px 30px 5px 15px;
}
.selectWrap > .field > .choice:after {
	content: "";
	position: absolute;
	right: 13px;
	top: 50%;
	display: inline-block;
	width: 0;
	height: 0;
	margin: -3px 0 0 0;
	border-width: 7px 5px;
	border-style: solid;
	border-color: #606060 transparent transparent transparent;
}
.selectWrap > .field.with-help > .choice:after {
	right: 68px;
}
.selectWrap > .field > .btn {
	position: absolute;
	right: 1px;
	top: 1px;
	z-index: 10;
	border-left: 1px solid #ababab;
}
.selectWrap.open-error > .field > .btn {
	right: 2px;
	top: 2px;
}
.selectWrap.item-error > .field > .btn {
	right: 2px;
	top: 2px;
}
.selectWrap.item-error.focused > .field > .btn {
	right: 1px;
	top: 1px;
}
.selectWrap.item-error.open-error > .field > .btn {
	right: 2px;
	top: 2px;
}
.selectWrap > .field > .btn > span {
	position: relative;
	display: block;
	width: 48px;
	height: 63px;
	-webkit-border-radius: 0 9px 9px 0;
	   -moz-border-radius: 0 9px 9px 0;
	    -ms-border-radius: 0 9px 9px 0;
	     -o-border-radius: 0 9px 9px 0;
	        border-radius: 0 9px 9px 0;
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
}
.selectWrap.open-help > .field > .btn > span {
	-webkit-border-radius: 0 9px 0 0;
	   -moz-border-radius: 0 9px 0 0;
	    -ms-border-radius: 0 9px 0 0;
	     -o-border-radius: 0 9px 0 0;
	        border-radius: 0 9px 0 0;
}
.selectWrap.open-error > .field > .btn > span {
	width: 47px;
	height: 62px;
	-webkit-border-radius: 0 9px 0 0;
	   -moz-border-radius: 0 9px 0 0;
	    -ms-border-radius: 0 9px 0 0;
	     -o-border-radius: 0 9px 0 0;
	        border-radius: 0 9px 0 0;
}
.selectWrap.item-error > .field.with-help > .btn > span {
	width: 47px;
	height: 61px;
}
.selectWrap.item-error.focused > .field.with-help > .btn > span {
	width: 48px;
	height: 63px;
}
.selectWrap.item-error.open-error > .field.with-help > .btn > span {
	width: 47px;
	height: 62px;
}
.selectWrap > .help {
	position: absolute;
	left: 0;
	top: 64px;
	z-index: 30;
	/*
	position: relative;
	top: -1px;
	*/
	display: none;
	width: 100%;
	padding: 12px 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #ababab;
	-webkit-border-radius: 0 0 9px 9px;
	   -moz-border-radius: 0 0 9px 9px;
	    -ms-border-radius: 0 0 9px 9px;
	     -o-border-radius: 0 0 9px 9px;
	        border-radius: 0 0 9px 9px;
	background-color: #f2f2f2;
	font-size: 13px;
	font-size: 1.3rem;
	text-align: left;
}
.selectWrap.focused > .help {
	border-color: #4aadc9;
	border-top-color: #ababab;
}
.selectWrap > .error {
	/*
	position: absolute;
	left: 0;
	top: 64px;
	z-index: 20;
	*/
	position: relative;
	top: -1px;
	display: none;
	width: 100%;
	padding: 12px 15px;
	border-width: 2px;
	border-style: solid;
	border-color: #a5001e;
	border-top: none;
	-webkit-border-radius: 0 0 9px 9px;
	   -moz-border-radius: 0 0 9px 9px;
	    -ms-border-radius: 0 0 9px 9px;
	     -o-border-radius: 0 0 9px 9px;
	        border-radius: 0 0 9px 9px;
	background-color: #ffcdcd;
	color: #a5001e;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: left;
}
.selectWrap.open-error > .error {
	display: block;
}

.selectWrap.with-label > .field > .choice {
	border-color: #ababab !important;
	background-color: #ffe5e5 !important;
	color: #444444 !important;
	word-wrap: normal;
}
.selectWrap.with-label.focused > .field > .choice {
	border-color: #4aadc9 !important;
	background-color: #fff !important;
}
.selectWrap.with-label.override > .field > .choice {
	border-color: #222222 !important;
	background-color: #fff !important;
	color: #444444 !important;
}
.selectWrap.with-label.item-error > .field > .choice {
	padding: 27px 29px 4px 14px !important;
	border-width: 2px !important;
	border-color: #a5001e !important;
}
.selectWrap.with-label.item-error.focused > .field > .choice {
	padding: 28px 30px 5px 15px !important;
	border-width: 1px !important;
}
.btnLink01.ancbtn01 a:after,
.btnList01.ancbtn01 > li a:after {
	transform: rotate(90deg);
}
.sizeRoomid .btnLink01.ancbtn01 a,
.sizeRoomid .btnLink01.ancbtn01 input,
.sizeRoomid .btnLink01.ancbtn01 > li a,
.sizeRoomid .btnLink01.ancbtn01 > li input{
	font-size: 19px;
	font-size: 1.9rem;
}

.ri-boxLayout01{
	margin-top: 50px;
	padding: 20px;
	background-color: #e5e5e5;
}
.ri-boxLayout01 .headLine01 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.2;
}
.ri-boxLayout01 > .headLine01:first-child {
	margin-top: -5px !important;
}
	.inputLayout.count3.birthCol.type02 > .col{
		margin-left: 30px;
	}
	
/* other */
/* text
	-------------------------------- */
.txtColor02 {
	color: #dc322c
}
.smsLead {
	position: relative;
	width: fit-content;
	margin: 10px auto 0;
	padding: 0 15px;
	text-align: center;
	font-size: 1.6rem;
	color: #008191;
	font-weight: bold;
}
.smsLead::before,
.smsLead::after {
	content: '';
	position: absolute;
	bottom: 5px;
	height: 17px;
	width: 1px;
	background-color: #008191;
}
.smsLead::before{
	left: 0;
	transform: rotate(-30deg);
}
.smsLead::after{
	right: 0;
	transform: rotate(30deg);
}
.smsLead02 {
	position: relative;
	width: fit-content;
	margin: 20px auto 0;
	padding: 0 15px;
	text-align: center;
	font-size: 1.6rem;
	color: #222;
	font-weight: bold;
}
.smsLead02::before,
.smsLead02::after {
	content: '';
	position: absolute;
	bottom: 5px;
	height: 17px;
	width: 1px;
	background-color: #222;
}
.smsLead02::before{
	left: 0;
	transform: rotate(-30deg);
}
.smsLead02::after{
	right: 0;
	transform: rotate(30deg);
}
/* button
-------------------------------- */
.smsButton,
.smsButton02,
.smsButton03,
.smsButton04 {
	margin-top: 10px;
}
.smsButton a:hover,
.smsButton02 a:hover,
.smsButton03 a:hover,
.smsButton04 a:hover {
	opacity: 0.7;
}
[class^="smsButton"] + [class^="smsButton"] {
	margin-top: 20px;
}
.smsButton > a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 550px;
	min-height: 60px;
	margin: 0 auto;
	padding: 10px 32px 10px 4px;
	border-bottom: 3px solid #950f0a;
	border-radius: 9px;
	background-color: #dc322c;
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2;
}
.smsButton > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 11px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url("/memberservice/pc/smp/v1/roomid/sms/img-files/roomid_sms_ic04.png") no-repeat top / cover;
}
.smsButton02 > a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 550px;
	min-height: 60px;
	margin: 0 auto;
	padding: 5px 25px 5px 15px;
	background-color: #fff;
	border-radius: 9px;
	border: 3px solid #c1875f;
	text-align: center;
	font-size: 1.6rem;
	color: #c1875f;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
}
.smsButton02 > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 11px;
	height: 6px;
	margin-top: -3px;
	background: url("/memberservice/pc/smp/v1/roomid/sms/img-files/roomid_sms_ic05.png") no-repeat top / cover;
}
.smsButton03 > a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 550px;
	min-height: 60px;
	margin: 0 auto;
	padding: 5px 25px 5px 25px;
	background-color: #7c266e;
	border-radius: 9px;
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
}
.smsButton03 > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -5px;
	width: 0;
	height: 0;
	background: none;
	border-top: 7px solid #fff;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	transform: rotate(-90deg);
}
.smsButton04 > a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 550px;
	min-height: 60px;
	margin: 0 auto;
	padding: 5px 25px 5px 15px;
	background-color: #fff;
	border-radius: 9px;
	border: 3px solid #7c266e;
	text-align: center;
	font-size: 1.6rem;
	color: #7c266e;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
}
.smsButton04 > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -5px;
	width: 0;
	height: 0;
	background: none;
	border-top: 7px solid #7c266e;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	transform: rotate(-90deg);
}
/* image
-------------------------------- */
.smsImage {
	margin: 15px 5% 0;
}
/* error
-------------------------------- */
.yellow-formError {
	clear: both;
	margin: 15px 0;
	padding: 15px;
	border: 2px solid #dc322c;
	background-color: #fff;
}
.yellow-formError > *:first-child {
	margin-top: 0 !important;
}
.yellow-formError > .errorList {
	margin: 1em 0 0 0;
}
.yellow-formError > .errorList > li {
	padding: 0 0 0 30px;
	background: url(/memberservice/pc/smp/v1/roomid/sms/img-files/roomid_sms_ic06.png) no-repeat 0 0;
	background-size: 24px auto;
	color: #dc322c;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
/********************************************************

  MEDIA

********************************************************/

/* Print
------------------------------------------------------ */
@media print {
	.policyWrap .policyFrame {
		height: auto;
		overflow-y: visible;
	}
}



/* Clearfix
------------------------------------------------------ */
#headerLogo:after,
#headerLogo > #formTitle:after,
.inputLayout:after{
	content: "";
	display: table;
	clear: both;
}
#headerLogo,
#headerLogo > #formTitle,
.inputLayout {
	zoom: 1;
	}
}