@charset "shift_jis";

/* ======================================================
 * layout.css
 * ------------------------------------------------------
 * Clearfix
====================================================== */
/* header */
#header {
	box-sizing: border-box;
	position: static;
	height: 82px !important;
	padding: 15px 0;
	border-bottom: solid 1px #bebebe;
	background: none !important;
	box-shadow: none;
}
/*----- headerWrap01 -----*/
.headerWrap01 {
	clear: both;
	width: 900px;
	margin: 0 auto;
}
.headerWrap01 > #formTitle {
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
.headerWrap01 > #formTitle > .logo {
	float: left;
	display: block;
	padding: 0 15px 0 0;
	border-bottom: none;
}
.headerWrap01 > #formTitle > .heading {
	float: left;
	display: block;
	padding: 3px 0 0 0;
}
.headerWrap01 > #formFlow {
	float: right;
}
.headerWrap01 > #formFlow {
	float: right;
	padding: 20px 0 0 0;
}
.headerWrap01 > .formIndicator {
	text-align: right;
	margin-top: 0;
	margin-bottom: 0;
	padding: 8px 0 0 36%;
}
.headerWrap01 > .formIndicator img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

/*form*/
.inputLayout.cardRadio > .col {
	margin: 0 0 0 20px;
}
.inputLayout.count4.cardRadio > .col {
	min-height: 141px;
	width: 210px;
}
.inputLayout.cardRadio {
	margin: 30px auto 0;
}
.inputLayout.count2.cardRadio {
	width: 632px;
}
.inputLayout.cardRadio > .col {
}
.inputLayout.count2.cardRadio > .col {
	width: 300px;
}
.inputLayout.cardRadio > .col.selectDesignCard {
	position: relative;
}
.inputLayout.cardRadio > .col .cardName {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}
.inputLayout.cardRadio > .col input[type=radio] {
	display: block;
	opacity: 0;
	position: absolute;
}
.inputLayout.cardRadio > .col label {
	position: relative;
	display: block;
	height: 100%;
	padding: 12px 12px 17px 39px;
	vertical-align: middle;
	background: url(/memberservice/pc/rsp/v1/reissue/img/form_input_im01.png) no-repeat scroll 10px 50% #fff;
	border-radius: 10px;
	border: solid 1px #ababab;
	cursor: pointer;
}
.inputLayout.cardRadio > .col input[type=radio]:checked + label {
	background: url(/memberservice/pc/rsp/v1/reissue/img/form_input_im01on.png) no-repeat scroll 10px 50%;
}
.inputLayout.cardRadio > .col.checked label {
	border: solid 3px #f9ab02;
	padding: 10px 10px 15px 37px;
}
.inputLayout.cardRadio > .col.selectDesignCard label,
.inputLayout.cardRadio > .col.selectDesignCard ~ .col label {
	padding-bottom: 50px;
}
.inputLayout.cardRadio > .col.selectDesignCard.designUnselected label {
	padding-left: 12px;
	background: none;
}
.inputLayout.cardRadio > .col .cardImg {
	display: table;
	width: 100%;
}
.inputLayout.cardRadio > .col.selectDesignCard .cardImg,
.inputLayout.cardRadio > .col.selectDesignCard ~ .col .cardImg {
	height: 120px;
}
.inputLayout.cardRadio > .col .cardImg .cardImg_figure {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.inputLayout.cardRadio > .col .cardImg .cardImg_figure img {
	display: block;
	max-width: 124px;
	height: auto;
	margin: 0 auto;
}
.inputLayout.cardRadio > .col img {
	max-width: 100%;
	height: auto;
}
.inputLayout.cardRadio > .col.selectDesignCard .openDesignBtn {
	position: absolute;
	max-width: 220px;
	left: 13px;
	bottom: 12px;
}
.inputLayout.cardRadio > .col.selectDesignCard .openDesignWindow {
	display: block;
	width: 100%;
	padding: 5px 15px;
	background: #7a7a7a;
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
					border-radius: 5px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.inputLayout.cardRadio > .col.selectDesignCard .openDesignWindow.selectedOnly {
	padding: 5px 7px;
	font-size: 13px;
	font-size: 1.3rem;
}
.inputLayout.cardRadio > .col.selectDesignCard .openDesignWindow:hover {
	opacity: 0.7;
}
.inputLayout.cardRadio > .col.selectDesignCard .openDesignWindow span {
	padding-right: 15px;
	background: url(/memberservice/pc/rsp/v1/reissue/img/form_ic21.png) 100% 50% no-repeat;
}
.inputLayout.cardRadio > .col.selectDesignCard .unselectedOnly,
.inputLayout.cardRadio > .col.selectDesignCard.designUnselected .selectedOnly {
	display: none;
}
.inputLayout.cardRadio > .col.selectDesignCard.designUnselected .unselectedOnly {	
	display: block;
}
.inputLayout.cardRadio > .col.selectDesignCard .cardName .openDesignWindow {
	display: none;
}

.accBtn02 {
	display: inline-block;
	position: relative;
	padding-right: 20px;
	border-bottom: 1px solid #222222;
	background: url(/memberservice/pc/v1/common-files/img/com_toggle_ic03.png) no-repeat right top 1px;
	-webkit-background-size: 18px auto;
	background-size: 18px auto;
}
.open .accBtn02{
	background: url(/memberservice/pc/v1/common-files/img/com_toggle_ic04.png) no-repeat right top 1px;
	-webkit-background-size: 18px auto;
	background-size: 18px auto;
	
}
	.cb_layout02{
		overflow: visible !important;
	}

.cb_layout02 #cboxClose{
	position: absolute;
	right: -20px;
	top: -20px;
	display: block;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: none;
	background: url(/memberservice/pc/v1/cardapply/img/form_ic12.png) no-repeat 0 0;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
}

#cb_inlineModal03 #cb_page{
	padding: 0 0 30px;
}
#cb_inlineModal03 #cb_main{
	padding: 15px 30px 0;
}
#cb_inlineModal03 .colLayout {
	margin-top: 0;
}
#cb_inlineModal03 .txtStrong01{
	color: #e55200;
}
#cb_inlineModal03 .txtLarge01{
	font-size: 20px;
}
#cb_inlineModal03 .txtSmall01{
	font-size: 12px;
}
#cb_inlineModal03 .txtLarge02{
	font-size: 24px;
}
#cb_inlineModal03 .txtLarge03{
	font-size: 32px;
}
#cb_inlineModal03 .txtBgLine01{
	background: url("/memberservice/pc/rsp/v1/bizcard/img/shopping_insurance_bg01.gif") repeat-x;
	background-position: 0 16px;
}
#cb_inlineModal03 ol.shop_insList01{
	margin-top: 15px;
}
#cb_inlineModal03 ol.shop_insList01 > li{
	margin-top: 3px;
	padding: 8px 0 8px 70px;
	font-size: 18px;
	background: 0 0 no-repeat;
	-webkit-background-size: auto 43px;
	background-size: auto 43px;
}
#cb_inlineModal03 ol.shop_insList01 > li.time{background-image: url("/memberservice/pc/rsp/v1/bizcard/img/shopping_insurance_ic01.gif")}
#cb_inlineModal03 ol.shop_insList01 > li.money{background-image: url("/memberservice/pc/rsp/v1/bizcard/img/shopping_insurance_ic02.gif")}
#cb_inlineModal03 ol.shop_insList01 > li.day90{background-image: url("/memberservice/pc/rsp/v1/bizcard/img/shopping_insurance_ic03.gif")}
#cb_inlineModal03 ol.shop_insList01 > li.sale{background-image: url("/memberservice/pc/rsp/v1/bizcard/img/shopping_insurance_ic04.gif")}
#cb_inlineModal03 .note {
	margin: 1em 0 0 0;
	padding: 0 0 0 2em;
	line-height: 1.25;
	text-align: left;
	text-indent: -2em;
}
#cb_inlineModal03 .note + .note {
	margin: 5px 0 0 0;
}
.cb_layout02.type02 #cboxClose{
	display: none;
}

.popModal .headBox{
	font-size: 28px;
	padding: 10px;
	background-color: #a5001e;
	color: #fff;
}
.popModal .txtLarge01{
	font-size: 16px;
}
.popModal .boxLayout01 {
	margin-top: 40px;
	padding: 25px 20px;
	background: #f4efe6;
}
.popModal .boxLayout01 .headLine01{
	font-size: 18px;
	font-weight: bold;
}

/* EXTRA
------------------------------------------------------ */
#Login_Select01 .Frame,
#Login_Select02 .Frame ,
.image-radio.type02{
	box-sizing: content-box;
}
.spOnly,
br.spOnly {
	display: none;
}
.formSubmit > .btn#nextStepBtn.btnColor01 > input,
.formSubmit > .btn#nextStepBtn.disabled.btnColor01 > input{
	border-bottom: 3px solid #a5001e;
	background-color: #dc322c;
}


@media screen and (max-width: 750px){
/*----- headerWrap01 -----*/
	#header{
		padding: 0;
		height: auto !important;
	}
.headerWrap01 {
	clear: both;
	width: auto;
	margin: 0 auto;
}
#header.noFlow .headerWrap01 {
	padding-bottom: 10px;
}
.headerWrap01 > #formTitle {
}
.headerWrap01 > #formTitle > .logo {
	float: left;
	display: block;
	padding: 0 11px 0 0;
}
.headerWrap01 > #formTitle > .logo img {
	width: 37px;
	height: auto;
}
.headerWrap01 > #formTitle > .heading {
	float: left;
	display: block;
	padding: 8px 0 0 0;
}
.headerWrap01 > #formTitle > .heading img {
	width: 280px;
	height: auto;
}
.headerWrap01 > #formFlow {
	clear: both;
	margin: 8px 0 0 0;
	text-align: center;
}
.headerWrap01 > #formFlow {
	float: none;
	padding: 8px 0 0 0;
}
.headerWrap01 > .formIndicator {
	text-align: right;
	padding: 0;
	margin-top: 43px;
}
/*form*/
.inputLayout > .col + .col{margin-top: 3.6%;}
.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.count4.cardRadio > .col {
	min-height: auto;
	width: 100%; 
}
.cardRadio + .selectBtnArea .selectBtn.entry {
	display: none;
}
.inputLayout.cardRadio {
	width: auto;
	margin: 20px auto 0;
}
.inputLayout[class*="count"].cardRadio {
	width: 100%;
}
.inputLayout.cardRadio > .col {
	border-radius: 10px;
	margin-left: 0;
}
.inputLayout.count2.cardRadio > .col {
	width: 100%;
	float: none;
}
.inputLayout.count2.cardRadio > .col + .col {
	margin-left: 0;
	margin-top: 10px;
}
.inputLayout.cardRadio > .col input[type=radio] {
	display: block;
	opacity: 0;
	position: absolute;
}
.inputLayout.cardRadio > .col label {
	display: table;
	width: 100%;
	padding: 10px 10px 10px 37px;
	vertical-align: top;
	background: url(/memberservice/pc/rsp/v1/reissue/img/form_input_im01@2x.png) no-repeat scroll 10px 50%;
	-webkit-background-size: 21px 22px;
	background-size: 21px 22px;
	text-align: center;
	cursor: pointer;
}
.inputLayout.cardRadio > .col.selectDesignCard label,
.inputLayout.cardRadio > .col.selectDesignCard ~ .col label {
	padding-bottom: 10px;
}
.inputLayout.cardRadio > .col.checked label {
	padding: 8px 8px 8px 35px;
}
.inputLayout.cardRadio > .col.selectDesignCard.checked label,
.inputLayout.cardRadio > .col.selectDesignCard ~ .col.checked label {
	padding-bottom: 8px;
}
.inputLayout.cardRadio > .col.selectDesignCard.designUnselected label {
	padding-left: 35px;
	background: none;
}
.inputLayout.cardRadio > .col .cardImg {
	display: table-cell;
	width: 28%;
	vertical-align: middle;
}
.inputLayout.cardRadio > .col .cardImg .cardImg_figure {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.inputLayout.cardRadio > .col .cardImg .cardImg_figure img {
	width: auto;
	height: auto;
	max-width: 72px;
	max-height: 72px;
}
.inputLayout.cardRadio > .col.selectDesignCard .cardImg,
.inputLayout.cardRadio > .col.selectDesignCard ~ .col .cardImg {
	height: auto;
}
.inputLayout.cardRadio > .col .cardName {
	display: table-cell;
	width: 72%;
	padding-left: 10px;
	padding-right: 0;
	text-align: left;
	vertical-align: middle;
}
.inputLayout.cardRadio > .col input[type=radio]:checked + label {
	background: url(/memberservice/pc/rsp/v1/reissue/img/form_input_im01on@2x.png) no-repeat scroll 10px 50%;
	-webkit-background-size: 21px 22px;
					background-size: 21px 22px;
}
.inputLayout.cardRadio > .col.selectDesignCard .openDesignBtn {
	position: static;
	width: auto;
	margin: 10px 10px 15px;
}
.inputLayout.cardRadio > .col.selectDesignCard .openDesignWindow {
	padding: 8px 12px;
	font-size: 12px;
	font-size: 1.2rem;
}
.inputLayout.cardRadio > .col.selectDesignCard .openDesignWindow:hover {
	opacity: 1.0;
}
.inputLayout.cardRadio > .col.selectDesignCard .openDesignWindow span {
	background: url(/memberservice/pc/rsp/v1/reissue/img/form_ic21@2x.png) 100% 50% no-repeat;
	-webkit-background-size: 6px auto;
					background-size: 6px auto;
}
.inputLayout.cardRadio > .col.selectDesignCard.designUnselected .cardName {
}
.inputLayout.cardRadio > .col.selectDesignCard.designUnselected .cardImg_figure {
	padding-top: 0.5em;
	vertical-align: top;
}
.inputLayout.cardRadio > .col.selectDesignCard.designUnselected .openDesignBtn {
	width: 55%;
	margin: 0;
}
.inputLayout.cardRadio > .col.selectDesignCard.designUnselected .cardName .openDesignWindow {
	display: block;
	margin-top: 5px;
}
.inputLayout.cardRadio > .col.selectDesignCard.designUnselected .openDesignBtn .openDesignWindow {
	display: none;
}
	.formSubmit > .btn.entryDesign#nextStepBtn > input{
		height: 70px;
		padding: 0 5px;
		background-image: url(/memberservice/pc/smp/v1/cardapply/img/form_ic03.png);
		background-position: right 20px top 50%;
		background-size: 21px auto;
		font-size: 1.6rem;
		color: #ffffff;
	}
	.formSubmit > .btn.entryDesign#nextStepBtn:not(.disabled) > input{
		height: 70px;
		background-image: url(/memberservice/pc/smp/v1/cardapply/img/form_ic03.png);
		background-position: right 20px top 50%;
		background-size: 21px auto;
		text-indent: 0;
		color: #ffffff;
	}
	.formSubmit > .btn.entryDesign#nextStepBtn:not(.disabled) > input:hover{
		height: 68px;
		padding: 0 5px;
		background-image: url(/memberservice/pc/smp/v1/cardapply/img/form_ic03.png);
		background-position: right 20px top 50%;
		background-size: 21px auto;
		text-indent: 0;
		color: #ffffff;
	}
	.formSubmit > .btn.entryDesign#nextStepBtn.disabled > input{
		border-color: #999999;
		background-image: url(/memberservice/pc/v1/common-files/img/com_btn_ic14.png);
		background-position: right 20px top 50%;
		background-size: 21px auto;
		background-color: #999999;
		font-size: 1.6rem;
		color: #ffffff;
	}
	/*modal*/
	#cboxContent {
		margin-top: 0;
		padding: 0;
	}
	#cboxLoadedContent {
	}
	.cb_close {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 30px;
		height: 30px;
		margin: 0;
		padding: 0;
		border: none;
		background: url(/memberservice/pc/rsp/v1/eposnet/img/form_ic12@2x.png) no-repeat 0 0;
		background-size: 30px 30px;
		text-indent: -9999px;
		outline: none;
		cursor: pointer;
	}
	#cb_foot .btnLink01 a{
		width: auto;
	}
	.cb_desc01 .btnLink01{
		
	}
	.cb_layout02 #cboxContent{
		max-width: calc(100vw - 20px);
		padding: 20px !important;
	}	
	.cb_layout02 #cboxContent{
		max-width: none;
		padding: 20px !important;
	}	
	.cb_layout02.hoken #cboxContent{
		padding: 0 0 20px 0 !important;
	}	
	.cb_layout02 #cboxClose {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 30px;
		height: 30px;
		margin: 0;
		padding: 0;
		border: none;
		background: url(/memberservice/pc/rsp/v1/eposnet/img/form_ic12@2x.png) no-repeat 0 0;
		background-size: 30px 30px;
		text-indent: -9999px;
		outline: none;
		cursor: pointer;
	}
#cb_inlineModal03 #cb_page,
.popModal #cb_page{
	padding: 0;
	background-color: #fff;
}
#cb_inlineModal03 #cb_main{
	padding: 12px 15px 0;
}
#cb_inlineModal03 .txtStrong01{
	color: #e55200;
}
#cb_inlineModal03 .txtLarge01{
	font-size: 14px;
}
#cb_inlineModal03 .txtSmall01{
	font-size: 11px;
}
#cb_inlineModal03 .txtLarge02{
	font-size: 16px;
}
#cb_inlineModal03 .txtLarge03{
	font-size: 19px;
}
#cb_inlineModal03 .txtBgLine01{
	background: url("/memberservice/pc/rsp/v1/bizcard/img/shopping_insurance_bg01.gif") repeat-x;
	-webkit-background-size: 12px auto;
	background-size: 12px auto;
	background-position: 0 16px;
}
#cb_inlineModal03 ol.shop_insList01 > li {
	margin-top: 3px;
	padding: 4px 0 4px 45px;
	font-size: 13px;
	-webkit-background-size: auto 26px !important;
	background-size: auto 26px !important;
	background-position: left center !important;
}
#cb_inlineModal03 ol.shop_insList01 > li.sale{padding-top: 0; padding-bottom: 0;}
#cb_inlineModal03 .note {
	margin: 1em 0 0 0;
	padding: 0 0 0 2em;
	line-height: 1.25;
	text-align: left;
	text-indent: -2em;
}
#cb_inlineModal03 .note + .note {
	margin: 5px 0 0 0;
}
.cb_layout02.type02 #cboxClose{
	display: none;
}
.cb_layout02.type02 #cboxContent {
	padding: 0  !important;
}
.cb_layout02.type02 #cb_page {
	padding: 20px;
}
.popModal #cb_page{
	background-color: #fff;
}
.popModal .headBox{
	font-size: 18px;
	padding: 5px;
}
.popModal .txtLarge01{
	font-size: 14px;
}
.popModal .boxLayout01 {
	margin-top: 20px;
	padding: 15px 10px;
}
.popModal .boxLayout01 .headLine01{
	font-size: 16px;
}

	/* EXTRA
	------------------------------------------------------ */
	.pcOnly {
		display: none !important;
	}
	.spOnly {
		display: block !important;
	}
	br.spOnly {
		display: inline !important;
	}
	.sp_mt0{
		margin-top: 0 !important;
	}
	.sp_pt0{
		padding-top: 0 !important;
	}
}
/* Clearfix
------------------------------------------------------ */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}