@charset "shift_jis";
/* ======================================================
 * layout.css
 * ------------------------------------------------------
 * Clearfix
====================================================== */
/* header */
#header {
	box-sizing: border-box;
	position: static;
	height: auto;
	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: 10px 0 ;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}
.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;
	
}
.formFlowListImg {
	margin-top: 35px;
	text-align: center;
}
/* EXTRA
------------------------------------------------------ */
#Login_Select01 .Frame,
#Login_Select02 .Frame ,
.image-radio.type02{
	box-sizing: content-box;
}
.spOnly,
br.spOnly {
	display: none;
}
#hideEntryBtn{
	display: none;
}
.checkList01 {
	margin-top: 15px;
}
.checkList01 li + li {
	margin-top: 10px;
}
.customCheck input[type="checkbox"] {
	position: absolute !important;
	left: -9999px !important;
	margin: 0 !important;
	opacity: 0 !important;
	z-index: -10 !important;
}
.check01 {
	display: inline-block;
	padding: 1px 0 0 35px;
	background: url(/memberservice/pc/v1/common-files/img/com_check_ic01.png) no-repeat 0 0;
	cursor: pointer;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.check01.checked {
	padding: 1px 0 0 35px;
	background: url(/memberservice/pc/v1/common-files/img/com_check_ic01on.png) no-repeat 1px 1px;
}
.mindenModal01{
	font-size: 16px;
	font-size: 1.6rem;
}
.mindenModal01 .headBox{
	margin-bottom: 30px;
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}
.mindenModal01 .md-heading05{
	margin-top: 40px;
	border-radius: 9px;
	padding: 10px;
	padding-left: 43px;
	text-indent: -33px;
	background-color: #ffe5e5;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}
.mindenModal01 .md-heading05 > .num{
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 5px;
	border-radius: 50%;
	padding: 5px 0;
	background-color: #a5001e;
	text-align: center;
	line-height: 1;
	color: #ffffff;
	text-indent: 0;
}
/* ----- col ------ */
.md-colLayout {
	margin-top: 25px;
}
.md-colLayout > .col {
	float: left;
}
.md-colLayout.col2 > .col {
	width: 48.75%;
	margin-right: 2.5%;
}
.md-colLayout > .col > *:first-child {
	margin-top: 0 !important;
}
.md-colLayout.col2 > .col:nth-child(2n) {
	margin-right: 0 !important;
}
	/* ----- table ----- */
.md-table01 {
	width: 100%;
	margin-top: 20px;
}
.md-table01 .tableHeading01 {
	margin-bottom: 7px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
}
.md-table01 + .md-table01{
	margin-top: 20px;
}
.md-table01 tr:nth-of-type(2n+1){
	background-color: #f1f1f1;
}
.md-table01 .headingCell01,
.md-table01 .detailCell01{
	padding: 5px 15px;
	text-align: left;
	vertical-align: middle;
	border-left: solid 2px #c0c0c0;
	word-break: break-all;
}
.md-table01 .headingCell01:first-child,
.md-table01 .detailCell01:first-child {
	border-left: none;
}
.md-table01 .headingCell01 > *:first-child,
.md-table01 .detailCell01 > *:first-child {
	margin-top: 0 !important;
}
.md-table01 .headingCell01{
	font-weight: normal;
	background-color: #dcdcdc;
}
.toggleLink01{
	background: none;
	padding-left: 0;
}
.underlineBox{
	display: inline-block;
	margin-bottom: -1px;
	border-bottom: solid 1px #444444;
}
.underlineBox a, .underlineBox a * {
	text-decoration: none !important;
}
.underlineBox a:visited,
.underlineBox a:hover,
.underlineBox a:active,
.underlineBox a:focus,
.underlineBox a:link,
.underlineBox a *:link{
	color: #222222;
}
.toggleTrigger.open .toggleLink01 .opentxt,
.toggleTrigger .toggleLink01 .closetxt{
	margin-left: 5px;
	padding-left: 15px;
	background: url(/memberservice/pc/smp/v1/common-files/img/sp_com_close_ic02_02.png) 0 45% no-repeat;
	-webkit-background-size: 11px 11px;
	background-size: 11px 11px;
	color: #a5001e;
}
.toggleTrigger.open .toggleLink01 .opentxt {
	background: url(/memberservice/pc/smp/v1/common-files/img/sp_com_close_ic02.png) 0 45% no-repeat;
	-webkit-background-size: 11px 11px;
	background-size: 11px 11px;
}
.toggleTrigger .toggleLink01 .opentxt,
.toggleTrigger.open .toggleLink01 .closetxt{
	display: none;
}
.toggleTrigger.open .toggleLink01 .opentxt,
.toggleTrigger .toggleLink01 .closetxt{
	display: inline;
}
.toggleContent.open{
	margin-top: 20px;
}
.gr-bg{
	margin-top: 50px;
	background: #f3f3f3;
	padding: 20px;
}
.gr-bg .fieldHdg{
	margin: 0;
}
.gr-bg .fieldHdg > .hdg {
	display: inline-block;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.25;
}
#cboxContent{
	padding: 0;
}


/* ======================================================
 * rule
====================================================== */
.text_wine {
	color: #611530;
}
.p2 {
	margin: 20px 0 0 0;
	padding: 0;
}
.text2b {
	font-weight: bold;
}
.text1 {
	font-size: 12px;
}
.text1b {
	font-size: 12px;
	font-weight: bold;
}
dt {
	margin-top: 10px;
}


@media screen and (max-width: 750px){
body#lp{
		font-size: 13px;
		font-size: 1.3rem;
		overflow-x: visible;
	}
#main.type02{
	padding-top: 15px;
}
/*----- headerWrap01 -----*/
#header{
	padding: 15px 10px;
	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: 6px 0;
	font-size: 14px;
	font-size: 1.4rem;
}
.headerWrap01 > #formTitle > .heading img {
	width: 133px;
	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;
	}
	.formFlowListImg {
		margin-top: 26px;
		padding: 0 10px;
		text-align: center;
	}
	.mindenModal01{
		padding: 30px 10px !important;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.mindenModal01 .headBox{
		margin-bottom: 15px;
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
	}
	.mindenModal01 .md-heading05{
		margin-top: 15px;
		border-radius: 5px;
		padding: 4px;
		padding-left: 29px;
		text-indent: -25px;
		background-color: #ffe5e5;
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
	}
	.mindenModal01 .md-heading05 > .num{
		display: inline-block;
		width: 22px;
		height: 22px;
		margin-right: 3px;
		border-radius: 50%;
		padding: 4px 0;
		background-color: #a5001e;
		text-align: center;
		line-height: 1;
		color: #ffffff;
		text-indent: 0;
	}
	/* ----- col ----- */
	.md-colLayout {
		margin-top: 15px;
	}
	.md-colLayout > .col > *:first-child {
		margin-top: 0 !important;
	}
	.md-colLayout.col2 > .col:nth-child(n+3) {
		margin-top: 10px;
	}
	.md-colLayout.spLayout > .col {
		float: none !important;
		width: 100% !important;
		margin: 15px 0 0 0;
	}
	.md-colLayout.spLayout > .col > img{
		max-height: 140px;
	}
	.md-table01 .headingCell01,
	.md-table01 .detailCell01{
		padding: 5px 6px;
		vertical-align: top;
	}
	.toggleWrap{
		font-size: 14px;
		font-size: 1.4rem;
	}
	.toggleLink01{
		background: none;
	}
	.gr-bg{
		background: #f3f3f3;
		padding: 10px;
	}
	.gr-bg .fieldHdg{
		margin: 0;
	}
	.gr-bg .fieldHdg > .hdg {
		display: inline-block;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.25;
	}
	
	
	/* 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;
	}
}