@charset "utf-8";


.l-main {
	overflow: hidden;
	width: 100%;
}
.p-page::before {
	content: "";
	z-index: -1;
	position: fixed;
	top: calc(50% - 32vw);
	left: 25vw;
	width: 50vw;
	height: calc(50vw * 1.32);
	background: url(../img/logo_bg.svg) center / cover no-repeat;
	opacity: .1;
}
@media screen and (max-width: 767px) {
	.p-page::before {
		top: calc(50% - 60vw);
		left: 4vw;
		width: 92vw;
		height: calc(92vw * 1.32);
	}
}


/**
 * ページタイトルエリア
 * ---------------------------------------- */
.page_visual {
	display: grid;
	align-content: center;
	position: relative;
	min-height: 740px;
}
.page_visual .hr {
	position: absolute;
	top: 75%;
	width: 100%;
	fill: #d62626;
	line-height: 1;
}
.page_visual .hr .arr {
	display: block;
	width: 66px;
	height: auto;
	margin: 0 auto;
}
.page_visual .hr::before,
.page_visual .hr::after {
	content: "";
	position: absolute;
	top: calc(50% - 8px);
	width: 124px;
	height: 16px;
	background: url(../img/slash_line.svg) center;
}
.page_visual .hr::before {
	left: 0;
}
.page_visual .hr::after {
	right: 0;
}
@media screen and (max-width: 767px) {
	.page_visual {
		min-height: 360px;
	}
	.page_visual .hr .arr {
		width: calc(40vw / 3.75);
	}
	.page_visual .hr::before,
	.page_visual .hr::after {
		width: calc(72vw / 3.75);
	}
}

.page_title {
	justify-self: center;
	color: #d62626;
	font-size: 109px;
	line-height: 1;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}
.page_title.-s {
	position: relative;
	width: calc(100% - 40px);
	max-width: 960px;
	margin: 224px auto 0;
	font-size: 61px;
	line-height: 1.2;
}
.page_title.-s::before {
	content: "";
	position: absolute;
	top: -56px;
	left: 0;
	width: 85px;
	height: 10px;
	background: url(../img/obj_slash.svg) center / cover no-repeat;
}
@media screen and (max-width: 767px) {
	.page_title {
		font-size: calc(48vw / 3.75);
	}
	.page_title.-s {
		font-size: 40px;
	}
}

.page_lead,
.page_anchor {
	font-size: 16px;
	line-height: 1.2;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
	text-align: center;
}
.page_lead {
	justify-self: center;
	padding: 1em;
}
.page_anchor {
	white-space: nowrap;
}
.page_anchor .anchorlist {
	display: inline-flex;
	justify-content: center;
	margin: 0 auto;
}

.page_anchor {
	width: 100%;
	overflow: auto;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}
.page_anchor::-webkit-scrollbar {
	width: 0;
	height: 0;
}
.page_anchor::-webkit-scrollbar-thumb {
	box-shadow: none;
	background: black;
}
.page_anchor::-webkit-scrollbar-track {
	background: black;
}
.page_anchor .anchorlist li:first-child {
	padding-left: 20px;
}
.page_anchor .anchorlist li:last-child {
	padding-right: 20px;
}

.page_anchor a,
.page_anchor button {
	cursor: pointer;
	display: block;
	padding: 1em;
	color: currentcolor;
	text-transform: uppercase;
}
.page_anchor .anchorlist .js-filtering:not(.is-selected) {
	color: #535353;
}
@media screen and (min-width: 768px) {
	.page_lead,
	.page_anchor {
		margin-top: 24px;
	}
}
@media screen and (max-width: 767px) {
	.page_lead,
	.page_anchor {
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 479px) {
	.page_lead,
	.page_anchor {
		font-size: 14px;
	}
}

/* motion */
.main_visual:not(.is-fixed) .page_lead,
.main_visual:not(.is-fixed) .page_anchor,
.main_visual:not(.is-fixed) .hr .arr {
	opacity: 0;
	transform: translateX(24px);
}
.main_visual:not(.is-fixed) .hr .arr {
	transform: translateY(-48px);
}
.main_visual .page_lead.is-anim,
.main_visual .page_anchor.is-anim,
.main_visual .hr .arr.is-anim {
	transition: opacity .4s, transform .4s cubic-bezier(.1,1,.3,1);
	transition-delay: .2s;
}
.main_visual .hr .arr.is-anim {
	transition-duration: .6s;
}


/**
 * コンポーネント
 * ---------------------------------------- */
.ico {
	fill: #d62626;
}

.c-title {
	display: flex;
	flex-direction: column;
	position: relative;
	padding-top: 32px;
	color: #d62626;
	font-family: "Fabrikat", sans-serif;
	line-height: 1;
	font-weight: 900;
	text-align: center;
}
.c-title::before {
	content: "";
	position: absolute;
	top: 0;
	left: calc(50% - 44px);
	width: 88px;
	height: 10px;
	background: url(../img/obj_slash.svg) center / cover no-repeat;
}
.c-title .main {
	font-size: 80px;
	text-transform: uppercase;
}
.c-title .latest {
	margin-top: 1em;
	font-size: 10px;
}
[data-outline] {
	position: relative;
	color: black;
	-webkit-text-stroke: 2px #d62626;
}
[data-outline]::before {
	content: attr(data-outline);
	position: absolute;
	-webkit-text-stroke: 0;
}
@media screen and (max-width: 767px) {
	.c-title .main {
		font-size: 64px;
	}
}
@media screen and (max-width: 479px) and (min-resolution: 2dppx) {
	[data-outline] {
		-webkit-text-stroke: 1px #d62626;
	}
}

.c-ttlomit {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.c-3lomit {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.c-2lomit {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.c-tag {
	padding: .8em 1.2em 1em;
	color: black;
	font-size: 14px;
	line-height: 1;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
	background: #d62626;
	-webkit-mask-image: url(../img/mask_geometry.svg);
	-webkit-mask-size: 100% 100%;
	mask-image: url(../img/mask_geometry.svg);
	mask-size: 100% 100%;
}

.c-link,
.c-button {
	cursor: pointer;
	display: inline-grid;
	place-items: center;
	position: relative;
	width: 100%;
	max-width: 244px;
	height: 72px;
	color: white;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
}
.c-link {
	padding-right: 40px;
}
.c-button {
	border: 2px solid #d62626;
	font-size: 18px;
	background: black;
	box-shadow: 2px 2px 0 #d62626;
}
.c-link .ar,
.c-button .ar,
.c-link .ex,
.c-button .ex {
	position: absolute;
	top: calc(50% - 7px);
	right: 16px;
}
.c-link .ar,
.c-link .ex {
	right: 0;
}
.c-button.-back {
	padding-left: 16px;
}
.c-button.-back .ar {
	right: auto;
	left: 16px;
	transform: scaleX(-1);
}

/* SHARE */
.c-share {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	line-height: 1;
}
.c-share dt {
	margin-right: 24px;
	color: #d62626;
	font-size: 15px;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}
.c-share a {
	display: grid;
	place-content: center;
	width: 56px;
	height: 56px;
}

/* :::::: メンバーリスト :::::: */
.memberlist {
	text-align: center;
}
.memberlist:not(.flickity-enabled) {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px 40px;
	max-width: 1260px;
	margin-inline: auto;
}
.member_item {
	line-height: 1.2;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
}
.memberlist.flickity-enabled .member_item {
	width: 240px;
}
.memberlist:not(.flickity-enabled) .member_item {
	width: calc(20% - 160px / 5);
}
.member_item figcaption {
	margin-top: 8px;
}
.member_item .name {
	display: block;
	font-size: 18px;
}
.member_item .team {
	font-size: 8px;
}
@media screen and (max-width: 1199px) {
	.memberlist:not(.flickity-enabled) {
		gap: calc(24vw / 12) calc(40vw / 12);
	}
}
@media screen and (max-width: 767px) {
	.memberlist:not(.flickity-enabled) {
		gap: 16px 24px;
		max-width: 504px;
	}
	.memberlist:not(.flickity-enabled) .member_item {
		width: calc(50% - 12px);
	}
}
@media screen and (max-width: 479px) {
	.memberlist.flickity-enabled .member_item {
		width: 120px;
	}
	.memberlist:not(.flickity-enabled) {
		column-gap: 24px;
	}
	.memberlist:not(.flickity-enabled) .member_item {
		width: calc(50% - 12px);
	}
}
.team_section .memberlist {
	gap: 24px 0;
}

/* :::::: ニュースリスト :::::: */
.news_item a {
	display: block;
	position: relative;
	box-shadow: 0 8px 24px rgba(214,38,38,.5);
}
.news_item a::before {
	content: "";
	z-index: 1;
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,0) 60%);
}
.news_item .c-tag {
	position: absolute;
	top: -12px;
	left: -12px;
}
.news_item .subject,
.news_item .category,
.news_item .date {
	display: flex;
	align-items: center;
	z-index: 2;
	position: absolute;
	height: 40px;
	line-height: 1.2;
}
.news_item .subject {
	bottom: 0;
	right: 24px;
	left: 24px;
	height: 64px;
	border-top: 2px solid #393939;
	color: #d9B8B8;
	font-weight: 700;
	text-align: left;
}
.news_item .category,
.news_item .date {
	color: #d62626;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
}
.news_item .category {
	bottom: 62px;
	left: 24px;
	border-bottom: 2px solid currentcolor;
	font-size: 14px;
}
.news_item .date {
	bottom: 64px;
	right: 24px;
	font-size: 12px;
}
@media screen and (max-width: 479px) {
	.news_item .subject {
		height: 40px;
		font-size: 13px;
	}
	.news_item .category {
		bottom: 38px;
		font-size: 11px;
	}
	.news_item .date {
		bottom: 40px;
		font-size: 10px;
	}
}

/* :::::: < flickity 用 > :::::: */
.flickity_arrow {
	cursor: pointer;
	z-index: 2;
	position: absolute;
	top: calc(50% - 40px);
	width: 64px;
	height: 64px;
	color: white;
	line-height: 1;
}
.flickity_arrow.-prev {
	left: 20px;
}
.flickity_arrow.-next {
	right: 20px;
}
.flickity_arrow .ar {
	width: 100%;
	height: 100%;
}
.flickity_arrow.-prev .ar {
	transform: scaleX(-1);
}
.flickity_arrow.-prev .ar {
	filter: drop-shadow(-6px 0 0 #d62626);
}
.flickity_arrow.-next .ar {
	filter: drop-shadow(6px 0 0 #d62626);
}
@media screen and (max-width: 479px) {
	.flickity_arrow {
		width: 40px;
		height: 40px;
	}
	.home_section .flickity_arrow.-prev .ar {
		filter: drop-shadow(-4px 0 0 #d62626);
	}
	.home_section .flickity_arrow.-next .ar {
		filter: drop-shadow(4px 0 0 #d62626);
	}
}







/**
 * セクション
 * ---------------------------------------- */
.page_section {
	max-width: 1206px;
	margin: 180px auto;
	padding: 0 20px;
}
.page_section:first-of-type {
	margin-top: 0;
}
.section_title {
	display: flex;
	flex-direction: column;
	line-height: 1.1;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
}
.section_title .sub {
	color: white;
	font-size: 18px;
}
.section_title .main {
	color: #d62626;
	font-size: 48px;
}
.section_title .sub + .main {
	margin-top: .2em;
}
.section_title .main + .sub {
	margin-top: .8em;
}
@media screen and (max-width: 767px) {
	.page_section {
		margin: 80px auto;
	}
	.section_title .sub {
		font-size: 16px;
	}
	.section_title .main {
		font-size: 32px;
	}
}





/**
 * 関連リスト
 * ---------------------------------------- */
.relation_container {
	position: relative;
	margin-top: 80px;
}
.relation_container::before {
	content: "";
	position: absolute;
	top: -48px;
	right: calc(50% - 50vw);
	left: calc(50% - 50vw);
	height: 160px;
	background: url(../img/obj_slash.svg) center / cover no-repeat;
}
.relationlist .flickity-viewport {
	overflow: visible;
}
.relationlist .flickity_arrow {
	top: calc(180px - 16px);
	width: 32px;
	height: 32px;
}
.p-page.-news .relationlist .flickity_arrow {
	top: calc(100% - 14px);
}
.relationlist .flickity_arrow.-prev {
	left: calc(50% - 50vw + 20px);
}
.relationlist .flickity_arrow.-next {
	right: calc(50% - 50vw + 20px);
}
.relationlist .flickity_arrow.-prev .ar {
	filter: drop-shadow(-4px 0 0 #d62626);
}
.relationlist .flickity_arrow.-next .ar {
	filter: drop-shadow(4px 0 0 #d62626);
}
.relation_item {
	width: 320px;
	min-width: 280px;
	margin-right: 32px;
}
.relation_item .subject {
	height: 48px;
	font-size: 13px;
}
.relation_item .category {
	bottom: 46px;
}
.relation_item .thumb {
	box-shadow: 0 8px 24px rgba(214,38,38,.5);
}
.relation_item .date {
	bottom: 48px;
}
.relation_item .data {
	position: relative;
	height: 40px;
	margin-top: 12px;
	line-height: 1.4;
}
.relation_item .data dt {
	width: calc(100% - 32px);
	font-size: 14px;
	font-weight: 700;
}
.relation_item .data .media {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 0;
}
.relation_item .data .media,
.relation_item .data .media .ico {
	width: 20px;
	height: 20px;
}
.relation_item .data .date {
	margin-top: .5em;
	color: #535353;
	font-size: 11px;
}
@media screen and (min-width: 1302px) {
	.relationlist .flickity_arrow.-prev {
		left: -48px;
	}
	.relationlist .flickity_arrow.-next {
		right: -48px;
	}
}
@media screen and (max-width: 767px) {
	.relation_container {
		margin-top: 40px;
	}
	.relation_container::before {
		top: -16px;
		bottom: auto;
		height: 64px;
	}
	.relationlist .flickity_arrow {
		display: none;
	}
	.relation_item {
		width: calc(160vw / 3.75);
		margin-right: calc(12vw / 3.75);
	}
}






/**
 * ABOUT
 * ---------------------------------------- */
.about_content,
.about_section {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}
.about_section {
	margin: 160px auto;
	padding: 120px 20px;
}
.about_section::before {
	content: "";
	position: absolute;
	inset: 0 -120px;
	border-top: 1px solid #d62626;
	border-bottom: 1px solid #d62626;
	background: #050404;
}
.about_section > * {
	position: relative;
}
.p-whoweare p {
	font-size: 26px;
	line-height: 2;
	font-weight: 700;
}
.p-whoweare p:nth-child(n+2) {
	margin-top: 1em;
}
.p-whoweare strong {
	padding-bottom: .25em;
	background: linear-gradient(to top, #bb151c 80%, transparent 80%);
}
@media screen and (max-width: 767px) {
	.about_section {
		margin: 80px auto;
		padding: 64px 20px;
	}
	.p-whoweare p {
		font-size: 20px;
	}
}

/* :::::: CRAZY RACOON CUP / TEAM REACH :::::: */
.p-reach {
	margin-top: 120px;
	padding-top: 120px;
	border-top: 2px solid #d62626;
}
.about_column .title {
	font-size: 26px;
	font-weight: 700;
}
.about_column .about_message {
	font-size: 18px;
	line-height: 2;
	font-weight: 500;
}
.about_column .about_data {
	margin-top: 8px;
}
.about_data .datalist {
	line-height: 1.4;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
}
.about_data .datalist .item::before {
	content: "";
	display: block;
	width: 1.2em;
	border-top: 1px solid #d62626;
}
.about_data .datalist .item:nth-child(n+2) {
	margin-top: 40px;
}
.about_data .datalist dt {
	margin-top: .9em;
	font-size: 16px;
}
.about_data .datalist dd {
	font-size: 48px;
}
@media screen and (min-width: 768px) {
	.about_column {
		display: grid;
		grid-template-columns: 60% auto;
		gap: 16px 40px;
	}
	.p-reach {
		grid-template-columns: auto 60%;
	}
	.about_column .title {
		grid-column: 1 / 2;
	}
	.p-reach .title {
		grid-column: 2 / 3;
	}
	.about_column .about_message {
		grid-area: 2 / 1 / 3 / 2;
	}
	.p-reach .about_message {
		grid-area: 2 / 2 / 3 / 3;
	}
	.about_column .about_data {
		grid-area: 2 / 2 / 3 / 3;
		justify-self: center;
	}
	.p-reach .about_data {
		grid-area: 2 / 1 / 3 / 2;
	}
}
@media screen and (max-width: 767px) {
	.p-reach {
		margin-top: 64px;
		padding-top: 64px;
		border-width: 1px;
	}
	.about_column .about_data {
		margin-top: 40px;
	}
}

/* :::::: 運営会社 :::::: */
.p-company .title {
	color: #d62626;
	line-height: 1;
}
.p-company .title .main {
	font-size: 64px;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
}
.p-company .title .sub {
	position: relative;
	top: -.1em;
	margin-left: .5em;
	font-size: 24px;
}
.p-company .company_data .row {
	display: flex;
	padding: 1em 0;
	line-height: 2;
}
.p-company .company_data .row:not(:first-child) {
	border-top: 1px solid #707070;
}
.p-company .company_data dt {
	flex-basis: 7em;
}
.p-company .company_data dd {
	flex-basis: calc(100% - 8em);
	font-weight: 700;
}
.p-company .company_data a {
	color: #d62626;
	font-weight: 400;
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
}
@media (hover: hover) {
	.p-company .company_data a {
		transition: background-size .4s cubic-bezier(.9,0,.1,1);
	}
	.p-company .company_data a:hover {
		background-position: right bottom;
		background-size: 0 1px;
	}
}
@media screen and (min-width: 768px) {
	.p-company {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		gap: 40px 80px;
	}
	.p-company .title {
		grid-column: 1 / 3;
	}
	.p-company .company_thumb {
		grid-area: 2 / 1 / 3 / 2;
	}
	.p-company .company_data {
		grid-area: 2 / 2 / 3 / 3;
	}
}
@media screen and (max-width: 767px) {
	.p-company .title {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.p-company .company_thumb {
		margin-top: 40px;
	}
	.p-company .company_data {
		margin-top: 16px;
	}
}
@media screen and (max-width: 479px) {
	.p-company .title .main {
		font-size: 40px;
	}
	.p-company .title .sub {
		font-size: 18px;
	}
	.p-company .company_thumb {
		margin-right: -20px;
		margin-left: -20px;
	}
	.p-company .company_data {
		font-size: 14px;
	}
}


/**
 * MEMBER
 * ---------------------------------------- */
.team_section {
	margin: 120px 0;
	padding: 40px 20px 0;
	text-align: center;
}
.team_section:first-of-type {
	margin-top: 0;
}
.team_title {
	font-size: 144px;
	line-height: 1;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}
.team_title .main {
	position: relative;
	font-size: inherit;
}
.team_section .memberlist {
	position: relative;
	margin-top: -64px;
}
@media screen and (max-width: 1199px) {
	.team_title {
		font-size: calc((144vw - 40px) / 12);
	}
	.team_section .memberlist {
		margin-top: calc(-64vw / 12);
	}
}
@media screen and (max-width: 767px) {
	.team_section {
		margin: 80px 0;
	}
}

/* :::::: STEREAM ARCHIVE :::::: */


/*
 * メンバー個別
 * ---------------------------------------- */
.member_visual {
	display: grid;
	place-items: center;
	align-content: flex-end;
	position: relative;
	min-height: 560px;
	text-align: center;
}
.member_title {
	font-size: 240px;
	line-height: 1;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}
.member_visual .chara {
	position: relative;
	width: 340px;
}
/* .member_visual .chara::before {
	content: "";
	z-index: -1;
	position: absolute;
	bottom: 0;
	left: 10%;
	width: 80%;
	height: 40px;
	border-radius: 50%;
	background: #c7c7c7;
} */
.member_visual .chara .glitch {
	position: absolute;
	top: 0;
	left: 0;
}
.member_visual .bg {
	z-index: -2;
	position: absolute;
	inset: -40px 0 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (min-width: 768px) {
	.member_visual {
		grid-template: auto / 100%;
	}
	.member_title {
		grid-area: 1 / 1;
	}
	.member_visual .chara {
		grid-area: 1 / 1;
	}
}
@media screen and (max-width: 767px) {
	.member_visual {
		min-height: calc(468vw / 3.75);
	}
	.member_visual .chara {
		grid-row: 1;
		width: calc(280vw / 3.75);
	}
	.member_title {
		grid-row: 2;
		margin-top: 24px;
	}
	.member_title {
		font-size: calc(40vw / 3.75);
	}
}
/* motion */
.main_visual:not(.is-fixed) .chara {
	opacity: 0;
	transform: translateX(24px);
}
.main_visual .chara.is-anim {
	transition: opacity .4s, transform .4s cubic-bezier(.1,1,.3,1);
	/* transition-delay: .2s; */
}
.main_visual .chara .glitch.is-anim {
	filter: hue-rotate(90deg) saturate(10);
	animation: glitchAnim .8s .2s steps(1) both;
}
.is-blur .main_visual .chara .glitch.is-anim {
	animation-play-state: paused;
}

/* :::::: PROFILE :::::: */
.p-profile {
	z-index: 1;
	position: relative;
	margin-top: 80px;
}
.p-profile dl {
	margin: 0 auto;
}
.p-profile dt {
	color: #d62626;
	font-size: 15px;
	line-height: 1.2;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
}
.p-profile .ico {
	width: 40px;
	height: auto;
}
/* profile */
.p-profile .profile {
	display: grid;
	align-items: flex-end;
	max-width: 800px;
}
.p-profile .profile .name {
	grid-column: 1;
	position: relative;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.p-profile .profile .name .main {
	font-size: 24px;
}
.p-profile .profile .name .sub {
	font-size: 13px;
}
.p-profile .profile .name::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 0;
	width: 85px;
	height: 10px;
	background: url(../img/obj_slash.svg) center / cover no-repeat;
}
.p-profile .profile .team {
	grid-column: 2;
	font-size: 13px;
	line-height: 1.6;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
	text-align: right;
	text-transform: uppercase;
}
.p-profile .profile .text {
	grid-area: 2 / 1 / 3 / 3;
	margin-top: 20px;
}
@media screen and (min-width: 768px) {
	.p-profile .profile .text {
		font-size: 18px;
	}
}
/* followers */
.p-profile .followers {
	max-width: 900px;
	margin-top: 88px;
}
.p-profile .followers dt {
	position: relative;
	padding: 1em;
	color: white;
	text-align: center;
	background: #d62626;
}
.p-profile .followers dt::before,
.p-profile .followers dt::after {
	content: "";
	position: absolute;
	top: -16px;
	width: 112px;
	height: calc(100% + 32px);
	background: url(../img/obj_followers.svg) center / cover no-repeat;
}
.p-profile .followers dt::before {
	left: -16px;
}
.p-profile .followers dt::after {
	right: -16px;
	transform: scaleX(-1);
}
.p-profile .followers dd {
	place-self: center;
	font-size: 42px;
	line-height: 1;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
}
.p-profile .followers dd .ico {
	margin: -.1em .7em 0 0;
	vertical-align: middle;
}
/* sns */
.p-profile .sns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 24px;
	position: relative;
	padding: 48px 48px 64px;
	border-top: 1px solid #d62626;
	border-bottom: 1px solid #d62626;
	text-align: center;
}
.p-profile .sns::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	bottom: -16px;
	background: black;
}
.p-profile .sns dt {
	flex-basis: 100%;
	margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
	.p-profile .followers {
		display: grid;
	}
	.p-profile .followers.-tw.-yt dt {
		grid-column: 1 / 3;
	}
	.p-profile .followers dd {
		padding: 80px 24px;
	}
}
@media screen and (max-width: 767px) {
	.p-profile .followers {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-bottom: 40px;
	}
	.p-profile .followers dt {
		width: 100%;
	}
	.p-profile .followers dt + dd {
		margin-top: 40px;
	}
	.p-profile .followers dd {
		padding: 24px;
	}
	.p-profile .sns {
		padding: 48px 24px 64px;
	}
}
@media screen and (max-width: 479px) {
	.p-profile .sns dd {
		flex-basis: calc(33.3333% - 48px / 3);
	}
}

/* :::::: ANOTHER MEMBER :::::: */
.p-others .memberlist {
	margin-top: 40px;
}
.p-others .flickity-viewport {
	overflow: visible;
}
@media screen and (max-width: 767px) {
	.p-others .memberlist {
		margin-top: 16px;
	}
}




/**
 * スポンサー・ストア
 * ---------------------------------------- */
.sponsor_section,
.store_section {
	max-width: 1000px;
	margin: 64px auto;
}
.c-pullhead {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: relative;
	height: 200px;
	margin: 0 auto;
	background: white;
	box-shadow: 0 8px 24px rgba(214,38,38,.5);
}
.c-pullhead::after {
	content: "";
	position: absolute;
	inset: 0;
	border: 3px solid #d62626;
	pointer-events: none;
}
.sponsor_section .c-pullhead {
	padding: 24px;
}
.sponsor_section .c-pullhead img {
	width: 160px;
}
.store_section .c-pullhead img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.c-pullhead .name {
	position: relative;
	padding: 0 1em;
	font-size: 56px;
	line-height: 1.2;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.sponsor_section,
	.store_section {
		margin: 40px auto;
	}
	.c-pullhead .name {
		font-size: 40px;
	}
}
@media screen and (max-width: 479px) {
	.c-pullhead .name {
		font-size: 32px;
	}
}

/* ::::: accordion :::::: */
.c-pullbody {
	position: relative;
	overflow: hidden;
	margin: -100px -64px 0;
	border: 3px solid #d62626;
}
@media screen and (max-width: 767px) {
	.c-pullbody {
		margin-right: -20px;
		margin-left: -20px;
	}
}
.c-pullbody .profile {
	display: grid;
	grid-template-columns: 1fr auto 120px;
	align-items: center;
	padding: 144px 64px 48px;
	gap: 16px 24px;
}
.c-pullbody .profile .name,
.c-pullbody .profile .sns,
.c-pullbody .profile .link {
	grid-row: 1;
}
.c-pullbody .profile .name {
	grid-column: 1;
	display: inline-flex;
	align-items: center;
	line-height: 1.2;
	font-weight: 700;
}
.c-pullbody .profile .name .main {
	font-size: 24px;
}
.c-pullbody .profile .name .sub {
	position: relative;
	top: .05em;
	margin-left: 1em;
	font-size: 14px;
}
.c-pullbody .profile .text {
	grid-row: 2;
	grid-column: 1 / 4;
}
.c-pullbody .profile .map {
	grid-row: 3;
	grid-column: 1 / 4;
}
.c-pullbody .profile .map > * {
	width: 100%;
	height: 320px;
}
.c-pullbody .profile .text p {
	font-size: 15px;
	line-height: 2;
}
.c-pullbody .profile .text p:nth-child(n+2) {
	margin-top: 1em;
}
.store_section .c-pullbody .profile .text {
	display: flex;
	gap: 16px 32px;
}
.store_section .c-pullbody .profile .photo {
	order: -1;
}
.c-pullbody .profile .sns {
	grid-column: 2;
	align-items: center;
	display: flex;
}
.c-pullbody .profile .sns dt {
	margin-right: 24px;
	padding-right: 24px;
	border-right: 1px solid #535353;
	font-size: 16px;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
}
.c-pullbody .profile .sns a {
	display: grid;
	place-content: center;
	width: 40px;
	height: 40px;
}
.c-pullbody .profile .link {
	grid-column: 3;
}
.c-pullbody .profile .web {
	display: flex;
	align-items: center;
	position: relative;
	height: 48px;
	padding: 0 46px 0 32px;
	color: white;
	font-size: 13px;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
	background: #d62626;
}
.c-pullbody .profile .link .ar,
.c-pullbody .profile .link .ex {
	position: absolute;
	top: calc(50% - 7px);
	right: 16px;
}
.c-pullbody .close {
	cursor: pointer;
	display: block;
	width: calc(100% - 128px);
	margin: 0 auto;
	padding: 24px;
	border-top: 2px solid currentcolor;
	color: #d62626;
	font-size: 15px;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
}
.c-pullbody .close .ico {
	margin: -.1em 1em 0 0;
	fill: currentcolor;
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
	.store_section .c-pullbody .profile .text.-photo {
		justify-content: space-between;
		align-items: center;
	}
	.store_section .c-pullbody .profile .text.-photo > * {
		flex-basis: calc(50% - 16px);
	}
}
@media screen and (max-width: 767px) {
	.c-pullbody .profile {
		grid-template-columns: auto 120px;
		gap: 16px;
		padding: 120px 20px 24px;
	}
	.c-pullbody .profile .name {
		grid-column: 1 / 3;
		grid-row: 1;
		flex-direction: column;
		align-items: flex-start;
	}
	.c-pullbody .profile .name .sub {
		margin: .5em 0 0;
	}
	.c-pullbody .profile .sns,
	.c-pullbody .profile .link {
		grid-row: 2;
	}
	.c-pullbody .profile .sns {
		grid-column: 1;
	}
	.c-pullbody .profile .link {
		grid-column: 2;
	}
	.c-pullbody .profile .text {
		grid-row: 3;
		grid-column: 1 / 3;
	}
	.store_section .c-pullbody .profile .text {
		flex-direction: column;
	}
	.c-pullbody .profile .map {
		grid-row: 4;
		grid-column: 1 / 3;
	}
	.c-pullbody .close {
		width: calc(100% - 40px);
	}
}
@media screen and (max-width: 479px) {
	.c-pullbody .profile .sns dt {
		position: absolute;
		clip: rect(0 0 0 0);
		overflow: hidden;
		width: 1px;
		height: 1px;
	}
}

/* motion */
.c-pullhead:not(.is-active) {
	height: 160px;
}
.sponsor_section .c-pullhead:not(.is-active)::after {
	border-color: white;
}
.store_section .c-pullhead:not(.is-active)::after {
	border-color: rgba(214,38,38,0);
}
.c-pullbody:not(.is-active) {
	height: 0;
	margin: -6px 0 0;
}
.c-pullbody.is-setting {
	visibility: hidden;
}
.c-pullhead.is-anim {
	transition: height .4s cubic-bezier(.1,1,.3,1);
	will-change: height;
}
.c-pullhead.is-anim::after {
	transition: border-color .4s;
	will-change: border;
}
.c-pullbody.is-anim {
	transition-property: height, margin-top, margin-right, margin-left;
	transition-duration: .4s, .4s, .2s, .2s;
	transition-timing-function: cubic-bezier(.1,1,.3,1);
	transition-delay: .2s, .2s, 0s, 0s;
	will-change: height, margin;
}
.c-pullbody.is-anim:not(.is-active) {
	transition-duration: .2s;
	transition-delay: 0s, 0s, .2s, .2s;
}


/**
 * ストア
 * ---------------------------------------- */
.store_section .c-pullbody .close {
	margin-top: 80px;
}
.store_column {
	padding: 0 62px;
}
.store_column .title {
	font-size: 24px;
	line-height: 1.2;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
}
.store_column .text {
	margin-top: .5em;
	font-size: 15px;
	line-height: 2;
}
.store_column .memo {
	margin-top: .5em;
	font-size: 12px;
	line-height: 1.4;
}
.store_column .web {
	display: flex;
	align-items: center;
	position: relative;
	height: 48px;
	padding: 0 46px 0 32px;
	color: white;
	font-size: 13px;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
	background: #d62626;
}
.store_column .web .ex {
	position: absolute;
	top: calc(50% - 7px);
	right: 16px;
}
.store_column .map {
	margin-top: 24px;
}
.store_column .map img {
	box-shadow: 0 8px 24px rgba(214,38,38,.5);
}
@media screen and (max-width: 767px) {
	.store_section .c-pullbody .close {
		margin-top: 40px;
	}
	.store_column {
		padding: 0 20px;
	}
}

/* SNS, WEB */
.store_column.links {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-top: 144px;
}
.store_column.links .sns a {
	display: grid;
	place-content: center;
	width: 40px;
	height: 40px;
}
.store_column.links .link {
	margin-left: 24px;
}

.store_column.links,
.store_column.about {
	padding-top: 144px;
}
.store_column.links + .about {
	padding-top: 0;
}
@media screen and (min-width: 480px) {
	.store_column.links dt {
		margin-right: 24px;
		padding-right: 24px;
		border-right: 1px solid #535353;
		font-family: "Fabrikat", sans-serif;
		font-weight: 900;
	}
}
@media screen and (max-width: 767px) {
	.store_column.links,
	.store_column.about {
		padding-top: 120px;
	}
}
@media screen and (max-width: 479px) {
	.store_column.about {
		margin-top: 8px;
	}
	.store_column.links dt {
		position: absolute;
		clip: rect(0 0 0 0);
		overflow: hidden;
		width: 1px;
		height: 1px;
	}
}

/* ABOUT, GALLERY */
.image_gallery {
	margin-top: 24px;
}
.gallery_main {
	width: 100%;
	box-shadow: 0 8px 24px rgba(214,38,38,.5);
}
.gallery_main .item {
	max-width: 100%;
}
.gallery_main .caption {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: .2em .5em;
	color: white;
	font-size: 12px;
	line-height: 1.5;
	background: rgba(0,0,0,.25);
}
.gallery_thumb {
	width: 100%;
	margin-top: 16px;
}
.gallery_thumb .item {
	width: 160px;
	margin-right: 8px;
}
.gallery_thumb .item::after {
	content: "";
	position: absolute;
	inset: 0;
	border: 2px solid #d62626;
	transition: opacity .3s, transform .3s cubic-bezier(.9,0,.1,1);
}
.gallery_thumb .item:not(.is-selected)::after {
	opacity: 0;
	transform: none;
}
.image_gallery .flickity_arrow {
	top: calc(180px - 16px);
	width: 32px;
	height: 32px;
}
.image_gallery .flickity_arrow {
	top: calc(100% - 14px);
}
.image_gallery .flickity_arrow.-prev {
	left: 0;
}
.image_gallery .flickity_arrow.-next {
	right: 0;
}

/* ADDRESS */
.store_column.access {
	margin-top: 112px;
}
.store_column.access .name {
	font-weight: 700;
}
@media screen and (min-width: 768px) {
	.store_column.access .text {
		position: relative;
	}
	.store_column.access .link {
		position: absolute;
		right: 0;
		bottom: 0;
	}
}
@media screen and (max-width: 767px) {
	.store_column.access {
		margin-top: 64px;
	}
	.store_column.access .link {
		display: flex;
		justify-content: flex-end;
		margin-top: 16px;
	}
}

/* FLOOR GUIDE */
.store_column.floor {
	margin-top: 80px;
}
@media screen and (max-width: 767px) {
	.store_column.floor {
		margin-top: 40px;
	}
}


/**
 * ニュース
 * ---------------------------------------- */
:where(.p-page.-news) .page_section {
	max-width: 1056px;
	margin: 64px auto;
}
:where(.p-page.-news) .newslist {
	display: grid;
	align-content: flex-start;
	gap: 24px;
}
.p-newsindex {
	position: relative;
	margin-top: 0;
}
.p-newsindex .news_item {
	flex-grow: 1;
}
.p-newsindex .loading,
.p-newsindex .loading > * {
	position: absolute;
	width: 124px;
	height: 124px;
}
.p-newsindex .loading {
	top: calc(100% - 24px);
	left: calc(50% - 62px);
}
.p-newsindex .loading > * {
	top: 0;
	left: 0;
}
.p-newsindex .loading.is-anim .scope {
	animation: loading 9s linear reverse infinite;
}
.p-newsindex .loading.is-anim .rope {
	animation: loading 3s linear infinite;
}
.p-newsindex .newslist.is-empty .news_item {
	text-align: center;
}
@keyframes loading {
	to { transform: rotate(360deg); }
}
@media screen and (min-width: 768px) {
	.p-newsindex .newslist {
		grid-template-columns: repeat(2, 1fr);
		gap: 56px;
	}
	.p-newsindex .newslist.is-empty {
		grid-template-columns: 1fr;
	}
}
/* motion */
.p-newsindex .loading:not(.is-loading),
.p-newsindex .loading.is-delete {
	opacity: 0;
	transform: scale(.6);
}
.p-newsindex .loading.is-anim {
	transition: opacity .4s, transform .4s cubic-bezier(.1,1,.3,1);
}
.p-newsindex .loading.is-anim.is-delete {
	transition-timing-function: cubic-bezier(.1,1,.3,1);
}
.p-newsindex .newslist.is-addition,
.p-newsindex .newslist.is-filtering {
	transition: height .4s cubic-bezier(.9,0,.1,1);
}
.p-newsindex .news_item.is-hide {
	opacity: 0;
	transform: translateX(24px);
}
.p-newsindex .news_item.is-fade {
	transition: opacity .4s, transform .4s;
	transition-timing-function: cubic-bezier(.1,1,.3,1);
}

/* :::::: 記事 :::::: */
.p-article {
	max-width: 1000px;
	margin: 80px auto;
	padding: 0 20px;
}
.p-article .date,
.p-article .cat {
	margin: 0 0 40px;
	color: #d62626;
	font-size: 18px;
	line-height: 1.2;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
}
.p-article .date {
	float: left;
	position: relative;
}
.p-article .date::before {
	content: "";
	position: absolute;
	top: -24px;
	left: 0;
	width: 85px;
	height: 10px;
	background: url(../img/obj_slash.svg) center / cover no-repeat;
}
.p-article .cat {
	float: right;
	text-transform: uppercase;
}
.p-article .article_title {
	clear: both;
	font-size: 24px;
	font-weight: 700;
}
.article_content {
	margin: 8px 0 48px;
}
.article_content p {
	font-size: 18px;
}
.article_content figure {
	margin: 64px -20px;
	box-shadow: 0 8px 24px rgba(214,38,38,.5);
}
.article_content a {
	color: #d62626;
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
}
@media (hover: hover) {
	.article_content a {
		transition: background-size .4s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.article_content a:hover {
		background-position: right bottom;
		background-size: 0 1px;
	}
}
@media screen and (max-width: 767px) {
	.p-article {
		margin-top: 64px;
	}
	.p-article .date,
	.p-article .cat {
		margin-bottom: 16px;
		font-size: 14px;
	}
	.p-article .article_title {
		font-size: 18px;
	}
	.article_content p {
		font-size: 15px;
	}
	.article_content figure {
		margin: 24px -20px;
	}
}


/**
 * スポンサーバナー
 * ---------------------------------------- */
.sponsor_container {
	margin-top: 120px;
}
.sponsorlist {
	display: flex;
	align-items: center;
	gap: 40px;
	width: auto;
	animation: loop 60s linear infinite;
}
.sponsor_item a {
	display: block;
}
.sponsor_item img {
	width: auto;
	max-width: none;
	height: 70px;
}
@keyframes loop {
	to { transform: translateX(-50%); }
}
@media screen and (min-width: 768px) {
	.sponsor_item a {
		padding: 24px 0;
	}
}


/**
 * コンタクト
 * ---------------------------------------- */
.-contact .page_section {
	max-width: 1000px;
	margin-top: 40px;
}
.-contact .page_section p {
	font-size: 18px;
	line-height: 2;
}
.-contact .page_section .caution {
	color: #d62626;
	font-size: 14px;
}
@media screen and (max-width: 767px) {
	.-contact .page_section p {
		font-size: 16px;
	}
}

/* :::::: お問い合わせフォーム :::::: */
.contact_form form {
	margin-top: 40px;
	font-size: 16px;
}
.contact_form form {
	display: grid;
	gap: 24px;
}
.form_item.-name {
	grid-column: 1;
}
.form_item.-mail {
	grid-column: 2;
}
.form_item.-tel {
	grid-column: 1;
}
.form_item.-company {
	grid-column: 2;
}
.form_item.-message,
.form_item.-submit {
	grid-column: 1 / 3;
}
.form_item.-submit {
	justify-self: center;
}
.contact_form form input,
.contact_form form textarea {
	width: 100%;
	vertical-align: middle;
}
.contact_form form input {
	height: 48px;
}
.contact_form form .label {
	font-weight: 700;
}
.contact_form form .c-button {
	grid-column: 1 / 3;
	width: 248px;
	margin: 24px auto 0;
}


/**
 * リンク集
 * ---------------------------------------- */
.-links .page_section {
	width: calc(100% - 40px);
	max-width: 960px;
	margin: 0 auto;
	padding: 56px 0;
	border-top: 1px solid #d62626;
}
.-links .page_section:first-of-type {
	margin-top: 80px;
}
.-links .section_title {
	color: #d62626;
	font-size: 24px;
	line-height: 1.2;
	font-family: "Fabrikat", sans-serif;
	font-weight: 900;
	text-align: left;
}
@media screen and (max-width: 767px) {
	.-links .section_title {
		font-size: 18px;
	}
}

.linkslist {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 32px;
	margin-top: 32px;
	color: #e6e6e6;
	font-size: 14px;
}
.linkslist a::before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-right: .5em;
	vertical-align: middle;
	background: url(../img/bullet.svg) center / cover no-repeat;
}


/**
 * 404
 * ---------------------------------------- */
.p-404 {
	text-align: center;
}








@keyframes glitchAnim {
	0%  { clip-path: polygon(0 80%,100% 80%,100% 85%,0 85%); transform: translate(4px,2px); } /* 5 */
	5%  { clip-path: polygon(0 24%,100% 24%,100% 25%,0 25%); transform: translate(-6px,-6px); } /* 1 */
	6%  { clip-path: polygon(0 48%,100% 48%,100% 49%,0 49%); opacity: .5; } /* 1 */
	10% { clip-path: polygon(0 54%,100% 54%,100% 56%,0 56%); opacity: .6; } /* 2 */
	15% { clip-path: polygon(60% 40%,100% 40%,100% 48%,60% 48%); transform: translate(-8px,2px); } /* 8 */
	20% { clip-path: polygon(0 64%,100% 64%,100% 65%,0 65%); } /* 1 */
	25% { clip-path: polygon(0 68%,100% 68%,100% 72%,0 72%); transform: translate(3px,-3px); } /* 4 */
	30% { clip-path: polygon(0 82%,100% 82%,100% 88%,0 88%); } /* 6 */
	34% { clip-path: polygon(0 99%,100% 99%,100% 100%,0 100%); } /* 1 */
	35% { clip-path: polygon(0 8%,100% 8%,100% 9%,0 9%); transform: translate(-8px,8px); } /* 1 */
	40% { clip-path: polygon(0 24%,40% 24%,40% 32%,0 32%); opacity: .3; } /* 8 */
	45% { clip-path: polygon(0 34%,100% 34%,100% 37%,0 37%); transform: translate(-5px,5px); } /* 3 */
	50% { clip-path: polygon(0 52%,100% 52%,100% 56%,0 56%); opacity: .8; } /* 4 */
	55% { clip-path: polygon(0 8%,100% 8%,100% 10%,0 10%); transform: translate(8px,-2px); } /* 2 */
	60% { clip-path: polygon(0 98%,100% 98%,100% 99%,0 99%); } /* 1 */
	65% { clip-path: polygon(0 48%,100% 48%,100% 52%,0 52%); transform: translate(4px,-4px); } /* 4 */
	70% { clip-path: polygon(0 28%,100% 28%,100% 32%,0 32%); } /* 4 */
	75% { clip-path: polygon(0 80%,100% 80%,100% 86%,0 86%); transform: translate(2px,-2px); } /* 6 */
	80% { clip-path: polygon(0 20%,100% 20%,100% 21%,0 21%); transform: translate(-8px,-8px); } /* 1 */
	84% { clip-path: polygon(0 28%,40% 28%,40% 31%,0 31%); opacity: 1; } /* 3 */
	86% { clip-path: polygon(60% 47%,100% 47%,100% 54%,60% 54%); opacity: .8;} /* 7 */
	88% { clip-path: polygon(0 80%,100% 80%,100% 86%,0 86%); opacity: .5; transform: translate(8px,8px); } /* 6 */
	90% { clip-path: polygon(0 43%,100% 43%,100% 48%,0 48%); opacity: .2; } /* 5 */
	95% { clip-path: polygon(0 8%,40% 8%,40% 16%,0 16%); transform: translate(-4px,4px); } /* 8 */
	to  { clip-path: polygon(0 82%,100% 82%,100% 84%,0 84%); } /* 2 */
}
@keyframes charBlink {
	0% { opacity: 0; }
	10% { opacity: .2; }
	20% { opacity: .8; }
	30% { opacity: .4; }
	40% { opacity: .9; }
	50% { opacity: .2; animation-timing-function: ease; }
	to { opacity: 1; }
}
@keyframes titleBlink {
	0%, to { opacity: 0; }
	49%, 51% { opacity: 1; }
}
@keyframes titleAppear {
	0% { opacity: 0; }
	20% { opacity: .8; }
	40% { opacity: .4; }
	60% { opacity: .9; }
	80% { opacity: .6; }
	to { opacity: 1; }
}

.js-titleEffect {
	z-index: 0;
	position: relative;
	white-space: nowrap;
}
.js-titleEffect::after {
	content: attr(data-text);
	z-index: -1;
	position: absolute;
	top: .025em;
	right: 0;
	left: 0;
	color: white;
	opacity: 0;
}
.team_title .js-titleEffect::after,
.member_title .js-titleEffect::after {
	color: red;
}
.js-titleEffect.is-anim::after {
	animation: glitchAnim .8s .4s steps(1);
}
.main_visual .js-titleEffect.is-anim::after {
	animation-delay: 1.2s;
}
.is-blur .js-titleEffect.is-anim::after {
	animation-play-state: paused;
}
.page_title {
	mix-blend-mode: screen;
}
.page_title .static {
	position: relative;
	top: -.02em;
}


/**
 * タイトルエフェクト (with js-inview)
 * ---------------------------------------- */
.js-titleEffect {
	line-height: .95;
}
.team_title .js-titleEffect {
	line-height: 1.1;
}
.js-titleEffect .row,
.js-titleEffect .dummy {
	position: absolute;
	top: 0;
	left: 0;
}
.js-titleEffect .-r1 { transform: translateY(-2em); }
.js-titleEffect .-r2 { transform: translateY(-1em); }
.js-titleEffect .-r3 { transform: none; }
.js-titleEffect .-r4 { transform: translateY(1em); }
.js-titleEffect .-r5 { transform: translateY(2em); }
.js-titleEffect .dummy {
	user-select: none;
	pointer-events: none;
}
.js-titleEffect .-d1 { transform: translateX(-300%) translateX(-.6em); }
.js-titleEffect .-d2 { transform: translateX(-200%) translateX(-.4em); }
.js-titleEffect .-d3 { transform: translateX(-100%) translateX(-.2em); }
.js-titleEffect .-d4 { transform: none; }
.js-titleEffect .-d5 { transform: translateX(100%) translateX(.2em); }
.js-titleEffect .-d6 { transform: translateX(200%) translateX(.4em); }
.js-titleEffect .-d7 { transform: translateX(300%) translateX(.6em); }



/* ページタイトル */
.main_visual .js-titleEffect .static .s {
	display: inline-block;
	transform-origin: 0 0;
}
.main_visual .js-titleEffect:not(.is-inview) .s {
	transform: translateX(16px) scaleX(1.4);
}
.main_visual.is-standby .js-titleEffect .dummy {
	color: white;
}
.main_visual.is-standby .js-titleEffect .dummy[data-outline] {
	color: black;
	-webkit-text-stroke: 2px white;
}
.main_visual .js-titleEffect .row {
	opacity: 0;
}
.main_visual.is-standby .js-titleEffect.is-anim .row {
	animation: titleBlink .8s steps(1) alternate both;
}
.main_visual.is-standby .js-titleEffect.is-anim .-r2 { animation-delay: .06s; }
.main_visual.is-standby .js-titleEffect.is-anim .-r3 { animation-delay: .12s; }
.main_visual.is-standby .js-titleEffect.is-anim .-r4 { animation-delay: .18s; }
.main_visual.is-standby .js-titleEffect.is-anim .-r5 { animation-delay: .24s; }
.is-blur .main_visual.is-standby .js-titleEffect.is-anim .row {
	animation-play-state: paused;
}

.main_visual .js-titleEffect:not(.is-inview) .char {
	opacity: 0;
}
.main_visual .js-titleEffect.is-anim .char {
	animation: titleAppear .8s steps(1) backwards;
}
.is-blur .main_visual .js-titleEffect.is-anim .char {
	animation-play-state: paused;
}
.main_visual .js-titleEffect.is-anim .-c1 { animation-delay: 1.1s; }
.main_visual .js-titleEffect.is-anim .-c2 { animation-delay: 1.15s; }
.main_visual .js-titleEffect.is-anim .-c3 { animation-delay: 1.2s; }
.main_visual .js-titleEffect.is-anim .-c4 { animation-delay: 1.25s; }
.main_visual .js-titleEffect.is-anim .-c5 { animation-delay: 1.3s; }
.main_visual .js-titleEffect.is-anim .-c6 { animation-delay: 1.35s; }
.main_visual .js-titleEffect.is-anim .-c7 { animation-delay: 1.4s; }
.main_visual .js-titleEffect.is-anim .-c8 { animation-delay: 1.45s; }
.main_visual .js-titleEffect.is-anim .-c9 { animation-delay: 1.5s; }
.main_visual .js-titleEffect.is-anim .-c10 { animation-delay: 1.55s; }
.main_visual .js-titleEffect.is-anim .-c11 { animation-delay: 1.6s; }
.main_visual .js-titleEffect.is-anim .-c12 { animation-delay: 1.65s; }
.main_visual .js-titleEffect.is-anim .-c13 { animation-delay: 1.7s; }
.main_visual .js-titleEffect.is-anim .-c14 { animation-delay: 1.75s; }
.main_visual .js-titleEffect.is-anim .-c15 { animation-delay: 1.8s; }
.main_visual .js-titleEffect.is-anim .s {
	transition: transform .8s 1s cubic-bezier(.9,0,.1,1);
}
.main_visual .js-titleEffect.is-anim .-c1 .s { transition-delay: 1.1s }
.main_visual .js-titleEffect.is-anim .-c2 .s { transition-delay: 1.15s }
.main_visual .js-titleEffect.is-anim .-c3 .s { transition-delay: 1.2s }
.main_visual .js-titleEffect.is-anim .-c4 .s { transition-delay: 1.25s }
.main_visual .js-titleEffect.is-anim .-c5 .s { transition-delay: 1.3s }
.main_visual .js-titleEffect.is-anim .-c6 .s { transition-delay: 1.35s }
.main_visual .js-titleEffect.is-anim .-c7 .s { transition-delay: 1.4s }
.main_visual .js-titleEffect.is-anim .-c8 .s { transition-delay: 1.45s }
.main_visual .js-titleEffect.is-anim .-c9 .s { transition-delay: 1.5s }
.main_visual .js-titleEffect.is-anim .-c10 .s { transition-delay: 1.55s }
.main_visual .js-titleEffect.is-anim .-c11 .s { transition-delay: 1.6s }
.main_visual .js-titleEffect.is-anim .-c12 .s { transition-delay: 1.65s }
.main_visual .js-titleEffect.is-anim .-c13 .s { transition-delay: 1.7s }
.main_visual .js-titleEffect.is-anim .-c14 .s { transition-delay: 1.75s }
.main_visual .js-titleEffect.is-anim .-c15 .s { transition-delay: 1.8s }


.main_visual:not(.is-standby) .js-titleEffect .row {
	transform: translateX(24px);
}
.main_visual.is-fixed .js-titleEffect .row {
	opacity: 1;
	transform: none;
}
.main_visual.is-fixed .js-titleEffect.is-anim .row {
	transition: opacity .4s, transform .4s cubic-bezier(.1,1,.3,1);
}
.main_visual:not(.is-standby) .js-titleEffect .dummy.-d4 {
	display: none;
}


/* メンバー名 */
.member_visual.is-standby .member_title  {
	font-size: 109px;
}
.member_visual.is-standby .js-titleEffect .row {
	top: calc(50% - .7em);
	left: -100%;
    right: -100%;
    width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.member_visual.is-standby .member_title {
		position: relative;
		top: calc(-200vw / 3.75);
		font-size: calc(80vw / 3.75);
	}
	.member_visual.is-standby .js-titleEffect .row {
		top: calc(50% - .2em);
	}
}

/* メンバーチーム名 */
.team_title .js-titleEffect .dummy {
	position: absolute;
	top: -.05em;
	left: 0;
	width: 100%;
	mix-blend-mode: screen;
}
.team_title .js-titleEffect .dummy.-d1,
.team_title .js-titleEffect .dummy.-d2 {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	transform: none;
}
.team_title .js-titleEffect:not(.is-inview) .dummy,
.team_title .js-titleEffect:not(.is-inview) .static .char {
	opacity: 0;
}
.team_title .js-titleEffect.is-inview .dummy.-d1 {
	clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%);
	transform: translateY(-40%);
}
.team_title .js-titleEffect.is-inview .dummy.-d2 {
	clip-path: polygon(0 45%, 100% 45%, 100% 100%, 0 100%);
	transform: translateY(40%);
}
.team_title .js-titleEffect.is-anim .dummy.-d1,
.team_title .js-titleEffect.is-anim .dummy.-d2 {
	transition: opacity .4s .4s,
		clip-path 1.2s .2s cubic-bezier(.1,1,.3,1),
		transform 1s .2s cubic-bezier(.9,0,.1,1);
}
.team_title .js-titleEffect.is-anim .static .char {
	animation: charBlink .8s steps(1) backwards;
}
.team_title .js-titleEffect.is-anim .static .-c1 { animation-delay: .05s; }
.team_title .js-titleEffect.is-anim .static .-c2 { animation-delay: .1s; }
.team_title .js-titleEffect.is-anim .static .-c3 { animation-delay: .15s; }
.team_title .js-titleEffect.is-anim .static .-c4 { animation-delay: .2s; }
.team_title .js-titleEffect.is-anim .static .-c5 { animation-delay: .25s; }
.team_title .js-titleEffect.is-anim .static .-c6 { animation-delay: .3s; }
.team_title .js-titleEffect.is-anim .static .-c7 { animation-delay: .35s; }
.team_title .js-titleEffect.is-anim .static .-c8 { animation-delay: .4s; }
.team_title .js-titleEffect.is-anim .static .-c9 { animation-delay: .45s; }
.team_title .js-titleEffect.is-anim .static .-c10 { animation-delay: .5s; }
.team_title .js-titleEffect.is-anim .static .-c11 { animation-delay: .55s; }
.team_title .js-titleEffect.is-anim .static .-c12 { animation-delay: .6s; }
.team_title .js-titleEffect.is-anim .static .-c13 { animation-delay: .65s; }
.team_title .js-titleEffect.is-anim .static .-c14 { animation-delay: .7s; }
.team_title .js-titleEffect.is-anim .static .-c15 { animation-delay: .75s; }
.team_title .js-titleEffect.is-anim .static .-c16 { animation-delay: .8s; }
.is-blur .team_title .js-titleEffect.is-anim .static .char {
	animation-play-state: paused;
}