@charset "utf-8";

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

.bwn-main {
	background-image: url(/img/c/theme/rando2021/brickwaynovel/brickway_novel.png);
}

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

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


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

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


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

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

	@media screen and (min-width: 381px) and (max-device-width: 480px) {
		.bwn-main {
			margin-bottom: 100vw;
		}
	}

	.main-logo img {
		width: 72.5vw;
		height: auto;
		position: absolute;
		top: 15vw;
		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;
	}

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

}

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

	.bwn-main {
		margin-bottom: 100px;
	}

	.main-logo h1 img {
		max-width: 372px;
		width: 31vw;
		height: auto;
		position: absolute;
		top: 10%;
		left: 5%;
	}

	div.discript_tb {
		position: relative;
	}

	@media screen and (min-width: 481px) and (max-device-width: 560px) {
		.discript_tb .discript-txt {
			font-size: 1.4rem;
		}
	}

	@media screen and (min-width: 561px) and (max-device-width: 780px) {
		.discript_tb .discript-txt {
			font-size: 1.8rem;
		}
	}

	.discript_tb .discript-txt {
		margin: 20px 10px;
		position: absolute;
		top: 15vw;
		color: #ffffff;
	}

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

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

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

}

@media screen and (min-width: 781px) {
	main {
		display: block;
	}

	.main-logo img {
		max-width: 372px;
		width: 31vw;
		height: auto;
		position: absolute;
		top: 10%;
		left: 5%;
	}

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

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

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

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


}


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


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

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

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