@charset "shift_jis";

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

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

  LAYOUT

********************************************************/
@media screen and (max-width: 750px) {
	/* 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: auto !important;
	margin: 0 auto;
	padding: 0;
}
#headerLogo > #formTitle {
	float: left;
	padding: 0;
}
#headerLogo > #formTitle > .logo {
	float: left;
	display: block;
	padding: 0 11px 0 0;
}
#headerLogo > #formTitle > .logo img {
	width: 37px;
	height: auto;
}
#headerLogo > #formTitle > .heading {
	float: left;
	display: block;
	width: 115px;
	padding: 0;
}
#headerLogo > #formTitle > .heading img {
	width: 100%;
	height: auto;
}
.heading_logo {
	float: right;
	display: block;
	width: 115px;
	padding: 2px 0 0 0;
}
	/*----- #headerLogo.headerTitle-R -----*/
	#header.roomid{
		padding: 15px 5px;
		border-bottom: solid 2px #ddd;
		}
	#header.roomid #headerContents.headerTitle-R{
		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 #headerLogo {
		width: 54px!important;
	}
	#header.roomid #headerContents.headerTitle-R #headerLogo img {
		max-height: 48px;
		width: auto;
	}
	#header.roomid #headerContents.headerTitle-R #headerTitle{
		padding-left: 8px;
		font-size: 17px;
		font-size: 1.7rem;
		font-weight: bold;
		text-align: left;
		line-height: 1.3;
	}
	#header.roomid #headerContents.headerTitle-R #headerTitle img{
		max-height: 31px;
	}
#header.roomid #headerContents.headerTitle-R #headerTitle.type-2col{
	display: table;
	width: 100%;
	padding: 8px 0 8px 8px;
	}
#header.roomid #headerContents.headerTitle-R #headerTitle.type-2col p{
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}

/*----- footerContents -----*/
#footer #footerContents .copyright {
	margin-top: 0;
}
#footer #footerContents #footerLogo {
	text-align: center;
}
#footer #footerContents #footerLogo img {
	max-width: 137px;
}

/* Contents
------------------------------------------------------ */
/* btnLink01 */
.sizeRoomid .btnLink01 a,
.sizeRoomid .btnLink01 input,
.sizeRoomid .btnList01 > li a,
.sizeRoomid .btnList01 > li input {
	display: inline-block;
	width: 100%;
	margin-top: 0;
	padding: 20px 0 18px;
	font-size: 15px;
	font-size: 1.5rem;
}
.sizeRoomid.Fontable .btnLink01 input,
.sizeRoomid.Fontable .btnList01 > li input {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 20px 30px 18px 20px;
}
.btnLink01 a:hover,
.btnLink01 input:hover,
.btnList01 > li a:hover,
.btnList01 > li input:hover {
	margin-top: 2px;
	border-bottom: solid 1px #9f4d5c;
}

/* notice
-------------------------------- */
.notice{
	border:#b4003c 2px solid;
	border-radius:6px;
	margin: 15px 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: 15px 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:80%;
	max-width: 300px;
	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:20px;
	margin-left:5px;
}
.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.5rem;
	font-weight:bold;
	margin:15px -10px 10px;
	padding:10px;
	position:relative;
	vertical-align:top;
}
.heading02_2{
	background:#a8d1d6;
	color:#333333;
	font-size:1.5rem;
	font-weight:bold;
	margin:15px -10px 10px;
	padding:10px;
	position:relative;
	vertical-align:top;
}
/* ancListRoomid */
.ancListRoomid{
	margin: 15px 0;
	background: #a8d1d6;
}
.ancListRoomid li a{
	display: block;
	padding: 11px 5px 9px 35px;
	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: 10px 0 !important;
	padding: 10px;
	background: #fef8d2;
}
	.mtUnique_btn{
		margin-top: 10px;
	}
	
/* 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::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 > .openTxt {
	display: none;
}
.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;
}
	
/*----- Form -----*/
/* formWrap */
.formWrap {
	clear: both;
	margin: 20px 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: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.25;
}
.formWrap > form fieldset > .fieldHdg.size-M > .hdg {
	font-size: 14px;
	font-size: 1.4rem;
}
.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: 20px 0 0 0;
}
.formWrap > form .entry + .entry {
	margin-top: 15px;
}
.formWrap > form .entry.type-hr {
	margin-top: 30px;
	padding-top: 0;
	border-top: none;
}
.formWrap > form .entry.type-hr.narrow {
	margin-top: 30px;
	padding-top: 0;
	border-top: none;
}
.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;
}
/* formSubmit */
.formSubmit {
	clear: both;
	position: relative;
	margin: 25px 0 0;
	padding: 0 10px;
	text-align: left;
	letter-spacing: -0.4em;
}
.formSubmit.mtNarrow {
	margin-top: 25px;
}
.formSubmit > .entryBtn {
	text-align: center;
}
.formSubmit > .entryBtn input {
	max-width: 100%;
	height: auto;
}
.formSubmit > .lead {
	margin: 1em 0 0.5em;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: normal;
	text-align: center;
}
.formSubmit > .lead:before {
	content: "";
	position: relative;
	bottom: -7px;
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 15px 0 0;
	border-width: 20px 0 0 7px;
	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: -7px;
	display: inline-block;
	width: 0;
	height: 0;
	margin: 0 0 0 15px;
	border-width: 20px 7px 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 + .btn {
	margin-top: 15px;
}
.formSubmit > .btn#backBtn,
.formSubmit > .btn#correctBtn {
	position: static;
	left: inherit;
	top: inherit;
}
.formSubmit > .btn#backBtn {
	width: 30%;
	height: 38px;
}
.formSubmit > .btn#correctBtn {
	top: inherit;
	width: 40%;
	height: 38px;
}
#mainContainer .btnLink01.back a,
.formSubmit > .btn#backBtn > input,
.formSubmit > .btn#correctBtn > input {
	position: relative;
	display: block;
	width: 100%;
	height: 38px;
	padding: 8px 18px 7px 36px;
	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/smp/v1/cardapply/img/form_ic04.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	color: #222222;
	font-weight: bold;
	text-decoration: none !important;
	text-align: center;
	cursor: pointer;
}
.formSubmit > .btn#backBtn > a,
.formSubmit > .btn#correctBtn > a {
	position: relative;
	display: block;
	width: 100%;
	height: 38px;
	padding: 10px 18px 7px 36px;
	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;
	text-align: center;
}
.formSubmit > .btn#correctBtn > input,
.formSubmit > .btn#correctBtn > a {
	height: auto;
	padding: 8px 18px 7px 36px;
	font-size: 12px;
	font-size: 1.2rem;
}
.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;
	background: url(/memberservice/pc/rsp/v1/eposnet/img/form_ic04.png) no-repeat 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: 36px;
	background-color: #ebebeb;
	border-bottom: 1px solid #b7b7b7;
}
.formSubmit > .btn#correctBtn > input:hover,
.formSubmit > .btn#correctBtn > a:hover {
	height: 36px;
}
.formSubmit > .btn#nextStepBtn,
.formSubmit > .btn#submitBtn,
.formSubmit > .btn#homeBtn,
.formSubmit > .btn#winCloseBtn,
.formSubmit > .btn.like-submit {
	width: 100%;
}
.formSubmit > .btn.like-submit {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	overflow: hidden;
}
.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: 61px;
	padding: 3px 25px 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: 95% 50%;
	background-size: 16px 16px;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}


.formSubmit > .btn.like-submit.registrationBtn > a {
	padding: 3px 40px 0;

}

.formSubmit > .btn#homeBtn > a {
	background-color: #e6e6e6;
	border-bottom-color: #a5a5a5;
	color: #222;
}
.formSubmit > .btn#homeBtn > a > span {
	display: inline-block;
	padding-top: 14px;
}
.formSubmit > .btn#winCloseBtn > a {
	height: 76px;
	padding: 3px 30px 0;
}
.formSubmit > .btn#winCloseBtn > a > span {
	display: inline-block;
	padding-top: 7px;
}
.formSubmit > .btn#winCloseBtn > a > span > .small {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
}
.formSubmit > .btn.like-submit > a {
	display: table;
}
.formSubmit > .btn#nextStepBtn:not(.disabled) > input,
.formSubmit > .btn#submitBtn:not(.disabled) > input {
	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: 59px;
	margin-top: 2px;
	border-bottom-width: 1px;
}
.formSubmit > .btn#nextStepBtn.disabled > input,
.formSubmit > .btn#submitBtn.disabled > input {
	height: 61px;
	padding-left: 55px;
	background-image: url(/memberservice/pc/rsp/v1/pending_sms/img/com_cb_ic03.png);
	background-position: 20px 50%;
	background-size: 21px auto;
	color: #a5001e;
	font-size: 1.5rem;
	border: 2px solid #a5001e;
	background-color: #ffe5e5;
}


/*----- input -----*/
/* inputHdg */
.inputHdg {
	clear: both;
	margin: 20px -10px 10px;
	padding: 10px 10px;
	background: #f2f2f2;
	border-top: 1px solid #ababab;
}
.inputHdg.boxHead {
	background: none;
	margin: 40px 0 0;
	padding: 0;
	border-top: none;
}
.inputHdg.with-link {
	display: block;
}
.inputLayout.type-table > .colLabel > .inputHdg {
	margin-bottom: 0;
}
.inputHdg > .hdg {
	display: inline;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.25;
}
.inputHdg.with-link > .hdg {
	display: block;
	float: left;
	max-width: 60%;
	margin-top: 10px;
	vertical-align: middle;
}
.inputHdg > .hdg > .small {
	font-size: 75%;
}
.inputHdg.with-link > .hdg + .btn {
	display: block;
	float: right;
	padding: 0 0 0 15px;
	vertical-align: middle;
	white-space: nowrap;
}
.inputHdg.with-link > .hdg + .btn > *:first-child {
	margin-top: 0 !important;
}
.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;
}
/* inputLayout */
	.inputLayout > .col {
		float: left;
		margin: 0 0 0 32px;
	}
	.inputLayout > .col + .col {
		margin-top: 3.6%;
	}
	.inputLayout.count3 > .col,
	.inputLayout.count3.dataCol > .col { width: 100%; margin-left: 0}
	.inputLayout.birthCol > .col { width: 40% !important; }
	.inputLayout.birthCol > .col.yearCol { width: 100% !important; }
	.inputLayout.birthCol > .col:nth-child(odd) { margin-right: 10%;}
	.inputLayout.birthCol > .col:nth-child(2n+1) { margin-top: 3.6%;}
	
	.inputLayout .incidentalElements{
	font-size: 16px;
	font-size: 1.6rem;
}

/* selectbox */
.selectWrap {
	position: relative;
	text-align: left;
}
.selectWrap > .field {
	position: relative;
}
.selectWrap.open-help > .field:after {
	content: "";
	position: absolute;
	right: 1px;
	bottom: 0 !important;
	z-index: 40;
	display: block;
	width: 41px;
	height: 1px;
	background-color: #f2f2f2 !important;
}
.selectWrap > .field > label {
	position: absolute;
	left: 14px;
	top: 14px;
	display: none;
	color: #444444;
}
.selectWrap.focused > .field > label,
.selectWrap.selected > .field > label {
	top: 5px;
	display: block;
	font-size: 1.0rem;
}
.selectWrap > .field > select {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 50px;
	padding: 0;
	font-size: 1.6rem;
	opacity: 0;
	-webkit-appearance: none;
}
.selectWrap > .field > .choice {
	width: 100%;
	height: 50px;
	padding: 17px 28px 5px 14px;
	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 1px 2px 0px rgba(0,0,0,0.15) inset;
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15) inset;
	    -ms-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15) inset;
	     -o-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15) inset;
	        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15) inset;
	color: #444444;
	font-size: 1.6rem;
	line-height: 1.25;
}
.selectWrap > .field > .choice.noLabel {
	padding-top: 17px !important;
}
.selectWrap[data-validate="optional"] > .field > .choice {
	background-color: #fff;
}
.selectWrap > .field.with-help > .choice {
	padding-right: 70px;
}
.selectWrap.focused > .field > .choice {
	padding-top: 24px;
	border-color: #4aadc9;
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15) inset, 0px 0px 4px 0px rgba(132,187,233,0.25);
	   -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15) inset, 0px 0px 4px 0px rgba(132,187,233,0.25);
	    -ms-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15) inset, 0px 0px 4px 0px rgba(132,187,233,0.25);
	     -o-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15) inset, 0px 0px 4px 0px rgba(132,187,233,0.25);
	        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15) inset, 0px 0px 4px 0px rgba(132,187,233,0.25);
}
.selectWrap.selected > .field > .choice {
	padding-top: 24px;
	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;
	-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-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: 17px 27px 4px 13px;
	border-width: 2px;
	border-color: #a5001e;
}
.selectWrap.item-error.focused > .field > .choice {
	padding: 20px 28px 5px 14px;
	border-width: 1px;
}
.selectWrap.item-error.open-error > .field > .choice {
	padding-left: 14px;
	border-width: 2px;
}
.selectWrap.item-error.selected > .field > .choice {
	padding: 20px 28px 5px 14px;
}
.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: 55px;
}
.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: 41px;
	height: 48px;
	-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-image: url(/memberservice/pc/smp/v1/cardapply/img/form_ic05@2x.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 13px 22px;
	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;
	background-image: url(/memberservice/pc/rsp/v1/eposnet/img/form_ic06.png);
}
.selectWrap.open-error > .field > .btn > span {
	width: 40px;
	height: 47px;
}
.selectWrap.item-error > .field.with-help > .btn > span {
	width: 40px;
	height: 46px;
}
.selectWrap.item-error.focused > .field.with-help > .btn > span {
	width: 41px;
	height: 48px;
}
.selectWrap.item-error.open-error > .field.with-help > .btn > span {
	width: 40px;
	height: 47px;
}
.selectWrap > .help {
	position: relative;
	top: -1px;
	left: inherit;
	display: none;
	width: 100%;
	padding: 6px 9px;
	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;
	text-align: left;
}
.selectWrap.focused > .help {
	border-color: #4aadc9;
	border-top-color: #ababab;
}
.selectWrap > .error {
	position: relative;
	top: -1px;
	left: inherit;
	display: none;
	width: 100%;
	padding: 6px 9px;
	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-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: 23px 27px 4px 13px !important;
	border-width: 2px !important;
	border-color: #a5001e !important;
}
.selectWrap.with-label.item-error.focused > .field > .choice {
	padding: 24px 28px 5px 14px !important;
	border-width: 1px !important;
}
#mainContainer .btnLink01.txtSmall.type-close a{
	padding: 12px 48px 10px 40px;
	font-size: 14px;
	font-size: 1.4rem;
}
.formSection > .content > .contact > dt {
    margin: 0 0 0.5em 0;
    font-size: 1.4rem;
    font-weight: bold;
}
.formSection > .content > .contact > dd > .telNumber {
	font-size: 1.8rem;
	font-weight: bold;
	white-space: nowrap;
}
.btnLink01.ancbtn01 a:after,
.btnList01.ancbtn01 > li a:after {
	transform: rotate(90deg);
}
	.sizeRoomid .btnLink01.ancbtn01.type-small a,
	.sizeRoomid .btnLink01.ancbtn01.type-small input,
	.sizeRoomid .btnLink01.ancbtn01.type-small > li a,
	.sizeRoomid .btnLink01.ancbtn01.type-small > li input{
		font-size: 11px;
		font-size: 1.1rem;
	}
.ri-boxLayout01{
	margin-top: 25px;
	padding: 15px 10px;
	background-color: #e5e5e5;
	}
.ri-boxLayout01 .headLine01 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
}
	.inputLayout.count3.birthCol.type02 > .col:nth-child(even) {
		margin-right: 4%;
	}
	.inputLayout.count3.birthCol.type02 > .col:nth-child(odd) {
		margin-right: 0;
	}
	.inputLayout.birthCol.count3.type02 > .col {
		width: 48% !important;
	}
	/* 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 10px;
		text-align: center;
		font-size: 1.5rem;
		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: 1;
	}
	[class^="smsButton"] + [class^="smsButton"] {
		margin-top: 20px;
	}
	.smsButton > a {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 100%;
		min-height: 60px;
		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: 100%;
		min-height: 60px;
		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: 100%;
		min-height: 60px;
		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: 100%;
		min-height: 60px;
		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
------------------------------------------------------ */




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

}