#Main { color: #3c3c3c; }

#Main .form .fmnav a,
#Main .form .inputcolor a { color: #3c3c3c; }

#Main .form .sctble_mat a { color: #fff; }
#Main .form .sctble_mat a.col01,
#Main .form .sctble_mat a.selected.col01,
#Main .form .sctble_mat a.col02,
#Main .form .sctble_mat a.selected.col02,
#Main .form .sctble_mat a.col08,
#Main .form .sctble_mat a.selected.col08,
#Main .form .sctble_mat a.col09,
#Main .form .sctble_mat a.selected.col09,
#Main .form .sctble_mat a.col11,
#Main .form .sctble_mat a.selected.col11,
#Main .form .sctble_mat a.col18,
#Main .form .sctble_mat a.selected.col18,
#Main .form .sctble_mat a.col19,
#Main .form .sctble_mat a.selected.col19,
#Main .form .sctble_mat a.col20,
#Main .form .sctble_mat a.selected.col20,
#Main .form .sctble_mat a.col21,
#Main .form .sctble_mat a.selected.col21 {
	color: #666;
}

#Main .fmtitle01 { font-weight: 100; }

.pt03.js_default_calc01 .pt05,
.pt03.js_default_calc01 .pt06,
.pt03.js_default_calc02 .pt05,
.pt03.js_default_calc02 .pt06,
.pt03.js_default_calc03 .pt05,
.pt03.js_default_calc03 .pt06 { opacity: 0; }
.pt03.js_default_calc01.active .pt05,
.pt03.js_default_calc01.active .pt06,
.pt03.js_default_calc02.active .pt05,
.pt03.js_default_calc02.active .pt06,
.pt03.js_default_calc03.active .pt05,
.pt03.js_default_calc03.active .pt06 { opacity: 1; }

.js_default_input { color: #dddddd; }

/* vue */
[v-cloak] { opacity: 0; }
.fade-enter-active, .fade-leave-active { transition: opacity 1.5s }
.fade-enter, .fade-leave { opacity: 0 }
/*******/

.formmain #modal-content canvas { width: auto; }
.formmain #modal-content .pt01 { margin-bottom: 10px; }
.formmain #modal-content .pt02 { margin-bottom: 30px; }

.formmain form .readonly { background-color: #ddd; }
.formmain form .errorBox { background-color: #f2f5aa; margin-bottom: 20px; border: 2px solid #c86e19; }
.formmain form .errorBox .text { color: #c86e19; font-weight: 500; letter-spacing: 1px; padding: 16px; text-align: center; font-size: 16px; }
.formmain form .error { color: #cd823f; }
.formmain form .name01,
.formmain form .name02 { display: inline-block; }

.formmain form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.formmain form table td input { height: 26px; }
.formmain form table td select { width: 80%; border: 1px none #999; padding: 3px 25px 3px 5px; line-height: 25px; display: block; border-radius: 0; background-color: #FFF; background-image: url(../../common/img/common/icon_arr.png); background-repeat: no-repeat; background-position: right 7px center; }

.formmain form .otherColor { margin: 10px 0; }
.formmain form input[type="button"].back { background-color: #92abc1; }

.formmain.confirm .spbtn01 { display: none; }
.formmain.quote .estbox01 .box04 table td.pt03 { background: none; }
.formmain.quote .estbox01 .box04 table tr:nth-child(2n+1) { background-color: #E8E8E8; }

footer { padding-top: 130px; padding-bottom: 40px; position: relative; }
footer .footerwrap01 { padding: 10px 0; background-color: #ffffff; }

.spin-area { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; }
.spin-area.waitMe_container { display: block; }

@media (max-width: 767px) {
	.pc { display: none; }
	#modal-content canvas { width: 100% !important; height: auto !important; }
	footer{ padding: 0; }
	
}

/* IE Select Arrow Icon */
select::-ms-expand {
	display: none;
}

/* iOS Button */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}

@-moz-document url-prefix() {
	 /* table border bug fix */
	form .cmntable01 table td { /*z-index: -1;*/ }
}

@media print {
	.printMode {}
	.printMode header,
	.printMode footer { display: none; }

	.printMode .fmtitle01,
	.printMode .esttxt01,
	.printMode .estbox02 { display: none; }

}

/* error */
.vue-error input,
.vue-error select { background-color: #f2f5aa !important; border: 2px solid #c86e19 !important; }

/* tooltip */
.faq { position: relative; margin: 0 4px; }
.faq .faq_icon { width: 17px; cursor: pointer; }
.faq .faq_text {
	display: none;
	position: absolute;
	top: -16px;
	left: 44px;
	padding: 10px;
	width: 160px;
	font-size: 14px;
	line-height: 1.4;
	color: #3c3c3c;
	background: #f5e98d;
	box-shadow: 1px 2px 10px 1px rgba(0,0,0,0.6);
	z-index: 999999;
	overflow: visible !important;
}
.faq .faq_text:after {
	content: '';
	position: absolute;
	top: 20px;
	left: -20px;
	border-top: 6px solid transparent;
	border-right: 20px solid #f5e98d;
	border-bottom: 6px solid transparent;
}
.faq.top .faq_text {
	position: absolute;
	top: auto;
	left: 8px;
	bottom: 44px;
	transform: translateX(-50%);
}
.faq.top .faq_text:after {
	content: '';
	position: absolute;
	top: auto;
	left: 50%;
	bottom: -26px;
	transform: translateX(-6px);
	border-top: 20px solid #f5e98d;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}