@charset "euc-jp";

/* リセットcss */
body {
	min-width: 100% !important;
}

#headerMenu {
	display: flex;
	justify-content: center;
}

#head,
#containerWrap {
	width: auto;
	margin: 0 auto;
}

#containerWrap {
	padding-top: 84px;
}

#new_footer {
	width: auto;
	padding: 0;
}

#footer_main {
	width: auto;
}

#footer_main .box {
	margin: 0 auto;
}

#footer_bottom {
	width: auto;
}

#head ul#headerMenu {
	margin: 0 auto;
}

div.containerLogin {
	padding-top: 117px !important;
}

.event-detail p,
.event-detail h1,
.event-detail h2,
.event-detail h3,
.event-detail h4,
.event-detail dl,
.event-detail dt,
.event-detail dd,
.event-detail ul,
.event-detail li {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', '游ゴシック', 'Yu Gothic', 'メイリオ', Meiryo, sans-serif;
}

.event-detail {
	position: relative;
	box-sizing: border-box;
	text-align: center;
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/bg_repeat.jpg) repeat-y;
	background-size: 100%;
	overflow: hidden;
}

.event-detail::before {
	content: '';
	z-index: 29;
	position: absolute;
	display: inline-block;
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/feather_left.png) no-repeat;
	background-size: contain;
	width: 460px;
	height: 3600px;
	left: -100px;
	top: 60px;
	pointer-events: none;
}

.event-detail::after {
	content: '';
	z-index: 29;
	position: absolute;
	display: inline-block;
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/feather_right.png) no-repeat;
	background-size: contain;
	width: 460px;
	height: 3600px;
	right: -100px;
	top: 60px;
	pointer-events: none;
}

/* hero */
.hero__image.is_active {
	animation: fadein 0.7s forwards;
}

@keyframes fadein {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* セクション */
.section.is_introduction {
	padding: 180px 0;
}

.section.is_event {
	margin: 0 auto 167px;
}

.section-inner {
	position: relative;
	opacity: 0;
	transform: translateY(10px);
}

.is_performer-message .section-inner::before {
	z-index: 29;
	content: '';
	display: inline-block;
	position: absolute;
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/feather_spot.png) no-repeat;
	width: 700px;
	height: 600px;
	transform: translateX(-50%);
	left: 50%;
	top: 428px;
	pointer-events: none;
}

.section.is_active .section-inner {
	animation: slideup 0.7s forwards;
}

@keyframes slideup {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* セクションタイトル 共通 */

.section-inner-title {
	position: relative;
	display: inline-block;
	letter-spacing: 0.1em;
	text-align: center;
	font-style: italic;
	padding: 0 10px;
	margin: 0 auto 40px;
}

.section-inner-title::before {
	z-index: -1;
	content: '';
	position: absolute;
	background-color: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform: skewX(-15deg);
}

.section-inner-title::after {
	z-index: -2;
	content: '';
	position: absolute;
	background-color: rgba(255, 0, 231, 0.2);
	top: 6px;
	bottom: -6px;
	left: 6px;
	right: -6px;
	transform: skewX(-15deg);
}

.section-inner-title__text {
	color: rgba(255, 252, 138, 0);
}

.is_performer-message .section-inner-title {
	height: 44px;
	line-height: 44px;
	font-size: 36px;
	margin: 0 auto 12px;
}

.is_performer-message .section-inner-title__text {
	background: linear-gradient(to right, #e367ff 0%, #ff69a8 100%);
	background-clip: text;
	-webkit-background-clip: text;
}

.is_introduction .section-inner-title {
	height: 60px;
	line-height: 60px;
	font-size: 42px;
	margin: 0 auto 50px;
}

.is_introduction .section-inner-title__text {
	background: linear-gradient(to right, #41c3ff 0%, #e96fff 100%);
	background-clip: text;
	-webkit-background-clip: text;
}

.is_event .section-inner-title {
	height: 60px;
	line-height: 60px;
	font-size: 42px;
}

.is_event .section-inner-title__text {
	background: linear-gradient(to right, #ff70a1 0%, #ffa93d 100%);
	background-clip: text;
	-webkit-background-clip: text;
}

.section-inner__note {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-style: italic;
	margin-bottom:60px;
}

.section-inner-data {
	position: relative;
	margin: 0 120px 0;
}

.section-inner-data::before {
	z-index: -10;
	content: '';
	position: absolute;
	background: linear-gradient(to right, #5ed3ff 0%, #bca2ff 100%);
	opacity: 0.8;
	min-width: 1100px;
	width: 90%;
	height: 120%;
	border-radius: 0 10px 10px 0;
	top: -20%;
	left: 0;
}

.section-inner-data::after {
	z-index: -10;
	content: '';
	position: absolute;
	background: linear-gradient(to right, #ff84e8 0%, #ff7095 100%);
	opacity: 0.8;
	min-width: 1100px;
	width: 90%;
	height: 120%;
	border-radius: 10px 0 0 10px;
	top: -8%;
	right: 0;
}

/* お祝いメッセージ */

.performer-list {
	position: relative;
	display: flex;
	max-width: 1200px;
	flex-wrap: wrap;
	gap: 20px 4px;
	justify-content: center;
	align-content: center;
	list-style-type: none;
	margin: 0 auto;
}

.performer-list::before {
	z-index: -1;
	content: '';
	position: absolute;
	display: inline-block;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22442px%22%20height%3D%22744px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20opacity%3D%220.502%22%20fill%3D%22rgb(255%2C%20223%2C%20125)%22%20d%3D%22M440.654%2C407.389%20L321.827%2C737.389%20C320.399%2C741.355%20316.637%2C744.000%20312.422%2C744.000%20L105.751%2C744.000%20C98.827%2C744.000%2094.000%2C737.128%2096.346%2C730.611%20L215.173%2C400.611%20C216.601%2C396.644%20220.363%2C394.000%20224.578%2C394.000%20L431.249%2C394.000%20C438.173%2C394.000%20443.000%2C400.872%20440.654%2C407.389%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20opacity%3D%220.4%22%20fill%3D%22rgb(119%2C%20255%2C%20234)%22%20d%3D%22M345.654%2C13.389%20L226.827%2C343.389%20C225.399%2C347.355%20221.637%2C350.000%20217.422%2C350.000%20L10.751%2C350.000%20C3.827%2C350.000%20-1.000%2C343.128%201.346%2C336.611%20L120.173%2C6.611%20C121.601%2C2.644%20125.363%2C-0.000%20129.578%2C-0.000%20L336.249%2C-0.000%20C343.173%2C-0.000%20348.000%2C6.872%20345.654%2C13.389%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	height: 744px;
	width: 442px;
	top: -10px;
	left: -200px;
}

.performer-list::after {
	z-index: -1;
	content: '';
	position: absolute;
	display: inline-block;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22482px%22%20height%3D%22724px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20opacity%3D%220.4%22%20fill%3D%22rgb(119%2C%20255%2C%20234)%22%20d%3D%22M345.654%2C387.389%20L226.827%2C717.389%20C225.399%2C721.355%20221.637%2C724.000%20217.422%2C724.000%20L10.751%2C724.000%20C3.827%2C724.000%20-1.000%2C717.128%201.346%2C710.611%20L120.173%2C380.611%20C121.601%2C376.644%20125.363%2C374.000%20129.578%2C374.000%20L336.249%2C374.000%20C343.173%2C374.000%20348.000%2C380.872%20345.654%2C387.389%20Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20opacity%3D%220.4%22%20fill%3D%22rgb(255%2C%20234%2C%2095)%22%20d%3D%22M480.654%2C13.389%20L361.827%2C343.389%20C360.399%2C347.355%20356.637%2C350.000%20352.422%2C350.000%20L145.751%2C350.000%20C138.827%2C350.000%20134.000%2C343.128%20136.346%2C336.611%20L255.173%2C6.611%20C256.601%2C2.644%20260.363%2C-0.000%20264.578%2C-0.000%20L471.249%2C-0.000%20C478.173%2C-0.000%20483.000%2C6.872%20480.654%2C13.389%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	height: 744px;
	height: 724px;
	width: 482px;
	top: -10px;
	right: -200px;
}

.performer-list-item {
	position: relative;
	box-sizing: border-box;
	width: 230px;
	height: 354px;
	transform: skewX(-20deg);
	transition: all 300ms 0s ease;
	cursor: pointer;
}

.performer-list-item:nth-of-type(even) {
	top: 20px;
	left: -7px;
}

.performer-list-item:hover {
	z-index: 10;
	transform: scale(1.02) skewX(-20deg);
	filter: brightness(105%);
	transition: all 80ms 0s ease-out;
}

.performer-list-item__image {
	position: absolute;
	display: block;
	width: 350px;
	left: 48%;
	bottom: 0;
	transform: skewX(20deg) translateX(-50%);
	pointer-events: none;
}


.performer-list-item__text {
	color: #ffffff;
	width: 202px;
	height: 40px;
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/sprite_performer_list.png) no-repeat;
	background-position: 0 -300px;
	font-size: 14px;
	line-height: 40px;
	margin: 0 auto;
}


.section-inner-data__text:nth-of-type(1) {
	font-size: 32px;
}

.section-inner-data__text {
	color: #fff;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	max-width: 950px;
	line-height: 1.8;
	letter-spacing: 0.1em;
	margin: 0 auto 50px;
}

.section-inner-data__text:last-of-type {
	margin-bottom: initial;
}

.text.is_emphasis {
	color: #ffff00;
}

/* イベント一覧 */

.event-list-wrap {
	margin-top: 27px;
}
.event-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 80px 46px;
	list-style-type: none;
	max-width: 1200px;
	margin: 0 auto;
}

.event-list-item {
	box-sizing: border-box;
	transition: .1s ease;
}

.event-list-item:hover {
	filter: brightness(112%);
}



.event-list-item-inner {
	position: relative;
	box-sizing: border-box;
	display: block;
	width: 524px;
	transition: all 300ms 0s ease;
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/bg_event_list_frame_repeat.png) repeat-y;
	padding: 25px 20px 5px;
}

.event-list-item-inner::before {
	content: '';
	position: absolute;
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/bg_event_list_frame_top.png) no-repeat;
	width: 524px;
	height: 15px;
	top: -15px;
	left: 0;
}

.event-list-item-inner::after {
	content: '';
	position: absolute;
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/bg_event_list_frame_bottom.png) no-repeat;
	width: 524px;
	height: 15px;
	bottom: -15px;
	left: 0;
}

.event-list-item-inner:link,
.event-list-item-inner:visited {
	text-decoration: none;
	color: inherit;
}

.event-list-item-inner:hover {
	text-decoration: inherit;
}

.event-list-item-inner__time {
	position: absolute;
	font-size: 20px;
	font-weight: bold;
	line-height: 44px;
	color: #fff;
	letter-spacing: 0.1em;
	background: linear-gradient(to right, #ffa93d 0%, #ff70a1 100%);
	height: 44px;
	width: 367px;
	top: -37px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.event-list-item-inner__time::before {
	position: absolute;
	content: '';
	display: inline-block;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2244px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20169%2C%2061)%22%20d%3D%22M15.194%2C44.000%20L3.806%2C44.000%20C1.437%2C44.000%200.001%2C41.387%201.273%2C39.389%20L11.322%2C23.611%20C11.948%2C22.628%2011.948%2C21.372%2011.322%2C20.389%20L1.273%2C4.611%20C0.001%2C2.614%201.437%2C0.000%203.806%2C0.000%20L15.194%2C0.000%20C15.194%2C14.667%2015.194%2C29.333%2015.194%2C44.000%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	height: 44px;
	width: 15px;
	left: -13px;
}

.event-list-item-inner__time::after {
	position: absolute;
	content: '';
	display: inline-block;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2244px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20112%2C%20161)%22%20d%3D%22M0.806%2C44.000%20L12.194%2C44.000%20C14.563%2C44.000%2015.999%2C41.387%2014.727%2C39.389%20L4.678%2C23.611%20C4.052%2C22.628%204.052%2C21.372%204.678%2C20.389%20L14.727%2C4.611%20C15.999%2C2.614%2014.563%2C0.000%2012.194%2C0.000%20L0.806%2C0.000%20C0.806%2C14.667%200.806%2C29.333%200.806%2C44.000%20Z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
	height: 44px;
	width: 15px;
	right: -13px;
}

.event-list-item-inner__image {
	display: block;
	width: 100%;
	margin: 0 auto 15px;
}

.event-list-item-inner__text {
	color: #333;
	font-size: 16px;
	line-height: 26px;
	text-align: initial;
	margin-bottom: 20px;
}

.event-list-item-inner__link {
	width: fit-content;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.1em;
	background: linear-gradient(to right, #72c9ff 0% , #d685ff 100% );
	border-radius: 17px;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
	margin: 0 auto;
}

.is_soon {
	pointer-events: none;
}

.is_soon .event-list-item-inner__text {
	visibility: hidden;
	
}

.is_soon .event-list-item-inner__link {
	background: rgb(218, 218, 218);
}

.is_soon .event-list-item-inner__time {
	display: none;
}

/* ダイアログ */
.dialog-wrap {
	position: fixed;
	z-index: 100;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.dialog-wrap-background {
	position: fixed;
	z-index: 101;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.65);
	top: 0;
	left: 0;
}

.dialog {
	z-index: 102;
	position: relative;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	width: 904px;
	height: 424px;
	border-radius: 10px;
	top: 50%;
	left: 50%;
}

.dialog::before {
	z-index: -1;
	content: '';
	position: absolute;
	display: inline-block;
	bottom: 0;
	left: 0;
}

.dialog.is_nanase::before {
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/bg_nanase.png) no-repeat;
	width: 904px;
	height: 486px;
}

.dialog.is_reika::before {
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/bg_reika.png) no-repeat;
	width: 917px;
	height: 504px;
	left: -13px;
}
.dialog.is_yuuna::before {
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/bg_yuuna.png) no-repeat;
	width: 911px;
	height: 468px;
	left: -7px;
	bottom: -2px;
}

.dialog.is_izumi::before {
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/bg_izumi.png) no-repeat;
	width: 904px;
	height: 486px;
	bottom: -2px;
}

.dialog.is_harumi::before {
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/bg_harumi.png) no-repeat;
	width: 904px;
	height: 472px;
}

.dialog.is_yumi::before {
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/bg_yumi.png) no-repeat;
	width: 943px;
	height: 464px;
	left: -39px;
}

.dialog.is_kei::before {
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/bg_kei.png) no-repeat;
	width: 904px;
	height: 470px;
	bottom: -2px;
}

.dialog.is_eri::before {
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/bg_eri.png) no-repeat;
	width: 904px;
	height: 460px;
	bottom: -2px;
}

.dialog.is_haru::before {
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/bg_haru.png) no-repeat;
	width: 904px;
	height: 477px;
}

.dialog-item {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	box-sizing: border-box;
	height: 100%;
	padding: 0 0 14px 320px;
}

.dialog-item::before {
	content: '';
	display: inline-block;
	position: absolute;
	background: url(https://assets.angel-live.com/common/event/img/20th_anniversary/feather_dialog.png) no-repeat;
	width: 304px;
	height: 243px;
	bottom: -32px;
	right: -50px;
	pointer-events: none;
}

.dialog-item-data {
	display: flex;
	height: 60px;
	gap: 10px;
	font-weight: bold;
	font-size: 22px;
	font-style: italic;
}

.dialog-item-data__name {
	font-size: 22px;
	text-align: left;
	line-height: 60px;
}

.dialog-item-data:link,
.dialog-item-data:hover,
.dialog-item-data:active,
.dialog-item-data:visited {
	text-decoration: none;
	color: #fff;
}

.dialog-item-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 550px;
	height: 354px;
}

.dialog-item-inner__text {
	font-size: 16px;
	font-weight: bold;
	text-align: initial;
	color: #333;
	min-height: 240px;
	overflow-y: auto;
}

.dialog-arrow {
	position: absolute;
	transform: translateY(-50%);
	width: 110px;
	height: 110px;
	top: 50%;
	cursor: pointer;
}



.dialog-arrow::before {
	content: '';
	display: inline-block;
	position: absolute;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2090%2090%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bopacity%3A0.6%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M76.82%2C13.18a45%2C45%2C0%2C1%2C0%2C0%2C63.64A45%2C45%2C0%2C0%2C0%2C76.82%2C13.18ZM57.17%2C46.3l-15.88%2C17a2%2C2%2C0%2C0%2C1-2.83.1l-.05-.05a2%2C2%2C0%2C0%2C1%2C0-2.78L52.71%2C45.21a.89.89%2C0%2C0%2C0%2C0-1.24l-14.8-14.8a2.08%2C2.08%2C0%2C0%2C1-.3-2.65%2C2%2C2%2C0%2C0%2C1%2C3-.26L57.1%2C42.73A2.57%2C2.57%2C0%2C0%2C1%2C57.17%2C46.3Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E')no-repeat;	
	width: 60px;
	height:60px;
	inset: 0;
	margin: auto;
}

.dialog-arrow.is_prev::before{
	transform: scaleX(-1);
}



.dialog-arrow.is_prev {
	left: -120px;
}

.dialog-arrow.is_next {
	right: -120px;
}





@media (max-width: 1600px) {
	.event-detail::before {
		left: -280px;
	}
	.event-detail::after {
		right: -280px;
	}
}


@media (max-width: 1280px) {
	.hero__image {
		width: 100%;
	}

	.is_performer-message .section-inner::before {
		top: 808px;
		left: 39%;
	}
	.performer-list {
		max-width: 930px;
	}
	.performer-list::before {
		left: -80px;
	}
	.performer-list::after {
		right: -80px;
	}
}


@media (max-width: 1080px) {
	.performer-list {
		max-width: 900px;
	}

	.event-list {
		justify-content: center;
		max-width: 900px;
	}

	.member-list {
		justify-content: center;
		max-width: 500px;
	}

	.member-list-item {
		margin: 50px 0;
	}

	.dialog-arrow.is_next {
		right: -100px;
	}

	.dialog-arrow.is_prev {
		left: -100px;
	}
}