@font-face {
	font-family: 'ryo-gothic-plusn-m';
	src: url('/assets/front/font/ryogothicplusn-medium.otf') format('opentype');
}

@font-face {
	font-family: 'myriadpro-bc';
	src: url('/assets/front/font/Myriadpro-boldcond.otf') format('opentype');
}

.buy-btn a {
	font-family: 'myriadpro-bc';
	font-size: 28px;
	color: #fff;
}

.only-for-sp {
	display: none;
}

h2 {
	margin-bottom: 30px;
	color: #fff;
	font-family: 'myriadpro-bc';
	font-size: 57px;
}

h2 img {
	max-width: 583px;
}

.mv img {
	width: 100%;
}

.mv + .lead .lead-text-wrapper {
	border: 2px solid #C6C6C6;
	background-color: rgba(255, 255, 255, 0.1);
}

.lead {
	background: url(/assets/front/img/lp/bsw_apparel_2026/blue_bg.png);
	background-size: cover;
	height: 650px;
	background-position: center;
	display: flex;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
}

.lead.last {
	background: url(/assets/front/img/lp/bsw_apparel_2026/blue_bg_2.png);
	background-position: center;
	height: 810px;
	display: flex;
	align-items: center;
}

.lead .lead-text-wrapper {
	max-width: 1164px;
	width: 1164px;
	margin: 0 auto;
	padding: 60px 20px;
	font-size: 13px;
	color: #fff;
	border-radius: 15px;
}

.lead-text-wrapper .lead_ttl {
	font-family: 'ryo-gothic-plusn-m';
	font-size: 15px;
	line-height: 3;
	margin-bottom: 20px;
}

.lpContents_inner {
	margin: 0 auto;
	text-align: center;
	background: url(/assets/front/img/lp/bsw_apparel_2026/lp_bg.png) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.lp {
	display: grid;
	gap: 8px;
	padding: 8px;
}

.grid .box {
	border-radius: 15px;
	backdrop-filter: blur(24px);
	border: 1px #C6C6C6 solid;
}

.grid .box img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 15px;
}

.grid .box video {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border-radius: 15px;
	/* overflow: hidden; */
}

.grid,
.grid .top,
.grid .left,
.grid .right,
.grid .bottom {
	display: grid;
	gap: 8px;
}

.grid1 {
	grid-template-columns: 1fr 1fr;
}

.grid2 {
	grid-template-columns: 2fr 1fr;
}

.grid3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.grid4 {
	grid-template-columns: 1fr 2fr;
}

.grid5 {
	grid-template-columns: 2fr 1fr;
	align-items: stretch;
}

.grid6 {
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
}

.grid6 .top {
	grid-template-columns: 1fr 1fr;
}

.grid6 .right {
	grid-template-rows: 1.1fr 1.9fr;
}

.grid7 {
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
}

.grid7 .top {
	grid-template-columns: 1.3fr 1.7fr;
}

.grid7 .left {
	grid-template-rows: 1fr 1fr;
}

.grid7 .right {
	display: block;
}

.grid7 .bottom {
	grid-template-columns: 1.7fr 1.3fr;
}

.grid8 {
	grid-template-columns: 1fr 1fr;
}

.rorate {
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%;
	border-radius: 35px;
	background: #fff;
	background: linear-gradient(to right, #AAAAAA 50%, #F9F9F9 50%);
}

.rorate_text {
	clip-path: inset(-0.15em 0);
	display: block;
	position: relative;
	font-weight: bold;
	font-size: 28px;
	line-height: 60px;
	font-family: 'myriadpro-bc';
}

.rorate_text-inner {
	display: inline-block;
}

.rorate_text-inner,
.rorate_text:before {
	transition-duration: 0.38s;
	transition-property: opacity, transform;
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.rorate_text:before {
	content: attr(data-text);
	left: 0;
	opacity: 0;
	position: absolute;
	top: 120%;
	width: 100%;
}

.lead_ttl {
	font-size: 15px;
}

.lp_nav_item {
	position: relative;
	display: inline-block;
	width: 433px;
	border: 2px solid #C6C6C6;
	border-radius: 35px;
}

.lp_nav_item img {
	position: absolute;
	border-radius: 35px;
	top: 50%;
	height: 100%;
	width: 100%;
	left: 50%;
	object-fit: cover;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.box-link {
	position: relative;
}

.see-more {
	font-family: 'myriadpro-bc';
	position: absolute;
	bottom: 5px;
	right: 10px;
	color: #fff;
	font-size: 20px;
}

.see-more::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 1px;
	background: #fff;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.35s ease;
}

.see-more img {
	margin-left: 5px;
	display: inline-block;
	width: 20px;
}

@media screen and (min-width: 751px) {
	.mv+.lead .lp_nav_item {
		margin-top: 20px;
	}

	a:hover {
		opacity: 1;
	}

	/* .rorate:hover .rorate_text:before {
		opacity: 1;
		transform: translate3d(0, -120%, 0);
	}

	.rorate:hover .rorate_text-inner {
		opacity: 0;
		transform: translate3d(0, -120%, 0);
	}

	.lp_nav_item:hover {
		border: 2px solid #fff;
	}

	.see-more::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 2px;
		width: 100%;
		height: 1px;
		background: #fff;
		transform: scaleX(0);
		transform-origin: left;
		transition: transform 0.35s ease;
	}

	.box:hover {
		background: rgba(255, 255, 255, 0.2);
		border: 1px solid #fff;
	}

	.box:hover .see-more::after {
		transform: scaleX(1);
	}

	.box .see-more img {
		transition: transform 0.3s ease;
	}

	.box:hover .see-more img {
		transform: translateX(5px);
	} */
}

@media screen and (max-width: 750px) {
	.only-for-sp {
		display: block;
	}

	.lead .lead-text-wrapper {
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 40px;
		padding-top: 30px;
	}

	.lead {
		background: url(/assets/front/img/lp/bsw_apparel_2026/blue_bg_sp.png);
		background-size: 100%;
		height: inherit;
		background-repeat: no-repeat;
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.lead.last {
		background: url(/assets/front/img/lp/bsw_apparel_2026/blue_bg_sp_2.png);
		background-size: 100%;
		height: 400px;
		background-size: cover;
		background-repeat: no-repeat;
	}

	h2 {
		font-size: 31px;
		margin-bottom: 10px;
	}

	.lead.last h2 {
		margin-bottom: 40px;
	}

	.lead-text-wrapper .lead_ttl {
		font-size: 13px;
		line-height: 2.5;
		margin-bottom: 40px;
	}

	.lp_nav_item {
		width: 100%;
		max-width: 275px;
		height: 40px;
	}

	.rorate_text {
		font-size: 17px;
		height: 40px;
		line-height: 40px;
	}

	.see-more {
		font-size: 10px;
	}

	.see-more img {
		width: 10px;
	}

}