@charset "UTF-8";
/* 弁天 */

/* mv ================================== */
/* メイン画像 */
.mv__bg {
	background-image: url(../../images/pickup/bentencho/bentencho_top.webp);
}
/* オープン予定タイトル */
.mv__open {
	position: absolute;
	top: 0px;
	left: 20px;
	color: var(--piup-point-color);
	font-size: 1.8rem;
	line-height: 1.2;
	letter-spacing: 0.1em;
	writing-mode: vertical-lr;
	-webkit-text-orientation: upright;
	text-orientation: upright;
	text-align: left;
	font-family: 'Zen Old Mincho', serif;
	padding: 16px 14px 56px 8px;
	background: linear-gradient(180deg, var(--piup-main-color) 85%, rgba(255, 255, 255, 0) 100%);
}
.mv__month {
	font-size: 3rem;
}

@media screen and (min-width:768px) {
/* メイン画像 */
.mv__bg {
	background-image: url(../../images/pickup/bentencho/bentencho_top_pc.webp);
}
/* オープン予定タイトル */
.mv__open {
	top: 24px;
	left: 49.6%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	font-size: 2.6rem;
	line-height: 1.5;
	padding: 8px 16px;
	writing-mode: vertical-lr;
	-webkit-text-orientation: upright;
	text-orientation: upright;
	text-align: left;
	background: none;
}
.mv__month {
	font-size: 4.0rem;
}
}
/* main__copy グラデ画像部分 =================================== */
.main__copy {
	background-image: url(../../images/pickup/bentencho/erea.webp);
}
@media screen and (min-width:768px) {
	.main__copy {
		background-position: right -200px center;
	}
	.main__copy::after {
		background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0.3) 100%);
	}
	.main__copyinner {
		left: 0px;
	}
	.main__ctt1mnt li:nth-of-type(1) {
		width: 500px;
	}
	.main__ctt1mnt li:nth-of-type(2) {
		width: 580px;
		margin-left: 80px;
	}
	}