@charset "UTF-8";

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

全ページ共通

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
RESET_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

html {
	font-size: 62.5%;
}

h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
span,
em,
strong,
ul,
ol,
li,
dl,
dt,
dd,
a {
	background-repeat: no-repeat;
	background-size: 100% auto;
}

a {
	outline: none;
}

img {
	vertical-align: bottom;
}

.sp {
	display: none !important;
}

.pc {
	display: block !important;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
RESET_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

汎用演出・スタイル

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMON_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body {
	background-image: linear-gradient(90deg, #fbe6f1, #e7d7f7, #d2e0f5);
	color: #836b7c;
	/*和文基本*/
	font-size: 1.4em;
	font-family: "IBM Plex Sans JP", sans-serif;
	font-weight: 500;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.065em;
	word-break: break-word;
}
/*
背景演出
*/
#effect_bg {
	z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*上下左右基本飾り：共通*/
#effect_bg .tl::before,
#effect_bg .tl::after,
#effect_bg .br::before,
#effect_bg .br::after {
	content: "";
	display: block;
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
}
/*上下左右基本飾り：網点*/
#effect_bg .tl::after,
#effect_bg .br::after {
	background-image: url(../images/obj_halftone_1.png);
	width: 500px;
	height: 500px;
	animation-name: common_anime_rotate;
	transform-origin: center;
	animation-duration: 100000ms;
	animation-delay: 0;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}

#effect_bg .tl::after {
	top: -250px;
	left: -250px;
}

#effect_bg .br::after {
	bottom: -250px;
	right: -250px;
}
/*上下左右基本飾り：トライアングル*/
#effect_bg .tl::before,
#effect_bg .br::before {
	opacity: 0.55;
	width: 400px;
	height: 400px;
}

#effect_bg .tl::before {
	background-image: url(../images/obj_triangle_grd_top_left.png);
	top: 0px;
	left: 0px;
}

#effect_bg .br::before {
	background-image: url(../images/obj_triangle_grd_bottom_right.png);
	background-position: right bottom;
	bottom: 0px;
	right: 0px;
}
/*
画面全体処理
*/
#grandwrapper {
	width: 100%;
	overflow: hidden;
}
/*ナビゲーション位置調整*/
#grandwrapper .contentswrapper {}
/*
汎用ボタン
*/
/*共通スタイル*/
.btn_type_a a,
.btn_type_b a {
	position: relative;
	box-sizing: border-box;
	display: block;
	padding: 12px 20px 10px 50px;
	font-size: 20px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-variation-settings: "slnt" -14;
	line-height: 1em;
	text-decoration: none;
	text-align: right;
	border-radius: 100px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

.btn_type_a a::before,
.btn_type_b a::before {
	content: "";
	display: block;
	position: absolute;
	left: 15px;
	top: 50%;
	background-size: 100% auto;
	background-position: center center;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 0;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*TypeAグラデーションボタン*/
.btn_type_a a {
	background-image: linear-gradient(90deg, #c0d5f8, #f7d0e5);
	color: #ffffff;
	border: 1px #ffffff solid;
}

.btn_type_a a::before {
	background-image: url(../images/obj_star_w.png);
}

.btn_type_a a:hover {
	background-image: linear-gradient(90deg, #fae6f1, #d3dff5);
	color: #ef7acd;
}

.btn_type_a a:hover:before {
	background-image: url(../images/obj_star_pink.png);
	transform: rotate(180deg);
}
/*TypeBベージュボタン*/
.btn_type_b a {
	background-color: #ffffff;
	color: #d3c594;
	border: 1px #d3c594 solid;
}

.btn_type_b a::before {
	background-image: url(../images/obj_star_gold_2.png);
}

.btn_type_b a:hover {
	background-color: #d3c594;
	color: #ffffff;
}

.btn_type_b a:hover:before {
	background-image: url(../images/obj_star_w.png);
	transform: rotate(180deg);
}
/*
ニュース系ティッカー
*/
/*カテゴリー*/
.news_category {
	display: flex;
	flex-wrap: wrap;
}

.news_category li {
	color: #ffffff;
	margin: 0 5px 5px 0;
	padding: 6px 11px 4px 11px;
	font-size: 13px;
	line-height: 1em;
	border-radius: 100px;
}

.news_category .newscat_1 {
	background-image: linear-gradient(90deg, #e986f8, #fc75c1);
}

.news_category .newscat_2 {
	background-image: linear-gradient(90deg, #7588fc, #94b7f8);
}

.news_category .newscat_3 {
	background-image: linear-gradient(90deg, #aad85a, #60e59b);
}
/*
区切り罫線スタイル
*/
/*星5つ罫線*/
hr.star_5 {
	background-image: url(../images/obj_star_w_5.png);
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 22px;
	margin: 80px auto;
	border: none;
}
/*ベージュ直線*/
hr.beige_a {
	background-color: #d3c594;
	width: 90%;
	height: 1px;
	margin: 50px auto;
	padding: 0;
	border: none;
}
/*ベージュ＆左右星あり*/
.hr_star {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 60px auto;
	opacity: 0;
	transition-duration: 1200ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
	transform: scaleX(0);
}

.hr_star.active {
	opacity: 1;
	transform: scaleX(1);
}

.hr_star span:nth-of-type(1),
.hr_star span:nth-of-type(3) {
	display: block;
	background-image: url(../images/obj_star_gold_2.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 13px;
	height: 13px;
}

.hr_star span:nth-of-type(2) {
	flex: 1;
	display: block;
	box-sizing: border-box;
	background-color: #c3b173;
	height: 1px;
	margin: 0 10px;
}
/*
汎用アニメーション
*/
/*一括指定*/
.wp_t_a,
.wp_t_b,
.wp_t_c,
.wp_t_d {
	animation-timing-function: cubic-bezier(.42, 0, 0, .99);
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-play-state: running;
	animation-iteration-count: inherit;
}
/*トグルタイプ*/
.wp_t_a_toggle {
	opacity: 0;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

.wp_t_a_toggle_active {
	opacity: 1;
}
/*通過タイプ*/
.wp_t_a {
	opacity: 0;
	animation-duration: 800ms;
}

.wp_t_a_active {
	animation-name: anime_wp_t_a;
}

@keyframes anime_wp_t_a {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
/*通過タイプ*/
.wp_t_b {
	opacity: 0;
	animation-duration: 800ms;
}

.wp_t_b_active {
	animation-name: anime_wp_t_b;
}

@keyframes anime_wp_t_b {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}
/*通過タイプ*/
.wp_t_c {
	opacity: 0;
	animation-duration: 800ms;
}

.wp_t_c_active {
	animation-name: anime_wp_t_c;
}

@keyframes anime_wp_t_c {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}
/*通過タイプ*/
.wp_t_d {
	opacity: 0;
	animation-duration: 800ms;
}

.wp_t_d_active {
	animation-name: anime_wp_t_d;
}

@keyframes anime_wp_t_d {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}
/*
flexの末尾調整用
*/
.emptyflexbox {
	background-color: transparent !important;
	height: 0 !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: 0 !important;
	max-height: 0 !important;
	/*
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	*/
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.emptyflexbox::before,
.emptyflexbox::after {
	display: none !important;
}
/*
汎用アニメーション
*/
/*拡大フェードアウト*/
@keyframes common_anime_blink {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(1.5);
	}
}
/*無限回転*/
@keyframes common_anime_rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
/*右バウンス*/
@keyframes common_anime_bounce_left {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(-10px);
	}

	100% {
		transform: translateX(0);
	}
}
/*左バウンス*/
@keyframes common_anime_bounce_right {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(10px);
	}

	100% {
		transform: translateX(0);
	}
}
/*
カルーセル：メイン
*/
.swiper_wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.swiper_wrap .swiper {
	overflow: visible;
}

.swiper_wrap .swiper .swiper-slide {
	flex-shrink: 0;
}
/*アロー*/
.swiper-button-next,
.swiper-button-prev {
	width: auto !important;
	height: auto !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 0 !important;
	width: 45px;
	height: 58px;
	filter:
		drop-shadow(0 0 20px rgba(0, 0, 0, 0.85)) drop-shadow(0 0 20px rgba(0, 0, 0, 0.85));
}

.swiper-button-next:after {
	background-image: url(../images/obj_arrow_w_right.png);
}

.swiper-button-prev:after {
	background-image: url(../images/obj_arrow_w_left.png);
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: 30px !important;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 30px !important;
}
/*ページネーション*/
.swiper-pagination-bullet {
	border-radius: inherit !important;
	width: 40px !important;
	height: 6px !important;
}

.swiper-pagination-bullet-active {
	background-color: #6642f4 !important;
}
/*
カルーセル：UI外側パターン用
*/
.swiper_wrap.swiper_offsetui {
	overflow: unset;
}

.swiper_wrap.swiper_offsetui .swiper {
	overflow: hidden;
}

.swiper_wrap.swiper_offsetui .swiper-button-prev,
.swiper_wrap.swiper_offsetui .swiper-rtl .swiper-button-next {
	left: -55px !important;
}

.swiper_wrap.swiper_offsetui .swiper-button-next,
.swiper_wrap.swiper_offsetui .swiper-rtl .swiper-button-prev {
	right: -55px !important;
}

.swiper_wrap.swiper_offsetui .swiper-button-next:after,
.swiper_wrap.swiper_offsetui .swiper-button-prev:after {
	filter: none;
}
/*
アコーディオン設定
*/
/*初期表示コンテンツ*/
.fnc_accordion .detail {}
/*トリガー*/
.fnc_accordion .viewall {
	cursor: pointer;
}
/*初期非表示*/
.fnc_accordion .opencontents {
	display: grid;
	grid-template-rows: 0fr;
	transition-duration: 1000ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: bottom;
}

/*表示時状態用設定*/
.fnc_accordion .opencontents.jqa_open {
	grid-template-rows: 1fr;
}

/*非表示用設定*/
.fnc_accordion .opencontents>div {
	overflow: hidden;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
COMMON_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

ローディング演出・処理

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
LOADING_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#loading {
	z-index: 999;
	background-color: #c5c2cc;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition-duration: 1000ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: bottom;
}
/*
SVG格納要素指定
*/
#loading>div.loadwrapper {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -150px;
	display: flex;
	align-items: center;
	width: 300px;
	height: 400px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#loading>div.loadwrapper .loadcontents {
	width: 100%;
	height: 100%;
}
/*SVGオブジェクト全体のサイズ*/
#loading>div svg {
	width: 100%;
	height: 100%;
}
/*シンボル*/
#loading>div svg .load_logo {
	fill: #ffffff;
}
/*テキスト*/
#loading>div svg .load_text {
	fill: #ffffff;
}
/*アニメーション用汎用設定*/
#loading>div svg .load_logo,
#loading>div svg .load_text {
	animation-duration: 3000ms;
	animation-delay: 0;
	animation-timing-function: ease-in-out;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-play-state: running;
	animation-iteration-count: infinite;
}

#loading>div svg .load_text {
	animation-duration: 2000ms;
}
/*
ロード中演出
*/
#loading.start>div {
	opacity: 1;
	transform: scale(1);
}

#loading.start>div svg .load_logo {
	animation-name: common_anime_startloading;
}

#loading.start>div svg .load_text {
	animation-name: common_anime_startloading_fast;
}

@keyframes common_anime_startloading {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	50% {
		opacity: 0.5;
		transform: translateY(10px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes common_anime_startloading_fast {
	0% {
		opacity: 1;
	}

	25% {
		opacity: 0.1;
	}

	50% {
		opacity: 1;
	}

	75% {
		opacity: 0.1;
	}

	100% {
		opacity: 1;
	}
}
/*
フェードアウト演出
*/
#loading.remove>div {
	opacity: 0;
	transform: scale(0);
	animation-name: common_anime_removeloading;
}

@keyframes common_anime_removeloading {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	100% {
		opacity: 0;
		transform: scale(0);
	}
}
/*
削除
*/
/*アニメーション停止*/
#loading.remove>div,
#loading.destroy>div svg .load_logo {
	animation-name: none;
}

/*不可視化・クリック非対象に*/
#loading.destroy {
	opacity: 0;
	pointer-events: none;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
LOADING_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

共通グローバルナビゲーション

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Gnav_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#grandheader {
	box-sizing: border-box;
	z-index: 99;
	position: fixed;
	top: 0px;
	left: 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: rgba(255, 255, 255, 0.95);
	width: 100%;
	height: 100px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
/*
トグル
*/
#grandheader .toggle {
	display: none;
}
/*
ロゴ
*/
#grandheader .logo {
	padding: 0 0 0 30px;
}

#grandheader .logo a {
	display: block;
	background-image: url(../images/logo_ireisu_main.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	text-indent: -9999px;
	width: 200px;
	height: 52px;
}
/*
ショップ＆ファンクラブ
*/
#grandheader .other {
	padding: 0 30px 0 0;
}

#grandheader .other>ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

#grandheader .other>ul li {
	position: relative;
	margin: 0 0 0 15px;
}

#grandheader .other>ul li a,
#grandheader .other>ul li a em {
	font-size: 11px;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	text-decoration: none;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#grandheader .other>ul li a {
	display: block;
	background-repeat: no-repeat;
	background-size: 70% auto;
	background-position: center 0;
	color: #c3b173;
	width: 70px;
	padding: 60px 0 0 0;
}

#grandheader .other>ul li a:hover {
	background-position: center 6px;
}

#grandheader .other>ul li a:hover em {
	background: linear-gradient(90deg, #8fd5fe, #cbb6ff);
	background: -webkit-linear-gradient(0deg, #8fd5fe, #cbb6ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-feature-settings: "palt" 1;
}
/*各アイコン設定*/
#grandheader .other>ul li.shop a {
	background-image: url(../images/obj_icon_cart.png);
}

#grandheader .other>ul li.fanclub a {
	background-image: url(../images/obj_icon_fanclub.png);
}
/*
リンクリスト
*/
#grandheader .list,
#grandheader .list>ul,
#grandheader .list li {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

#grandheader .list {}

#grandheader .list>ul {}

#grandheader .list>ul li {
	position: relative;
	padding: 0 15px;
}

#grandheader .list>ul li:last-child::before {
	display: none;
}
/*区切り線*/
#grandheader .list>ul li::before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	background-color: #c3b173;
	width: 1px;
	height: 18px;
}
/*クリッカブル範囲*/
#grandheader .list>ul a {
	display: block;
	color: #c3b173;
	padding: 30px 0;
	font-size: 1.5vw;
	/*
	font-size: 16px;
	*/
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	transition-duration: 1000ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#grandheader .list>ul a:hover {
	background: linear-gradient(90deg, #8fd5fe, #cbb6ff);
	background: -webkit-linear-gradient(0deg, #8fd5fe, #cbb6ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-feature-settings: "palt" 1;
}
/*装飾要素：共通*/
#grandheader .list>ul li a::after,
#grandheader .list>ul li a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*装飾要素：ライン*/
#grandheader .list>ul li a::after {
	background-image: linear-gradient(120deg, #f7d0e5, #c0d4f8);
	height: 5px;
	transform: scaleX(0);
}

#grandheader .list>ul li a:hover::after {
	transform: scaleX(1);
}
/*装飾要素：星*/
#grandheader .list>ul li a::before {
	opacity: 0;
	top: 30px;
	background-image: url(../images/obj_star_gold_2.png);
	background-size: 11px auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 11px;
	transform: rotate(360deg);
}

#grandheader .list>ul li a:hover:before {
	opacity: 1;
	top: 20px;
	transform: rotate(0deg);
}
/*
アニメーション
*/
#grandheader {
	top: -100px;
	transition-duration: 800ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 600ms;
	transform-origin: top;
}

#grandheader.active {
	top: 0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Gnav_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

共通フッター

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
footer_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#grandfooter {
	z-index: 10;
	position: relative;
	background-image: linear-gradient(120deg, #f8d1e4, #dcbef7, #bfd6f8);
	color: #ffffff;
	padding: 70px 0 0 0;
}

#grandfooter .grandfooterwrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 95%;
	max-width: 1280px;
	margin: 0 auto;
}

/*
オフィシャルアカウント
*/
#grandfooter .symbol {
	width: 155px;
	margin: 0 100px 0 0;
}
/*ロゴ*/
#grandfooter .symbol .logo {
	margin: 0 0 20px 0;
}

#grandfooter .symbol .logo h2 a {
	display: block;
	background-image: url(../svg/logo_ireisu_w.svg);
	background-size: 100% auto;
	background-position: center 0;
	background-repeat: no-repeat;
	width: 155px;
	height: 179px;
	text-indent: -9999px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#grandfooter .symbol .logo h2 a:hover {
	filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}
/*オフィシャルアカウント*/
#grandfooter .symbol .account ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#grandfooter .symbol .account ul li {
	width: 20%;
}

#grandfooter .symbol .account ul a {
	position: relative;
	display: block;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
	transform: translateY(0px);
}

#grandfooter .symbol .account ul a:hover {
	transform: translateY(-10px);
}

#grandfooter .symbol .account ul li a img {
	width: 100%;
	height: auto;
}

/*
ディープリンク
*/
#grandfooter .linklist {
	position: relative;
	flex: 1;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
/*見出し設定*/
#grandfooter .linklist h4 {
	font-size: 20px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	margin: 0 0 15px 0;
}
/*アンカー基本設定*/
#grandfooter .linklist a {
	color: #ffffff;
	text-decoration: none;
}

#grandfooter .linklist a:hover {
	color: #f381a9;
}

#grandfooter .linklist a,
#grandfooter .linklist a::after {
	display: inline-block;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#grandfooter .linklist a {
	width: 100%;
	padding: 3px 30px 3px 0;
}

#grandfooter .linklist a:hover {
	transform: translateX(-10px);
}
/*遷移：メインコンテンツ*/
#grandfooter .linklist .deeplink_main {
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
}

#grandfooter .linklist .deeplink_main a {
	position: relative;
	display: inline-block;
	font-size: 20px;
	width: 100%;
	padding: 6px 0 6px 30px;
}

#grandfooter .linklist .deeplink_main a:hover {
	transform: none;
}

#grandfooter .linklist .deeplink_main a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	background-image: url(../images/obj_star_w.png);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 0;
	transform: rotate(360deg);
}

#grandfooter .linklist .deeplink_main a:hover::after {
	transform: rotate(0deg);
}
/*遷移：メンバー*/
#grandfooter .linklist .deeplink_member {}

#grandfooter .linklist .deeplink_member h4 {
	background-image: url(../images/obj_star_w.png);
	background-size: 16px auto;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
}

#grandfooter .linklist .deeplink_member ul {
	margin: 0 0 0 30px;
}

#grandfooter .linklist .deeplink_member ul li {
	margin: 0 0 10px 0;
}
/*遷移：ノーティス*/
#grandfooter .linklist .deeplink_notice {}
/*区切り線*/
#grandfooter .linklist hr {
	align-self: stretch;
	background-color: #ffffff;
	width: 1px;
	height: auto;
	margin: 0 20px;
	border: none;
}

/*
権利表記
*/
#grandfooter .copyright {
	padding: 45px 0;
	text-align: center;
}

#grandfooter .copyright small {
	font-size: 12px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	text-align: center;
	letter-spacing: 0.07em;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
footer_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

下層ページ共通

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
下層：汎用_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
下層：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

トップページ

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：汎用_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：キービジュアルエリア_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #kyevisual {
	z-index: 1;
	position: relative;
	width: 100%;
	height: 100svh;
	overflow: hidden;
}

/*
動画
*/
#top #kyevisual .kv_movie {
	z-index: 1;
	position: relative;
	background-color: #1b1d24;
	height: 100svh;
}

#top #kyevisual .kv_movie video {
	opacity: 0.5;
	width: 100vw;
	height: 100%;
	object-fit: cover;
}

/*
ロゴ＆円形テキスト
*/
#top #kyevisual .kv_symbol {
	z-index: 2;
	position: absolute;
	top: 50px;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
/*ロゴ*/
#top #kyevisual .kv_symbol h1 {
	background-image: url(../svg/logo_ireisu_w.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 278px;
	height: 320px;
	text-indent: -9999px;
}
/*円形テキスト*/
#top #kyevisual .kv_symbol .circletxt_wrap {
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	width: 80%;
	aspect-ratio: 905 / 918;
}

#top #kyevisual .kv_symbol .circletxt {
	opacity: 0.7;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/obj_kv_string.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	animation-name: common_anime_rotate;
	transform-origin: center;
	animation-duration: 300000ms;
	animation-delay: 0;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}

/*
キービジュアル内リンク要素
*/
#top #kyevisual .kv_link {
	z-index: 3;
	position: absolute;
	top: 160px;
	right: 60px;
}

/*ヒストリー*/
#top #kyevisual .kv_link .history a {
	z-index: 2;
	position: relative;
	display: block;
	background-image: url(../images/kv_btn_history.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 164px;
	height: 164px;
	text-indent: -9999px;
}

#top #kyevisual .kv_link .history a::after {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	background-image: url(../images/kv_btn_history.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 164px;
	height: 164px;
}

#top #kyevisual .kv_link .history a:hover::after {
	animation-name: common_anime_blink;
	transform-origin: center;
	animation-duration: 1600ms;
	animation-delay: 0;
	animation-timing-function: cubic-bezier(.42, 0, 0, .99);
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
}
/*
アニメーション
*/
#top #kyevisual,
#top #kyevisual .kv_link,
#top #kyevisual .kv_symbol h1,
#top #kyevisual .kv_symbol .circletxt_wrap {
	transition-duration: 800ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 600ms;
	transform-origin: center;
}
/*リンク*/
#top #kyevisual .kv_link {
	opacity: 0;
	transition-delay: 1200ms;
	transform: scale(1.3);
	transform-origin: center;
}

#top #kyevisual.active .kv_link {
	opacity: 1;
	transform: scale(1);
}
/*リンク*/
#top #kyevisual .kv_symbol h1 {
	opacity: 0;
	transition-duration: 1200ms;
	transform: scale(0.8);
}

#top #kyevisual.active .kv_symbol h1 {
	opacity: 1;
	transform: scale(1);
}
/*リンク*/
#top #kyevisual .kv_symbol .circletxt_wrap {
	opacity: 0;
	transition-duration: 4000ms;
	transform: rotate(-60deg);
}

#top #kyevisual.active .kv_symbol .circletxt_wrap {
	opacity: 1;
	transform: rotate(0deg);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：キービジュアルエリア_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：TOPICS_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #topics {
	z-index: 2;
	position: relative;
	top: -74px;
	width: 100%;
	margin: 0 0 20px 0;
}
/*
タイトル要素
*/
#top #topics .subtitle {
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 55px 0;
	padding: 0 60px;
}

#top #topics .subtitle h2 {
	color: #ffffff;
	font-size: 120px;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	text-shadow: 0 0 30px rgba(206, 206, 250, 0.3);
}
/*
トピックスカルーセル
*/
#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide {
	flex-shrink: 0;
	/*
	width: 470px;
	*/
	min-width: 470px;
	max-width: 30%;
	margin: 0 10px;
}
/*アロー*/
#top #topics #swiper_topics.swiper_wrap .swiper-button-next:after {
	background-image: url(../images/obj_arrow_w_right.png);
}

#top #topics #swiper_topics.swiper_wrap .swiper-button-prev:after {
	background-image: url(../images/obj_arrow_w_left.png);
}
/*アンカー設定*/
#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide a {
	color: #836b7c;
	text-decoration: none;
}
/*メタ要素*/
#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide .meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 15px 0;
}
/*タイトル*/
#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide .meta h3 {
	display: flex;
	flex: 1;
	box-sizing: border-box;
	align-items: center;
	justify-content: start;
	flex-grow: 1;
	background-image: url(../images/obj_star_gold_2.png);
	background-size: 25px auto;
	background-position: center left;
	background-repeat: no-repeat;
	min-height: 60px;
	padding: 0 0 0 35px;
	font-size: 16px;
	font-weight: 500;
}

#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide .meta h3 span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4em;
}
/*日付*/
#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide .meta time {
	display: flex;
	align-items: center;
	width: 110px;
	font-size: 12px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-variation-settings: "slnt" -14;
}

#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide .meta time span:nth-of-type(1) {
	writing-mode: vertical-rl;
	font-size: 10px;
}

#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide .meta time span:nth-of-type(2) {
	font-size: 35px;
	font-weight: 700;
}
/*サムネイル設定*/
#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide figure {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.3);
	/*
	width: 470px;
	height: 270px;
	*/
	width: 100%;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px #ffffff solid;
	overflow: hidden;
}

#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide figure img {
	width: 100%;
}
/*カテゴリー*/
#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide .news_category {
	display: flex;
	background-image: url(../images/topics_cat_bg.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center right;
}
/*ホバー処理*/
#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide .meta h3 span,
#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide figure img {
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide a:hover h3 span {
	color: #ef7acd;
}

#top #topics #swiper_topics.swiper_wrap .swiper .swiper-slide a:hover figure img {
	transform: scale(1.1);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：TOPICS_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：NEWS_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #news {
	box-sizing: border-box;
	margin: 0 auto 130px auto;
	padding: 0 60px;
}
/*
タイトル要素
*/
#top #news .subtitle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 30px 0;
}

#top #news .subtitle hr {
	display: inline-block;
	flex-grow: 1;
	box-sizing: border-box;
	background-color: #ffffff;
	width: fit-content;
	height: 1px;
	margin: 0 30px;
	padding: 0;
	border: none;
}

#top #news .subtitle h2 {
	color: #ffffff;
	font-size: 60px;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	text-shadow: 0 0 30px rgba(206, 206, 250, 0.3);
}
/*
タイトル要素
*/
#top #news .newslist {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

#top #news .newslist>div {
	width: 23%;
}
/*アンカー*/
#top #news .newslist>div a {
	color: #836b7c;
	text-decoration: none;
}
/*メタ情報*/
#top #news .newslist>div .meta {}

#top #news .newslist>div .meta time {
	display: block;
	margin: 0 0 8px 0;
	font-size: 14px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-variation-settings: "slnt" -14;
}

#top #news .newslist>div .meta h3 {
	min-height: 60px;
	margin: 0 0 15px 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2em;
	border-bottom: 1px #ffffff solid;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
/*サムネイル*/
#top #news .newslist>div figure {
	width: 100%;
	margin: 0 0 15px 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

#top #news .newslist>div figure img {
	width: 100%;
	height: auto;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*カテゴリー PC用*/
#top #news .newslist>div .news_category li {
	font-size: 10px;
}
/*カテゴリー SP用*/
#top #news .newslist>div .meta .news_category {
	/* display: none; */

}
/*
VIEW ALL SP用
*/
#top #news .newsview {
	display: none;
}
/*ホバー処理*/
#top #news .newslist>div .meta h3,
#top #news .newslist>div figure img {
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#top #news .newslist>div a:hover .meta h3 {
	color: #ef7acd;
}

#top #news .newslist>div a:hover figure img {
	transform: scale(1.1);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：NEWS_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：DISCOGRAPHY_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #discography {
	position: relative;
	background-image: linear-gradient(330deg, #bfd6f8, #ddbef7, #f8d1e4);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	padding: 80px 0;
}

#top #discography::after {
	content: "";
	display: block;
	opacity: 0.3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../svg/logo_ireisu_symbol_w.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 70%;
}
/*
タイトル要素
*/
#top #discography .subtitle {
	z-index: 1;
	position: relative;
	background-image: url(../images/obj_star_w_5.png);
	background-size: 280px 22px;
	background-position: top center;
	background-repeat: no-repeat;
	padding: 5vw 0 3vw 0;
}

#top #discography .subtitle h2 {
	color: #ffffff;
	font-size: 8vw;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	text-shadow: 0 0 30px rgba(206, 206, 250, 0.4);
}
/*
ディスコグラフィカルーセル
*/
#top #discography .swiper_wrap {
	z-index: 2;
	position: relative;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 120px 0 0 0;
	overflow: hidden;
}

#top #discography .swiper_wrap .swiper .swiper-slide {
	flex-shrink: 0;
	min-width: 350px;
	max-width: 18%;
	margin: 0 15px;
	transition-duration: 800ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*アロー*/
#top #discography .swiper_wrap .swiper-button-next,
#top #discography .swiper_wrap .swiper-button-prev {
	margin-top: calc(0px - (var(--swiper-navigation-size) / 0.37)) !important;
}

#top #discography .swiper_wrap .swiper-button-next::after,
#top #discography .swiper_wrap .swiper-button-prev::after {
	filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.85));
}
/*スライド強調設定*/
#top #discography .swiper_wrap .swiper .swiper-slide {
	opacity: 0.65;
}

#top #discography .swiper_wrap .swiper-slide.swiper-slide-active {
	opacity: 1;
	transform: translateY(-120px) scale(1);
}

#top #discography .swiper_wrap .swiper-slide.swiper-slide-next,
#top #discography .swiper_wrap .swiper-slide.swiper-slide-prev {
	opacity: 0.8;
	transform: translateY(-60px) scale(0.9);
}
/*アンカー設定*/
#top #discography .swiper_wrap .swiper .swiper-slide a {
	color: #ffffff;
	text-decoration: none;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
/*メタ要素*/
#top #discography .swiper_wrap .swiper .swiper-slide .meta {
	margin: 0 0 15px 0;
}
/*タイトル*/
#top #discography .swiper_wrap .swiper .swiper-slide .meta h3 {
	min-height: 4em;
	margin: 0 0 10px 0;
	border-bottom: 1px #ffffff solid;
}

#top #discography .swiper_wrap .swiper .swiper-slide .meta h3 span {
	line-height: 1.4em;
}
/*日付*/
#top #discography .swiper_wrap .swiper .swiper-slide .meta time {
	display: block;
	margin: 0 0 15px 0;
	font-size: 15px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-variation-settings: "slnt" -14;
}
/*サムネイル設定*/
#top #discography .swiper_wrap .swiper .swiper-slide figure {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	aspect-ratio: 1;
	background-color: rgba(255, 255, 255, 1);
	width: 100%;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#top #discography .swiper_wrap .swiper .swiper-slide figure img {
	width: 100%;
}
/*リリースステータス*/
#top #discography .swiper_wrap .swiper .swiper-slide .meta>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-variation-settings: "slnt" -14;
}

#top #discography .swiper_wrap .swiper .swiper-slide .meta>div .new {
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 3px 13px;
	font-size: 12px;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	border: 1px #ffffff solid;
	border-radius: 100px;
}
/*ホバー処理*/
#top #discography .swiper_wrap .swiper .swiper-slide a .meta h3,
#top #discography .swiper_wrap .swiper .swiper-slide a figure img {
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#top #discography .swiper_wrap .swiper .swiper-slide a:hover .meta h3 {
	color: #ac76ed;
}

#top #discography .swiper_wrap .swiper .swiper-slide a:hover figure img {
	transform: scale(1.15);
}
/*
すべて見るボタン
*/
#top #discography .viewall {
	z-index: 3;
	position: relative;
	width: 200px;
	margin: 0px auto;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：DISCOGRAPHY_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：NOTICE_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #notice {
	background-color: #e8dcb9;
	padding: 80px 0 100px 0;
}
/*
タイトル要素
*/
#top #notice .subtitle {
	padding: 0vw 0 2vw 0;
}

#top #notice .subtitle h2 {
	color: #ffffff;
	font-size: 4.5vw;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	text-shadow: 0 0 30px rgba(206, 206, 250, 0.4);
}
/*
リスト
*/
#top #notice .noticelist {
	box-sizing: border-box;
	width: 85svw;
	max-width: 1280px;
	margin: 0 auto;
}

#top #notice .noticelist>ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#top #notice .noticelist>ul li {
	width: 40svw;
	max-width: 600px;
	margin: 30px 0 0 0;
}

#top #notice .noticelist>ul li a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #7c8f9e;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}
/*アイコン*/
#top #notice .noticelist>ul li a figure {
	width: 60px;
	height: 60px;
}

#top #notice .noticelist>ul li a figure img {
	width: 100%;
	height: auto;
}
/*吹き出し*/
#top #notice .noticelist>ul li p {
	position: relative;
	flex: 1;
	display: block;
	background-color: #ffffff;
	margin: 0 0 0 40px;
	padding: 30px 50px 30px 25px;
	border-radius: 10px;
}

#top #notice .noticelist>ul li p::after {
	position: absolute;
	top: 50%;
	left: -10px;
	content: "";
	display: block;
	background-image: url(../images/obj_triangle_w_right.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 36px;
	margin: -18px 0 0 0;
}
/*ホバー処理*/
#top #notice .noticelist>ul li a p,
#top #notice .noticelist>ul li a figure img {
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#top #notice .noticelist>ul li a:hover p {
	color: #44b4cc;
	transform: translateX(-10px);
}

#top #notice .noticelist>ul li a:hover figure img {
	transform: scale(1.25);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：NOTICE_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：CONTENTS_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top #contents {
	position: relative;
	background-color: #ffffff;
	padding: 125px 0 125px 0;
}

#top #contents::before,
#top #contents::after {
	z-index: 1;
	content: "";
	opacity: 0.2;
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 500px;
	height: 500px;
}

#top #contents::before {
	top: 0;
	left: 0;
	background-image: url(../images/obj_triangle_grd_top_left.png);
	background-position: top left;
}

#top #contents::after {
	bottom: 0;
	right: 0;
	background-image: url(../images/obj_triangle_grd_bottom_right.png);
	background-position: bottom right;
}

/*
タイトル要素
*/
#top #contents .subtitle {
	z-index: 2;
	position: relative;
	box-sizing: border-box;
	background-image: url(../images/obj_silhouette_gold.png);
	background-size: 232px auto;
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 90%;
	margin: 0 auto;
	padding: 0 0 30px 0;
	border-bottom: 1px #d3c594 solid;
}

#top #contents .subtitle h2 {
	display: inline-block;
	color: #ffffff;
	background: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	background: -webkit-linear-gradient(0deg, #f8d1e4, #dbbff7, #bfd5f8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-feature-settings: "palt" 1;
	font-size: 100px;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	text-shadow: 0 0 30px rgba(206, 206, 250, 0.4);
}
/*
コンテンツナビゲーション
*/
#top #contents .contents_cnav {
	z-index: 2;
	position: relative;
	width: 90%;
	margin: 0 auto 50px auto;
	padding: 30px 0;
	border-bottom: 1px #d3c594 solid;
}

#top #contents .contents_cnav ul {
	display: flex;
	align-items: center;
}

#top #contents .contents_cnav ul li {
	padding: 0 15px 0 15px;
	border-right: 2px #d3c594 solid;
}

#top #contents .contents_cnav ul li:first-child {
	padding: 0 15px 0 0;
}

#top #contents .contents_cnav ul li:last-child {
	padding: 0 0 0 15px;
	border: none;
}
/*リンク*/
#top #contents .contents_cnav ul a,
#top #contents .contents_cnav ul a::after {
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#top #contents .contents_cnav ul a {
	position: relative;
	color: #d3c594;
	font-weight: 900;
	text-decoration: none;
}

#top #contents .contents_cnav ul a span {
	z-index: 2;
	position: relative;
}

#top #contents .contents_cnav ul a::after {
	content: "";
	display: block;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #d3c594;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
}

#top #contents .contents_cnav ul a:hover {
	color: #ffffff;
}

#top #contents .contents_cnav ul a:hover:after {
	transform: scaleX(1);
}
/*
カルーセル
*/
#top #contents .swiper_wrap {
	z-index: 2;
	position: relative;
}

#top #contents .swiper_wrap .swiper .swiper-slide {
	opacity: 0.1;
	flex-shrink: 0;
	/*
	width: 470px;
	*/
	min-width: 350px;
	max-width: 23%;
	margin: 0 14px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#top #contents .swiper_wrap .swiper .swiper-slide.swiper-slide-next,
#top #contents .swiper_wrap .swiper .swiper-slide.swiper-slide-prev,
#top #contents .swiper_wrap .swiper .swiper-slide.swiper-slide-active {
	opacity: 1;
}
/*アロー*/
#top #contents .swiper_wrap .swiper-button-next:after,
#top #contents .swiper_wrap .swiper-button-prev:after {
	filter: none;
}

#top #contents .swiper_wrap .swiper-button-next:after {
	background-image: url(../images/obj_arrow_gold_right.png);
}

#top #contents .swiper_wrap .swiper-button-prev:after {
	background-image: url(../images/obj_arrow_gold_left.png);
}
/*コンテンツタイトル*/
#top #contents .swiper_wrap .contentstitle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
}

#top #contents .swiper_wrap .contentstitle h3 {
	background-image: url(../images/obj_symbol_gold_2.png);
	background-size: 40px auto;
	background-position: center left;
	background-repeat: no-repeat;
	color: #d3c594;
	margin: 0 0 40px 0;
	padding: 15px 0 15px 55px;
	font-size: 26px;
	font-weight: 800;
}

#top #contents .swiper_wrap .contentstitle .btn_type_b {
	width: 177px;
}
/*アンカー設定*/
#top #contents .swiper_wrap .swiper .swiper-slide a {
	color: #d3c594;
	text-decoration: none;
}
/*タイトル*/
#top #contents .swiper_wrap .swiper .swiper-slide h4 {
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 500;
}
/*サムネイル設定*/
#top #contents .swiper_wrap .swiper .swiper-slide figure {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 10px 0;
	border-radius: 10px;
	overflow: hidden;
}

#top #contents .swiper_wrap .swiper .swiper-slide figure img {
	width: 100%;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#top #contents .swiper_wrap .swiper .swiper-slide figure img:hover {
	transform: scale(1.1);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
トップページ：CONTENTS_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

ニュース（NEWS）

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ニュース：一覧ページ：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
ページ全体
*/
#substr.news {
	background-color: #ffffff;
	background-image: none;
}

#substr.news .contentswrapper {
	padding: 180px 0 200px 0;
}
/*
ページ固有オブジェクト
*/
#substr.news #pageunique {
	z-index: 1;
	position: relative;
	width: 90%;
	margin: 0 auto;
}
/*背面NEWSテキスト*/
#substr.news #pageunique .pageuniqueobj {
	position: absolute;
	top: 0;
	right: 0;
}

#substr.news #pageunique .pageuniqueobj p {
	z-index: 1;
	position: absolute;
	top: -40px;
	right: -100px;
	opacity: 0.4;
	padding: 0 0 100px 0;
	font-size: 400px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	letter-spacing: 0;
	line-height: 1em;
	text-align: center;
	white-space: nowrap;
	background: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	background: -webkit-linear-gradient(0deg, #f8d1e4, #dbbff7, #bfd5f8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-feature-settings: "palt" 1;
	writing-mode: vertical-rl;
	pointer-events: none;
}
/*
ページタイトル要素
*/
#substr.news #pageunique h1 {
	display: inline-block;
	font-size: 100px;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	background: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	background: -webkit-linear-gradient(0deg, #f8d1e4, #dbbff7, #bfd5f8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-feature-settings: "palt" 1;
}
/*
ページタイトル要素
*/
#substr.news #news_contents_wrapper {
	z-index: 2;
	position: relative;
}
/*
アニメーション
*/
#substr.news #pageunique .maintitle,
#substr.news #pageunique .pageuniqueobj {
	transition-duration: 1200ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*メインタイトル*/
#substr.news #pageunique .maintitle {
	opacity: 0;
	transition-delay: 700ms;
	transform: translateX(-80px);
}

#substr.news #pageunique.active .maintitle {
	opacity: 1;
	transform: translateX(0px);
}
/*背景NEWSオブジェクト*/
#substr.news #pageunique .pageuniqueobj {
	opacity: 0;
	transition-delay: 700ms;
	transform: translateY(-80px);
}

#substr.news #pageunique.active .pageuniqueobj {
	opacity: 1;
	transform: translateY(0px);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ニュース：一覧ページ：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ニュース：一覧ページ：リスト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#substr.news .newslist {
	margin: 0 0 60px 0;
}
/*
カテゴリーフィルター
*/
#substr.news .filter {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 90%;
	margin: 0 auto 60px auto;
}

#substr.news .filter select {
	/*リセット*/
	background: none;
	border: none;
	line-height: 1em;
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*レイアウト*/
	background:
		url(../images/obj_triangle_w_bottom.png),
		linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	background-size: 15px auto, auto;
	background-repeat: no-repeat;
	background-position: 10px center, center;
	color: #ffffff;
	padding: 10px 10px 10px 100px;
	font-size: 20px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	text-align: right;
	cursor: pointer;
	border: 1px #ffffff solid;
	border-radius: 6px;
}

#substr.news .filter select:focus {
	outline: none;
}
/*
ループ要素設定
*/
#substr.news .newslist>ul {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto;
}

#substr.news .newslist>ul>li {
	box-sizing: border-box;
	width: 29%;
	min-width: 260px;
	max-width: 660px;
	margin: 0 10px 50px 10px;
	padding: 0 0 60px 0;
	border-bottom: 1px #c3b173 solid;
}
/*アンカー設定*/
#substr.news .newslist>ul>li a {
	color: #836b7c;
	text-decoration: none;
}
/*メタ要素*/
#substr.news .newslist>ul>li .meta {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0 0 15px 0;
}
/*タイトル*/
#substr.news .newslist>ul>li .meta h3 {
	display: flex;
	flex: 1;
	box-sizing: border-box;
	align-items: flex-start;
	justify-content: start;
	flex-grow: 1;
	background-image: url(../images/obj_star_gold_2.png);
	background-size: 15px auto;
	background-position: left top 2px;
	background-repeat: no-repeat;
	padding: 0 0 0 22px;
	font-size: 15px;
	font-weight: 500;
}

#substr.news .newslist>ul>li .meta h3 span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4em;
}
/*日付*/
#substr.news .newslist>ul>li .meta time {
	display: flex;
	align-items: center;
	width: 90px;
	font-size: 12px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-variation-settings: "slnt" -14;
	transform-origin: left;
}

#substr.news .newslist .meta time span:nth-of-type(1) {
	writing-mode: vertical-rl;
	font-size: 10px;
}

#substr.news .newslist .meta time span:nth-of-type(2) {
	font-size: 25px;
	font-weight: 700;
}
/*サムネイル設定*/
#substr.news .newslist figure {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.3);
	width: 100%;
	margin: 0 0 4px 0;
	padding: 10px;
	border: 1px #ffffff solid;
	overflow: hidden;
}

#substr.news .newslist figure img {
	width: 100%;
}
/*ホバー処理*/
#substr.news .newslist .meta h3 span,
#substr.news .newslist figure img {
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#substr.news .newslist a:hover h3 span {
	color: #ef7acd;
}

#substr.news .newslist a:hover figure img {
	transform: scale(1.1);
}
/*
ページネーション
*/
#substr.news .pagenation {
	width: 100%;
	margin: 0 auto;
}

#substr.news .pagenation .page_list {
	display: flex;
	align-items: center;
	justify-content: center;
}
/*基本アンカー指定*/
#substr.news .pagenation .page_list li {
	margin: 0 5px;
	border-radius: 100px;
}

#substr.news .pagenation .page_list a {
	display: block;
	position: relative;
	color: #c3b173;
	min-width: 40px;
	min-height: 40px;
	font-size: 17px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	text-align: center;
	line-height: 39px;
	text-decoration: none;
	border: 1px #c3b173 solid;
	border-radius: 100px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#substr.news .pagenation .page_list a:hover {
	background-color: #c3b173;
	color: #ffffff;
}
/*無効要素*/
#substr.news .pagenation .page_list li.desable {
	opacity: 0.5;
	background-color: #c3b173;
	color: #ffffff;
	pointer-events: none;
}

#substr.news .pagenation .page_list li.desable a {
	color: #ffffff;
}
/*ハイフネーション*/
#substr.news .pagenation .page_list li.hyph {
	width: 60px;
	height: 1px;
	border-bottom: 1px #c3b173 dotted;
}
/*アロー系*/
#substr.news .pagenation .page_list li.prev_jump,
#substr.news .pagenation .page_list li.prev,
#substr.news .pagenation .page_list li.next_jump,
#substr.news .pagenation .page_list li.next {
	background-color: transparent;
	margin: 0 10px;
}

#substr.news .pagenation .page_list li.prev_jump a,
#substr.news .pagenation .page_list li.prev a,
#substr.news .pagenation .page_list li.next_jump a,
#substr.news .pagenation .page_list li.next a {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	min-width: auto;
	min-height: auto;
	border: none;
}

#substr.news .pagenation .page_list li.prev_jump a:hover,
#substr.news .pagenation .page_list li.prev a:hover {
	background-color: transparent;
	transform: translateX(-10px);
}

#substr.news .pagenation .page_list li.next_jump a:hover,
#substr.news .pagenation .page_list li.next a:hover {
	background-color: transparent;
	transform: translateX(10px);
}

#substr.news .pagenation .page_list li.prev_jump a,
#substr.news .pagenation .page_list li.next_jump a {
	width: 24px;
	height: 42px;
}

#substr.news .pagenation .page_list li.prev a,
#substr.news .pagenation .page_list li.next a {
	width: 27px;
	height: 35px;
}

#substr.news .pagenation .page_list li.prev_jump a {
	background-image: url(../images/obj_arrow_double_gold_left.png);
}

#substr.news .pagenation .page_list li.prev a {
	background-image: url(../images/obj_arrow_gold_left.png);
}

#substr.news .pagenation .page_list li.next_jump a {
	background-image: url(../images/obj_arrow_double_gold_right.png);
}

#substr.news .pagenation .page_list li.next a {
	background-image: url(../images/obj_arrow_gold_right.png);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ニュース：一覧ページ：リスト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ニュース：詳細：ニュース個別コンテンツエリア_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#substr.news.detail #news_contents_wrapper {
	z-index: 3;
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
/*
タイトル要素
*/
#substr.news.detail #news_contents_wrapper .subtitle {
	background-image: url(../images/news_title_bg.png);
	background-size: 88px 19px;
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	padding: 25px 0 0 0;
}
/*見出し*/
#substr.news.detail #news_contents_wrapper .subtitle h2 {
	margin: 0 0 15px 0;
	padding: 8px 0;
	font-size: 25px;
	line-height: 1.65em;
	letter-spacing: 0.055em;
	border-top: 1px #d3c594 solid;
	border-bottom: 1px #d3c594 solid;
}
/*メタ情報*/
#substr.news.detail #news_contents_wrapper .subtitle .meta {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#substr.news.detail #news_contents_wrapper .subtitle .meta time {
	display: inline-block;
	margin: 0 20px 0 0;
	font-size: 14px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
}
/*
カバーアート
*/
#substr.news.detail #news_contents_wrapper .coverart {
	margin: 0 0 50px 0;
}

#substr.news.detail #news_contents_wrapper .coverart figure {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.3);
	width: 100%;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px #ffffff solid;
	overflow: hidden;
	aspect-ratio: 16/9;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}

#substr.news.detail #news_contents_wrapper .coverart figure img {
	width: auto;
	height: 100%;
}
/*
お知らせ本文
*/
#substr.news.detail #news_contents_wrapper .newsbody {
	position: relative;
	margin: 0 0 180px 0;
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core {}
/*見出し系*/
#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core h1 {
	background-image: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	color: #ffffff;
	font-size: 30px;
	font-weight: 500;
	margin: 0 0 20px 0;
	padding: 8px 10px;
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core h2 {
	position: relative;
	margin: 0 0 20px 0;
	padding: 8px 10px;
	font-size: 28px;
	font-weight: 500;
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core h2::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	width: 100%;
	height: 1px;
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core h3 {
	margin: 0 0 20px 0;
	padding: 8px 10px;
	font-size: 26px;
	font-weight: 500;
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core h4 {
	margin: 0 0 20px 0;
	padding: 8px 10px;
	font-size: 23px;
	font-weight: 500;
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core h5 {
	margin: 0 0 20px 0;
	padding: 8px 10px;
	font-size: 20px;
	font-weight: 500;
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core h6 {
	margin: 0 0 20px 0;
	padding: 8px 10px;
	font-size: 18px;
	font-weight: 500;
}
/*行テキスト系*/
#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core p {
	padding: 0 10px 1em 10px;
	font-size: 16px;
	letter-spacing: 0.065em;
	line-height: 1.85em;
}
/*アンカー・強調・装飾文字*/
#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core a {
	position: relative;
	display: inline-block;
	margin: 0 4px;
	padding: 0 4px;
	color: #d3c594;
	font-weight: 600;
	text-decoration: underline;
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core a::after {
	z-index: -1;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #d3c594;
	border-radius: 4px;
	transform: scaleX(0);
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core a,
#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core a::after {
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core a:hover {
	color: #ffffff;
	text-decoration: none;
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core a:hover:after {
	transform: scaleX(1);
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core strong {
	color: #f175a1;
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core em {
	color: #44b4cc;
}
/*区切り罫線（hr）*/
#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core hr {
	background-color: #c3b173;
	width: 100%;
	height: 1px;
	margin: 40px auto;
	border: none;
}
/*画像埋め込み*/
#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core img {}
/*YouTube動画埋め込み*/
#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core iframe[src*="youtube.com"],
#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
	margin: 40px auto;
}
/*箇条書きリスト*/
#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core ul {
	margin: 30px auto;
	padding: 0 10px;
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core ul li {
	background-image: url(../images/obj_star_gold_2.png);
	background-size: 16px auto;
	background-position: 0px center;
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
}
/*番号リスト*/
#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core ol {
	margin: 30px auto;
	padding: 0 10px;
}

#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core ol li {
	margin: 0 0 15px 1.58em;
	list-style-type: decimal;
}
/*引用*/
#substr.news.detail #news_contents_wrapper .newsbody .newsbody_core blockquote {
	box-sizing: border-box;
	background-color: rgba(206, 206, 250, 0.3);
	margin: 0 0 30px 0;
	padding: 30px;
	font-size: 13px;
	font-style: oblique;
	border-radius: 10px;
}
/*
ページネーション
*/
#substr.news.detail #news_contents_wrapper .pagenation {
	display: flex;
	align-items: center;
	justify-content: center;
}

#substr.news.detail #news_contents_wrapper .pagenation a {
	text-decoration: none;
}

#substr.news.detail #news_contents_wrapper .pagenation .news_detail_prev a,
#substr.news.detail #news_contents_wrapper .pagenation .news_detail_next a {
	display: block;
	position: relative;
	color: #c3b173;
	font-size: 20px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	border: 1px #c3b173 solid;
	border-radius: 100px;
}

#substr.news.detail #news_contents_wrapper .pagenation .news_detail_prev a::after,
#substr.news.detail #news_contents_wrapper .pagenation .news_detail_next a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: center;
	width: 20px;
	height: 25px;
	margin: -12.5px 0 0 0;
	/*アニメーション用*/
	transform-origin: center;
	animation-duration: 600ms;
	animation-delay: 0;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-play-state: paused;
}

#substr.news.detail #news_contents_wrapper .pagenation .news_detail_prev a:hover:after,
#substr.news.detail #news_contents_wrapper .pagenation .news_detail_next a:hover:after {
	animation-play-state: running;
}

#substr.news.detail #news_contents_wrapper .pagenation .news_detail_prev a {
	padding: 12px 25px 10px 120px;
	text-align: right;
}

#substr.news.detail #news_contents_wrapper .pagenation .news_detail_prev a::after {
	left: 17px;
	background-image: url(../images/obj_arrow_gold_left.png);
	animation-name: common_anime_bounce_left;
}
#substr.news.detail #news_contents_wrapper .pagenation .news_detail_next a {
	padding: 12px 120px 10px 25px;
	text-align: left;
}

#substr.news.detail #news_contents_wrapper .pagenation .news_detail_next a::after {
	right: 17px;
	background-image: url(../images/obj_arrow_gold_right.png);
	animation-name: common_anime_bounce_right;
}
/*
アニメーション
*/
#substr.news.detail #news_contents_wrapper .subtitle,
#substr.news.detail #news_contents_wrapper .coverart {
	transition-duration: 1200ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*タイトル要素*/
#substr.news.detail #news_contents_wrapper .subtitle {
	opacity: 0;
	transform: translateY(-30px);
	transition-delay: 600ms;
}

#substr.news.detail #news_contents_wrapper.active .subtitle {
	opacity: 1;
	transform: translateY(-30px);
}
/*カバーアート*/
#substr.news.detail #news_contents_wrapper .coverart {
	opacity: 0;
	transform: translateY(30px);
	transition-delay: 600ms;
}

#substr.news.detail #news_contents_wrapper.active .coverart {
	opacity: 1;
	transform: translateY(0px);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ニュース：詳細：ニュース個別コンテンツエリア_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

アバウト（ABOUT）

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ABOUT：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
初期位置調整
*/
#substr.about .contentswrapper {
	padding: 440px 0 200px 0;
}
/*
ページタイトル要素
*/
#substr.about #pageunique h1 {
	position: absolute;
	top: 18px;
	left: 0;
	width: 100%;
	font-size: 400px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	letter-spacing: -0.05em;
	line-height: 1em;
	text-align: center;
	white-space: nowrap;
	background: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	background: -webkit-linear-gradient(0deg, #f8d1e4, #dbbff7, #bfd5f8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-feature-settings: "palt" 1;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*
アニメーション
*/
#substr.about #pageunique h1 {
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*ページタイトル要素*/
#substr.about #pageunique h1 {
	opacity: 0;
	transform: translateX(-100px);
	transition-duration: 2200ms;
}

#substr.about #pageunique.active h1 {
	opacity: 1;
	transform: translateX(0px);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ABOUT：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ABOUT：いれいすとは_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#substr.about #about_outline {
	position: relative;
	width: 90%;
	max-width: 1280px;
	min-height: 600px;
	margin: 0 auto;
}
/*
サブタイトル
*/
#substr.about #about_outline .subtitle {
	margin: 0 0 40px 0;
}
/*欧文*/
#substr.about #about_outline .subtitle h4 {
	font-size: 14px;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
}
/*和文*/
#substr.about #about_outline .subtitle h2 {
	font-size: 30px;
}

#substr.about #about_outline .subtitle h2 strong {
	font-size: 60px;
	font-weight: 600;
	letter-spacing: 0.065em;
}
/*
概要
*/
#substr.about #about_outline .about_outline_detail {
	position: relative;
}
/*
キービジュアル
*/
#substr.about #about_outline .about_outline_detail>figure {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 70%;
	max-width: 800px;
	margin: -24% 0 0 -180px;
	perspective: 1360px;
	transform-style: preserve-3d;
	perspective-origin: 35% 70%;
}

#substr.about #about_outline .about_outline_detail>figure img {
	z-index: 1;
	position: relative;
	width: 100%;
	height: auto;
	transform:
		translateY(0) translateZ(0) translateX(0px) rotateZ(0deg) rotateY(-35deg) rotateX(0deg);
	transform-origin: 50% 50%;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}

/*
紹介テキスト
*/
#substr.about #about_outline .about_outline_detail .description {
	z-index: 2;
	position: relative;
	width: 48%;
	max-width: 515px;
}
/*タイトル*/
#substr.about #about_outline .about_outline_detail .description>h3 {
	margin: 0 0 30px 0;
}

#substr.about #about_outline .about_outline_detail .description>h3 em {
	display: inline-block;
	background: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	color: #ffffff;
	margin: 0 0 10px 0;
	padding: 6px 6px 4px 6px;
	font-size: 23px;
	font-style: normal;
	letter-spacing: 0em;
	line-height: 1em;
	text-align: justify;
}
/*本文*/
#substr.about #about_outline .about_outline_detail .description>div {
	color: #836b7c;
	font-size: 15px;
	letter-spacing: 0.085em;
	line-height: 2em;
}

#substr.about #about_outline .about_outline_detail .description>div p {
	text-shadow:
		0 0 10px rgba(255, 255, 255, 1),
		0 0 10px rgba(255, 255, 255, 1),
		0 0 10px rgba(255, 255, 255, 1);
}
/*
アニメーション
*/
#substr.about #about_outline .subtitle h4,
#substr.about #about_outline .subtitle h2,
#substr.about #about_outline .about_outline_detail .description>h3,
#substr.about #about_outline .about_outline_detail .description>div,
#substr.about #about_outline .about_outline_detail>figure img {
	opacity: 0;
	transition-duration: 1200ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*欧文*/
#substr.about #about_outline .subtitle h4 {
	opacity: 0;
	transform: translateX(60px);
	transition-delay: 600ms;
}

#substr.about #about_outline.active .subtitle h4 {
	opacity: 1;
	transform: translateX(0px);
}
/*タイトル*/
#substr.about #about_outline .subtitle h2 {
	opacity: 0;
	transform: translateX(60px);
	transition-delay: 800ms;
}

#substr.about #about_outline.active .subtitle h2 {
	opacity: 1;
	transform: translateX(0px);
}
/*リードテキスト*/
#substr.about #about_outline .about_outline_detail .description>h3 {
	opacity: 0;
	transform: translateX(60px);
	transition-delay: 1000ms;
}

#substr.about #about_outline.active .about_outline_detail .description>h3 {
	opacity: 1;
	transform: translateX(0px);
}
/*本文*/
#substr.about #about_outline .about_outline_detail .description>div {
	opacity: 0;
	transform: translateX(60px);
	transition-delay: 1200ms;
}

#substr.about #about_outline.active .about_outline_detail .description>div {
	opacity: 1;
	transform: translateX(0px);
}
/*サムネイル*/
#substr.about #about_outline .about_outline_detail>figure img {
	transition-delay: 1400ms;
	transform:
		translateY(0) translateZ(0) translateX(0px) rotateZ(0deg) rotateY(35deg) rotateX(0deg);
}

#substr.about #about_outline.active .about_outline_detail>figure img {
	opacity: 1;
	transform:
		translateY(0) translateZ(0) translateX(0px) rotateZ(0deg) rotateY(-35deg) rotateX(0deg);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ABOUT：いれいすとは_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ABOUT：いれいすの活動_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#substr.about #about_activities {
	position: relative;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.8);
	width: 900px;
	margin: 0 auto;
	padding: 100px 60px 60px 60px;
	border: 10px #d3c594 solid;
}
/*
タイトル要素
*/
#substr.about #about_activities .subtitle {
	z-index: 1;
	position: relative;
}
/*タイトルテキスト*/
#substr.about #about_activities .subtitle h2 {
	position: absolute;
	top: -143px;
	left: -102px;
	background-image: url(../images/about_activities_title.png);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	width: 420px;
	height: 366px;
	text-indent: -9999px;
}
/*タイトルテキスト*/
#substr.about #about_activities .subtitle .object {
	position: relative;
	top: -200px;
}

#substr.about #about_activities .subtitle .object span {
	display: block;
	position: absolute;
	background-size: 100% auto;
	background-position: bottom center;
	background-repeat: no-repeat;
}

#substr.about #about_activities .subtitle .object span:nth-of-type(1) {
	top: 0;
	right: 143px;
	background-image: url(../images/obj_silhouette_gold_1.png);
	width: 37px;
	height: 90px;
}

#substr.about #about_activities .subtitle .object span:nth-of-type(2) {
	top: 5px;
	right: 89px;
	background-image: url(../images/obj_silhouette_gold_2.png);
	width: 42px;
	height: 86px;
}

#substr.about #about_activities .subtitle .object span:nth-of-type(3) {
	top: 2px;
	right: 55px;
	background-image: url(../images/obj_silhouette_gold_3.png);
	width: 29px;
	height: 88px;
}

#substr.about #about_activities .subtitle .object span:nth-of-type(4) {
	top: 0;
	right: 9px;
	background-image: url(../images/obj_silhouette_gold_4.png);
	width: 35px;
	height: 93px;
}

#substr.about #about_activities .subtitle .object span:nth-of-type(5) {
	top: 0;
	right: -30px;
	background-image: url(../images/obj_silhouette_gold_5.png);
	width: 34px;
	height: 93px;
}

#substr.about #about_activities .subtitle .object span:nth-of-type(6) {
	top: 0;
	right: -70px;
	background-image: url(../images/obj_silhouette_gold_6.png);
	width: 34px;
	height: 93px;
}
/*
活動一覧
*/
#substr.about #about_activities .about_activities_list {
	z-index: 2;
	position: relative;
}
/*コンテンツタイトル*/
#substr.about #about_activities .about_activities_list>div .ctitle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 20px 0;
}

#substr.about #about_activities .about_activities_list>div .ctitle h3 {
	font-size: 45px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: italic;
	background: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	background: -webkit-linear-gradient(0deg, #f8d1e4, #dbbff7, #bfd5f8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-feature-settings: "palt" 1;
}

#substr.about #about_activities .about_activities_list>div .ctitle>div {
	width: 180px;
}

#substr.about #about_activities .about_activities_list>div .ctitle>div a {
	font-size: 17px;
}
/*キャプション*/
#substr.about #about_activities .about_activities_list>div .caption {
	margin: 0 0 30px 0;
}

#substr.about #about_activities .about_activities_list>div .caption p {
	font-size: 15px;
	letter-spacing: 0.085em;
	line-height: 1.85em;
}
/*
カルーセル
*/
#substr.about #about_activities .about_activities_list .swiper_about_activ_common_wrap {
	position: relative;
}

#substr.about #about_activities .about_activities_list .swiper_about_activ_common_wrap .swiper-slide {
	flex-shrink: 0;
	width: 30%;
	margin: 0 10px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*アロー*/
#substr.about #about_activities .about_activities_list .swiper_about_activ_common_wrap .swiper-button-next:after,
#substr.about #about_activities .about_activities_list .swiper_about_activ_common_wrap .swiper-button-prev:after {
	filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 3px #ffffff) drop-shadow(0 0 1px #ffffff);
}

#substr.about #about_activities .about_activities_list .swiper_about_activ_common_wrap .swiper-button-next:after {
	background-image: url(../images/obj_arrow_gold_right.png);
}

#substr.about #about_activities .about_activities_list .swiper_about_activ_common_wrap .swiper-button-prev:after {
	background-image: url(../images/obj_arrow_gold_left.png);
}
/*サムネイル設定*/
#substr.about #about_activities .about_activities_list .swiper_about_activ_common_wrap .swiper .swiper-slide figure {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#substr.about #about_activities .about_activities_list .swiper_about_activ_common_wrap .swiper .swiper-slide figure img {
	width: 100%;
}
/*
アニメーション
*/
#substr.about #about_activities .subtitle .object span {
	opacity: 0;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
	transform: translateX(-40px);
}
/*タイトルシルエット*/
#substr.about #about_activities .subtitle.wp_t_a_active .object span {
	opacity: 1;
	transform: translateX(0);
}

#substr.about #about_activities .subtitle .object span:nth-of-type(1) {
	transition-delay: 0ms;
}

#substr.about #about_activities .subtitle .object span:nth-of-type(2) {
	transition-delay: 200ms;
}

#substr.about #about_activities .subtitle .object span:nth-of-type(3) {
	transition-delay: 400ms;
}

#substr.about #about_activities .subtitle .object span:nth-of-type(4) {
	transition-delay: 600ms;
}

#substr.about #about_activities .subtitle .object span:nth-of-type(5) {
	transition-delay: 800ms;
}

#substr.about #about_activities .subtitle .object span:nth-of-type(6) {
	transition-delay: 1000ms;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ABOUT：いれいすの活動_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

メンバー（MEMBER）

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：トップ：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#substr.member .contentswrapper {
	width: 100%;
	min-height: 1205px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：トップ：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：トップ：メンバービジュアル_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#substr.member #member_vis {
	z-index: 10;
	position: absolute;
	background-color: #ffffff;
	top: 0;
	left: 0;
	width: 100%;
	height: 1205px;
	overflow: hidden;
}

#substr.member #member_vis .detail {
	width: 100%;
	height: 100%;
}
/*
メンバービジュアル
*/
#substr.member #member_vis .illsut {
	z-index: 3;
	position: relative;
	top: 240px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: 95%;
	max-width: 1280px;
	margin: 0 auto;
	/*background-color: rgba(106,154,150,0.45);*/
}
/*アートワーク*/
#substr.member #member_vis .illsut figure {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16%;
	/*background-color: rgba(56,154,150,0.45);*/
}

#substr.member #member_vis .illsut figure img {
	display: block;
	position: relative;
	max-width: none !important;
	height: auto !important;
	width: auto !important;
}

#substr.member #member_vis .illsut figure:nth-of-type(1) img {
	z-index: 6;
	width: 317px !important;
	height: 776px !important;
}

#substr.member #member_vis .illsut figure:nth-of-type(2) img {
	z-index: 4;
	width: 360px !important;
	height: 736px !important;
	margin: 0 0 0 70px;
}

#substr.member #member_vis .illsut figure:nth-of-type(3) img {
	z-index: 5;
	width: 248px !important;
	height: 755px !important;
}

#substr.member #member_vis .illsut figure:nth-of-type(4) img {
	z-index: 3;
	width: 298px !important;
	height: 795px !important;
}

#substr.member #member_vis .illsut figure:nth-of-type(5) img {
	z-index: 2;
	width: 289px !important;
	height: 793px !important;
}

#substr.member #member_vis .illsut figure:nth-of-type(6) img {
	z-index: 1;
	width: 292px !important;
	height: 794px !important;
}
/*反射*/
#substr.member #member_vis .illsut figure::after {
	opacity: 0.5;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
}

#substr.member #member_vis .illsut figure:nth-of-type(1)::after {
	bottom: -160px;
	background-image: url(../images/member_liura_reflect_c.png);
	width: 80px;
	height: 166px;
	margin: 0 0 0 -36px;
}

#substr.member #member_vis .illsut figure:nth-of-type(2)::after {
	bottom: -160px;
	background-image: url(../images/member_hotoke_reflect_c.png);
	width: 80px;
	height: 166px;
	margin: 0 0 0 -13px;
}

#substr.member #member_vis .illsut figure:nth-of-type(3)::after {
	bottom: -160px;
	background-image: url(../images/member_sho_reflect_c.png);
	width: 80px;
	height: 166px;
	margin: 0 0 0 -14px;
}

#substr.member #member_vis .illsut figure:nth-of-type(4)::after {
	bottom: -154px;
	background-image: url(../images/member_naiko_reflect_c.png);
	width: 120px;
	height: 166px;
	margin: 0 0 0 -91px;
}

#substr.member #member_vis .illsut figure:nth-of-type(5)::after {
	bottom: -154px;
	background-image: url(../images/member_if_reflect_c.png);
	width: 133px;
	height: 166px;
	margin: 0 0 0 -68px;
}

#substr.member #member_vis .illsut figure:nth-of-type(6)::after {
	bottom: -160px;
	background-image: url(../images/member_yusuke_reflect_c.png);
	width: 236px;
	height: 166px;
	margin: 0 0 0 -147px;
}
/*
オブジェクト
*/
#substr.member #member_vis .obj {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*グラデーションテキスト*/
#substr.member #member_vis .obj h1 {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 50%;
	width: 1250px;
	margin: 0 0 0 -625px;
	padding: 0 15px 0 0;
	font-size: 400px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	text-align: center;
	letter-spacing: -0.05em;
	white-space: nowrap;
	background: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	background: -webkit-linear-gradient(0deg, #f8d1e4, #dbbff7, #bfd5f8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-feature-settings: "palt" 1;
}
/*スター*/
#substr.member #member_vis .obj .star {
	position: absolute;
	top: 0;
	left: 50%;
	background-image: url(../images/obj_star_member.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 1451px;
	height: 963px;
	margin: 120px 0 0 -810px;
}
/*
背景カラー
*/
#substr.member #member_vis .bg {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*背景色*/
#substr.member #member_vis .bg>div {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#substr.member #member_vis .bg .card_1 {
	background-color: #e85952;
}

#substr.member #member_vis .bg .card_2 {
	background-color: #93daec;
}

#substr.member #member_vis .bg .card_3 {
	background-color: #af8cf6;
}

#substr.member #member_vis .bg .card_4 {
	background-color: #f587ab;
}

#substr.member #member_vis .bg .card_5 {
	background-color: #3969d6;
}

#substr.member #member_vis .bg .card_6 {
	background-color: #807571;
}
/*メンバーネーム*/
#substr.member #member_vis .bg>div p {
	opacity: 0;
	position: absolute;
	top: -50px;
	width: 100%;
	color: rgba(255, 255, 255, 0.2);
	font-size: 400px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	text-align: center;
	white-space: nowrap;
	transform: translateY(-80px);
}
/*
背景演出
*/
/*アニメーション用設定*/
#substr.member #member_vis .bg>div,
#substr.member #member_vis .illsut figure::after,
#substr.member #member_vis .obj h1,
#substr.member #member_vis .obj .star,
#substr.member #member_vis .bg>div p {
	transition-duration: 1000ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*背景要素を表示*/
#substr.member #member_vis .bg>div.hoveractive {
	opacity: 1;
}
/*背景MEMBERテキストを削除*/
#substr.member #member_vis.hoveractive .obj h1 {
	opacity: 0;
}
/*メンバー名を表示*/
#substr.member #member_vis.hoveractive .bg>div p {
	opacity: 1;
	transform: translateY(0px);
}
/*スターを削除*/
#substr.member #member_vis.hoveractive .obj .star {
	opacity: 0;
}
/*反射要素の色変更*/
#substr.member #member_vis.hoveractive .illsut figure:nth-of-type(1)::after {
	background-image: url(../images/member_liura_reflect_m.png);
}

#substr.member #member_vis.hoveractive .illsut figure:nth-of-type(2)::after {
	background-image: url(../images/member_hotoke_reflect_m.png);
}

#substr.member #member_vis.hoveractive .illsut figure:nth-of-type(3)::after {
	background-image: url(../images/member_sho_reflect_m.png);
}

#substr.member #member_vis.hoveractive .illsut figure:nth-of-type(4)::after {
	background-image: url(../images/member_naiko_reflect_m.png);
}

#substr.member #member_vis.hoveractive .illsut figure:nth-of-type(5)::after {
	background-image: url(../images/member_if_reflect_m.png);
}

#substr.member #member_vis.hoveractive .illsut figure:nth-of-type(6)::after {
	background-image: url(../images/member_yusuke_reflect_m.png);
}
/*
アニメーション
*/
#substr.member .contentswrapper #member_vis .illsut figure img,
#substr.member .contentswrapper #member_vis .illsut figure::after,
#substr.member #member_vis .obj h1,
#substr.member #member_vis .obj .star {
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*アートワーク*/
#substr.member .contentswrapper #member_vis .illsut figure img {
	opacity: 0;
	transform: translateY(-60px);
}

#substr.member .contentswrapper.active #member_vis .illsut figure img {
	opacity: 1;
	transform: translateY(0px);
}
/*反射*/
#substr.member .contentswrapper #member_vis .illsut figure::after {
	opacity: 0;
	transform: translateY(60px);
}

#substr.member .contentswrapper.active #member_vis .illsut figure::after {
	opacity: 1;
	transform: translateY(0px);
}
/*アートワーク＆反射の時間差設定*/
#substr.member .contentswrapper #member_vis .illsut figure:nth-of-type(1) img,
#substr.member .contentswrapper #member_vis .illsut figure:nth-of-type(1)::after {
	transition-delay: 0ms;
}

#substr.member .contentswrapper #member_vis .illsut figure:nth-of-type(2) img,
#substr.member .contentswrapper #member_vis .illsut figure:nth-of-type(2)::after {
	transition-delay: 100ms;
}

#substr.member .contentswrapper #member_vis .illsut figure:nth-of-type(3) img,
#substr.member .contentswrapper #member_vis .illsut figure:nth-of-type(3)::after {
	transition-delay: 200ms;
}

#substr.member .contentswrapper #member_vis .illsut figure:nth-of-type(4) img,
#substr.member .contentswrapper #member_vis .illsut figure:nth-of-type(4)::after {
	transition-delay: 300ms;
}

#substr.member .contentswrapper #member_vis .illsut figure:nth-of-type(5) img,
#substr.member .contentswrapper #member_vis .illsut figure:nth-of-type(5)::after {
	transition-delay: 400ms;
}

#substr.member .contentswrapper #member_vis .illsut figure:nth-of-type(6) img,
#substr.member .contentswrapper #member_vis .illsut figure:nth-of-type(6)::after {
	transition-delay: 500ms;
}
/*背景テキスト*/
#substr.member .contentswrapper #member_vis .obj h1 {
	transform: translateX(400px);
	transition-duration: 2000ms;
	transition-delay: 0ms;
}

#substr.member .contentswrapper.active #member_vis .obj h1 {
	transform: translateX(0px);
}
/*スター*/
#substr.member .contentswrapper #member_vis .obj .star {
	transform: scale(0);
	transition-duration: 2000ms;
}

#substr.member .contentswrapper.active #member_vis .obj .star {
	transform: scale(1);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：トップ：メンバービジュアル_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：トップ：メンバーカード_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#substr.member #member_card {
	z-index: 20;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1205px;
	overflow: hidden;
}
/*
カード画像
*/
#substr.member #member_card .member_card_list {
	position: relative;
	top: 50%;
	width: 100%;
	max-width: 1680px;
	margin: -6% auto 0 auto;
}

#substr.member #member_card .member_card_list .card {
	z-index: 1;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	perspective: 1680px;
	transform-style: preserve-3d;
	perspective-origin: 50% 50%;
}

#substr.member #member_card .member_card_list .card li {
	width: 16%;
	margin: 0 1.3% 0 0;
	aspect-ratio: 11/15.45;
	transform-origin: top left;
}

#substr.member #member_card .member_card_list .card li:last-child {
	margin: 0;
}

@media screen and (min-width:2000px) {
	#substr.member #member_card .member_card_list .card li {
		transform:
			translateY(0) translateZ(0) translateX(0) rotateZ(0deg) rotateY(0deg) rotateX(0deg) scale(1) !important;
	}
}

#substr.member #member_card .member_card_list .card li em {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	box-shadow: 0 0 20px rgba(206, 204, 250, 0.5), 0 0 20px rgba(250, 200, 255, 0.5);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#substr.member #member_card .member_card_list .card li.card_1 {
	transform:
		translateY(0) translateZ(0) translateX(10%) rotateZ(0deg) rotateY(50deg) rotateX(0deg) scale(1.13);
}

#substr.member #member_card .member_card_list .card li.card_1 em {
	background-image: url(../images/member_liura_panel.png);
}

#substr.member #member_card .member_card_list .card li.card_2 {
	transform:
		translateY(0) translateZ(0) translateX(13%) rotateZ(0deg) rotateY(35deg) rotateX(0deg) scale(0.98);
}

#substr.member #member_card .member_card_list .card li.card_2 em {
	background-image: url(../images/member_hotoke_panel.png);
}

#substr.member #member_card .member_card_list .card li.card_3 {
	transform:
		translateY(0) translateZ(0) translateX(6%) rotateZ(0deg) rotateY(20deg) rotateX(0deg) scale(0.90);
}

#substr.member #member_card .member_card_list .card li.card_3 em {
	background-image: url(../images/member_sho_panel.png);
}

#substr.member #member_card .member_card_list .card li.card_4 {
	transform:
		translateY(0) translateZ(0) translateX(-6%) rotateZ(0deg) rotateY(-20deg) rotateX(0deg) scale(0.90);
}

#substr.member #member_card .member_card_list .card li.card_4 em {
	background-image: url(../images/member_naiko_panel.png);
}

#substr.member #member_card .member_card_list .card li.card_5 {
	transform:
		translateY(0) translateZ(0) translateX(-13%) rotateZ(0deg) rotateY(-35deg) rotateX(0deg) scale(0.98);
}

#substr.member #member_card .member_card_list .card li.card_5 em {
	background-image: url(../images/member_if_panel.png);
}

#substr.member #member_card .member_card_list .card li.card_6 {
	transform:
		translateY(0) translateZ(0) translateX(-10%) rotateZ(0deg) rotateY(-50deg) rotateX(0deg) scale(1.13);
}

#substr.member #member_card .member_card_list .card li.card_6 em {
	background-image: url(../images/member_yusuke_panel.png);
}
/*
カード選択時演出用
*/
#substr.member #member_card .member_card_list .card li {
	transition-duration: 1000ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*3D空間の前後関係リセット*/
#substr.member #member_card .member_card_list .card li.hoveractive {
	transform: none;
}

#substr.member #member_card .member_card_list .card li.card_1.hoveractive {
	transform:
		translateY(0) translateZ(0) translateX(20%) rotateZ(0deg) rotateY(0deg) rotateX(0deg) scale(1.16) translate3d(0, 0, 80px);
}

#substr.member #member_card .member_card_list .card li.card_2.hoveractive {
	transform:
		translateY(0) translateZ(0) translateX(10%) rotateZ(0deg) rotateY(0deg) rotateX(0deg) scale(1.16) translate3d(0, 0, 80px);
}

#substr.member #member_card .member_card_list .card li.card_3.hoveractive {
	transform:
		translateY(0) translateZ(0) translateX(3%) rotateZ(0deg) rotateY(0deg) rotateX(0deg) scale(1.16) translate3d(0, 0, 80px);
}

#substr.member #member_card .member_card_list .card li.card_4.hoveractive {
	transform:
		translateY(0) translateZ(0) translateX(-3%) rotateZ(0deg) rotateY(0deg) rotateX(0deg) scale(1.16) translate3d(0, 0, 80px);
}

#substr.member #member_card .member_card_list .card li.card_5.hoveractive {
	transform:
		translateY(0) translateZ(0) translateX(-10%) rotateZ(0deg) rotateY(0deg) rotateX(0deg) scale(1.16) translate3d(0, 0, 80px);
}

#substr.member #member_card .member_card_list .card li.card_6.hoveractive {
	transform:
		translateY(0) translateZ(0) translateX(-20%) rotateZ(0deg) rotateY(0deg) rotateX(0deg) scale(1.16) translate3d(0, 0, 80px);
}
/*
PC用クリック範囲
*/
#substr.member #member_card .member_card_list .clickarea {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 1680px;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}

#substr.member #member_card .member_card_list .clickarea li {
	align-self: stretch;
	width: 16%;
	margin: 0 1.3% 0 0;
}

#substr.member #member_card .member_card_list .clickarea li:last-child {
	margin: 0;
}

#substr.member #member_card .member_card_list .clickarea li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：トップ：メンバーカード_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：詳細：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本設定
*/
#substr.member.detail {
	background-image: none;
	background-color: #ffffff;
}
/*
初期位置調整
*/
#substr.member.detail .contentswrapper {
	position: relative;
	min-height: 1600px;
}
/*
ページタイトル要素
*/
#substr.member.detail #pageunique h1 {
	z-index: 2;
	opacity: 0.4;
	position: absolute;
	top: 60px;
	right: -10px;
	font-size: 180px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	line-height: 1em;
	text-align: right;
}

#substr.member.detail.detail_1 #pageunique h1 {
	color: #e85a52;
}

#substr.member.detail.detail_2 #pageunique h1 {
	color: #93daec;
}

#substr.member.detail.detail_3 #pageunique h1 {
	color: #af8cf6;
}

#substr.member.detail.detail_4 #pageunique h1 {
	color: #f587ab;
}

#substr.member.detail.detail_5 #pageunique h1 {
	color: #3969d6;
}

#substr.member.detail.detail_6 #pageunique h1 {
	color: #807571;
}
/*
飾り
*/
#substr.member.detail #pageunique .pageuniqueobj {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*クリップ範囲*/
#substr.member.detail #pageunique .pageuniqueobj .top_left {
	z-index: 2;
	position: relative;
	width: 540px;
	height: 540px;
	clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}

/*キーカラー*/
#substr.member.detail #pageunique .pageuniqueobj .top_left .keycolor {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

#substr.member.detail.detail_1 #pageunique .pageuniqueobj .top_left .keycolor {
	background-color: #e85a52;
}

#substr.member.detail.detail_2 #pageunique .pageuniqueobj .top_left .keycolor {
	background-color: #93daec;
}

#substr.member.detail.detail_3 #pageunique .pageuniqueobj .top_left .keycolor {
	background-color: #af8cf6;
}

#substr.member.detail.detail_4 #pageunique .pageuniqueobj .top_left .keycolor {
	background-color: #f587ab;
}

#substr.member.detail.detail_5 #pageunique .pageuniqueobj .top_left .keycolor {
	background-color: #3969d6;
}

#substr.member.detail.detail_6 #pageunique .pageuniqueobj .top_left .keycolor {
	background-color: #807571;
}

/*回転ハーフトーン*/
#substr.member.detail #pageunique .pageuniqueobj .top_left .tl {
	z-index: 2;
	position: absolute;
	top: -300px;
	left: -300px;
	background-image: url(../images/obj_halftone_1.png);
	width: 600px;
	height: 600px;
	animation-name: common_anime_rotate;
	transform-origin: center;
	animation-duration: 100000ms;
	animation-delay: 0;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
}
/*メンバーぼかし画像*/
#substr.member.detail #pageunique .pageuniqueobj .blur_member {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0.3;
}

#substr.member.detail #pageunique .pageuniqueobj .blur_member::after {
	content: "";
	display: block;
	position: absolute;
	top: -1%;
	left: -1%;
	width: 102%;
	height: 102%;
	background-position: top right;
	background-size: 80% auto;
	background-repeat: no-repeat;
	filter: blur(10px);
}

#substr.member.detail.detail_1 #pageunique .pageuniqueobj .blur_member::after {
	background-image: url(../images/member_mainvis_liura.png);
}

#substr.member.detail.detail_2 #pageunique .pageuniqueobj .blur_member::after {
	background-image: url(../images/member_mainvis_hotoke.png);
}

#substr.member.detail.detail_3 #pageunique .pageuniqueobj .blur_member::after {
	background-image: url(../images/member_mainvis_sho.png);
}

#substr.member.detail.detail_4 #pageunique .pageuniqueobj .blur_member::after {
	background-image: url(../images/member_mainvis_naiko.png);
}

#substr.member.detail.detail_5 #pageunique .pageuniqueobj .blur_member::after {
	background-image: url(../images/member_mainvis_if.png);
}

#substr.member.detail.detail_6 #pageunique .pageuniqueobj .blur_member::after {
	background-image: url(../images/member_mainvis_yusuke.png);
}
/*
背景演出リセット
*/
#substr.member.detail #effect_bg {
	display: none;
}
/*
前後関係調整
*/
#substr.member.detail #pageunique {
	z-index: 1;
}

#substr.member.detail .member_outline_detail {
	z-index: 3;
}

#substr.member.detail .member_outline_vis {
	z-index: 2;
}

#substr.member.detail #member_change {
	z-index: 5;
}

#substr.member.detail #member_movie {
	z-index: 4;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：詳細：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：詳細：個別情報_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#substr.member.detail #member_outline {
	position: relative;
	height: 1600px;
}

#substr.member.detail .member_outline_detail {
	position: absolute;
	top: 250px;
	right: 4vw;
	width: 56vw;
	max-width: 700px;
}
/*フォントカラー*/
#substr.member.detail.detail_1 .member_outline_detail {
	color: #e85a52;
}

#substr.member.detail.detail_2 .member_outline_detail {
	color: #66c7df;
}

#substr.member.detail.detail_3 .member_outline_detail {
	color: #af8cf6;
}

#substr.member.detail.detail_4 .member_outline_detail {
	color: #fb79a4;
}

#substr.member.detail.detail_5 .member_outline_detail {
	color: #3969d6;
}

#substr.member.detail.detail_6 .member_outline_detail {
	color: #807571;
}
/*
名前＆サンプルボイス
*/
#substr.member.detail .member_outline_detail .baseinfo {
	position: relative;
	margin: 0 0 30px 0;
	padding: 80px 0 0 90px;
}
/*No表記*/
#substr.member.detail .member_outline_detail .baseinfo .name h6 {
	position: absolute;
	top: 0;
	left: 0;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 153px;
	height: 118px;
	text-indent: -9999px;
}

#substr.member.detail.detail_1 .member_outline_detail .baseinfo .name h6 {
	background-image: url(../images/member_noobj_1.png);
}

#substr.member.detail.detail_2 .member_outline_detail .baseinfo .name h6 {
	background-image: url(../images/member_noobj_2.png);
}

#substr.member.detail.detail_3 .member_outline_detail .baseinfo .name h6 {
	background-image: url(../images/member_noobj_3.png);
}

#substr.member.detail.detail_4 .member_outline_detail .baseinfo .name h6 {
	background-image: url(../images/member_noobj_4.png);
}

#substr.member.detail.detail_5 .member_outline_detail .baseinfo .name h6 {
	background-image: url(../images/member_noobj_5.png);
}

#substr.member.detail.detail_6 .member_outline_detail .baseinfo .name h6 {
	background-image: url(../images/member_noobj_6.png);
}
/*正式名表記*/
#substr.member.detail .member_outline_detail .baseinfo .name h2 {
	margin: 0 0 3px 0;
	font-size: 60px;
	font-weight: 500;
	font-style: oblique;
	line-height: 1em;
}
/*欧文表記*/
#substr.member.detail .member_outline_detail .baseinfo .name h3 {
	font-size: 20px;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	margin: 0 0 0 16px;
}
/*サンプルボイス*/
#substr.member.detail .member_outline_detail .baseinfo .voice {
	position: absolute;
	top: 100px;
	left: 430px;
}

#substr.member.detail .member_outline_detail .baseinfo .voice p {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 24px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	cursor: pointer;
}

#substr.member.detail .member_outline_detail .baseinfo .voice p span {
	position: relative;
	display: block;
	background-image: url(../images/icon_audio.png);
	background-size: 16px auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
	margin: 0 0 0 15px;
	border-radius: 100px;
	transform-origin: center;
	animation-name: common_anime_bounce_right;
	animation-duration: 600ms;
	animation-delay: 0;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-play-state: paused;
}

#substr.member.detail.detail_1 .member_outline_detail .baseinfo .voice p span {
	background-color: #e85a52;
}

#substr.member.detail.detail_2 .member_outline_detail .baseinfo .voice p span {
	background-color: #66c7df;
}

#substr.member.detail.detail_3 .member_outline_detail .baseinfo .voice p span {
	background-color: #af8cf6;
}

#substr.member.detail.detail_4 .member_outline_detail .baseinfo .voice p span {
	background-color: #fb79a4;
}

#substr.member.detail.detail_5 .member_outline_detail .baseinfo .voice p span {
	background-color: #3969d6;
}

#substr.member.detail.detail_6 .member_outline_detail .baseinfo .voice p span {
	background-color: #807571;
}

#substr.member.detail .member_outline_detail .baseinfo .voice p:hover span {
	animation-play-state: running;
}
/*
プロフィール
*/
#substr.member.detail .member_outline_detail .profile {
	padding: 0 0 0 105px;
}
/*タグライン*/
#substr.member.detail .member_outline_detail .profile .tagline {
	margin: 0 0 20px 0;
}

#substr.member.detail .member_outline_detail .profile .tagline p {
	margin: 0 0 1em 0;
	font-size: 15px;
	letter-spacing: 0.065em;
	line-height: 1.8em;
	-webkit-text-stroke: 1px #ffffff;
	text-stroke: 1px #ffffff;
	paint-order: stroke;
	text-shadow: 0 0 6px #ffffff, 0 0 3px #ffffff, 0 0 1px #ffffff, 0 0 6px #ffffff, 0 0 3px #ffffff, 0 0 1px #ffffff;
}
/*メンバーの夢トリガーボタン*/
#substr.member.detail .member_outline_detail .profile .dream .trigger {
	position: relative;
	color: #ffffff;
	width: 140px;
	padding: 10px 10px 8px 20px;
	text-align: center;
	line-height: 1em;
	text-align: right;
	border-radius: 100px;
	cursor: pointer;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#substr.member.detail.detail_1 .member_outline_detail .profile .dream .trigger {
	background-color: #e85a52;
	border: 1px #e85a52 solid;
}

#substr.member.detail.detail_2 .member_outline_detail .profile .dream .trigger {
	background-color: #66c7df;
	border: 1px #66c7df solid;
}

#substr.member.detail.detail_3 .member_outline_detail .profile .dream .trigger {
	background-color: #af8cf6;
	border: 1px #af8cf6 solid;
}

#substr.member.detail.detail_4 .member_outline_detail .profile .dream .trigger {
	background-color: #fb79a4;
	border: 1px #fb79a4 solid;
}

#substr.member.detail.detail_5 .member_outline_detail .profile .dream .trigger {
	background-color: #3969d6;
	border: 1px #3969d6 solid;
}

#substr.member.detail.detail_6 .member_outline_detail .profile .dream .trigger {
	background-color: #807571;
	border: 1px #807571 solid;
}

#substr.member.detail .member_outline_detail .profile .dream .trigger:hover {
	background-color: #ffffff;
}

#substr.member.detail.detail_1 .member_outline_detail .profile .dream .trigger:hover {
	color: #e85a52;
}

#substr.member.detail.detail_2 .member_outline_detail .profile .dream .trigger:hover {
	color: #66c7df;
}

#substr.member.detail.detail_3 .member_outline_detail .profile .dream .trigger:hover {
	color: #af8cf6;
}

#substr.member.detail.detail_4 .member_outline_detail .profile .dream .trigger:hover {
	color: #fb79a4;
}

#substr.member.detail.detail_5 .member_outline_detail .profile .dream .trigger:hover {
	color: #3969d6;
}

#substr.member.detail.detail_6 .member_outline_detail .profile .dream .trigger:hover {
	color: #807571;
}

#substr.member.detail .member_outline_detail .profile .dream .trigger::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 14px;
	background-image: url(../images/obj_star_w.png);
	background-size: 100% auto;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 0;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#substr.member.detail .member_outline_detail .profile .dream .trigger:hover::before {
	transform: rotate(90deg);
}

#substr.member.detail.detail_1 .member_outline_detail .profile .dream .trigger:hover::before {
	background-image: url(../images/obj_star_member_1.png);
}

#substr.member.detail.detail_2 .member_outline_detail .profile .dream .trigger:hover::before {
	background-image: url(../images/obj_star_member_2.png);
}

#substr.member.detail.detail_3 .member_outline_detail .profile .dream .trigger:hover::before {
	background-image: url(../images/obj_star_member_3.png);
}

#substr.member.detail.detail_4 .member_outline_detail .profile .dream .trigger:hover::before {
	background-image: url(../images/obj_star_member_4.png);
}

#substr.member.detail.detail_5 .member_outline_detail .profile .dream .trigger:hover::before {
	background-image: url(../images/obj_star_member_5.png);
}

#substr.member.detail.detail_6 .member_outline_detail .profile .dream .trigger:hover::before {
	background-image: url(../images/obj_star_member_6.png);
}
/*メンバーデータ*/
#substr.member.detail .member_outline_detail .profile .data {
	border-collapse: separate;
	border-spacing: 8px;
	margin: 30px 0 40px 0;
}

#substr.member.detail .member_outline_detail .profile .data th,
#substr.member.detail .member_outline_detail .profile .data td {
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.85);
	border-radius: 5px;
}

#substr.member.detail .member_outline_detail .profile .data th {
	width: 110px;
	font-size: 13px;
	text-align: left;
	font-weight: 700;
}

#substr.member.detail .member_outline_detail .profile .data td {
	padding: 10px 40px 10px 10px;
	font-size: 15px;
}
/*各種アカウント*/
#substr.member.detail .member_outline_detail .profile .account {
	margin: 0 0 50px 0;
}

#substr.member.detail .member_outline_detail .profile .account h4 {
	margin: 0 0 20px 0;
	font-size: 15px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
}

#substr.member.detail .member_outline_detail .profile .account ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#substr.member.detail .member_outline_detail .profile .account ul li {
	margin: 0 20px 0 0;
}

#substr.member.detail .member_outline_detail .profile .account ul li a {
	position: relative;
	top: 0;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#substr.member.detail .member_outline_detail .profile .account ul li.x a {
	background-image: url(../images/icon_sns_x.png);
	background-size: 25px auto;
}

#substr.member.detail .member_outline_detail .profile .account ul li.youtube a {
	background-image: url(../images/icon_sns_youtube.png);
	background-size: 30px auto;
}

#substr.member.detail .member_outline_detail .profile .account ul li.tiktok a {
	background-image: url(../images/icon_sns_tiktok.png);
	background-size: 25px auto;
}

#substr.member.detail .member_outline_detail .profile .account ul li.line a {
	background-image: url(../images/icon_sns_line.png);
	background-size: 30px auto;
}

#substr.member.detail .member_outline_detail .profile .account ul li.twitcas a {
	background-image: url(../images/icon_sns_twicas.png);
	background-size: 30px auto;
}

#substr.member.detail .member_outline_detail .profile .account ul li a:hover {
	top: -10px;
}
/*
衣装変更UI
*/
#substr.member.detail .member_outline_detail #swiper_member_costume {
	position: relative;
	left: 105px;
	width: 420px;
}

#substr.member.detail .member_outline_detail #swiper_member_costume figure.swiper-slide {
	box-sizing: border-box;
	width: 120px;
	height: 120px;
	margin: 0 30px 0 0;
	border: 1px #807571 solid;
	overflow: hidden;
}

#substr.member.detail .member_outline_detail #swiper_member_costume figure:last-child {
	margin: 0;
}

#substr.member.detail .member_outline_detail #swiper_member_costume figure.cosactive {
	border: 7px #c3b173 solid;
}

#substr.member.detail .member_outline_detail #swiper_member_costume figure img {
	width: 100%;
	aspect-ratio: 1;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
	cursor: pointer;
}

#substr.member.detail .member_outline_detail #swiper_member_costume figure img:hover {
	transform: scale(1.3);
}
/*カルーセル設定*/
#substr.member.detail .member_outline_detail .swiper_wrap.swiper_offsetui .swiper-button-next:after,
#substr.member.detail .member_outline_detail .swiper_wrap.swiper_offsetui .swiper-button-prev:after {
	width: 20px;
	height: 38px;
}

#substr.member.detail.detail_1 .member_outline_detail #swiper_member_costume .swiper-button-next:after {
	background-image: url(../images/obj_arrow_cloak_r_1.png);
}

#substr.member.detail.detail_1 .member_outline_detail #swiper_member_costume .swiper-button-prev:after {
	background-image: url(../images/obj_arrow_cloak_l_1.png);
}

#substr.member.detail.detail_2 .member_outline_detail #swiper_member_costume .swiper-button-next:after {
	background-image: url(../images/obj_arrow_cloak_r_2.png);
}

#substr.member.detail.detail_2 .member_outline_detail #swiper_member_costume .swiper-button-prev:after {
	background-image: url(../images/obj_arrow_cloak_l_2.png);
}

#substr.member.detail.detail_3 .member_outline_detail #swiper_member_costume .swiper-button-next:after {
	background-image: url(../images/obj_arrow_cloak_r_3.png);
}

#substr.member.detail.detail_3 .member_outline_detail #swiper_member_costume .swiper-button-prev:after {
	background-image: url(../images/obj_arrow_cloak_l_3.png);
}

#substr.member.detail.detail_4 .member_outline_detail #swiper_member_costume .swiper-button-next:after {
	background-image: url(../images/obj_arrow_cloak_r_4.png);
}

#substr.member.detail.detail_4 .member_outline_detail #swiper_member_costume .swiper-button-prev:after {
	background-image: url(../images/obj_arrow_cloak_l_4.png);
}

#substr.member.detail.detail_5 .member_outline_detail #swiper_member_costume .swiper-button-next:after {
	background-image: url(../images/obj_arrow_cloak_r_5.png);
}

#substr.member.detail.detail_5 .member_outline_detail #swiper_member_costume .swiper-button-prev:after {
	background-image: url(../images/obj_arrow_cloak_l_5.png);
}

#substr.member.detail.detail_6 .member_outline_detail #swiper_member_costume .swiper-button-next:after {
	background-image: url(../images/obj_arrow_cloak_r_6.png);
}

#substr.member.detail.detail_6 .member_outline_detail #swiper_member_costume .swiper-button-prev:after {
	background-image: url(../images/obj_arrow_cloak_l_6.png);
}
/*
アニメーション
*/
#substr.member.detail .contentswrapper .member_outline_detail .baseinfo .name h6,
#substr.member.detail .contentswrapper .member_outline_detail .baseinfo .name h2,
#substr.member.detail .contentswrapper .member_outline_detail .baseinfo .name h3,
#substr.member.detail .contentswrapper .member_outline_detail .baseinfo .voice,
#substr.member.detail .contentswrapper .member_outline_detail .profile .tagline,
#substr.member.detail .contentswrapper .member_outline_detail .profile .dream,
#substr.member.detail .contentswrapper .member_outline_detail .profile .data,
#substr.member.detail .contentswrapper .member_outline_detail .profile .account,
#substr.member.detail .contentswrapper .member_outline_detail #swiper_member_costume {
	opacity: 0;
	transition-duration: 800ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
	transform: translateX(-60px);
}

#substr.member.detail .contentswrapper.active .member_outline_detail .baseinfo .name h6,
#substr.member.detail .contentswrapper.active .member_outline_detail .baseinfo .name h2,
#substr.member.detail .contentswrapper.active .member_outline_detail .baseinfo .name h3,
#substr.member.detail .contentswrapper.active .member_outline_detail .baseinfo .voice,
#substr.member.detail .contentswrapper.active .member_outline_detail .profile .tagline,
#substr.member.detail .contentswrapper.active .member_outline_detail .profile .dream,
#substr.member.detail .contentswrapper.active .member_outline_detail .profile .data,
#substr.member.detail .contentswrapper.active .member_outline_detail .profile .account,
#substr.member.detail .contentswrapper.active .member_outline_detail #swiper_member_costume {
	opacity: 1;
	transform: translateX(0px);
}
#substr.member.detail .contentswrapper .member_outline_detail .baseinfo .name h6 {
	transition-delay: 0ms;
}

#substr.member.detail .contentswrapper .member_outline_detail .baseinfo .name h2 {
	transition-delay: 100ms;
}

#substr.member.detail .contentswrapper .member_outline_detail .baseinfo .name h3 {
	transition-delay: 200ms;
}

#substr.member.detail .contentswrapper .member_outline_detail .baseinfo .voice {
	transition-delay: 300ms;
}

#substr.member.detail .contentswrapper .member_outline_detail .profile .tagline {
	transition-delay: 400ms;
}

#substr.member.detail .contentswrapper .member_outline_detail .profile .dream {
	transition-delay: 500ms;
}

#substr.member.detail .contentswrapper .member_outline_detail .profile .data {
	transition-delay: 600ms;
}

#substr.member.detail .contentswrapper .member_outline_detail .profile .account {
	transition-delay: 700ms;
}

#substr.member.detail .contentswrapper .member_outline_detail #swiper_member_costume {
	transition-delay: 800ms;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：詳細：個別情報_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：詳細：ビジュアル_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#substr.member.detail .member_outline_vis {
	z-index: 2;
	box-sizing: border-box;
	position: absolute;
	top: 150px;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
画像サイズ調整
*/
#substr.member.detail .member_outline_vis figure {
	position: relative;
	left: 40px;
	height: 100vw;
	max-height: 1400px;
}
/*画像位置・サイズ設定*/
#substr.member.detail .member_outline_vis figure img {
	opacity: 0;
	position: absolute;
	height: 100%;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
	transform: translateX(-100px);
}
/*表示時設定*/
#substr.member.detail .member_outline_vis figure img.cosactive {
	opacity: 1;
	transform: translateX(0);
}
/*表示位置調整用*/
#substr.member.detail .member_outline_vis figure img.margin_lv-2 {
	left: -360px;
}
#substr.member.detail .member_outline_vis figure img.margin_lv-1 {
	left: -250px;
}
#substr.member.detail .member_outline_vis figure img.margin_lv0 {
	left: -100px;
}

#substr.member.detail .member_outline_vis figure img.margin_lv1 {
	left: 30px;
}

#substr.member.detail .member_outline_vis figure img.margin_lv2 {
	left: 60px;
}

#substr.member.detail .member_outline_vis figure img.margin_lv3 {
	left: 90px;
}

#substr.member.detail .member_outline_vis figure img.margin_lv4 {
	left: 120px;
}

#substr.member.detail .member_outline_vis figure img.margin_lv5 {
	left: 150px;
}
#substr.member.detail .member_outline_vis figure img.margin_t_lv-2 {
	top: -400px;
}
/*
アニメーション
*/
#substr.member.detail .member_outline_vis figure {
	transition-duration: 2000ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*アートワーク*/
#substr.member.detail .contentswrapper .member_outline_vis figure {
	opacity: 0;
	transform: translateX(100px);
}

#substr.member.detail .contentswrapper.active .member_outline_vis figure {
	opacity: 1;
	transform: translateX(0px);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：詳細：ビジュアル_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：詳細：メンバーの夢_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#member_dream {
	opacity: 0;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.85);
	pointer-events: none;
}

#member_dream>section {
	z-index: 2;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 600px;
	margin: -300px 0 0 -400px;
	padding: 30px 60px 60px 60px;
	background-color: rgba(255, 255, 255, 0.85);
	border-radius: 30px;
	box-shadow: 0 0 30px rgba(206, 206, 250, 0.7);
}
/*
名前表記
*/
#member_dream>section h5 {
	width: 100%;
	font-size: 56px;
	font-family: "IBM Plex Sans JP", sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1em;
}

#substr.member.detail.detail_1 #member_dream>section h5 {
	color: #e85a52;
}

#substr.member.detail.detail_2 #member_dream>section h5 {
	color: #66c7df;
}

#substr.member.detail.detail_3 #member_dream>section h5 {
	color: #af8cf6;
}

#substr.member.detail.detail_4 #member_dream>section h5 {
	color: #fb79a4;
}

#substr.member.detail.detail_5 #member_dream>section h5 {
	color: #3969d6;
}

#substr.member.detail.detail_6 #member_dream>section h5 {
	color: #807571;
}
/*
リードテキスト
*/
#member_dream>section h4 {
	font-size: 20px;
	font-style: oblique;
}
/*
本文テキスト
*/
#member_dream>section .detail p {
	font-size: 15px;
	line-height: 1.78em;
	text-align: justify;
	word-break: break-all;
}
/*
閉じるボタン
*/
#member_dream .btnwrapper {
	position: absolute;
	bottom: -30px;
	left: 50%;
	width: 200px;
	height: 60px;
	margin: 0 0 0 -100px;
}

#member_dream .member_dream_close {
	color: #ffffff;
	font-size: 20px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	line-height: 60px;
	text-align: center;
	border-radius: 100px;
	cursor: pointer;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#substr.member.detail.detail_1 #member_dream .member_dream_close {
	background-color: #e85a52;
}

#substr.member.detail.detail_2 #member_dream .member_dream_close {
	background-color: #66c7df;
}

#substr.member.detail.detail_3 #member_dream .member_dream_close {
	background-color: #af8cf6;
}

#substr.member.detail.detail_4 #member_dream .member_dream_close {
	background-color: #fb79a4;
}

#substr.member.detail.detail_5 #member_dream .member_dream_close {
	background-color: #3969d6;
}

#substr.member.detail.detail_6 #member_dream .member_dream_close {
	background-color: #807571;
}

#member_dream .member_dream_close:hover {
	transform: scale(1.1);
}
/*
アニメーション
*/
#member_dream,
#member_dream>section,
#member_dream>section h5,
#member_dream>section h4,
#member_dream>section .detail,
#member_dream>section .btnwrapper {
	opacity: 0;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#member_dream>section,
#member_dream>section h5,
#member_dream>section h4,
#member_dream>section .detail,
#member_dream>section .btnwrapper {
	transition-delay: 300ms;
	transition-duration: 1200ms;
}
/*全体オーバーレイ*/
#member_dream.active {
	opacity: 1;
	pointer-events: all;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
/*パネル*/
#member_dream>section {
	opacity: 0;
	transform: translateY(100px);
	transition-delay: 300ms;
	transition-duration: 1200ms;
}

#member_dream.active>section {
	opacity: 1;
	transform: translateY(0px);
}
/*名前*/
#member_dream>section h5 {
	opacity: 0;
	transform: translateX(60px);
	transition-delay: 800ms;
	transition-duration: 1200ms;
}

#member_dream.active>section h5 {
	opacity: 1;
	transform: translateX(0px);
}
/*リード*/
#member_dream>section h4 {
	opacity: 0;
	transform: translateX(60px);
	transition-delay: 1000ms;
	transition-duration: 1200ms;
}

#member_dream.active>section h4 {
	opacity: 1;
	transform: translateX(0px);
}
/*本文*/
#member_dream>section .detail {
	opacity: 0;
	transform: translateX(60px);
	transition-delay: 1200ms;
	transition-duration: 1200ms;
}

#member_dream.active>section .detail {
	opacity: 1;
	transform: translateX(0px);
}
/*閉じるボタン*/
#member_dream>section .btnwrapper {
	opacity: 0;
	transform: translateY(60px);
	transition-delay: 1400ms;
	transition-duration: 1200ms;
}

#member_dream.active>section .btnwrapper {
	opacity: 1;
	transform: translateY(0px);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：詳細：メンバーの夢_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：詳細：メンバー切り替え_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#member_change {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
/*
アンカー指定
*/
#member_change .prev a,
#member_change .next a {
	position: absolute;
	top: 540px;
	display: block;
	padding: 85px 0 0 0;
	text-align: center;
	text-decoration: none;
	filter: drop-shadow(0 0 10px #ffffff) drop-shadow(0 0 3px #ffffff);
}
/*配置*/
#member_change .prev a {
	left: 40px;
}

#member_change .next a {
	right: 40px;
}
/*
アンカー指定
*/
#member_change .prev a::after,
#member_change .next a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 50px;
	height: 64px;
	margin: 0 0 0 -25px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#member_change .prev a::after {
	background-image: url(../images/obj_arrow_gold_left.png);
}

#member_change .next a::after {
	background-image: url(../images/obj_arrow_gold_right.png);
}

#member_change .prev a:hover:after {
	transform: translateX(-10px);
}

#member_change .next a:hover:after {
	transform: translateX(10px);
}
/*
カラー
*/
#member_change .no_1 a {
	color: #e85a52;
}

#member_change .no_2 a {
	color: #66c7df;
}

#member_change .no_3 a {
	color: #af8cf6;
}

#member_change .no_4 a {
	color: #fb79a4;
}

#member_change .no_5 a {
	color: #3969d6;
}

#member_change .no_6 a {
	color: #807571;
}
/*
テキストスタイル
*/
#member_change a em {
	display: block;
	font-size: 14px;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
}

#member_change a span {
	display: block;
	font-size: 24px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
}
/*
アニメーション
*/
#substr.member.detail .contentswrapper #member_change {
	transition-duration: 2000ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}
#substr.member.detail .contentswrapper #member_change {
	opacity: 0;
	transform: translateY(-60px);
}

#substr.member.detail .contentswrapper.active #member_change {
	opacity: 1;
	transform: translateY(0px);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：詳細：メンバー切り替え_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：詳細：最新動画_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#member_movie {
	position: absolute;
	top: 1179px;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 420px;
	padding: 40px 0;
	background-color: rgba(255, 255, 255, 0.75);
	border-top: 1px #c3b173 solid;
}
/*
サブタイトル
*/
#member_movie .subtitle {
	position: relative;
	width: 85%;
	margin: 0 auto 50px auto;
}
/*タイトル*/
#member_movie .subtitle h4 {
	background-image: url(../images/obj_symbol_gold_2.png);
	background-size: 40px auto;
	background-position: center left;
	background-repeat: no-repeat;
	color: #c3b173;
	font-size: 20px;
	padding: 7px 0 6px 50px;
}
/*全部見るボタン*/
#member_movie .subtitle .btn_type_b {
	position: absolute;
	top: 0px;
	right: 0;
	width: 200px;
}

#member_movie .subtitle .btn_type_b a {
	font-size: 18px;
	padding: 10px 20px 9px 50px;
}
/*
カルーセル
*/
#substr.member.detail #swiper_member_movie.swiper_wrap {
	z-index: 2;
	position: relative;
	width: 85%;
	margin: 0 auto;
}

#substr.member.detail #swiper_member_movie.swiper_wrap .swiper .swiper-slide {
	opacity: 0.1;
	flex-shrink: 0;
	width: 200px;
	margin: 0 10px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#substr.member.detail #swiper_member_movie.swiper_wrap .swiper .swiper-slide.swiper-slide-next,
#substr.member.detail #swiper_member_movie.swiper_wrap .swiper .swiper-slide.swiper-slide-prev,
#substr.member.detail #swiper_member_movie.swiper_wrap .swiper .swiper-slide.swiper-slide-active {
	opacity: 1;
}
/*アロー*/
#substr.member.detail #swiper_member_movie.swiper_wrap .ui {
	position: relative;
	top: -147px;
	height: 100%;
}

#substr.member.detail #swiper_member_movie.swiper_wrap .swiper-button-next:after,
#substr.member.detail #swiper_member_movie.swiper_wrap .swiper-button-prev:after {
	filter: none;
}

#substr.member.detail #swiper_member_movie.swiper_wrap .swiper-button-next:after {
	background-image: url(../images/obj_arrow_gold_right.png);
}

#substr.member.detail #swiper_member_movie.swiper_wrap .swiper-button-prev:after {
	background-image: url(../images/obj_arrow_gold_left.png);
}
/*アンカー設定*/
#substr.member.detail #swiper_member_movie.swiper_wrap .swiper .swiper-slide a {
	color: #d3c594;
	text-decoration: none;
}
/*タイトル*/
#substr.member.detail #swiper_member_movie.swiper_wrap .swiper .swiper-slide h4 {
	box-sizing: border-box;
	font-size: 12px;
	font-weight: 500;
}
/*サムネイル設定*/
#substr.member.detail #swiper_member_movie.swiper_wrap .swiper .swiper-slide figure {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 10px 0;
	border-radius: 10px;
	overflow: hidden;
}

#substr.member.detail #swiper_member_movie.swiper_wrap .swiper .swiper-slide figure img {
	width: 100%;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#substr.member.detail #swiper_member_movie.swiper_wrap .swiper .swiper-slide figure img:hover {
	transform: scale(1.2);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メンバー：詳細：最新動画_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

ディスコグラフィ（DISCOGRAPHY）

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ディスコグラフィ：一覧：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
初期位置調整
*/
#substr.discography .contentswrapper {
	padding: 200px 0 100px 0;
}
/*
ページタイトル要素
*/
#substr.discography #pageunique h1 {
	color: #ffffff;
	margin: 0 0 2.5vw 0;
	font-size: 8vw;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	white-space: nowrap;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
	text-shadow: 0 0 20px rgba(206, 204, 250, 0.5), 0 0 20px rgba(250, 200, 255, 0.5);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ディスコグラフィ：一覧：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ディスコグラフィ：一覧：リスト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
レイアウト
*/
#substr.discography #disco_list .disco_works_list {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 90%;
	max-width: 1440px;
	margin: 0 auto;
}

#substr.discography #disco_list .disco_works_list>li {
	min-width: 320px;
	max-width: 18%;
	margin: 0 20px 20px 20px;
}
/*
基本アンカー設定
*/
#substr.discography #disco_list .disco_works_list>li a {
	color: #836b7c;
	text-decoration: none;
}
/*
サムネイル設定
*/
#substr.discography #disco_list .disco_works_list>li figure {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	aspect-ratio: 1;
	background-color: rgba(255, 255, 255, 1);
	width: 100%;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#substr.discography #disco_list .disco_works_list>li figure img {
	width: 100%;
}
/*
メタ要素
*/
#substr.discography #disco_list .disco_works_list>li .meta {
	margin: 0 0 15px 0;
}
/*タイトル*/
#substr.discography #disco_list .disco_works_list>li .meta h3 {
	min-height: 4em;
	margin: 0 0 10px 0;
	border-bottom: 1px #ffffff solid;
}

#substr.discography #disco_list .disco_works_list>li .meta h3 span {
	line-height: 1.4em;
}
/*リリースステータス*/
#substr.discography #disco_list .disco_works_list>li .meta>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 40px;
	font-size: 14px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-variation-settings: "slnt" -14;
}

#substr.discography #disco_list .disco_works_list>li .meta>div p {
	flex: 1;
	width: 100%;
	text-align: right;
}

#substr.discography #disco_list .disco_works_list>li .meta>div .new {
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.3);
	padding: 3px 13px;
	font-size: 12px;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	border: 1px #ffffff solid;
	border-radius: 100px;
}
/*日付*/
#substr.discography #disco_list .disco_works_list>li .meta time {
	display: block;
	margin: 0 0 15px 0;
	font-size: 15px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-variation-settings: "slnt" -14;
}
/*
ホバー処理
*/
#substr.discography #disco_list .disco_works_list>li a .meta h3,
#substr.discography #disco_list .disco_works_list>li a figure img {
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#substr.discography #disco_list .disco_works_list>li a:hover .meta h3 {
	color: #ac76ed;
}

#substr.discography #disco_list .disco_works_list>li a:hover figure img {
	transform: scale(1.15);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ディスコグラフィ：一覧：リスト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ディスコグラフィ：詳細：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
初期位置調整
*/
#substr.discography.detail .contentswrapper {
	position: relative;
	padding: 230px 0 200px 0;
}
/*
ページタイトル要素
*/
#substr.discography.detail #pageunique .maintitle {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -440px;
	width: auto;
	height: 100%;
	border-right: 1px #ffffff solid;
}

#substr.discography.detail #pageunique h1 {
	padding: 140px 0 0 0;
	color: #ffffff;
	font-size: 150px;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	white-space: nowrap;
	writing-mode: vertical-rl;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
	text-shadow: 0 0 30px rgba(0, 0, 0, 0.15)
}
/*
背景アート
*/
#substr.discography.detail #pageunique .pageuniqueobj {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*クリップ範囲*/
#substr.discography.detail #pageunique .pageuniqueobj .disco_blurbg {
	width: 1100px;
	height: 1100px;
}

/*パス範囲*/
#substr.discography.detail #pageunique .pageuniqueobj .disco_blurbg figure {
	width: 1100px;
	height: 1100px;
	clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}

/*画像設定*/
#substr.discography.detail #pageunique .pageuniqueobj .disco_blurbg figure img {
	opacity: 0.5;
	height: 100%;
	filter: blur(10px);
}
/*
アニメーション
*/
#substr.discography.detail #pageunique .maintitle,
#substr.discography.detail #pageunique .pageuniqueobj {
	transition-duration: 1000ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
	transform: translateX(-60px);
}
/*メインタイトル*/
#substr.discography.detail #pageunique .maintitle {
	opacity: 0;
	transform: translateY(-80px);
}

#substr.discography.detail #pageunique.active .maintitle {
	opacity: 1;
	transform: translateY(0px);
}
/*メインタイトル*/
#substr.discography.detail #pageunique .pageuniqueobj {
	opacity: 0;
	transition-delay: 600ms;
}

#substr.discography.detail #pageunique.active .pageuniqueobj {
	opacity: 1;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ディスコグラフィ：詳細：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ディスコグラフィ：詳細：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#substr.discography.detail #disco_detail {
	z-index: 3;
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 0 0 0 240px;
}

#substr.discography.detail #disco_detail>div {
	width: 630px;
}
/*
アートワーク
*/
#substr.discography.detail #disco_detail .disco_detail_artwork {
	margin: 0 0 40px 0;
}

#substr.discography.detail #disco_detail .disco_detail_artwork figure {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.3);
	width: 100%;
	aspect-ratio: 1;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px #ffffff solid;
	overflow: hidden;
}

#substr.discography.detail #disco_detail .disco_detail_artwork figure img {
	width: 100%;
}
/*
作品概要：meta情報
*/
#substr.discography.detail #disco_detail .disco_detail_detail .meta {
	margin: 0 0 50px 0;
}
/*リリース時期*/
#substr.discography.detail #disco_detail .disco_detail_detail .meta>time {
	display: block;
	margin: 0 0 15px 0;
	font-size: 15px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-variation-settings: "slnt" -14;
}
/*タイトル*/
#substr.discography.detail #disco_detail .disco_detail_detail .meta>h3 {
	margin: 0 0 10px 0;
	font-size: 30px;
	font-weight: 500;
}
/*リリースステータス*/
#substr.discography.detail #disco_detail .disco_detail_detail .meta>div {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 18px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-variation-settings: "slnt" -14;
}

#substr.discography.detail #disco_detail .disco_detail_detail .meta>div p {
	flex: 1;
	width: 100%;
	text-align: right;
	font-weight: 600;
}

#substr.discography.detail #disco_detail .disco_detail_detail .meta>div .new {
	box-sizing: border-box;
	background-color: rgba(255, 255, 255, 0.3);
	padding: 3px 13px;
	font-size: 12px;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	border: 1px #ffffff solid;
	border-radius: 100px;
}
/*
作品概要：ディスクリプション
*/
#substr.discography.detail #disco_detail .disco_detail_detail .description {
	margin: 50px auto;
}

#substr.discography.detail #disco_detail .disco_detail_detail .description p {
	margin: 0 0 1em 0;
	font-size: 14px;
	letter-spacing: 0.065em;
	line-height: 1.85em;
	text-align: justify;
}
/*
作品概要：楽曲リスト
*/
#substr.discography.detail #disco_detail .disco_detail_songlist {}

/*リスト余白調整*/
#substr.discography.detail #disco_detail .disco_detail_songlist ol li {
	margin: 0 0 13px 0;
}
/*アンカー設定*/
#substr.discography.detail #disco_detail .disco_detail_songlist ol li a,
#substr.discography.detail #disco_detail .disco_detail_songlist ol li div.song-item-disabled {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	background: linear-gradient(90deg, #bfd5f8, #dbbff7, #f8d1e4);
	color: #ffffff;
	padding: 10px 40px 9px 10px;
	text-decoration: none;
	border: 1px #ffffff solid;
	border-radius: 5px;
	text-shadow: 0 0 8px rgba(106, 154, 150, 0.45);
}
/*数字*/
#substr.discography.detail #disco_detail .disco_detail_songlist ol li a span,
#substr.discography.detail #disco_detail .disco_detail_songlist ol li div.song-item-disabled span {
	display: block;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	font-size: 22px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	font-variation-settings: "slnt" -14;
	border-right: 1px #ffffff solid;
}
/*曲名*/
#substr.discography.detail #disco_detail .disco_detail_songlist ol li a em,
#substr.discography.detail #disco_detail .disco_detail_songlist ol li div.song-item-disabled em {
	font-size: 16px;
	font-style: normal;
}
/*数字*/
#substr.discography.detail #disco_detail .disco_detail_songlist ol li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	margin: -14px 0 0 0;
	background-image: url(../images/obj_arrow_w_right.png);
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	width: 24px;
	height: 28px;
	/*アニメーション用*/
	transform-origin: center;
	animation-name: common_anime_bounce_right;
	animation-duration: 600ms;
	animation-delay: 0;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-play-state: paused;
}
/*ホバー処理*/
#substr.discography.detail #disco_detail .disco_detail_songlist ol li a:hover:after {
	animation-play-state: running;
}
/*
アニメーション
*/
#substr.discography.detail .contentswrapper #disco_detail .disco_detail_artwork,
#substr.discography.detail .contentswrapper #disco_detail .disco_detail_detail .meta>time,
#substr.discography.detail .contentswrapper #disco_detail .disco_detail_detail .meta>h3,
#substr.discography.detail .contentswrapper #disco_detail .disco_detail_detail .meta>div {
	opacity: 0;
	transition-duration: 1200ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transform-origin: center;
	transform: translateX(100px);
}
/*表示スタイル*/
#substr.discography.detail .contentswrapper.active #disco_detail .disco_detail_artwork,
#substr.discography.detail .contentswrapper.active #disco_detail .disco_detail_detail .meta>time,
#substr.discography.detail .contentswrapper.active #disco_detail .disco_detail_detail .meta>h3,
#substr.discography.detail .contentswrapper.active #disco_detail .disco_detail_detail .meta>div {
	opacity: 1;
	transform: translateX(0px);
}
/*タイミング調整*/
#substr.discography.detail .contentswrapper #disco_detail .disco_detail_artwork {
	transition-delay: 700ms;
}

#substr.discography.detail .contentswrapper #disco_detail .disco_detail_detail .meta>time {
	transition-delay: 800ms;
}

#substr.discography.detail .contentswrapper #disco_detail .disco_detail_detail .meta>h3 {
	transition-delay: 900ms;
}

#substr.discography.detail .contentswrapper #disco_detail .disco_detail_detail .meta>div {
	transition-delay: 1000ms;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ディスコグラフィ：詳細：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

ライブ（LIVE）

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ライブ：一覧：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
初期位置調整
*/
#substr.live .contentswrapper {
	padding: 280px 0 0 0;
}
/*
ページタイトル要素
*/
#substr.live #pageunique h1 {
	z-index: 1;
	position: absolute;
	top: 100px;
	left: 0;
	background-image: url(../images/live_text_roop.png);
	background-size: 709px auto;
	background-position: 0 0;
	background-repeat: repeat-x;
	width: 100%;
	height: 130px;
	text-indent: -9999px;
	/*アニメーション用*/
	transform-origin: center;
	animation-name: live_anime_bgroop;
	animation-duration: 20000ms;
	animation-delay: 0;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-play-state: running;
}

@keyframes live_anime_bgroop {
	from {
		background-position: 0 0;
	}

	to {
		background-position: -709px 0;
	}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ライブ：一覧：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ライブ：一覧：開催中ライブリスト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#substr.live #live_list_current {
	z-index: 3;
	position: relative;
	width: 950px;
	margin: 0 auto 160px auto;
}

#substr.live #live_list_current>section.live_item {
	background-color: #ffffff;
	margin: 0 0 50px 0;
	border-radius: 20px;
	box-shadow: 0 0 20px rgba(206, 204, 250, 0.5), 0 0 20px rgba(250, 200, 255, 0.5);
	overflow: hidden;
}

#substr.live #live_list_current>section.live_item>div {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	background-image: url(../images/obj_star_grd.png);
	background-size: 80px auto;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 20px 20px 20px 100px;
}
/*
開催詳細
*/
#substr.live #live_list_current>section.live_item .detail {
	flex: 1;
	width: 530px;
}

#substr.live #live_list_current>section.live_item .detail h4 {
	font-size: 15px;
	font-weight: 600;
}

#substr.live #live_list_current>section.live_item .detail h2 {
	margin: 8px 0;
	font-size: 27px;
	font-weight: 600;
}

#substr.live #live_list_current>section.live_item .detail>p em {
	display: inline-block;
	margin: 0 15px 0 0;
	padding: 3px 10px;
	font-size: 12px;
	font-style: normal;
	border: 1px #836b7c solid;
}
/*
サムネイル
*/
#substr.live #live_list_current>section.live_item figure {
	width: 100%;
	height: auto;
}

#substr.live #live_list_current>section.live_item figure img {
	width: 100%;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ライブ：一覧：開催中ライブリスト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ライブ：一覧：アーカイブライブリスト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#substr.live #live_list_archive {
	background-color: #ffffff;
	padding: 6vw 0;
}
/*
見出し
*/
#substr.live #live_list_archive .subtitle {
	margin: 0 0 4.5vw 0;
}

#substr.live #live_list_archive .subtitle h2 {
	font-size: 3vw;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	white-space: nowrap;
	background: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	background: -webkit-linear-gradient(0deg, #f8d1e4, #dbbff7, #bfd5f8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-feature-settings: "palt" 1;
}
/*
ループ要素基本レイアウト
*/
#substr.live #live_list_archive .live_list_archive_wrap {
	width: 600px;
	margin: 0 auto 60px auto;
}
/*見出し*/
#substr.live #live_list_archive .live_list_archive_wrap>h3 {
	margin: 0 0 40px 0;
	font-size: 30px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	text-align: center;
}
/*個別アイテム*/
#substr.live #live_list_archive .live_list_archive_wrap>ul li {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px #836b7c dotted;
}

#substr.live #live_list_archive .live_list_archive_wrap>ul li:last-child {
	border: none;
}
/*アコーディオン用トリガー*/
#substr.live #live_list_archive .live_list_archive_wrap .viewall {
	color: #836b7c;
	width: 200px;
	margin: 0 auto 30px auto;
	padding: 8px 16px;
	font-size: 15px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	text-align: center;
	border: 1px #836b7c solid;
	border-radius: 100px;
	cursor: pointer;
}
/*サムネイル*/
#substr.live #live_list_archive .live_list_archive_wrap .detail figure {
	width: 100%;
	margin: 0 0 25px 0;
	border-radius: 10px;
	overflow: hidden;
}
/*サブタイトル*/
#substr.live #live_list_archive .live_list_archive_wrap .detail h4 {
	margin: 0 0 10px 0;
	font-size: 13px;
	text-align: center;
}
/*タイトル*/
#substr.live #live_list_archive .live_list_archive_wrap .detail h2 {
	margin: 0 0 20px 0;
	font-size: 20px;
	text-align: center;
}
/*展開要素*/
#substr.live #live_list_archive .live_list_archive_wrap .opencontents>div {
	box-sizing: border-box;
	background-color: rgba(206, 206, 250, 0.3);
	border-radius: 10px;
}

#substr.live #live_list_archive .live_list_archive_wrap .opencontents>div h3 {
	padding: 20px 0;
	font-size: 25px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	text-align: center;
}

#substr.live #live_list_archive .live_list_archive_wrap .opencontents>div p {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 1em 0;
	padding: 0 40px;
}

#substr.live #live_list_archive .live_list_archive_wrap .opencontents>div p time {
	display: inline-block;
	margin: 0 10px 0 0;
	color: #c3b173;
}

#substr.live #live_list_archive .live_list_archive_wrap .opencontents>div figure {
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 40px;
}

#substr.live #live_list_archive .live_list_archive_wrap .opencontents>div figure img {
	display: inline-block;
	width: 30%;
	margin: 0 0 5% 0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ライブ：一覧：アーカイブライブリスト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ライブ：詳細：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
初期位置調整
*/
#substr.live.detail .contentswrapper {
	padding: 160px 0 80px 0;
}
/*
背景ループテキスト
*/
#substr.live.detail #pageunique {
	z-index: 1;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#substr.live.detail #pageunique .liverooptxt span {
	background-size: auto 709px;
	background-position: 0 0;
	background-repeat: repeat-y;
	display: block;
	position: absolute;
	top: 0;
	width: 130px;
	height: 100%;
	transform-origin: center;
	animation-name: live_anime_bgroop_rl;
	animation-duration: 20000ms;
	animation-delay: 0;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-play-state: running;
}

#substr.live.detail #pageunique .liverooptxt span:nth-of-type(1) {
	right: 0;
	background-image: url(../images/live_text_roop_outline_rl.png);
}

#substr.live.detail #pageunique .liverooptxt span:nth-of-type(2) {
	left: 0;
	background-image: url(../images/live_text_roop_rl.png);
}

@keyframes live_anime_bgroop_rl {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 0 -709px;
	}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ライブ：詳細：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ライブ：詳細：公演案内_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
#substr.live.detail #live_info {
	z-index: 3;
	position: relative;
	background-color: #ffffff;
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
	border-radius: 20px;
	box-shadow: 0 0 20px rgba(206, 204, 250, 0.5), 0 0 20px rgba(250, 200, 255, 0.5);
}
/*
カバーアート
*/
#substr.live.detail #live_info .live_outline_coverart figure {
	box-sizing: border-box;
	width: 100%;
	padding: 60px;
}

#substr.live.detail #live_info .live_outline_coverart figure img {
	width: 100%;
}
/*
開催概要
*/
#substr.live.detail #live_info .live_outline_detail {
	box-sizing: border-box;
	background-image: url(../images/obj_star_grd.png);
	background-size: 80px auto;
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	margin: 0 0 60px 0;
	padding: 0 100px;
}

#substr.live.detail #live_info .live_outline_detail h4 {
	font-size: 15px;
	font-weight: 600;
}

#substr.live.detail #live_info .live_outline_detail h2 {
	margin: 8px 0 25px 0;
	font-size: 27px;
	font-weight: 600;
}

#substr.live.detail #live_info .live_outline_detail>p em {
	display: inline-block;
	margin: 0 15px 0 0;
	padding: 3px 10px;
	font-size: 12px;
	font-style: normal;
	border: 1px #836b7c solid;
}
/*
チケット情報
*/
#substr.live.detail #live_info .live_outline_ticket {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
}
/*タイトル*/
#substr.live.detail #live_info .live_outline_ticket .title {
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	background-image: linear-gradient(90deg, #fbe6f1, #e9d8f7, #d2e0f5);
	color: #ffffff;
	width: 220px;
	margin: 0 20px 0 0;
	text-align: center;
}

#substr.live.detail #live_info .live_outline_ticket .title h3 {
	font-size: 37px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	text-shadow: 0 0 10px rgba(206, 206, 250, 0.6);
}

#substr.live.detail #live_info .live_outline_ticket .title p {
	font-size: 14px;
}
/*席情報*/
#substr.live.detail #live_info .live_outline_ticket .detail {
	flex: 1;
	position: relative;
	padding: 30px 0;
}

#substr.live.detail #live_info .live_outline_ticket .detail::before,
#substr.live.detail #live_info .live_outline_ticket .detail::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background-image: linear-gradient(90deg, #fbe6f1, #e9d8f7, #d2e0f5);
}

#substr.live.detail #live_info .live_outline_ticket .detail::before {
	top: 0;
}

#substr.live.detail #live_info .live_outline_ticket .detail::after {
	bottom: 0;
}

#substr.live.detail #live_info .live_outline_ticket .detail ul {
	margin: 10px 0 10px 0;
}

#substr.live.detail #live_info .live_outline_ticket .detail ul li {
	background-image: url(../images/obj_star_gold_2.png);
	background-size: 20px auto;
	background-position: center left;
	background-repeat: no-repeat;
	margin: 0 0 8px 0;
	padding: 0 0 0 30px;
	font-size: 20px;
}

#substr.live.detail #live_info .live_outline_ticket .detail ul li:last-child {
	margin: 0;
}

#substr.live.detail #live_info .live_outline_ticket .detail ul li .soldout {
	display: inline-block;
	background-color: #f176b9;
	color: #ffffff;
	margin: 0 0 0 10px;
	padding: 3px 10px;
	font-size: 18px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
}

#substr.live.detail #live_info .live_outline_ticket .detail .notice {
	font-size: 11px;
	text-align: justify;
	word-break: break-all;
}

/* お知らせセクションの文字サイズを小さくする */
#substr.live.detail #live_info .live_outline_info.live_outline_ticket .detail ul li {
	font-size: 14px;
}
/*
スケジュール
*/
#substr.live.detail #live_info .live_outline_schedule {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 80%;
	margin: 10px auto 0 auto;
}
/*タイトル*/
#substr.live.detail #live_info .live_outline_schedule .title {
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 220px;
	margin: 0 20px 0 0;
	text-align: center;
}

#substr.live.detail #live_info .live_outline_schedule .title::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background-image: linear-gradient(0deg, #fbe6f1, #e9d8f7, #d2e0f5);
}

#substr.live.detail #live_info .live_outline_schedule .title h3 {
	background: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	background: -webkit-linear-gradient(0deg, #f8d1e4, #dbbff7, #bfd5f8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-feature-settings: "palt" 1;
	font-size: 37px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	text-shadow: 0 0 10px rgba(206, 206, 250, 0.6);
}

#substr.live.detail #live_info .live_outline_schedule .title p {
	font-size: 14px;
}
/*席情報*/
#substr.live.detail #live_info .live_outline_schedule .detail {
	flex: 1;
	position: relative;
	padding: 30px 0;
}

#substr.live.detail #live_info .live_outline_schedule .detail>ul {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

#substr.live.detail #live_info .live_outline_schedule .detail>ul>li {
	align-self: stretch;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	width: 45%;
	margin: 0 0 20px 0;
}

#substr.live.detail #live_info .live_outline_schedule .detail>ul>li h5 {
	align-self: stretch;
	position: relative;
	width: 100px;
	margin: 0 15px 0 0;
	font-size: 20px;
}

#substr.live.detail #live_info .live_outline_schedule .detail>ul>li h5::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 3px;
	height: 100%;
	background-image: linear-gradient(90deg, #fbe6f1, #e9d8f7, #d2e0f5);
}

#substr.live.detail #live_info .live_outline_schedule .detail>ul>li>div {
	flex: 1;
}

#substr.live.detail #live_info .live_outline_schedule .detail>ul>li h6 {
	margin: 0 0 5px 0;
	font-size: 15px;
}

#substr.live.detail #live_info .live_outline_schedule .detail>ul>li time,
#substr.live.detail #live_info .live_outline_schedule .detail>ul>li p {
	font-size: 13px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
}

/* ライブガイドラインリンクボタン */
#substr.live.detail #live_info .live_guideline_link {
	text-align: center;
	padding: 40px 20px;
}

#substr.live.detail #live_info .live_guideline_link .guideline-button {
	display: inline-block;
	background-image: linear-gradient(120deg, #f8d1e4, #dcbef7, #bfd5f8);
	color: #ffffff;
	padding: 25px 60px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border-radius: 100px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
	box-shadow: 0 0 20px rgba(206, 204, 250, 0.3), 0 0 20px rgba(250, 200, 255, 0.3);
}

#substr.live.detail #live_info .live_guideline_link .guideline-button:hover {
	transform: scale(1.05);
	box-shadow: 0 0 30px rgba(206, 204, 250, 0.5), 0 0 30px rgba(250, 200, 255, 0.5);
}
/*
チケット申し込み
*/
#substr.live.detail #live_info .live_outline_ticketbuy {
	box-sizing: border-box;
	background-image: linear-gradient(-120deg, #fbe6f1, #e9d8f7, #d2e0f5);
	padding: 60px;
	border-radius: 0 0 20px 20px;
}
/*タイトル*/
#substr.live.detail #live_info .live_outline_ticketbuy .title h3 {
	color: #ffffff;
	margin: 0 0 30px 0;
	font-size: 25px;
	text-align: center;
}
/*ループ要素*/
#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion {
	position: relative;
	background-color: #ffffff;
	margin: 0 0 20px 0;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(206, 204, 250, 0.5), 0 0 20px rgba(250, 200, 255, 0.5);
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion:last-child {
	margin: 0;
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion>h4 {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 100px 18px 60px;
	font-size: 17px;
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion>h4::before,
#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion>h4::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion>h4::before {
	background-image: url(../images/obj_star_gold_2.png);
	left: 25px;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 0;
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion>h4::after {
	background-image: url(../images/obj_arrow_gold_accordion.png);
	right: 30px;
	width: 15px;
	height: 30px;
	margin: -15px 0 0 0;
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion>h4:hover:before {
	transform: rotate(180deg);
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion.jqa_open_parent>h4::after {
	transform: rotate(90deg);
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion .block {
	margin: 0 0 1em 0;
	padding: 10px 60px 0 60px;
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion .block h5 {
	margin: 0 0 7px 0;
	font-size: 13px;
	text-decoration: underline;
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion .block time {
	font-size: 16px;
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion .caution {
	margin: 0 0 20px 0;
	padding: 20px 60px;
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion .caution p {
	font-size: 12px;
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion .entry {
	width: 50%;
	margin: 0 auto;
	padding: 0 0 60px 0;
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion .entry a {
	position: relative;
	display: block;
	background-image: linear-gradient(120deg, #f8d1e4, #dcbef7, #bfd5f8);
	color: #ffffff;
	padding: 25px 0;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border-radius: 100px;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: center;
}

#substr.live.detail #live_info .live_outline_ticketbuy .fnc_accordion .entry a:hover {
	transform: translateY(-10px);
}
/*
アニメーション
*/
#substr.live.detail .contentswrapper #live_info .live_outline_coverart figure,
#substr.live.detail .contentswrapper #live_info .live_outline_detail h4,
#substr.live.detail .contentswrapper #live_info .live_outline_detail h2,
#substr.live.detail .contentswrapper #live_info .live_outline_detail>p {
	transition-duration: 1200ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transform-origin: center;
}
/*カバーアート*/
#substr.live.detail .contentswrapper #live_info .live_outline_coverart figure {
	opacity: 0;
	transition-delay: 300ms;
	transform: translateY(30px);
}

#substr.live.detail .contentswrapper.active #live_info .live_outline_coverart figure {
	opacity: 1;
	transform: translateY(0px);
}
/*サブタイトル*/
#substr.live.detail .contentswrapper #live_info .live_outline_detail h4 {
	opacity: 0;
	transition-delay: 400ms;
	transform: translateX(60px);
}

#substr.live.detail .contentswrapper.active #live_info .live_outline_detail h4 {
	opacity: 1;
	transform: translateX(0px);
}
/*サブタイトル*/
#substr.live.detail .contentswrapper #live_info .live_outline_detail h2 {
	opacity: 0;
	transition-delay: 600ms;
	transform: translateX(60px);
}

#substr.live.detail .contentswrapper.active #live_info .live_outline_detail h2 {
	opacity: 1;
	transform: translateX(0px);
}
/*サブタイトル*/
#substr.live.detail .contentswrapper #live_info .live_outline_detail>p {
	opacity: 0;
	transition-delay: 600ms;
	transform: translateY(-30px);
}

#substr.live.detail .contentswrapper.active #live_info .live_outline_detail>p {
	opacity: 1;
	transform: translateY(0px);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ライブ：詳細：公演案内_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

ノーティス（NOTICE）

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
ページ固有オブジェクト
*/
#substr.notice #pageunique {
	position: relative;
}
/*
ページメインタイトル：基本
*/
#substr.notice #pageunique .maintitle {
	display: none;
}
/*
ページメインタイトル：素材下層
*/
#substr.notice.material.list #pageunique .maintitle,
#substr.notice.material.detail #pageunique .maintitle {
	display: block;
	width: 1200px;
	margin: 0 auto;
}

#substr.notice.material.list #pageunique .maintitle h1,
#substr.notice.material.detail #pageunique .maintitle h1 {
	background: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd6f8);
	background: -webkit-linear-gradient(0deg, #f8d1e4, #ddbef7, #bfd6f8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-feature-settings: "palt" 1;
	font-size: 100px;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
}
/*
飾り:基本
*/
#substr.notice #pageunique .pageuniqueobj {
	position: relative;
}

#substr.notice #pageunique .pageuniqueobj .text_iris {
	z-index: -1;
	position: absolute;
	top: -60px;
	right: 100px;
	background-image: url(../images/obj_text_notice_vw_grd.png);
	width: 565px;
	height: 1791px;
	text-indent: -9999px;
}

/*飾り：公式素材倉庫リスト＆詳細*/
#substr.notice.material.list #pageunique .pageuniqueobj .text_iris,
#substr.notice.material.detail #pageunique .pageuniqueobj .text_iris {
	top: -130px;
}

/*飾り:いれいすを知ってくれた みなさんへ*/
#substr.notice.intro #pageunique .pageuniqueobj .text_iris {
	z-index: -1;
	position: absolute;
	top: -85px;
	left: 50%;
	background-image: url(../images/obj_text_notice_hw_grd.png);
	width: 1087px;
	height: 344px;
	margin: 0 0 0 -545px;
	text-indent: -9999px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：いれいすを知ってくれた みなさんへ：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本設定
*/
#substr.notice.intro {
	background-image: none;
	background-color: #ffffff;
}
/*
初期位置調整
*/
#substr.notice.intro .contentswrapper {
	padding: 180px 0 250px 0;
}
/*
基本レイアウト
*/
#substr.notice.intro #intro_outline {
	width: 1000px;
	margin: 0 auto;
}
/*
サブタイトル
*/
#substr.notice.intro #intro_outline .subtitle {
	margin: 0;
}

#substr.notice.intro #intro_outline .subtitle h2 {
	font-size: 42px;
	line-height: 1.6em;
}
/*
いれいすとは！
*/
#substr.notice.intro #intro_outline .intro_about {
	margin: 140px 0 90px;
}

#substr.notice.intro #intro_outline .intro_about .baseinfo {
	z-index: 7;
	position: relative;
	width: 640px;
	margin: 0px;
}

#substr.notice.intro #intro_outline .intro_about .baseinfo h4 {
	font-size: 32px;
	margin: 0 0 40px;
}

#substr.notice.intro #intro_outline .intro_about .baseinfo p {
	font-size: 18px;
	line-height: 1.8em;
	text-shadow: 0px 0px 7px rgba(255, 255, 255, 1);
}

#substr.notice.intro #intro_outline .intro_about .moreinfo {
	text-align: center;
	margin: 140px 0 0;
}

#substr.notice.intro #intro_outline .intro_about .moreinfo p {
	font-size: 18px;
	line-height: 2.2em;
}

#substr.notice.intro #intro_outline .intro_about .moreinfo p em {
	display: inline-block;
	background: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	color: #ffffff;
	font-size: 30px;
	font-style: normal;
	letter-spacing: 0em;
	line-height: 1em;
	text-align: justify;
	margin: 0 0 10px 0;
	padding: 6px 6px 4px 6px;
}
/*
メンバー立ち絵
*/
#substr.notice.intro #intro_outline .intro_member {
	position: relative;
}

#substr.notice.intro #intro_outline .intro_member div {
	position: absolute;
	left: 50%;
}

#substr.notice.intro #intro_outline .intro_member div.member_liura {
	z-index: 6;
	top: -380px;
	margin: 0 0 0 -170px;
}

#substr.notice.intro #intro_outline .intro_member div.membe_hotoke {
	z-index: 5;
	top: -354px;
	margin: 0 0 0 -25px;
}

#substr.notice.intro #intro_outline .intro_member div.member_sho {
	z-index: 4;
	top: -360px;
	margin: 0 0 0 95px;
}

#substr.notice.intro #intro_outline .intro_member div.member_naiko {
	z-index: 3;
	top: -377px;
	margin: 0 0 0 210px;
}

#substr.notice.intro #intro_outline .intro_member div.member_if {
	z-index: 2;
	top: -382px;
	margin: 0 0 0 330px;
}

#substr.notice.intro #intro_outline .intro_member div.member_yusuke {
	z-index: 1;
	top: -379px;
	margin: 0 0 0 445px;
}

#substr.notice.intro #intro_outline .intro_member div.member_liura figure {
	width: 196px;
	height: 480px;
}

#substr.notice.intro #intro_outline .intro_member div.membe_hotoke figure {
	width: 222px;
	height: 445px;
}

#substr.notice.intro #intro_outline .intro_member div.member_sho figure {
	width: 154px;
	height: 467px;
}

#substr.notice.intro #intro_outline .intro_member div.member_naiko figure {
	width: 185px;
	height: 492px;
}

#substr.notice.intro #intro_outline .intro_member div.member_if figure {
	width: 179px;
	height: 491px;
}

#substr.notice.intro #intro_outline .intro_member div.member_yusuke figure {
	width: 181px;
	height: 491px;
}

#substr.notice.intro #intro_outline .intro_member div figure img {
	width: 100%;
	height: auto;
}
/*
いれいすの活動
*/
#substr.notice.intro #intro_outline .work {
	margin: 0 0 90px;
}

#substr.notice.intro #intro_outline .work h4 {
	font-size: 30px;
	margin: 0 0 20px;
}

/*リスト*/
#substr.notice.intro #intro_outline .work ul li {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	position: relative;
	margin: 0 0 50px;
	padding: 25px;
	border-radius: 10px;
}

#substr.notice.intro #intro_outline .work ul li::before {
	z-index: 2;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

#substr.notice.intro #intro_outline .work ul li::after {
	z-index: 3;
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	background-color: #ffffff;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border-radius: 10px;
}

/*テキスト*/
#substr.notice.intro #intro_outline .work ul .caption {
	z-index: 5;
	width: 570px;
}

#substr.notice.intro #intro_outline .work ul .caption h5 {
	display: flex;
	align-items: center;
	font-size: 24px;
	line-height: 1.8em;
	margin: 0 0 20px;
}

#substr.notice.intro #intro_outline .work ul .caption h5 em {
	position: relative;
	font-size: 42px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
	font-variation-settings: "slnt" -14;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
}

#substr.notice.intro #intro_outline .work ul .caption h5 em::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	background-color: #836b7c;
	width: 1px;
	height: 100%;
	transform: translateY(-50%);
}

#substr.notice.intro #intro_outline .work ul .caption p {
	font-size: 12px;
	margin: 0 0 10px;
}

#substr.notice.intro #intro_outline .work ul .caption p em {
	font-size: 15px;
}

/*ボタン*/
#substr.notice.intro #intro_outline .work ul .b_work {
	z-index: 5;
	position: absolute;
	bottom: -17px;
}

#substr.notice.intro #intro_outline .work ul .b_work.first {
	left: 30px;
}

#substr.notice.intro #intro_outline .work ul .b_work.second {
	left: 200px;
}

#substr.notice.intro #intro_outline .work ul .b_work a {
	font-size: 12px;
	width: 150px;
}

/*画像*/
#substr.notice.intro #intro_outline .work ul li figure {
	z-index: 5;
	width: 350px;
}

#substr.notice.intro #intro_outline .work ul li figure img {
	width: 100%;
}
/*
いれいすを応援してくれるみんなへ
*/
#substr.notice.intro #intro_outline .cheer {
	text-align: center;
	margin: 0 0 90px;
}

#substr.notice.intro #intro_outline .cheer h4 {
	display: inline-block;
	position: relative;
	font-size: 30px;
	margin: 0 0 30px;
	padding: 0 0 10px;
}

#substr.notice.intro #intro_outline .cheer h4::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	background-image: linear-gradient(90deg, #f7d0e5, #c0d5f8);
	width: 115%;
	height: 5px;
	transform: translateX(-50%);
}

#substr.notice.intro #intro_outline .cheer p {
	line-height: 1.8em;
}
/*
いれいすとの約束
*/
#substr.notice.intro #intro_outline .promise {
	margin: 0 0 90px;
}

/*冒頭テキスト*/
#substr.notice.intro #intro_outline .promise div {
	text-align: center;
	margin: 0 0 30px;
}

#substr.notice.intro #intro_outline .promise div h4 {
	font-size: 26px;
	margin: 0 0 20px;
}

#substr.notice.intro #intro_outline .promise div p {
	display: inline-block;
	position: relative;
	padding: 0 0 10px;
}

#substr.notice.intro #intro_outline .promise div p::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	background-image: linear-gradient(90deg, #f7d0e5, #c0d5f8);
	width: 115%;
	height: 2px;
	transform: translateX(-50%);
}

/*リスト*/
#substr.notice.intro #intro_outline .promise ul li {
	box-sizing: border-box;
	background-color: #ffffff;
	margin: 0 0 25px;
	padding: 45px;
	border: solid 1px #d3c594;
}

#substr.notice.intro #intro_outline .promise ul li h5 {
	position: relative;
	font-size: 15px;
	margin: 0 0 25px;
	padding: 0 0 25px;
}

#substr.notice.intro #intro_outline .promise ul li h5::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	background-color: #d3c594;
	width: 105%;
	height: 1px;
	transform: translateX(-50%);
}

#substr.notice.intro #intro_outline .promise ul li h6 {
	position: relative;
	font-size: 14px;
	line-height: 2em;
	margin: 0 0 3px;
	padding: 0 0 0 25px;
}

#substr.notice.intro #intro_outline .promise ul li h6::after {
	content: "⇒";
	position: absolute;
	top: 1px;
	left: 0;
	font-size: 24px;
}

#substr.notice.intro #intro_outline .promise ul li p {
	position: relative;
	font-size: 12px;
	line-height: 1.8em;
	padding: 0 0 0 20px;
}

#substr.notice.intro #intro_outline .promise ul li p::after {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
	font-size: 18px;
}
/*
これからもいれいすをよろしくお願いします！
*/
#substr.notice.intro #intro_outline .favour {
	text-align: center;
}

#substr.notice.intro #intro_outline .favour h4 {
	font-size: 22px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：いれいすを知ってくれた みなさんへ：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：公式素材倉庫：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本設定
*/
#substr.notice.material {
	background-image: none;
	background-color: #ffffff;
}
/*
初期位置調整
*/
#substr.notice.material .contentswrapper {
	padding: 200px 0 100px 0;
}
/*
基本レイアウト
*/
#substr.notice.material #material_outline {
	width: 1000px;
	margin: 0 auto;
}
/*
サブタイトル
*/
#substr.notice.material #material_outline .subtitle {
	margin: 0 0 50px;
}

#substr.notice.material #material_outline .subtitle h2 {
	background-image: linear-gradient(90deg, #f7d0e5, #c0d5f8);
	color: #ffffff;
	font-size: 26px;
	margin: 0 0 5px;
	padding: 5px 15px 2px;
}

#substr.notice.material #material_outline .subtitle p {
	font-size: 12px;
	text-align: right;
}
/*
各詳細
*/
#substr.notice.material #material_outline .details {
	margin: 0 0 70px;
}

/*タイトル*/
#substr.notice.material #material_outline .details h4 {
	position: relative;
	font-size: 22px;
	margin: 0 0 35px;
	padding: 0 0 15px 15px;
}

#substr.notice.material #material_outline .details h4::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(90deg, #f7d0e5, #c0d5f8);
	width: 100%;
	height: 1px;
}

/*テキスト*/
#substr.notice.material #material_outline .details p {
	margin: 0 0 40px;
}

#substr.notice.material #material_outline .details p:last-child {
	margin: 0;
}

/*
禁止事項
*/
/*リスト*/
#substr.notice.material .details .rulelist li {
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	position: relative;
	background-color: #ffffff;
	margin: 0 0 50px;
	padding: 40px;
	border: solid 1px #f175a1;
	border-radius: 5px;
}

/*テキスト*/
#substr.notice.material .details .rulelist .caption {
	z-index: 5;
	width: 680px;
}

#substr.notice.material .details .rulelist .caption h5 {
	position: relative;
	font-size: 24px;
	line-height: 1.2em;
	margin: 0 0 20px;
	padding: 0 0 0 40px;
}

#substr.notice.material .details .rulelist .caption h5::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../../assets/images/obj_material_cross.png);
	width: 24px;
	height: 24px;
}

#substr.notice.material .details .rulelist .caption p {
	font-size: 14px;
	margin: 0 0 30px 40px;
}

#substr.notice.material .details .rulelist .caption .attention {
	display: flex;
	margin: 0 0 0 40px;
}

#substr.notice.material .details .rulelist .caption .attention h6 {
	position: relative;
	font-size: 18px;
	line-height: 1.2em;
	margin: 0 40px 0 0;
	padding: 0 0 0 30px;

}

#substr.notice.material .details .rulelist .caption .attention h6::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../../assets/images/obj_material_cross.png);
	background-size: 100% auto;
	width: 20px;
	height: 20px;
}

/*
素材リストを見る
*/
#substr.notice.material #material_outline .link {
	text-align: center;
}

#substr.notice.material #material_outline .link h4 {
	color: #f175a1;
	margin: 0 0 50px;
}

#substr.notice.material #material_outline .link a {
	text-align: center;
	width: 400px;
	margin: 0 auto;
	padding: 40px 0 40px 20px;
}

#substr.notice.material #material_outline .link .btn_type_a a::before {
	left: 80px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：公式素材倉庫：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：公式素材倉庫：リスト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
初期位置調整
*/
#substr.notice.material.list .contentswrapper {
	padding: 150px 0 100px 0;
}
/*
基本レイアウト
*/
#substr.notice.material.list #material_list {
	width: 1200px;
	margin: 0 auto;
}
/*
カテゴリーフィルター
*/
#substr.notice.material.list .filter {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 1200px;
	margin: 0 auto 60px auto;
}

#substr.notice.material.list .filter select {
	/*リセット*/
	background: none;
	border: none;
	line-height: 1em;
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*レイアウト*/
	background:
		url(../images/obj_triangle_w_bottom.png),
		linear-gradient(90deg, #f8d1e4, #dbbff7, #bfd5f8);
	background-size: 15px auto, auto;
	background-repeat: no-repeat;
	background-position: 10px center, center;
	color: #ffffff;
	padding: 10px 10px 10px 100px;
	font-size: 20px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	text-align: right;
	cursor: pointer;
	border: 1px #ffffff solid;
	border-radius: 6px;
}

#substr.notice.material.list .filter select:focus {
	outline: none;
}
/*
リスト
*/
#substr.notice.material.list #material_list .catalog ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#substr.notice.material.list #material_list .catalog ul li {
	width: 350px;
	margin: 0 0 75px;
}

#substr.notice.material.list #material_list .catalog ul li a {
	color: #836b7c;
	text-align: left;
	text-decoration: none;
	width: 350px;
}

#substr.notice.material.list #material_list .catalog ul li figure {
	width: 350px;
}

#substr.notice.material.list #material_list .catalog ul li figure img {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
}

#substr.notice.material.list #material_list .catalog ul li figure figcaption {
	font-size: 16px;
	margin: 0 10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：公式素材倉庫：リスト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：公式素材倉庫：詳細_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
初期位置調整
*/
#substr.notice.material.detail .contentswrapper {
	padding: 150px 0 200px 0;
}
/*
基本レイアウト
*/
#substr.notice.material.detail #material_detail {
	width: 1000px;
	margin: 50px auto 0;
}
/*
基本レイアウト
*/
#substr.notice.material.detail #material_detail .download {
	display: flex;
	justify-content: space-between;
}

#substr.notice.material.detail #material_detail .download figure {
	width: 450px;
	height: auto;
}

#substr.notice.material.detail #material_detail .download figure img {
	width: 100%;
	height: auto;
}

#substr.notice.material.detail #material_detail .download h4 {
	position: relative;
	font-size: 24px;
	width: 100%;
	margin: 0 0 30px;
	padding: 0 0 10px;
}

#substr.notice.material.detail #material_detail .download h4::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(90deg, #f7d0e5, #c0d5f8);
	width: 100%;
	height: 1px;
}

#substr.notice.material.detail #material_detail .download div {
	width: 500px;
}

#substr.notice.material.detail #material_detail .download div li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 20px;
	margin: 0 0 20px;
	padding: 0 0 10px;
	border-bottom: solid 1px #e4ddc5;
}

#substr.notice.material.detail #material_detail .download div li:last-child {
	border-bottom: none;
}

#substr.notice.material.detail #material_detail .download div li a {
	font-size: 18px;
}

/*
素材リストを見る
*/
#substr.notice.material.detail #material_detail .link {
	text-align: center;
}

#substr.notice.material.detail #material_detail .link h4 {
	color: #f175a1;
}

/*
各詳細
*/
#substr.notice.material.detail #material_detail .details {
	margin: 0 0 70px;
}

/*タイトル*/
#substr.notice.material.detail #material_detail .details h4 {
	position: relative;
	font-size: 22px;
	margin: 0 0 35px;
	padding: 0 0 15px 15px;
}

#substr.notice.material.detail #material_detail .details h4::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(90deg, #f7d0e5, #c0d5f8);
	width: 100%;
	height: 1px;
}

/*テキスト*/
#substr.notice.material.detail #material_detail .details p {
	margin: 0 0 40px;
}

#substr.notice.material.detail #material_detail .details p:last-child {
	margin: 0;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：公式素材倉庫：詳細_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：いれいす民度向上委員会とは：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本設定
*/
#substr.notice.guielines {
	background-image: none;
	background-color: #ffffff;
}
/*
初期位置調整
*/
#substr.notice.guielines .contentswrapper {
	padding: 200px 0 100px 0;
}
/*
基本レイアウト
*/
#substr.notice.guielines #guielines_outline {
	width: 1000px;
	margin: 0 auto;
}
/*
サブタイトル
*/
#substr.notice.guielines #guielines_outline .subtitle {
	margin: 0 0 50px;
}

#substr.notice.guielines #guielines_outline .subtitle h2 {
	background-image: linear-gradient(90deg, #f7d0e5, #c0d5f8);
	color: #ffffff;
	font-size: 26px;
	padding: 5px 15px 2px;
}
/*
各詳細
*/
#substr.notice.guielines #guielines_outline .details {
	margin: 0 0 70px;
}

/*タイトル*/
#substr.notice.guielines #guielines_outline .details h4 {
	position: relative;
	font-size: 22px;
	margin: 0 0 35px;
	padding: 0 0 15px 15px;
}

#substr.notice.guielines #guielines_outline .details h4::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(90deg, #f7d0e5, #c0d5f8);
	width: 100%;
	height: 1px;
}

/*テキスト*/
#substr.notice.guielines #guielines_outline .details p {
	line-height: 1.6em;
	margin: 0 0 40px;
}

#substr.notice.guielines #guielines_outline .details p:last-child {
	margin: 0;
}

#substr.notice.guielines #guielines_outline .details p em {
	color: #f175a1;
	font-style: normal;
}

/*アンカー*/
#substr.notice.guielines #guielines_outline .details p a {
	color: #dac682;
}

/*リスト*/
#substr.notice.guielines #guielines_outline .details ul {
	margin: 50px 0 0;
}

#substr.notice.guielines #guielines_outline .details ul li {
	margin: 0 0 25px;
}

#substr.notice.guielines #guielines_outline .details ul li figure {
	width: 1000px;
	height: auto;
}

#substr.notice.guielines #guielines_outline .details ul li figure img {
	width: 100%;
	height: auto;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：いれいす民度向上委員会とは：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：保護者の皆さまへ：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本設定
*/
#substr.notice.guardian {
	background-image: none;
	background-color: #ffffff;
}
/*
初期位置調整
*/
#substr.notice.guardian .contentswrapper {
	padding: 200px 0 100px 0;
}
/*
基本レイアウト
*/
#substr.notice.guardian #guardian_outline {
	width: 1000px;
	margin: 0 auto;
}
/*
サブタイトル
*/
#substr.notice.guardian #guardian_outline .subtitle {
	margin: 0 0 50px;
}

#substr.notice.guardian #guardian_outline .subtitle h2 {
	background-image: linear-gradient(90deg, #f7d0e5, #c0d5f8);
	color: #ffffff;
	font-size: 26px;
	padding: 5px 15px 2px;
}
/*
各詳細
*/
#substr.notice.guardian #guardian_outline .details {
	margin: 0 0 70px;
}

/*タイトル*/
#substr.notice.guardian #guardian_outline .details h4 {
	position: relative;
	font-size: 22px;
	margin: 0 0 35px;
	padding: 0 0 15px 15px;
}

#substr.notice.guardian #guardian_outline .details h4::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(90deg, #f7d0e5, #c0d5f8);
	width: 100%;
	height: 1px;
}

/*テキスト*/
#substr.notice.guardian #guardian_outline .details p {
	margin: 0 0 40px;
}

#substr.notice.guardian #guardian_outline .details p:last-child {
	margin: 0;
}

/*アンカー*/
#substr.notice.guardian #guardian_outline .details p a {
	color: #dac682;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：保護者の皆さまへ：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：企業の方へ：基本レイアウト_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本設定
*/
#substr.notice.partners {
	background-image: none;
	background-color: #ffffff;
}
/*
初期位置調整
*/
#substr.notice.partners .contentswrapper {
	padding: 200px 0 150px 0;
}
/*
基本レイアウト
*/
#substr.notice.partners #partners_outline {
	width: 1000px;
	margin: 0 auto;
}
/*
サブタイトル
*/
#substr.notice.partners #partners_outline .subtitle {
	margin: 0 0 50px;
}

#substr.notice.partners #partners_outline .subtitle h2 {
	background-image: linear-gradient(90deg, #f7d0e5, #c0d5f8);
	color: #ffffff;
	font-size: 26px;
	padding: 5px 15px 2px;
}
/*
各詳細
*/
#substr.notice.partners #partners_outline .details {
	margin: 0 0 70px;
}

/*タイトル*/
#substr.notice.partners #partners_outline .details h4 {
	position: relative;
	font-size: 22px;
	margin: 0 0 35px;
	padding: 0 0 15px 15px;
}

#substr.notice.partners #partners_outline .details h4::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(90deg, #f7d0e5, #c0d5f8);
	width: 100%;
	height: 1px;
}

/*テキスト*/
#substr.notice.partners #partners_outline .details p {
	margin: 0 0 40px;
}

#substr.notice.partners #partners_outline .details p:last-child {
	margin: 0;
}

/*ボタン*/
#substr.notice.partners #partners_outline .details .btn_box {
	display: flex;
	justify-content: center;
	margin: 50px 0;
}

#substr.notice.partners #partners_outline .details .btn_box a {
	text-align: center;
	width: 400px;
	margin: 0 10px;
	padding: 40px 0 40px 20px;
	border-radius: 20px;
}

#substr.notice.partners #partners_outline .details .btn_box a::before {
	left: 80px;
}

/*リスト*/
#substr.notice.partners #partners_outline .details ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#substr.notice.partners #partners_outline .details ul li {
	box-sizing: border-box;
	width: 314px;
	margin: 0 0 35px;
}

#substr.notice.partners #partners_outline .details ul li a {
	width: 314px;
	text-decoration: none;
}

#substr.notice.partners #partners_outline .details ul li a h5 {
	color: #836b7c;
	font-size: 20px;
	line-height: 1.8em;
	width: 314px;
	margin: 0 0 10px;
}

#substr.notice.partners #partners_outline .details ul li a figure {
	width: 314px;
	height: auto;
	box-shadow: 0px 0px 15px 0px rgba(131, 107, 124, 0.35);
}

#substr.notice.partners #partners_outline .details ul li a figure img {
	width: 100%;
	height: auto;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ノーティス：企業の方へ：基本レイアウト_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

xxx（xxx）

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
xxx：汎用_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
コンテンツ
*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
xxx：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
xxx：汎用_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
xxx：汎用_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――

ライブ（LIVE）：公演に関する諸注意

――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ライブ：公演に関する諸注意_start
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
基本レイアウト
*/
body#substr.live #live_information {
	background-color: rgba(206, 206, 250, 0.1);
	padding: 3vw 0 6vw 0;
}

body#substr.live #live_information .subtitle {
	margin: 0 0 4.5vw 0;
	text-align: center;
}

body#substr.live #live_information .subtitle h2 {
	font-size: 3vw;
	font-family: "Gloock", serif;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	white-space: nowrap;
	color: #ffffff;
	font-feature-settings: "palt" 1;
}

#substr.live #live_information .live_information_wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
}

/*
アコーディオン要素
*/
#substr.live #live_information .fnc_accordion {
	position: relative;
	background-color: #ffffff;
	margin: 0 0 20px 0;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(206, 204, 250, 0.5), 0 0 20px rgba(250, 200, 255, 0.5);
	overflow: hidden;
}

#substr.live #live_information .fnc_accordion:last-child {
	margin: 0;
}

/*
アコーディオンヘッダー
*/
#substr.live #live_information .fnc_accordion>h4 {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 20px 100px 18px 60px;
	background-color: #ffffff;
	color: #836b7c;
	font-size: 17px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	line-height: 1.4;
	cursor: pointer;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
}

#substr.live #live_information .fnc_accordion>h4::before,
#substr.live #live_information .fnc_accordion>h4::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	transition-duration: 600ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transform-origin: center;
}

#substr.live #live_information .fnc_accordion>h4::before {
	background-image: url(../images/obj_star_gold_2.png);
	left: 25px;
	width: 20px;
	height: 20px;
	margin: -10px 0 0 0;
}

#substr.live #live_information .fnc_accordion>h4::after {
	background-image: url(../images/obj_arrow_gold_accordion.png);
	right: 30px;
	width: 15px;
	height: 30px;
	margin: -15px 0 0 0;
}

#substr.live #live_information .fnc_accordion>h4:hover::before {
	transform: rotate(180deg);
}

#substr.live #live_information .fnc_accordion.jqa_open_parent>h4::after {
	transform: rotate(90deg);
}

/*
アコーディオンコンテンツ
*/
#substr.live #live_information .fnc_accordion .opencontents {
	display: grid !important;
	grid-template-rows: 0fr !important;
	height: 0 !important;
	overflow: hidden !important;
	transition-duration: 1000ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	transition-delay: 0ms;
	transform-origin: bottom;
}

#substr.live #live_information .fnc_accordion .opencontents.jqa_open {
	grid-template-rows: 1fr !important;
	height: auto !important;
}

#substr.live #live_information .fnc_accordion .opencontents>div {
	overflow: hidden !important;
}

#substr.live #live_information .fnc_accordion .content {
	padding: 20px 60px 40px 60px;
	background-color: #ffffff;
}

#substr.live #live_information .fnc_accordion .block {
	margin: 0 0 1em 0;
}

#substr.live #live_information .fnc_accordion .block:last-child {
	margin: 0;
}

#substr.live #live_information .fnc_accordion .block h5 {
	margin: 0 0 7px 0;
	font-size: 13px;
	font-weight: bold;
	color: #836b7c;
	text-decoration: underline;
}

#substr.live #live_information .fnc_accordion .block p {
	margin: 6px 0;
	font-size: 14px;
	line-height: 1.7;
	color: #836b7c;
}

#substr.live #live_information .fnc_accordion .block h1 {
	margin: 16px 0;
	font-size: 20px;
	line-height: 1.6;
	color: #836b7c;
	font-weight: bold;
}

/*
CLOSEボタン
*/
#substr.live #live_information .fnc_accordion .close-button {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #e5e5e5;
}

#substr.live #live_information .fnc_accordion .close-button button {
	background: linear-gradient(120deg, #f8d1e4, #dcbef7, #bfd5f8);
	color: #ffffff;
	border: none;
	padding: 12px 40px;
	border-radius: 25px;
	font-size: 14px;
	font-family: "Afacad Flux", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-variation-settings: "slnt" -14;
	cursor: pointer;
	transition-duration: 400ms;
	transition-property: all;
	transition-timing-function: cubic-bezier(.42, 0, 0, .99);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

#substr.live #live_information .fnc_accordion .close-button button:hover {
	background: linear-gradient(120deg, #f5c6d7, #d0a8f0, #a8c5f1);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(206, 204, 250, 0.4);
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ライブ：公演に関する諸注意_end
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
