@charset "utf-8";

body {
	background-color: #ffffff;
	color: #1a1311;
}

.bn-main {
	background-image: url(/img/c/theme/rando2021/brickway/brickway.png);
	position: relative;
}

.detail h3::before {
	background-image: url(/img/c/theme/rando2021/common/bw_icon.png);

}

.product-name-color dt img {
	max-width: 263px;
	width: 100vw;
}

img.products-bn-logo {
	max-width: 260px;
	width: 100%;
}

#product-lineup .logo {
	max-width: 180px;
	margin-bottom: 10px;
}



@media screen and (max-device-width: 480px) {

	.main-logo h1 img {
		position: absolute;
		max-width: 310px;
		width: 100vw;
		height: auto;
		top: 80vw;
		left: 0;
		right: 0;
		margin: auto;
	}

	div.discript_sp {
		position: relative;
	}

	.discript_sp .discript-txt {
		margin: 20px;
		position: absolute;
		font-size: 1.8rem;
		top: 100vw;
	}

	@media screen and (max-device-width: 380px) {
		.bn-main {
			margin-bottom: 120vw;
		}
	}

	@media screen and (min-width: 381px) and (max-device-width: 780px) {
		.bn-main {
			margin-bottom: 80vw;
		}

	}

	.discript-txt p {
		line-height: 1.5em;
	}

	.product-name-color dd.color::after {
		top: -10px;
	}

	#color .color {
		margin-bottom: 30px;
	}


}

@media screen and (min-width: 481px) and (max-device-width: 780px) {

	@media screen and (min-width: 481px) and (max-device-width: 600px) {
		.bn-main {
			margin-bottom: 50vw;
		}
	}

	@media screen and (min-width: 601px) and (max-device-width: 780px) {
		.bn-main {
			margin-bottom: 40vw;
		}

	}

	.main-logo h1 img {
		position: absolute;
		max-width: 380px;
		width: 100vw;
		height: auto;
		top: 80vw;
		left: 0;
		right: 0;
		margin: auto;
	}

	div.discript_tb {
		position: relative;
	}

	.discript_tb .discript-txt {
		margin: 20px;
		position: absolute;
		font-size: 1.8rem;
		top: 100vw;
	}


	.discript-txt p {
		line-height: 1.5em;
	}

	.product-name-color dd.color::after {
		top: -10px;
	}

	#color .color {
		margin-bottom: 30px;
	}

}

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

	.main-logo img {
		max-width: 372px;
		height: auto;
		position: absolute;
		bottom: 25%;
		left: 3%;
	}

	.discript_pc .discript-txt {
		color: #ffffff;
		position: absolute;
		bottom: 10%;
		left: 3%;
		font-size: 1.8rem;
	}

	.discript-txt p {
		line-height: 1.2em;
	}

	.product-name-color dd.color::after {
		top: 90px;
	}

	#color .color {
		margin-bottom: 30px;
	}

}

.product-name-color dd.bw2ub::after {
	content: url(/img/c/theme/rando2022/lehtia/color-chip-bw2ub.png);
	left: 155px;
}

.product-name-color dd.bw2bb::after {
	content: url(/img/c/theme/rando2022/lehtia/color-chip-bw2bb.png);
	left: 140px;
}

.product-name-color dd.bw2nb::after {
	content: url(/img/c/theme/rando2022/lehtia/color-chip-bw2nb.png);
	left: 110px;
}