@charset "utf-8";

.live202610-kv {
position: absolute;
top: 50%;
left: 50%;
max-width: none;
min-height: 100%;
max-height: 100%;
width: 192rem;
height: auto;
transform: translate(-50%, -50%);
object-fit: cover;
}
.live202610-kv-wrapper {
height: 42.4rem;
overflow: hidden;
position: relative;
}

.live202610-bg01 {
background-image: url(/lp/live202610/image/common/bg_01_pc.webp);
background-repeat: no-repeat;
background-size: 192rem auto;
background-position: center;
padding-top: 3rem;
}

.tablist-live202610 {
position: relative;
display: flex;
text-align: center;
border-bottom: 2px #d11375 solid;
}
.tablist-live202610::before {
position: absolute;
content: '';
bottom: -2px;
width: 50.2%;
height: 2px;
background: #eaeaea;
}
.tablist-live202610-item {
position: relative;
background: #eaeaea;
border: 2px #eaeaea solid;
border-width: 2px 2px 0 2px;
border-radius: 4px 4px 0px 0px;
color: #333;
font-size: 1.8rem;
padding: 20px;
line-height: 1.5;
display: flex;
justify-content: center;
align-items: center;
flex: 1;
}
.tablist-live202610-item:hover {
text-decoration: none;
}
.tablist-live202610 * + * {
margin-left: 4px;
}
.tablist-live202610 [aria-selected="true"],
.tablist-live202610 .tablist-live202610-is-active {
background-color: #d11375;
border: 2px solid #d11375;
color: #fff;
font-weight: bold;
}
.tablist-live202610 [aria-selected="true"]::after,
.tablist-live202610 .tablist-live202610-is-active::after {
content: "";
width: 100%;
height: 6px;
position: absolute;
bottom: -5px;
left: 0;
background: #d11375;
}

.live202610-bgcolor-pink-g {
background-image:
	url(/lp/live202610/image/common/bg_02_pc.webp), url(/lp/live202610/image/common/bg_03_pc.webp),
	linear-gradient(to bottom, #d11375 330px, #fff 630px ,#c5e4f8 100%);
background-repeat: no-repeat, no-repeat;
background-position: 50% 50%, 50% 100%;
padding: 5rem 0 12rem;
}

.h1-live202610 {
color: #fff;
font-weight: bold;
text-align: center;
line-height: 5rem;
}

.live202610-cont01 {
background-color: #fff;
padding: 4rem 8rem 6rem;
}
.live202610-cont02 {
background-color: #fafafa;
padding: 4rem 8rem 6rem;
}

.itemttl-live202610 {
position: relative;
border-bottom: 2px solid #d11375;
margin-bottom: 1.5rem;
}
.itemttl-live202610::before {
position: absolute;
content: '';
bottom: -2px;
width: 80px;
height: 2px;
background: #000;
}

.m-link-item.-pink a {
color: #d11375;
}
.m-link-item.-pink a::before {
position: absolute;
top: 0.8rem;
left: 0;
border: solid #d11375;
border-width: 0 0.25rem 0.25rem 0;
transform: rotate(-45deg);
width: 0.9rem;
height: 0.9rem;
content: '';
}

.live202610-bgcolor-black {
background-color: #000;
border-left: 4px solid #d11375;
font-weight: bold;
color: #fff;
padding: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
}

.live202610-bgcolor-gray {
background-color: #edf1f6;
padding: 1.5rem 2rem;
}
.live202610-fcolor-pink {
color: #d11375;
}

.m-btn-pink {
background-color: #d11375;
padding: 1.2rem 0.8rem;
width: 500px;
height: 104px;
font-size: 2.4rem;
line-height: 3.6rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.m-btn-pink:hover,
.m-btn-red:hover {
background: #ac0059;
text-decoration: none;
}
.m-btn-pink::before,
.m-btn-red::before {
position: absolute;
right: 0;
bottom: 0;
border-color: #e889ba;
border-left-color: transparent;
border-top-color: transparent;
border-width: 0 0 2.3rem 2.3rem;
border-style: solid;
box-sizing: border-box;
border-bottom-right-radius: 0.4rem;
content: '';
}
.m-btn-pink:hover::before {
border-color: #cb6298;
border-left-color: transparent;
border-top-color: transparent;
border-width: 0 0 2.3rem 2.3rem;
}

@media screen and (max-width: 767px) {
	.live202610-kv {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	transform: translate(0%, 0%);
	}
	.live202610-kv-wrapper {height: auto;}
	.tablist-live202610::before {
	width: 50.4%;
	}
	.live202610-bg01 {
	background-image: url(/lp/live202610/image/common/bg_01_sp.webp);
	background-size: cover;
	background-position: initial;
	}
	.tablist-live202610-item {
	padding: 15px 10px;
	}
	.live202610-bgcolor-pink-g {
	background-image:
		url(/lp/live202610/image/common/bg_03_sp.webp),
		linear-gradient(to bottom, #d11375 480px, #fff 780px, #c5e4f8 90%);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100% auto;
	padding: 3rem 0 15rem;
	}
	.h1-live202610 {
	line-height: 3.5rem;
	}
	.live202610-cont01 {
	padding: 3rem 2rem;
	}
	.live202610-cont02 {
	padding: 3rem 2rem;
	}
	.itemttl-live202610::before {
	width: 74px;
	}
	.live202610-bgcolor-black {
	border-left: none;
	border-top: 4px solid #d11375;
	padding: 0.5rem 1.5rem;
	}
	.m-btn-pink {
	width: 100%;
	height: 56px;
	font-size: 1.6rem;
	line-height: 2.4rem;
	}
}

	@media screen and (max-width: 500px) {
	.tablist-live202610::before {
	width: 50.6%;
	}
}

	@media screen and (max-width: 363px) {
	.live202610-bgcolor-pink-g {
	background-image:
		url(/lp/live202610/image/common/bg_03_sp.webp),
		linear-gradient(to bottom, #d11375 580px, #fff 880px, #c5e4f8 90%);
	}
}