@charset "utf-8";
/*-----------------------------------------------
 * Loding
-------------------------------------------------*/
#loading {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	z-index: 9999;
}
#loading:before {
	content: "";
	background-color: var(--color-black);
	border-radius: 50%;
	width: min(calc(100 / var(--vw-min) * 100vw), 100px);
	height: min(calc(100 / var(--vw-min) * 100vw), 100px);
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}

/* inner */
.loading__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
	z-index: 1;
}

/* logo */
.loading__logo {
	width: min(calc(300 / var(--vw-min) * 100vw), 300px);
	animation: rotate 16s ease;
}
.loading__logo img {
	width: 100%;
}
@media screen and (max-width:767px){
	.loading__logo {
		width: calc(200 / var(--vw-min) * 100vw);
	}
}

/* ロード後アニメーション */
#loading:before {
	transition: transform .8s cubic-bezier(0.16, 1, 0.3, 1);
	transform: scale(100);
}
#loading.is-load:before {
	transition-delay: .5s;
	transform: scale(0);
}

#loading .loading__inner {
	transition: transform .6s var(--easing-easeinoutback),
				opacity .5s ease;
}
#loading.is-load .loading__inner {
	opacity: 0;
	transform: scale(1.5);
}


/*-----------------------------------------------
 * Hero
-------------------------------------------------*/
.sec-hero {
	height: 100vh;
	min-height: min(calc(768 / var(--vw-min) * 100vw), 768px);
	max-height: min(calc(1080 / var(--vw-min) * 100vw), 1080px);
	position: relative;
}
.sec-hero__inner {
	width: 100%;
	height: 100%;
	position: relative;
}
.sec-hero__cont {
	/* width: var(--common-in-width);*/
	max-width: 1920px;
	height: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	z-index: 1;
}
.sec-hero__bg {
	width: 100%;
	height: 206px;
	position: absolute;
	bottom: 0;
	z-index: 2;
}
@media screen and (max-width:768px){
	.sec-hero {
		height: auto;
		min-height: auto;
		max-height: none;
		padding-bottom: calc(50 / var(--vw-min) * 100vw);
	}
	.sec-hero__inner {
		height: auto;
	}
	.sec-hero__cont {
		width: 100%;
		max-width: 100%;
	}
	.sec-hero__bg {
		height: calc(72 / var(--vw-min) * 100vw);
	}
}

/* new pv */
.newPv {
	width: min(calc(200 / var(--vw-min) * 100vw), 200px);
	height: min(calc(200 / var(--vw-min) * 100vw), 200px);
	position: absolute;
	left: min(calc(40 / var(--vw-min) * 100vw), 40px);
	bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	z-index: 10;
}
.newPv > span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1%;
	left: -1.5%;
	pointer-events: none;
}
.newPv > span:before {
	content: "";
	background-color: var(--color-black);
	-webkit-mask: url(../img/top/deco_newpv.svg) no-repeat center / contain;
	mask: url(../img/top/deco_newpv.svg) no-repeat center / contain;
	width: min(calc(221 / var(--vw-min) * 100vw), 221px);
	height: min(calc(221 / var(--vw-min) * 100vw), 221px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
@media screen and (max-width:768px){
	.newPv {
		width: calc(118 / var(--vw-min) * 100vw);
		height: calc(118 / var(--vw-min) * 100vw);
		right: calc(10 / var(--vw-min) * 100vw);
		left: auto;
		bottom: calc(10 / var(--vw-min) * 100vw);
		/* bottom: -5.33333vw; */
	}
	.newPv > span:before {
		background-color: var(--color-pink);
		width: calc(130 / var(--vw-min) * 100vw);
		height: calc(130 / var(--vw-min) * 100vw);
	}
}
.newPv a {
	border-radius: 50%;
	width: 88%;
	height: 88%;
	overflow: hidden;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.newPv a:before {
	content: "";
	border-radius: 50%;
	background-color: var(--color-blue);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	mix-blend-mode: multiply;
}
.newPv a:after {
	content: "";
	background-color: var(--color-blue-bg);
	-webkit-mask: url(../img/common/icon_deco/deco_foot.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/deco_foot.svg) no-repeat center / contain;
	width: min(calc(72 / var(--vw-min) * 100vw), 72px);
	height: min(calc(63 / var(--vw-min) * 100vw), 63px);
	margin: auto;
	position: absolute;
	top: -1%;
	right: 0;
	bottom: 0;
	left: -1%;
	z-index: 11;
}
@media screen and (hover: hover) and (pointer: fine) {
	.newPv a:hover:after {
		animation: kaku 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
}
@media screen and (max-width:768px){
	.newPv a:after {
		width: calc(47 / var(--vw-min) * 100vw);
		height: calc(41 / var(--vw-min) * 100vw);
	}
}
.newPv__cont {
	width: 178%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	pointer-events: none;
}
.newPv__cont__in {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}

/* visual */
.vsListsWrap {
	width: 100%;
	height: 100%;
}
.vsLists {
	width: 100%;
	height: 100%;
}
.vsLists__item {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

/* is-vs1 */
.vsLists__item.is-vs1 {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	position: relative;
}
.vsLists__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}
.vsLists__logo:before {
	content: "";
	display: block;
	width: calc(151 / var(--vw-min) * 100vw);
	height: 70.5%;
	background-color: var(--color-black);
	-webkit-mask: url(../img/common/logo/logo_tate.svg) no-repeat center / contain;
	mask: url(../img/common/logo/logo_tate.svg) no-repeat center / contain;
}
.vsLists__visual {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.vsLists__visual img {
	height: 100%;
	object-fit: contain;
	position: relative;
	z-index: 1;
}
.vsLists__catch2 {
	width: 25%;
	height: 100%;
	padding-top: 5%;
	position: absolute;
	top: 0;
	right: -12%;
	z-index: 2;
}
.vsLists__catch2:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/top/c2.png) no-repeat center top / contain;
}
.vsLists__catch {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding-top: min(calc(110 / var(--vw-min) * 100vw), 110px);
	position: relative;
	z-index: 2;
}
.vsLists__catch:before {
	content: "";
	display: block;
	width: 70.6%;
	height: 60.2%;
	background: url(../img/top/c1.png) no-repeat center / contain;
}
.vsLists__onair {
	width: 80.2%;
	height: 100%;
	padding-bottom: 5%;
	position: absolute;
	top: 0;
	z-index: 2;
}
.vsLists__onair:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/top/onair.png) no-repeat center bottom / contain;
}
@media screen and (max-width:768px){
	.vsLists__logo {
		display: none;
	}
	.vsLists__catch {
		display: none;
	}
	.vsLists__catch2 {
		right: 1%;
		width: 22%;
		padding-top: 18%;
	}
	.vsLists__visual img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	.vsLists__onair:before {
		content: none;
	}
}

/* sec-hero__sp */
@media screen and (max-width:768px){
	.sec-hero__sp {
		margin-top: calc(30 / var(--vw-min) * 100vw);
		position: relative;
	}
	.sec-hero__sp-logo {
		background-color: var(--color-black);
		-webkit-mask: url(../img/common/logo/logo_yoko.svg) no-repeat center / contain;
		mask: url(../img/common/logo/logo_yoko.svg) no-repeat center / contain;
		width: calc(330 / var(--vw-min) * 100vw);
		height: calc(92 / var(--vw-min) * 100vw);
		margin: 0 auto;
	}
	.sec-hero__sp__catch1 {
		width: calc(325 / var(--vw-min) * 100vw);
		margin: calc(10 / var(--vw-min) * 100vw) auto;
	}
	.sec-hero__sp__catch1 img {
		width: 100%;
	}
	.sec-hero__sp__onair {
		width: calc(325 / var(--vw-min) * 100vw);
		margin: 0 auto calc(10 / var(--vw-min) * 100vw);
	}
	.sec-hero__sp__onair img {
		width: 100%;
	}
}

/**
 * first animation
 */
.vsLists__catch {
	transform: translateX(-100%);
	opacity: 0;
	transition: transform .6s var(--easing-first), opacity .3s ease;
}
.vsLists__catch.is-ani {
	transform: translateX(0);
	opacity: 1;
}
.vsLists__catch2,
.vsLists__logo {
	transform: translateX(100%);
	opacity: 0;
	transition: transform .6s var(--easing-first), opacity .3s ease;
}
.vsLists__catch2.is-ani,
.vsLists__logo.is-ani {
	transform: translateX(0);
	opacity: 1;
}
.vsLists__onair {
	transform: translateY(30%);
	opacity: 0;
	transition: transform .6s var(--easing-first), opacity .3s ease;
}
.vsLists__onair.is-ani {
	transform: translateY(0);
	opacity: 1;
}
.newPv {
	transform: translateY(100%);
	opacity: 0;
	transition: transform .6s var(--easing-first), opacity .3s ease;
}
.newPv.is-ani {
	transform: translateY(0);
	opacity: 1;
}

/*-----------------------------------------------
 * Movie - News
-------------------------------------------------*/
/**
 * latestWrap
 */
.latestWrap {
	background-color: var(--color-yellow-bg);
	padding-bottom: min(calc(164 / var(--vw-min) * 100vw), 164px);
	position: relative;
}
.latestWave {
	width: 100%;
	height: min(calc(25 / var(--vw-min) * 100vw), 25px);
	overflow: hidden;
	position: absolute;
	bottom: max(-25px, -1.87125vw);
	left: 0;
	z-index: 0;
}
.latestWave:before {
	content: "";
	background-color: var(--color-yellow-bg);
	-webkit-mask: url(../img/common/icon_deco/deco_wave.svg) repeat-x center / contain;
	mask: url(../img/common/icon_deco/deco_wave.svg) repeat-x center / contain;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width:768px){
	.latestWrap {
		padding-bottom: calc(65 / var(--vw-min) * 100vw);
	}
	.latestWave {
		height: calc(9 / var(--vw-min) * 100vw);
		bottom: -2.3vw;
	}
	.latestWave:before {
		-webkit-mask-image: url(../img/common/icon_deco/deco_wave.svg);
		mask-image: url(../img/common/icon_deco/deco_wave.svg);
	}
}

/**
 * movie
 */
.sec-movie {
	padding-top: min(calc(120 / var(--vw-min) * 100vw), 120px);
	position: relative;
	z-index: 1;
}
.sec-movie-bg {
	background: url(../img/common/icon_deco/deco_foot_stamp.svg) no-repeat center / contain;
	width: 100%;
	height: 100%;
	position: absolute;
	top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	left: 0;
	z-index: 0;
}
@media screen and (max-width:768px){
	.sec-movie {
		padding-top: calc(50 / var(--vw-min) * 100vw);
	}
}
.movieListsWrap {
	margin-top: min(calc(60 / var(--vw-min) * 100vw), 60px);
	position: relative;
	z-index: 1;
}
.movieLists {
	display: flex;
	align-items: center;
	justify-content: center;
}
.movieLists__item {
	width: min(calc(838 / var(--vw-min) * 100vw), 838px);
}
.movieLists__thumb {
	background: url(../img/common/icon_deco/deco_movie_frame.svg) no-repeat 0 0 / 100%;
	width: 100%;
	height: min(calc(476 / var(--vw-min) * 100vw), 476px);
	position: relative;
	padding: min(calc(11 / var(--vw-min) * 100vw), 11px) min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:768px){
	.movieListsWrap {
		margin-top: calc(30 / var(--vw-min) * 100vw);
	}
	.movieLists__item {
		width: calc(266 / var(--vw-min) * 100vw);
	}
	.movieLists__thumb {
		background-image: url(../img/common/icon_deco/deco_movie_frame_sp.svg);
		height: calc(152 / var(--vw-min) * 100vw);
		padding: calc(8 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw);
	}
}
.movieLists__thumb a {
	border-radius: min(calc(600 / var(--vw-min) * 100vw), 600px);
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.movieLists__thumb a:before {
	content: "";
	background-color: var(--color-blue);
	border-radius: min(calc(600 / var(--vw-min) * 100vw), 600px);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	mix-blend-mode: multiply;
}
.movieLists__icon {
	width: min(calc(200 / var(--vw-min) * 100vw), 200px);
	height: min(calc(200 / var(--vw-min) * 100vw), 200px);
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 11;
}
@media screen and (max-width:768px){
	.movieLists__icon {
		width: calc(100 / var(--vw-min) * 100vw);
		height: calc(100 / var(--vw-min) * 100vw);
	}
}
.movieLists__icon:before {
	content: "";
	background-color: var(--color-blue-bg);
	-webkit-mask: url(../img/common/icon_deco/icon_play.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/icon_play.svg) no-repeat center / contain;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: rotate 20s ease infinite;
}
.movieLists__icon:after {
	content: "";
	background-color: var(--color-blue-bg);
	-webkit-mask: url(../img/common/icon_deco/deco_foot.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/deco_foot.svg) no-repeat center / contain;
	width: min(calc(100 / var(--vw-min) * 100vw), 100px);
	height: min(calc(88 / var(--vw-min) * 100vw), 88px);
	margin: auto;
	position: absolute;
	top: -1%;
	right: 0;
	bottom: 0;
	left: -1%;
}
@media screen and (hover: hover) and (pointer: fine) {
	.movieLists__thumb a:hover .movieLists__icon:after {
		animation: kaku 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
}
@media screen and (max-width:768px){
	.movieLists__icon:after {
		width: calc(42 / var(--vw-min) * 100vw);
		height: calc(37 / var(--vw-min) * 100vw);
	}
}
.movieLists__img {
	background-color: #000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
@media screen and (hover: hover) and (pointer: fine) {
	.movieLists__img {
		transition: transform .4s var(--easing-easeinoutback);
	}
	.movieLists__thumb a:hover .movieLists__img {
		transform: scale(1.15);
	}
}
.movieLists__title {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 800;
	text-align: center;
	margin-top: 1em;
}
@media screen and (max-width:768px){
	.movieLists__title {
		font-size: calc(10 / var(--vw-min) * 100vw);
	}
}

/**
 * news
 */
.sec-news {
	padding-top: min(calc(130 / var(--vw-min) * 100vw), 130px);
	position: relative;
	z-index: 1;
}
.sec-news__inner {
	display: flex;
	justify-content: space-between;
	width: var(--common-in-width);
	max-width: var(--common-in-maxwidth);
	margin: min(calc(50 / var(--vw-min) * 100vw), 50px) auto 0;
	position: relative;
	z-index: 1;
}
.sec-news-bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	bottom: min(calc(80 / var(--vw-min) * 100vw), 80px);
	z-index: 0;
}
.sec-news-bg:before {
	content: "";
	background-color: #FFD86E;
	-webkit-mask: url(../img/common/icon_deco/deco_renga.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/deco_renga.svg) no-repeat center / contain;
	width: min(calc(540 / var(--vw-min) * 100vw), 540px);
	height: min(calc(266 / var(--vw-min) * 100vw), 266px);
	position: absolute;
	bottom: 0;
	left: max(-180px, -13.47305vw);
}
.sec-news-bg:after {
	content: "";
	background-color: #FFD86E;
	-webkit-mask: url(../img/common/icon_deco/deco_renga.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/deco_renga.svg) no-repeat center / contain;
	width: min(calc(540 / var(--vw-min) * 100vw), 540px);
	height: min(calc(266 / var(--vw-min) * 100vw), 266px);
	position: absolute;
	bottom: min(calc(178 / var(--vw-min) * 100vw), 178px);
	right: max(-180px, -13.47305vw);
}
@media screen and (max-width:768px){
	.sec-news {
		padding-top: calc(70 / var(--vw-min) * 100vw);
	}
	.sec-news__inner {
		flex-direction: column;
		margin-top: calc(30 / var(--vw-min) * 100vw);
	}
	.sec-news-bg {
		bottom: 0;
	}
	.sec-news-bg:before {
		width: calc(322 / var(--vw-min) * 100vw);
		left: -40vw;
		bottom: -8vw;
	}
	.sec-news-bg:after {
		width: calc(322 / var(--vw-min) * 100vw);
		right: -40vw;
	}
}

/* newsLists */
.newsListsWrap {
	width: 58%;
}
.newsLists {
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.newsLists__item:not(:first-child) {
	margin-top: calc(20 / var(--vw-min) * 100vw);
}
.newsLists__item {
	width: 100%;
	height: min(calc(100 / var(--vw-min) * 100vw), 100px);
}
.newsLists__item > a {
	background-color: #fff;
	border-radius: min(calc(16 / var(--vw-min) * 100vw), 16px);
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
@media screen and (hover: hover) and (pointer: fine) {
	.newsLists__item > a {
		transition: transform .3s var(--easing-easeinoutback);
	}
	.newsLists__item > a:hover {
		transform: translateY(-10%);
	}
}
.newsLists__item__inner {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 min(calc(30 / var(--vw-min) * 100vw), 30px);
	position: relative;
	z-index: 1;
}
.newsLists__time {
	color: var(--color-yellow);
	font-family: var(--font-coiny);
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	line-height: 1.2;
	width: min(calc(49 / var(--vw-min) * 100vw), 49px);
}
.newsLists__title {
	display: flex;
	align-items: center;
	width: 100%;
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.newsLists__title > span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.newsLists__title:before {
	content: "";
	background-color: var(--color-yellow);
	-webkit-mask: url(../img/common/icon_deco/deco_star.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/deco_star.svg) no-repeat center / contain;
	width: min(calc(16 / var(--vw-min) * 100vw), 16px);
	height: min(calc(15 / var(--vw-min) * 100vw), 15px);
	display: block;
	margin: 0 2.5%;
	flex-shrink: 0;
}
@media screen and (max-width:768px){
	.newsListsWrap {
		width: 100%;
	}
	.newsLists {
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.newsLists__item:not(:first-child) {
		margin-top: calc(10 / var(--vw-min) * 100vw);
	}
	.newsLists__item {
		height: calc(60 / var(--vw-min) * 100vw);
	}
	.newsLists__item > a {
		border-radius: calc(10 / var(--vw-min) * 100vw);
	}
	.newsLists__item__inner {
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
	.newsLists__time {
		font-size: calc(14 / var(--vw-min) * 100vw);
		width: calc(38 / var(--vw-min) * 100vw);
	}
	.newsLists__title {
		font-size: calc(12 / var(--vw-min) * 100vw);
		line-height: 1.6;
	}
	.newsLists__title:before {
		width: calc(14 / var(--vw-min) * 100vw);
		height: calc(13 / var(--vw-min) * 100vw);
		margin: 0 3%;
	}
}

/* snsLists */
.sec-sns {
	width: 35%;
	position: relative;
}
.sec-sns__title {
	color: #fff;
	font-family: var(--font-coiny);
	font-size: min(calc(100 / var(--vw-min) * 100vw), 100px);
	letter-spacing: -.01em;
	line-height: 1;
	position: absolute;
	top: -0.75em;
	left: 0;
	z-index: 0;
}
@media screen and (max-width:768px){
	.sec-sns {
		width: 100%;
		margin-top: calc(80 / var(--vw-min) * 100vw);
	}
	.sec-sns__title {
		font-size: calc(60 / var(--vw-min) * 100vw);
		left: auto;
		right: 0;
	}
}
.snsLists {
	position: relative;
	z-index: 1;
}
.snsLists__item:not(:first-child) {
	margin-top: calc(20 / var(--vw-min) * 100vw);
}
.snsLists__item {
	width: 100%;
	height: min(calc(100 / var(--vw-min) * 100vw), 100px);
}
.snsLists__item > a {
	background-color: #fff;
	border-radius: min(calc(16 / var(--vw-min) * 100vw), 16px);
	border: min(calc(2 / var(--vw-min) * 100vw), 2px) solid var(--color-black);
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
@media screen and (hover: hover) and (pointer: fine) {
	.snsLists__item > a {
		transition: background-color .3s ease;
	}
	.snsLists__item > a:hover {
		background-color: var(--color-black);
	}
}
.snsLists__item__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	padding: 0 min(calc(28 / var(--vw-min) * 100vw), 28px);
	position: relative;
	z-index: 1;
}
.snsLists__title {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 800;
	letter-spacing: -.01em;
}
@media screen and (hover: hover) and (pointer: fine) {
	.snsLists__title {
		transition: color .3s ease;
	}
	.snsLists__item > a:hover .snsLists__title {
		color: #fff;
	}
}
.snsLists__icon {
	width: min(calc(54 / var(--vw-min) * 100vw), 54px);
	height: min(calc(54 / var(--vw-min) * 100vw), 54px);
	position: relative;
}
.snsLists__icon:before {
	content: "";
	background-color: var(--color-black);
	-webkit-mask: url(../img/common/icon_deco/icon_frame_x.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/icon_frame_x.svg) no-repeat center / contain;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: rotate 20s ease infinite;
}
.snsLists__icon:after {
	content: "";
	background-color: #fff;
	-webkit-mask: url(../img/common/sns/icon_x.svg) no-repeat center / contain;
	mask: url(../img/common/sns/icon_x.svg) no-repeat center / contain;
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
@media screen and (max-width:768px){
	.snsLists__item:not(:first-child) {
		margin-top: calc(10 / var(--vw-min) * 100vw);
	}
	.snsLists__item {
		height: calc(70 / var(--vw-min) * 100vw);
	}
	.snsLists__item > a {
		border-radius: calc(10 / var(--vw-min) * 100vw);
	}
	.snsLists__item__inner {
		padding: 0 calc(12 / var(--vw-min) * 100vw);
	}
	.snsLists__title {
		font-size: calc(14 / var(--vw-min) * 100vw);
	}
	.snsLists__icon {
		width: calc(40 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}
	.snsLists__icon:after {
		width: calc(16 / var(--vw-min) * 100vw);
		height: calc(16 / var(--vw-min) * 100vw);
	}
}

/*-----------------------------------------------
 * StaffCast
-------------------------------------------------*/
.sec-staffcast {
	padding-top: min(calc(164 / var(--vw-min) * 100vw), 164px);
	padding-bottom: min(calc(130 / var(--vw-min) * 100vw), 130px);
	position: relative;
}
.sec-staffcast:before {
	content: "";
	background-color: var(--color-pink-bg);
	border-radius: min(calc(100 / var(--vw-min) * 100vw), 100px) 0 0 0;
	width: 100%;
	height: calc(100% - min(calc(206 / var(--vw-min) * 100vw), 206px));
	position: absolute;
	top: min(calc(206 / var(--vw-min) * 100vw), 206px);
	left: 0;
	z-index: 0;
}
.sec-staffcast__inner {
	position: relative;
	z-index: 1;
}
@media screen and (max-width:768px){
	.sec-staffcast {
		padding-top: calc(70 / var(--vw-min) * 100vw);
		padding-bottom: calc(140 / var(--vw-min) * 100vw);
	}
	.sec-staffcast:before {
		border-radius: calc(40 / var(--vw-min) * 100vw) 0 0 0;
		height: calc(100% - calc(90 / var(--vw-min) * 100vw));
		top: calc(90 / var(--vw-min) * 100vw);
	}
}

/* sc-title */
.sc-title {
	display: flex;
	align-items: center;
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.sc-title:after {
	content: "";
	background-color: var(--color-pink);
	border-radius: min(calc(4 / var(--vw-min) * 100vw), 4px);
	display: block;
	width: 100%;
	height: min(calc(4 / var(--vw-min) * 100vw), 4px);
	order: 3;
}
.sc-title__text {
	color: var(--color-pink);
	font-family: var(--font-coiny);
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
	letter-spacing: -0.01em;
	line-height: min(calc(28 / var(--vw-min) * 100vw), 28px);
	margin: 0.1em 0.7em 0;
	order: 2;
}
.sc-title__icon {
	display: block;
	width: min(calc(60 / var(--vw-min) * 100vw), 60px);
	height: min(calc(60 / var(--vw-min) * 100vw), 60px);
	position: relative;
	flex-shrink: 0;
	order: 1;
}
.sc-title__icon:before {
	content: "";
	background-color: var(--color-pink);
	-webkit-mask: url(../img/common/icon_deco/icon_frame.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/icon_frame.svg) no-repeat center / contain;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	animation: rotate 20s ease infinite;
}
.sc-title__icon:after {
	content: "";
	background-color: var(--color-green-bg);
	-webkit-mask: url(../img/common/icon_deco/deco_foot.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/deco_foot.svg) no-repeat center / contain;
	width: min(calc(34 / var(--vw-min) * 100vw), 34px);
	height: min(calc(30 / var(--vw-min) * 100vw), 30px);
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
@media screen and (max-width:768px){
	.sc-title {
		margin-bottom: calc(30 / var(--vw-min) * 100vw);
	}
	.sc-title:after {
		height: calc(3 / var(--vw-min) * 100vw);
	}
	.sc-title__text {
		font-size: calc(22 / var(--vw-min) * 100vw);
		margin: 0.1em 0.5em 0;
	}
	.sc-title__icon {
		width: calc(40 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}
	.sc-title__icon:after {
		width: calc(23 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
	}
}

/* staff */
.sec-staff {
	margin-top: min(calc(50 / var(--vw-min) * 100vw), 50px);
	position: relative;
}
.sec-staff__inner {
	width: var(--common-in-width);
	max-width: var(--common-in-maxwidth);
	margin: 0 auto;
	position: relative;
}
.sec-staff:before {
	content: "";
	background-color: #FFBFDB;
	-webkit-mask: url(../img/common/icon_deco/deco_foot_stamp_sc.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/deco_foot_stamp_sc.svg) no-repeat center / contain;
	width: min(calc(721 / var(--vw-min) * 100vw), 721px);
	height: min(calc(458 / var(--vw-min) * 100vw), 458px);
	position: absolute;
	top: min(calc(400 / var(--vw-min) * 100vw), 400px);
	right: 0;
	z-index: 0;
}
@media screen and (max-width:768px){
	.sec-staff {
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
	.sec-staff:before {
		content: none;
	}
}

/* cast */
.sec-cast {
	margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	position: relative;
}
.sec-cast__inner {
	width: var(--common-in-width);
	max-width: var(--common-in-maxwidth);
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width:768px){
	.sec-cast {
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
	.sec-staffcast:after {
		content: "";
		background-color: #FFBFDB;
		-webkit-mask: url(../img/common/icon_deco/deco_foot_stamp_sc.svg) no-repeat center / contain;
		mask: url(../img/common/icon_deco/deco_foot_stamp_sc.svg) no-repeat center / contain;
		width: 100%;
		height:calc(200 / var(--vw-min) * 100vw);
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 1;
	}
}

/* scLists */
.scLists {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.scLists__item.is-wide {
	grid-column: 1 / -1;
}
.scLists__item > dt {
	color: var(--color-pink);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 800;
	line-height: 1;
	margin-bottom: 0.7em;
}
.scLists__item > dd {
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 800;
	line-height: 1.4;
}
.scLists__add {
	font-size: 80%;
	font-weight: normal;
	margin-left: -0.4em;
}
@media screen and (max-width:768px){
	.scLists {
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: calc(30 / var(--vw-min) * 100vw);
	}
	.scLists__item > dt {
		font-size: calc(12 / var(--vw-min) * 100vw);
	}
	.scLists__item > dd {
		font-size: calc(15 / var(--vw-min) * 100vw);
	}
	.scLists__add {
		font-size: 70%;
	}
}

/*-----------------------------------------------
 * Comics
-------------------------------------------------*/
.sec-comics {
	background-color: var(--color-green-bg);
	padding-top: min(calc(100 / var(--vw-min) * 100vw), 100px);
	padding-bottom: min(calc(100 / var(--vw-min) * 100vw), 100px);
	position: relative;
}
.sec-comics__inner {
	position: relative;
	z-index: 1;
}
@media screen and (max-width:768px){
	.sec-comics {
		padding-top: calc(60 / var(--vw-min) * 100vw);
		padding-bottom: calc(50 / var(--vw-min) * 100vw);
	}
}

/* ear */
.sec-comics__ear {
	display: flex;
	justify-content: space-between;
	max-width: var(--common-in-maxwidth);
	margin: auto;
	padding: 0 min(calc(80 / var(--vw-min) * 100vw), 80px);
	position: absolute;
	top: max(-14px, -1.0479vw);
	right: 0;
	left: 0;
}
.sec-comics__ear:before,
.sec-comics__ear:after {
	content: "";
	display: block;
	background-color: #ABE970;
	-webkit-mask: url(../img/common/icon_deco/deco_dog_ear.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/deco_dog_ear.svg) no-repeat center / contain;
	width: min(calc(281 / var(--vw-min) * 100vw), 281px);
	height: min(calc(212 / var(--vw-min) * 100vw), 212px);
}
@media screen and (max-width:768px){
	.sec-comics__ear {
		padding: 0 calc(8 / var(--vw-min) * 100vw)
	}
	.sec-comics__ear:before,
	.sec-comics__ear:after {
		width: calc(102 / var(--vw-min) * 100vw);
		height: calc(72 / var(--vw-min) * 100vw);
	}
}

/* text */
.comics-textWrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: min(calc(50 / var(--vw-min) * 100vw), 50px);
}
.comics-text1 {
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 800;
}
.comics-text2 {
	background-color: var(--color-black);
	border-radius: min(calc(48 / var(--vw-min) * 100vw), 48px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: min(calc(48 / var(--vw-min) * 100vw), 48px);
	padding: 0 min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.comics-text2:before,
.comics-text2:after {
	content: "";
	background-color: var(--color-yellow);
	-webkit-mask: url(../img/common/icon_deco/deco_star.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/deco_star.svg) no-repeat center / contain;
	display: block;
	width: min(calc(16 / var(--vw-min) * 100vw), 16px);
	height: min(calc(15 / var(--vw-min) * 100vw), 15px);
}
.comics-text2 > span {
	color: #fff;
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 800;
	margin: 0 1em;
}
@media screen and (max-width:768px){
	.comics-textWrap {
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
	.comics-text1 {
		font-size: calc(14 / var(--vw-min) * 100vw);
		text-align: center;
	}
	.comics-text2 {
		height: calc(40 / var(--vw-min) * 100vw);
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
	.comics-text2:before,
	.comics-text2:after {
		width: calc(13 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
	.comics-text2 > span {
		font-size: calc(14 / var(--vw-min) * 100vw);
	}
}

/* comics-oriLists */
.comics-oriLists {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
	width: min(calc(920 / var(--vw-min) * 100vw), 920px);
	margin: min(calc(50 / var(--vw-min) * 100vw), 50px) auto 0;
}
.comics-oriLists__item {
	background-color: #fff;
	border-radius: min(calc(14 / var(--vw-min) * 100vw), 14px);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: min(calc(60 / var(--vw-min) * 100vw), 60px);
	position: relative;
}
.comics-oriLists__item:before {
	content: "";
	background-color: #fff;
	-webkit-mask: url(../img/common/icon_deco/deco_frame_comics_1.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/deco_frame_comics_1.svg) no-repeat center / contain;
	width: min(calc(40 / var(--vw-min) * 100vw), 40px);
	height: min(calc(25 / var(--vw-min) * 100vw), 25px);
	position: absolute;
	bottom: max(-25px, -1.87125vw);
}
@media screen and (min-width:769px){
	.comics-oriLists__item:nth-child(1):before {
		left: min(calc(50 / var(--vw-min) * 100vw), 50px);
	}
	.comics-oriLists__item:nth-child(2):before {
		-webkit-mask-image: url(../img/common/icon_deco/deco_frame_comics_2.svg);
		mask-image: url(../img/common/icon_deco/deco_frame_comics_2.svg);
	}
	.comics-oriLists__item:nth-child(3):before {
		right: min(calc(50 / var(--vw-min) * 100vw), 50px);
		-webkit-mask-image: url(../img/common/icon_deco/deco_frame_comics_3.svg);
		mask-image: url(../img/common/icon_deco/deco_frame_comics_3.svg);
	}
}
.comics-oriLists__text {
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 800;
}
@media screen and (max-width:768px){
	.comics-oriLists {
		display: flex;
		flex-direction: column;
		width: calc(100% - calc(48 / var(--vw-min) * 100vw));
		margin: calc(20 / var(--vw-min) * 100vw) auto 0;
	}
	.comics-oriLists__item {
		border-radius: calc(8 / var(--vw-min) * 100vw);
		width: calc(202 / var(--vw-min) * 100vw);
		height: calc(44 / var(--vw-min) * 100vw);
	}
	.comics-oriLists__item:not(:first-child) {
		margin-top: calc(14 / var(--vw-min) * 100vw);
	}
	.comics-oriLists__item:nth-child(2) {
		margin-left: auto;
	}
	.comics-oriLists__text {
		font-size: calc(14 / var(--vw-min) * 100vw);
	}
	.comics-oriLists__item:before {
		width: calc(30 / var(--vw-min) * 100vw);
		height: calc(19 / var(--vw-min) * 100vw);
		bottom: -4.5vw;
		left: calc(40 / var(--vw-min) * 100vw);
	}
	.comics-oriLists__item:nth-child(2):before {
		-webkit-mask-image: url(../img/common/icon_deco/deco_frame_comics_3.svg);
		mask-image: url(../img/common/icon_deco/deco_frame_comics_3.svg);
		left: auto;
		right: calc(40 / var(--vw-min) * 100vw);
	}
}

/* comicsLists */
.comicsListsFullWrap {
	overflow: hidden;
}
.comicsListsWrap {
	overflow: visible;
	margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.comicsLists__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min(calc(320 / var(--vw-min) * 100vw), 320px);
	padding: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
	transform: translateY(-5%);
	transition: transform .6s var(--easing-outquart);
}
.comicsLists__item.swiper-slide.swiper-slide-prev,
.comicsLists__item.swiper-slide.swiper-slide-next {
	transform: translateY(5%);
}
.comicsLists__item > a {
	display: block;
	text-decoration: none;
	position: relative;
}
.comicsLists__thumb {
	border-radius: min(calc(16 / var(--vw-min) * 100vw), 16px);
	overflow: hidden;
}
.comicsLists__thumb img {
	width: 100%;
}
@media screen and (hover: hover) and (pointer: fine) {
	.comicsLists__thumb img {
		transition: transform .4s var(--easing-easeinoutback);
	}
	.comicsLists__item > a:hover .comicsLists__thumb img {
		transform: scale(1.1);
	}
}
.comicsLists__icon {
	background-color: var(--color-green);
	border: min(calc(6 / var(--vw-min) * 100vw), 6px) solid var(--color-green-bg);
	border-radius: 50%;
	width: min(calc(50 / var(--vw-min) * 100vw), 50px);
	height: min(calc(50 / var(--vw-min) * 100vw), 50px);
	overflow: hidden;
	position: absolute;
	bottom: max(-15px, -1.12275vw);
	right: max(-15px, -1.12275vw);
}
.comicsLists__icon:before,
.comicsLists__icon:after {
	content: "";
	background-color: #fff;
	-webkit-mask: url(../img/common/icon_deco/icon_arrow.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/icon_arrow.svg) no-repeat center / contain;
	width: min(calc(14 / var(--vw-min) * 100vw), 14px);
	height: min(calc(11 / var(--vw-min) * 100vw), 11px);
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.comicsLists__icon:after {
	transform: translateX(-200%);
}
@media screen and (hover: hover) and (pointer: fine) {
	.comicsLists__icon:before,
	.comicsLists__icon:after {
		transition: transform .3s var(--easing-outquart), opacity .3s ease;
	}
	.comicsLists__item > a:hover .comicsLists__icon:before {
		transform: translateX(200%);
		opacity: 0;
	}
	.comicsLists__item > a:hover .comicsLists__icon:after {
		transform: translateX(0);
		opacity: 1;
	}
}
.comicsLists__text {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 800;
	margin-top: 0.5em;
}
@media screen and (max-width:768px){
	.comicsListsWrap {
		margin-top: calc(50 / var(--vw-min) * 100vw);
		margin-bottom: calc(10 / var(--vw-min) * 100vw);
	}
	.comicsLists__item {
		width: calc(230 / var(--vw-min) * 100vw);
		padding: 0 calc(15 / var(--vw-min) * 100vw);
	}
	.comicsLists__thumb {
		border-radius: calc(12 / var(--vw-min) * 100vw);
	}
	.comicsLists__icon {
		bottom: -5.33333vw;
		right: -5.33333vw;
	}
	.comicsLists__text {
		font-size: calc(14 / var(--vw-min) * 100vw);
	}
}
.comicsLists__navArea {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: min(calc(208 / var(--vw-min) * 100vw), 208px);
	height: min(calc(26 / var(--vw-min) * 100vw), 26px);
	margin: min(calc(40 / var(--vw-min) * 100vw), 40px) auto 0;
}
.comicsLists__nav {
	background-color: var(--color-black);
	border-radius: 50%;
	display: block;
	flex-shrink: 0;
	width: min(calc(56 / var(--vw-min) * 100vw), 56px);
	height: min(calc(56 / var(--vw-min) * 100vw), 56px);
	position: relative;
}
@media screen and (hover: hover) and (pointer: fine) {
	.comicsLists__nav {
		transition: transform .3s var(--easing-easeinoutback);
	}
	.comicsLists__nav:hover {
		transform: scale(1.15);
	}
}
.comicsLists__nav:before {
	content: "";
	background-color: #fff;
	-webkit-mask: url(../img/common/icon_deco/icon_arrow.svg) no-repeat center / contain;
	mask: url(../img/common/icon_deco/icon_arrow.svg) no-repeat center / contain;
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(15 / var(--vw-min) * 100vw), 15px);
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.comicsLists__nav.is-prev:before {
	-webkit-mask-image: url(../img/common/icon_deco/icon_arrow_l.svg);
	mask-image: url(../img/common/icon_deco/icon_arrow_l.svg);
}
.comicsLists__nav--page {
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 800;
	line-height: 1;
	text-align: center;
}
@media screen and (max-width:768px){
	.comicsLists__navArea {
		width: calc(160 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
		margin: calc(20 / var(--vw-min) * 100vw) auto 0;
	}
	.comicsLists__nav {
		width: calc(40 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}
	.comicsLists__nav--page {
		font-size: calc(14 / var(--vw-min) * 100vw);
	}
	.comicsLists__nav:before {
		width: calc(14 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}
}

/* linkWrap */
.comics-linkWrap {
	display: flex;
	justify-content: center;
	margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:768px){
	.comics-linkWrap {
		padding: 0 calc(24 / var(--vw-min) * 100vw);
	}
}