@charset "utf-8";
/* NEWSTYLE PRODUCTS OPTION CSS */

/* ====================================
	common
===================================== */

.w05{
	width: 5% !important;
}

.w10{
	width: 10% !important;
}
.w15{
	width: 15% !important;
}
.w20{
	width: 20% !important;
}
.w25{
	width: 25% !important;
}
.w30{
	width: 30% !important;
}
.w35{
	width: 35% !important;
}
.w40{
	width: 40% !important;
}
.w50{
	width: 50% !important;
}
.w60{
	width: 60% !important;
}
.w70{
	width: 70% !important;
}

.optEx h3{
	padding-left: 1em;
	font-weight: 600;
	color: #454545;
}

.optEx h4{
	display: block;
	font-weight: 600;
	background-color: #ddd;
	text-align: center;
	line-height: 1.8em;
	margin-bottom: 0.5em;
}
#option-ex2{
	padding-top: 40px;
}
.bdr-bottom-dashd{
	border-bottom: 1px dashed #cacaca;
	padding-bottom: 1.5em;
}

.systemPrice{
    border-top: 1px solid #cacaca;
	font-weight: 600;
	text-align: right;
    line-height: 2.4;
    font-size: 1em;
}

table.table-option td img.outlet{
	display: inline-block;
	width: 50px;
}

table.table-option td.nobdr,
table.table-option th.nobdr{
	border-bottom: none;
}

.etcPlug{
    border-top: 1px solid #cacaca;
    margin: 1em 0 5px;
}

.etcPlug table.table-option{
    width: auto;
}

/* optinspec */
div.optClum1{
	margin-bottom: 4rem;
}
div.optClum1 h3{
	width: 100%;
	font-size: 1.2em;
	line-height: 1.6;
	font-weight: 500;
	border-bottom: double 3px #e1e1e1;
	padding-left: 1rem;
	margin-bottom: 0.5rem;
}

div.optClum1 .clm1Item{
	
	margin-bottom: 2rem;
}

div.optClum1 table{
	width: 100%;
	margin-bottom: 10px;
}

div.optClum1 table th,
div.optClum1 table td{
	padding: 0.5em 5px;
	font-size: 1em;
	border-bottom: 1px solid #e5e5e5;
	text-align: left;
}

div.optClum1 table th{
	width: 30%;
}


/* ====================================
        PC style
===================================== */
@media print, screen and (min-width: 768px) {
/* option spec */
	table.table-option {
		font-size: 1em;
	}

	div.optClum1 div.clm1Item{
		margin-right:1%;
		margin-left: 1%;
	}
}



/* ====================================
        SP Style
===================================== */
@media only screen and (max-width: 767px) {
/* option spec */
	table.table-option {
		font-size: 0.86em;
	}

	div.optClum1 div.clm1Item{
		margin-right:0.5%;
		margin-left: 0.5%;
	}
}