@charset "utf-8";

/* Parts */
.ttl02.-ico {
	line-height: 1;
}
.ico_question {
	margin-left: 12px;
}

.inputWrap {
	max-width: 400px;
	font-size: 1.7143rem/*24px*/;
}
.inputWrap .input {
	width: calc(100% - 60px);
}
.input {
	padding: 10px 23px;
	font-size: 1.7143rem/*24px*/;
}
.inputBox01 {
	max-width: 400px;
	font-size: 1.7143rem/*24px*/;
}
.inputBox02 {
	padding: 10px 23px;
}

.txtWrap {
	max-width: 400px;
}

.select {
	max-width: 400px;
	font-size: 1.7143rem/*24px*/;
}
.select.s1 {
	padding: 14px 10px;
	font-size: 1.2858rem/*18px*/;
}

[class*=btnType].-sim {
	width: 400px;
	max-width: inherit;
	padding: 22px 10px;
	font-size: 1.7143rem/*24px*/;
}

#total, .monthlyAcc01, #conditions {
	width: 600px;
	max-width: inherit;
	margin-left: auto;
	margin-right: auto;
}
#monthly {
	max-width: inherit;
}

#total .totalBlock {
	font-size: 1.4286rem/*20px*/;
}
#total .totalBlock .total > span {
	font-size: 2rem/*28px*/;
}

.w400Pc {width: 400px;}
.tacPc {text-align: center !important;}

.fixedblock {
	padding: 16px 0;
}
.fixedblock [class*=btnType].-sim {
	padding: 13px 10px;
}
.result #pageTopArea {
	bottom: 55px !important;
}
.result #footerArea {
	padding-bottom: 90px;
}

.inner80 {
	width: 835px;
}

/*---------------
monthly
------------------*/
[class*="acdCnt"] > .acdCheck:checked ~ .acdLabel ~ .acdContent {
	padding: 26px;
}

.monthlyItem,
.monthly_total {
	display: flex;
}
.monthlyItem > div:first-child,
.monthly_total > div:first-child {
	width: 32%;
}
.monthlyItem > div:last-child,
.monthly_total > div:last-child {
	width: 68%;
}
.monthlyItem .timesBlock {
	display: flex;
	align-items: center;
	padding: 12px;
	border-right: 1px solid #CFCFCF;
	border-bottom: none;
	text-align: left;
	font-size: 1.1429rem/*16px*/;
}
.monthlyItem .timesBlock .times {
	top: 11px;
	left: 12px;
	padding: 3px 2px;
	font-size: 1rem;
	transform: none;
}
.monthlyItem .timesBlock .times_last > span {
	top: 11px;
	left: 50%;
	right: 12px;
	font-size: 1rem;
	white-space: nowrap;
	transform: translateY(0);
}
.monthlyItem .totalBlock > span:first-child,
.monthlyItem .balance_nextBlock > span:first-child,
.monthly_total .totalBlock > span:first-child {
	width: 66%;
}
.monthlyItem .totalBlock > span:last-child,
.monthlyItem .paymentBlock > span:last-child,
.monthlyItem .commissionBlock > span:last-child,
.monthlyItem .balance_nextBlock > span:last-child,
.monthly_total .paymentBlock > span:last-child,
.monthly_total .commissionBlock > span:last-child,
.monthly_total .totalBlock > span:last-child {
	width: 34%;
}
.monthlyItem .paymentBlock > span:first-child,
.monthlyItem .commissionBlock > span:first-child,
.monthly_total .paymentBlock > span:first-child,
.monthly_total .commissionBlock > span:first-child {
	width: 37%;
}
.monthlyItem .totalBlock > span:last-child,
.monthly_total .totalBlock > span:last-child {
	font-size: 1rem;
	font-weight: bold;
}
.monthlyItem .balance_nextBlock > span:last-child {
	font-weight: bold;
}

.monthly_total {
	border: 1px solid #CFCFCF;
}
.monthly_total .totaltitleBlock {
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	border-right: 1px solid #CFCFCF;
}
.monthly_total .r {
	border: none;
}

.monthlyItem .totalBlock > span:first-child,
.monthlyItem .balance_nextBlock > span:first-child,
.monthly_total .totalBlock > span:first-child,
.monthlyItem .totalBlock > span:last-child,
.monthlyItem .balance_nextBlock > span:last-child,
.monthly_total .totalBlock > span:last-child {
	padding: 8px 9px;
}
.monthlyItem .paymentBlock > span:first-child,
.monthly_total .paymentBlock > span:first-child {
	padding: 9px 9px 2px 15px;
}
.monthlyItem .commissionBlock > span:first-child,
.monthly_total .commissionBlock > span:first-child {
	padding: 2px 9px 9px 15px;
}

/*---------------
calendar
------------------*/
.calendarBlock01 {
	max-width: 400px;
	padding: 10px 23px 20px;
}

#select-calendar {
	margin: 0 5px;
	padding: 10px 5px 10px;
}

/*---------------
modal
------------------*/
.modalCnt {
	padding: 36px 26px 30px;
}
.modalCnt.modalSelectBrand {
	padding: 36px 23px 24px;
}