@charset "UTF-8";

.colorflonColorlist li.colorTit {
	place-self: center;
	margin-bottom: 0;
	margin-top: 15px;
	font-weight: bold;
}

.cpctytbl table.tbl2 td {
	text-align: center;
}

@media screen and (max-width: 767px) {
	.colorflonColorlist {
        justify-content: left;
    }
    .colorflonColorlist figcaption {
        left: 50%;
				transform: translateX(-50%);
				white-space: nowrap;
    }

		.colorflonColorlist li {
			font-size: 100%;
		}

		.colorflonColorlist li.colorTit {
			width: 100%;
			padding-bottom: 0.5rem;
		}

}
@media screen and (min-width: 767px) {

	.catchImg img {
		width: 310px;
		float: right;
	}
	.catchImgTxt {
		padding-top: 15px;
		padding-right: 0;
		white-space: nowrap;
	}

	.lrgcatTitle {
	font-size: 190%;
}

.siliconeSpElm .clmnL {
        width: auto;
    }

		.siliconeSpElm .clmnL {
			flex-basis: 50%;
		}

		.siliconeSpElm .clmnR {
			flex-basis: 50%;
			line-height: 1.8;
		}

.siliconeSpElm .clmnL img {
	width: 100%;
}

.colorflonColorlist figcaption {
        left: 50%;
				transform: translateX(-50%);
				font-size: 0.7rem;
				white-space: nowrap;
				letter-spacing: 0.05em;
    }

		.bunkatsu {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.bunkatsu .colorflonColorlist {
			display: grid;
			grid-template-columns: 50px 1fr 1fr 1fr 1fr 1fr;
			gap: 0 5px;
		}

		.bunkatsu .colorflonColorlist img {
			width: 100%;
		}

}