@charset "utf-8";

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

.bwnp-main {
	background-image: url(/img/c/theme/rando2022/brickwaynovelpre/bwnp.png);
	position: relative;
}

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

img.products-bwnp-logo {
	max-width: 230px;
	width: 100%;
	margin-top: -30px;
}

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

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

	@media screen and (max-device-width: 360px) {
		.bwnp-main {
			margin-bottom: 100vw;
		}
	}

	@media screen and (min-width: 361px) and (max-device-width: 480px) {
		.bwnp-main {
			margin-bottom: 80vw;
		}
	}

	.main-logo h1 img {
		max-width: 170px;
		width: 30vw;
		height: auto;
		position: absolute;
		top: 5vw;
		left: 7vw;
	}

	div.discript_sp {
		position: relative;
	}

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

	.discript-txt-s {
		font-size: 1.5rem;
	}

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

}

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

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

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

	div.discript_tb {
		position: relative;
	}

	.main-logo h1 img {
		display: block;
		position: absolute;
		max-width: 170px;
		height: auto;
		width: 30vw;
		top: 5vw;
		left: 7%;
	}

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

	.discript-txt-s {
		font-size: 1.5rem;
	}

	.discript-txt p {
		line-height: 1.2em;
		text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
	}

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

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

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

}

@media screen and (min-width: 781px) {
	.discript_pc {
		left: 5vw;
	}

	.main-logo h1 {}

	.main-logo h1 img {
		position: absolute;
		max-width: 360px;
		height: auto;
		top: 7%;
		left: 6%;
	}

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

	.discript-txt-s {
		font-size: 1.5rem;
	}

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

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

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

}

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

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