@charset "UTF-8";

body				{ min-width:0; padding-top:0!important; }
#footContents		{ display:none!important; }
#headContents		{ display:none!important; }
#chatplusview,
.chat				{ display:none!important; }
#header,
.block-benefits,
.pane-footer		{ display:none!important; }
.pane-main			{ padding:0 !important; }

:root {
	--color-pink: #ff6994;
	--color-lightpink: #ffe3e8;
	--color-lightyellow: #fbf4d4;
}
.noscroll_lp_26awcp {
	overflow: hidden;
}

#lp_26awcp {
	background-color: var(--color-lightpink);
}
#lp_26awcp h2 {
	margin: 0;
}
#lp_26awcp img {
	width: 100%;
	height: auto;
	display: block;
}
#lp_26awcp a {
	display: block;
}
#lp_26awcp .rel {
	position: relative;
}
#lp_26awcp .abs {
	position: absolute;
	z-index: 2;
}
#lp_26awcp .ps-center {
	left: 50%;
	transform: translateX(-50%);
}
#lp_26awcp .text-link {
	display: flex;
    justify-content: center;
    color: #222;
    margin-top: 1em;
    font-size: 3cqw;
	font-weight: bold;
    text-underline-offset: 0.5em;
}
#lp_26awcp .pc-only {
	display: none;
}
#lp_26awcp .sp-only {
	display: none;
}
#lp_26awcp .anm {
	transition: 0.5s cubic-bezier(0, 0.55, 0.45, 1);
}


@media only screen and (min-width:1000px) {
	#lp_26awcp .pc-only {
		width: calc(100% - ((100% + 460px) / 2));
		position: fixed;
		top: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		padding: 0 20px;
	}
	#lp_26awcp .pc-ttl {
		left: 0;
	}
	#lp_26awcp .pc-ttl .shadow_btn {
		max-width: 162px;
		margin: 25px auto 0;
		transform: translateX(-10px);
	}
	#lp_26awcp .pc-ttl .shadow_btn a {
		border-radius: 99px;
		box-shadow: 4px 4px var(--color-pink);
	}
	#lp_26awcp .pc-ttl .shadow_btn a:hover {
    	box-shadow: 0 0 var(--color-pink);
		transform: translate(4px, 4px);
	}
	#lp_26awcp .pc-nav {
		left: calc((100% + 460px) / 2);
		background: url(../img/pc-nav_bg.png) no-repeat center /auto;
	}
	#lp_26awcp .pc-lineup_nav p {
		max-width: 300px;
	}
	#lp_26awcp .pc-lineup_nav ul {
		max-width: 220px;
		margin: 0 auto;
	}
	#lp_26awcp .pc-lineup_nav li {
		margin-bottom: 20px;
	}
	#lp_26awcp .pc-lineup_nav a {
		border-radius: 99px;
    	box-shadow: 7px 7px var(--color-pink);
	}
	#lp_26awcp .pc-lineup_nav a:hover {
    	box-shadow: 0 0 var(--color-pink);
		transform: translate(7px, 7px);
	}
}


#lp_26awcp #loading {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-lightpink);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.8s ease, visibility 0.8s ease;
  width: 100%;
  height: 100%;
}

#lp_26awcp #loading.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#lp_26awcp #loading .loading-maruko {
	max-width: 166px;
	margin: 0 auto 20px;
	transform: rotate(5deg);
	animation: maruko 2s ease infinite;
}
@keyframes maruko {
  0% {transform: rotate(5deg);}
  20% {transform: rotate(-5deg);}
  40% {transform: rotate(5deg);}
  80% {transform: rotate(-5deg);}
  100% {transform: rotate(5deg);}
}
#lp_26awcp #loading .loading-text {
	display: flex;
    align-items: end;
    gap: 5px;
}
#lp_26awcp #loading .dots {
	width: 39px;
	height: 10px;
	position: relative;
	margin-bottom: 11px;
}
#lp_26awcp #loading .dots img {
	animation: loading 2s infinite;
	display: block;
	opacity: 0;
}
#lp_26awcp #loading .dots .dots-2 {
	animation-delay: .3s;
}
#lp_26awcp #loading .dots .dots-3 {
	animation-delay: 0.6s;
}
#lp_26awcp #loading .dots .abs {
	top: 0;
	left: 0;
}
@keyframes loading {
	0% {opacity: 0;}
	15% {opacity: 0;}
	20% {opacity: 1;}
	60% {opacity: 1;}
	80% {opacity: 0;}
	100% {opacity: 0;}
}

@media only screen and (max-width:500px) {
	#lp_26awcp #loading .loading-maruko {
		width: 30vw;
	}
	#lp_26awcp #loading .loading-text > img {
		width: 34vw;
	}
	#lp_26awcp #loading .dots {
		width: 7vw;
		height: 1.7vw;
		margin-bottom: 2vw;
	}
}


#lp_26awcp #menu {
	position: fixed;
    top: 0;
    left: 0;
	z-index: 10;
}
#lp_26awcp #menu .menu_btn {
	width: 15.70cqw;
	height: 15.70cqw;
	background-image: url(../img/menu_btn_open.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	top: 6cqw;
    position: fixed;
    right: calc(((100% - 100cqw) / 2) + 6cqw);
	z-index: 10;
	cursor: pointer;
}
#lp_26awcp #menu.active .menu_btn {
	background-image: url(../img/menu_btn_close.png);
}
#lp_26awcp #menu .menu_btn::before,
#lp_26awcp #menu .menu_btn::after {
	content: '';
	width: 45%;
	height: 0.72cqw;
	background-color: #78828b;
	transition: .3s;
	position: absolute;
	left: 50%;
	top: 36%;
	transform: translate(-50%, -50%) rotate(0deg);
}
#lp_26awcp #menu .menu_btn::after {
	top: 51%;
}
#lp_26awcp #menu.active .menu_btn::before,
#lp_26awcp #menu.active .menu_btn::after {
	top: 40%;
	transform: translate(-50%, -50%) rotate(45deg);
}
#lp_26awcp #menu.active .menu_btn::after {
	top: 40%;
	transform: translate(-50%, -50%) rotate(-45deg);
}
#lp_26awcp #menu nav {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: 100vh;
	background-color: rgba(255, 227, 232, 0.95);
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
#lp_26awcp #menu.active nav {
	opacity: 1;
	visibility: visible;
}
#lp_26awcp #menu .menu_inner {
	max-width: 460px;
	width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../img/menu_bg1.png) no-repeat center top / 100% auto, url(../img/menu_bg2.png) no-repeat center bottom / 100% auto;
    padding: 20cqw 0 35cqw;
}
#lp_26awcp #menu ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4.83cqw;
}
#lp_26awcp #menu a {
	width: 72.46cqw;
	border-radius: 99px;
	box-shadow: 1.3cqw 1.3cqw var(--color-pink);
}


#lp_26awcp .content_wrap {
	container-type: inline-size;
	max-width: 460px;
	margin: auto;
	background-color: #fff;
	box-shadow: 0 5px 10px #efc3cb;
	overflow: hidden;
}
#lp_26awcp .inner {
	padding: 0 4.83cqw;
}
#lp_26awcp .radius_btm {
	border-radius: 0 0 6.04cqw 6.04cqw;
	overflow: hidden;
}


#lp_26awcp .lineup_nav-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	top: 30%;
    left: 0;
    width: 100%;
}
#lp_26awcp .lineup_nav-list li {
	width: calc((100% - 3.62cqw) / 2);
	margin-bottom: 3.62cqw;
}
#lp_26awcp .lineup_nav-list a {
	display: block;
    border-radius: 99px;
    box-shadow: 1cqw 1cqw var(--color-pink);
}


#lp_26awcp .present {
	background-color: var(--color-lightpink);
	padding-bottom: 3.62cqw;
}
#lp_26awcp .present_anm1 {
	top: 0%;
    width: 20%;
    right: -27%;
}
#lp_26awcp .present_anm1.active {
	right: -3%;
}
#lp_26awcp .present_anm_txt {
	width: 13.3cqw;
	opacity: 0;
	transform: translateY(10px);
	transition: 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}
#lp_26awcp .present_anm_txt._1 {
	top: 48.6%;
    left: 15.1%;
}
#lp_26awcp .present_anm_txt._2 {
	top: 46.1%;
    left: 42.8%;
}
#lp_26awcp .present_anm_txt._3 {
	top: 49.4%;
    left: 70.1%;
}
#lp_26awcp .present_anm_txt.active {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .3s;
}
#lp_26awcp .present_anm_txt.active._2 {
	transition-delay: .4s;
}
#lp_26awcp .present_anm_txt.active._3 {
	transition-delay: .5s;
}
#lp_26awcp .present_anm2 {
    top: 7%;
    left: 26%;
    width: 55.56cqw;
}
#lp_26awcp .present_anm2.active {
	animation: bound 2s forwards;
}
@keyframes bound {
  0% { transform:translateY(0); }
  5% { transform:translateY(0); }
  10% { transform:translateY(0); }
  20% { transform:translateY(-25px); }
  25% { transform:translateY(0); }
  30% { transform:translateY(-15px); }
  50% { transform:translateY(0); }
  100% { transform:translateY(0); }
}
#lp_26awcp .present_anm3 {
	bottom: -5%;
    left: 70%;
    width: 27.19cqw;
}
#lp_26awcp .present_anm3 img {
	transform: translate(0px, 60%) rotate(-6deg);
	transition: 2s cubic-bezier(0.83, 0, 0.17, 1);
}
#lp_26awcp .present_anm3.active img {
	animation: tomozo .8s forwards;
}
@keyframes tomozo {
  0% { transform: translate(0px, 60%) rotate(-6deg); }
  60% { transform: translate(20%, 0px) rotate(20deg); }
  100% { transform:translate(0, 0) rotate(0deg); }
}
#lp_26awcp .ill_star01 {
	width: 4.83cqw;
}
#lp_26awcp .present-1 .ill_star01 {
	top: 16%;
    left: -2%;
}
#lp_26awcp .present-2 {
	background: url(../img/present-2_bg.png) no-repeat center top/100% auto;
}


#lp_26awcp .join_btn-1 {
    width: 80%;
    bottom: 14%;
}
#lp_26awcp .join_btn-1 > p {
	font-size: 2.3cqw;
    line-height: 1.3;
    text-align: center;
    margin-top: 1em;
}
#lp_26awcp .join_btn-2 {
    width: 80%;
    top: 30%;
}
#lp_26awcp .join_btn-2 a {
	border-radius: 99px;
    box-shadow: 1cqw 1cqw var(--color-pink);
}
#lp_26awcp .join_anm1 {
	bottom: 35%;
    left: 23%;
    width: 31.17cqw;
	transform: translateX(-5px) rotate(-2deg);
	animation: yurayura 2s ease infinite;
}
@keyframes yurayura {
	0% {transform: translateX(-5px) rotate(-2deg);}
	50% {transform: translateX(5px) rotate(2deg);}
	100% {transform: translateX(-5px) rotate(-2deg);}
}

#lp_26awcp .explan_anm1 {
	width: 27.55cqw;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 20%) scale(0.8) scaleX(-1);
	opacity: 0;
}
#lp_26awcp .explan_anm1.active {
	transform: translate(-50%, 0) scale(1) scaleX(1);
	opacity: 1;
}
#lp_26awcp .explan_anm_txt {
	width: 39.85cqw;
	transform: translateY(10px);
	top: 28%;
	opacity: 0;
	transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
#lp_26awcp .explan_anm_txt._1 {
	left: 8.6%;
}
#lp_26awcp .explan_anm_txt._2 {
	left: 52%;
}
#lp_26awcp .explan_anm_txt.active {
	transform: translateY(0);
	opacity: 1;
}
#lp_26awcp .explan_anm_txt.active._2 {
	transition-delay: .1s;
}
#lp_26awcp .explan_anm2 {
	width: 33.57cqw;
    top: 40%;
    left: 50%;
    transform: translateX(-50%) translateY(0);
	opacity: 0;
	transition: 0.7s;
	filter: blur(20px);
}
#lp_26awcp .explan_anm2.active {
	transform: translateX(-50%) translateY(0);
	opacity: 1;
	filter: blur(0px);
}
#lp_26awcp .explan_anm3 {
	width: 25.97cqw;
    top: 63%;
    left: 34.5%;
	opacity: 0;
	transition: 0.7s;
}
#lp_26awcp .explan_anm3.active {
	transition-delay: .1s;
	transform: translateY(0);
	opacity: 1;
}
#lp_26awcp .dots_anm {
	bottom: 7%;
    left: 50%;
    transform: translate(-50%, 0px);
}
#lp_26awcp .dots_anm span {
    width: 1.21cqw;
    height: 1.21cqw;
    background-color: var(--color-pink);
    display: block;
    margin: 5px 0;
    border-radius: 50%;
	animation: dots 3s ease infinite;
	opacity: 0;
}
@keyframes dots {
	0% {opacity: 0;}
	5% {opacity: 1;}
	10% {opacity: 1;}
	100% {opacity: 0;}
}
#lp_26awcp .dots_anm span:nth-child(2) {
	animation-delay: .3s;
}
#lp_26awcp .dots_anm span:nth-child(3) {
	animation-delay: .6s;
}
#lp_26awcp .dots_anm span:nth-child(4) {
	animation-delay: .9s;
}
#lp_26awcp .explan_bg {
	top: 70%;
}
#lp_26awcp .explan_bg1 {
	animation: explan_star 2s cubic-bezier(0.37, 0, 0.63, 1) infinite;
}
#lp_26awcp .explan_bg2 {
	animation: explan_star 2s .3s cubic-bezier(0.37, 0, 0.63, 1) infinite;
}
#lp_26awcp .explan_bg3 {
	animation: explan_star 2s .6s cubic-bezier(0.37, 0, 0.63, 1) infinite;
}
@keyframes explan_star {
	0% {transform: translateY(0px);}
	50% {transform: translateY(10px);}
	100% {transform: translateY(0px);}
}

#lp_26awcp .item_anm1 {
	width: 22.72cqw;
    top: 5%;
    right: -30%;
}
#lp_26awcp .item_anm1.active {
    right: 3%;
}
#lp_26awcp .item_anm2 {
	background-color: var(--color-lightyellow);
    padding: 12.08cqw 0;
}
#lp_26awcp .item_anm2 > div {
	width: 68.61cqw;
    margin: auto;
    transform: translateY(10px);
	opacity: 0;
	transition: 0.7s cubic-bezier(0.37, 0, 0.63, 1);
}
#lp_26awcp .item_anm2 > div.active {
	transform: translateY(0);
	opacity: 1;
}
#lp_26awcp .item_kira img {
	width: 6.40cqw;
	animation: item_kira-img 1s ease infinite;
	display: block;
	transform: scale(.8);
}
#lp_26awcp .item_kira-1 {
	top: 0%;
    left: 56%;
}
#lp_26awcp .item_kira-2 {
	top: 11%;
	left: 64%;
}
#lp_26awcp .item_kira-3 {
	top: 16%;
	left: 59%;
}
#lp_26awcp .item_kira-4 {
	top: 14%;
	left: 91%;
}
#lp_26awcp .item_kira-2 img {
	animation-delay: .3s;
}
#lp_26awcp .item_kira-3 img {
	animation-delay: .63s;
}
#lp_26awcp .item_kira-4 img {
	animation-delay: .5s;
}
@keyframes item_kira-img {
	0% {transform: scale(.8); opacity: 1;}
	50% {transform: scale(1.3); opacity: 1;}
	100% {transform: scale(.8); opacity: 0;}
}

#lp_26awcp .bnr_area {
	padding-bottom: 12.08cqw;
}
#lp_26awcp .bnr_area .btn_cp {
	margin-top: 9.66cqw;
}
#lp_26awcp .bnr_area ul {
	margin-top: 12.08cqw;
	font-size: max(13px, 3.2cqw);
}
#lp_26awcp .bnr_area ul a {
	display: inline;
    color: #222;
    font-weight: bold;
}
#lp_26awcp .bnr_area li strong {
	font-weight: bold;
	color: var(--color-pink);
}


#lp_26awcp .content_footer {
	padding: 0 0 8cqw;
}
#lp_26awcp .content_footer p {
	text-align: center;
    font-size: 13px;
    line-height: 1.4;
    margin-top: 0.5em;
}


@media only screen and (min-width:829px) {
	#lp_26awcp a:hover {
		opacity: .8;
	}
	#lp_26awcp #menu a:hover {
		box-shadow: 0 0 var(--color-pink);
		transform: translate(1.3cqw, 1.3cqw);
	}
	#lp_26awcp .lineup_nav-list a:hover,
	#lp_26awcp .join_btn-2 a:hover {
		box-shadow: 0 0 var(--color-pink);
		transform: translate(1cqw, 1cqw);
	}
	#lp_26awcp .shadow_btn a:hover,
	#lp_26awcp .shadow_btn a:hover img {
		opacity: 1;
	}
}

#lp_26awcp .sp-topbtn {
	display: none;
	position: fixed;
	bottom: 3cqw;
	right: 3cqw;
	width: 21cqw;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
	border-radius: 99px;
	z-index: 9;
}
@media only screen and (max-width:999px) {
	#lp_26awcp .content_footer {
		padding: 0 0 22cqw;
	}
	#lp_26awcp .sp-only {
		display: block;
	}
	#lp_26awcp .sp-topbtn {
		display: none;
	}
}