@charset "UTF-8";

.spec {
    margin: 0 auto;
    padding-top: 40px;
}
.spec h2 {
	font-weight: 400;
}
.spec h3 {
	font-weight:400;
    font-size: 1.5rem;
}
.spec p {
	font-size:0.9rem;
	padding-bottom: 0.6em;
	line-height: 1.6;
	font-weight: normal;
}
.spec h3 + p {
	margin-top: 40px;
}
.spec_table {
	font-weight: 400;
	border-top-color: #999;
}
.spec_table .row {
	border-bottom-color: #999;
}

.spec_table .row .col_ttl h4 {
	font-weight:400;
}

@media screen and (max-width: 640px) {
    .spec {
        margin: 84px auto 0;
        padding-top: 10px;
    }
    .spec h2 {
        margin-top:0;
    }
	.spec p {
    	font-size: 0.75rem;
		line-height: 1.5;
	}
	.spec h3 {
        font-size: 1.26rem
    }
	.spec h3 + p {
		margin-top: 0;
	}
	.spec_table .row .col_ttl h4 {
		border-bottom-color: #999;
	}
}

/* カラバリ画像 */
.container ul.spec_color {
	display:flex;
	flex-wrap: wrap;
	margin-top: 0;
	margin-left:-5px
}
.container ul.spec_color li {
	width:140px;
	margin:0 0 0 5px;
	padding:0;
	text-align: center;
	text-indent: 0;
}

.container ul.spec_color li img {
	margin:0;
}
.container ul.spec_color li span {
	display: block;
	margin-top: 0.5em;
	line-height: 1.4;
}

@media screen and (max-width: 640px) {
	.container ul.spec_color {
	
	}
	.container ul.spec_color li {
		max-width:109px;
		width: 33%;
		margin-top: 1em;
	}
	.container ul.spec_color li img{
		width:92%;
	}
}