@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%;}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1;}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none;}*:focus{outline: none;}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;}
/*-----------------------------------------------
 * Base
 * Modal
 * Header
 * Parts
-------------------------------------------------*/
/*-----------------------------------------------
 * Base
-------------------------------------------------*/
:root{
	--vw-min: 1366;

	/* カラー */
	--color-black353: #353535;
	--color-brown5A2: #5A2E00;
	--color-orangeE94: #E94711;
	--color-orangeF08: #F08220;
	--color-yellowF8C: #F8C332;
	--color-yellowFFD: #FFD04D;
	--color-yellowFFDA: #FFDA72;
	--color-yellowF8D: #F8DBA7;
	--color-yellowFFE: #FFEDCC; 
	--color-yellpwFFF5: #FFF5DA;
	--color-yellowFFEE: #FFEEC0; 
	--color-yellowFDD: #FDDD86;
	--color-blue1D7: #1D7BC7;

	/* フォント */
	--main-font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	--f-daruma: "Darumadrop One", sans-serif;
	--f-zen: "Zen Maru Gothic", sans-serif;

	--cubic-bezier01: cubic-bezier(0.68, -0.55, 0.265, 1.55);
	--cubic-bezier02: cubic-bezier(.25,1.5,.5,1);
	--cubic-bezier03: cubic-bezier(.25,.8,.25,1);

	--orange-gradient: linear-gradient(#D87F25,#E69F19);
	--brown-gradient: linear-gradient(#5A2E00,#A55501);

}
@media screen and (max-width:768px) {
	:root {
		--vw-min: 375;

		--main-font-size: calc(24 / var(--vw-min) * 100vw);
	}
}
body{
	font-family: var(--f-zen);
	font-size: var(--main-font-size);
	color: var(--color-brown5A2);
	font-feature-settings: "palt";
	font-weight: normal;
	letter-spacing: 0.07em;
	line-height: 1.8;
	word-wrap: break-word;
	background-color: var(--color-yellowFFD);
	-webkit-text-size-adjust: 100%;
}
.pc{ display: block; }
.sp{ display: none; }
a{ color: var(--color-brown5A2); }
a:hover{ text-decoration: none; }
.ah { transition: opacity .3s ease; }
.ah:hover { opacity: .7; }
::selection{
	background: #6ccfee;
	color: #fff;
}
::-moz-selection{
	background: #6ccfee;
	color:#fff;
}
@media screen and (max-width:768px){ 
	.sp{ display: block; }
	.pc{ display: none; }
	.ah:hover { opacity: 1; }
}
/**
* scroll bar
**/
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
::-webkit-scrollbar-track {
	background: var(--color-yellowFFD);
}
::-webkit-scrollbar-thumb {
	background: var(--color-orangeE94);
	margin: 2px;
	box-shadow: none;
}
#fullWrap {
	min-height: 100vh;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
}
.subFullWrap {
	overflow: hidden;
}
.f-daruma {
	font-family: var(--f-daruma);
}
.f-zen {
	font-family: var(--f-zen);
}
.js-animate.--paused,
.js-animate.--paused::before{
    animation-play-state: paused!important;
}
/*-----------------------------------------------
 * Common
-------------------------------------------------*/
/**
* bg
**/
.intro__bg,
.subSec__bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -3;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/* overflow: hidden; */
}
.intro__bg-clip,
.subSec__bg-clip {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.intro__bg-clip-in,
.subSec__bg-clip-in {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: url(../img/common/bg/bg_intro.jpg)no-repeat center/cover;

}
@supports (background-image: url(../img/common/bg/bg_intro.webp)){
    .intro__bg-clip-in{
        background-image: url(../img/common/bg/bg_intro.webp);
    }
}
/**
* tit
**/
.cont-titWrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
.cont-tit-ja {
	font-size: min(calc(50 / var(--vw-min) * 100vw),50px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	position: relative;
}
@media screen and (max-width:768px){
	.cont-tit-ja {
		font-size: calc(40 / var(--vw-min) * 100vw);
	}
}
.cont-tit-en {
	font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
	color: var(--color-orangeE94);
	font-weight: 400;	
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	position: relative;
}
@media screen and (max-width:768px){
	.cont-tit-en {
		font-size: calc(18 / var(--vw-min) * 100vw);
	}
}
.cont-titWrap.--r .cont-tit-en {
	margin-top: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.cont-titWrap.--r .cont-tit-en {
		margin-top: calc(7 / var(--vw-min) * 100vw);
	}
	.cont-titWrap.--lr .cont-tit-en {
		margin-top: calc(-15 / var(--vw-min) * 100vw);
	}
}
/**
* left,right　DECO
**/
.cont-tit-ja {
    display: flex;
}
.cont-titWrap.--lr .cont-tit-ja::before,
.cont-titWrap.--lr .cont-tit-ja::after {  
    content: "";
    width: min(calc(34 / var(--vw-min) * 100vw),34px);
    height: min(calc(64 / var(--vw-min) * 100vw),64px);
    display: block;
    -webkit-mask: url(../img/common/deco/deco_tit.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_tit.svg)no-repeat center/contain;
    background-color: #fff;
}
@media screen and (max-width:768px){
	.cont-titWrap.--lr .cont-tit-ja::before,
	.cont-titWrap.--lr .cont-tit-ja::after {
		width: calc(30 / var(--vw-min) * 100vw);
		height: calc(56 / var(--vw-min) * 100vw);
		margin-top: calc(8 / var(--vw-min) * 100vw);
	}
}
.cont-titWrap.--lr .cont-tit-ja::before {
    margin-right: min(calc(32 / var(--vw-min) * 100vw),32px);
}
.cont-titWrap.--lr .cont-tit-ja::after {
    transform: scale(-1,1);
    margin-left: min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.cont-titWrap.--lr .cont-tit-ja::before {
		margin-right: calc(10 / var(--vw-min) * 100vw);
	}
	.cont-titWrap.--lr .cont-tit-ja::after {
		margin-left: calc(10 / var(--vw-min) * 100vw);
	}
}
.introduction .cont-titWrap.--lr .cont-tit-ja::before,
.introduction .cont-titWrap.--lr .cont-tit-ja::after,
.subSec .cont-titWrap.--lr .cont-tit-ja::before,
.subSec .cont-titWrap.--lr .cont-tit-ja::after {
    background-color: var(--color-blue1D7);
}
/**
* right DECO
**/
.cont-titWrap.--r .cont-tit-ja::after {
	content: "";
	width: min(calc(34 / var(--vw-min) * 100vw),34px);
	height: min(calc(46 / var(--vw-min) * 100vw),46px);
	display: block;
	-webkit-mask: url(../img/common/deco/deco_tit-r.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_tit-r.svg)no-repeat center/contain;
	margin-top: max(calc(-15 / var(--vw-min) * 100vw),-15px);
}
@media screen and (max-width:768px){
	.cont-titWrap.--r .cont-tit-ja::after {
		width: calc(28 / var(--vw-min) * 100vw);
		height: calc(38 / var(--vw-min) * 100vw);
		margin-top: calc(-20 / var(--vw-min) * 100vw);
	}
}
.news .cont-titWrap.--r .cont-tit-ja::after {
	background-color: var(--color-yellowFFD);
}
.movie .cont-titWrap.--r .cont-tit-ja::after {
	background-color: #fff;
}
/**
* movie
**/
.movie__itemIn {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}
.movieBtn {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background-color: #000;
    background-size: cover;
    background-position: center;
    display: block;
	transition: .4s var(--cubic-bezier03);
}
.movieBtn::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	margin: auto;
	pointer-events: none;
	background-color: var(--color-yellowFFE);
	opacity: .8;
}
.movieBtn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.movie__yt-play::after {
	content: "";
	width: min(calc(94 / var(--vw-min) * 100vw),94px);
	height: min(calc(94 / var(--vw-min) * 100vw),94px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: calc(10 / var(--vw-min) * 100vw);
	z-index: 2;
	margin: auto;
	display: block;
	-webkit-mask: url(../img/common/deco/deco_playArrow.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_playArrow.svg)no-repeat center/contain;
	background-color: var(--color-orangeE94);
	transition: .4s var(--cubic-bezier03);
}
@media screen and (max-width:768px){
	.movie__yt-play::after {
		width: calc(58 / var(--vw-min) * 100vw);
		height: calc(58 / var(--vw-min) * 100vw);
		left: calc(6 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.movieBtn:hover .movie__yt-play::after {
		transform: scale(0.9);
	}
}
/**
* swiper arrow
**/
.swiper__arrowWrap {
	width: min(calc(240 / var(--vw-min) * 100vw),240px);
	display: flex;
    align-items: center;
	margin: min(calc(64 / var(--vw-min) * 100vw),64px) auto 0;
}
@media screen and (max-width:768px){
	.swiper__arrowWrap {
		width: calc(189 / var(--vw-min) * 100vw);
		margin-top: calc(34 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow {
	width: min(calc(60 / var(--vw-min) * 100vw),60px);
	height: min(calc(60 / var(--vw-min) * 100vw),60px);
	position: relative;
	cursor: pointer;
	transition: transform 0.25s cubic-bezier(.25,1.4,.5,1);
}
@media screen and (max-width:768px){
	.swiper__arrow {
		width: calc(50 / var(--vw-min) * 100vw);
		height: calc(50 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
	background-color: var(--color-orangeE94);
}
.swiper__arrow::after {
	content: "";
	width: min(calc(30 / var(--vw-min) * 100vw),30px);
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.swiper__arrow::after {
		width: calc(25 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow.--prev::after {
	transform: scale(-1,1);
}
.swiper__pager.swiper-pagination-fraction {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	color: var(--color-brown5A2);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	width: calc(100% - min(calc(120 / var(--vw-min) * 100vw),120px));
}
@media screen and (max-width:768px){
	.swiper__pager.swiper-pagination-fraction {
		font-size: calc(16 / var(--vw-min) * 100vw);
		width: calc(100% - calc(100 / var(--vw-min) * 100vw));
	}
}
/**
* linkBtn txt
**/
.linkA {
	font-size: min(calc(26 / var(--vw-min) * 100vw),26px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.1em;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
@media screen and (max-width:768px){
	.linkBtn.--txt {
		margin: calc(30 / var(--vw-min) * 100vw) 0 0 auto;
	}
	.linkA {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}
.linkBtn.--txt .linkA__arrow {
	width: min(calc(30 / var(--vw-min) * 100vw),30px);
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
	display: inline-block;
	-webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	background-color: var(--color-orangeE94);
	margin-left: min(calc(8 / var(--vw-min) * 100vw),8px);
	transition: .3s var(--cubic-bezier02);
}
@media screen and (max-width:768px){
	.linkBtn.--txt .linkA__arrow {
		width: calc(24 / var(--vw-min) * 100vw);
		height: calc(19 / var(--vw-min) * 100vw);
		margin-left: calc(8 / var(--vw-min) * 100vw);
	}
}
.linkBtn.--txt .linkA:hover .linkA__arrow {
	transform: translateX(3px);
}
.linkBtn.--bg {
	display: flex;
    align-items: center;
    justify-content: center;
	margin-top: min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.linkBtn.--bg {
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}
.linkBtn.--bg .linkA {
	font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
	letter-spacing: 0em;
	padding: min(calc(13 / var(--vw-min) * 100vw),13px) min(calc(15 / var(--vw-min) * 100vw),15px);
	border-radius: min(calc(60 / var(--vw-min) * 100vw),60px);
	background-color: var(--color-yellpwFFF5);
}
@media screen and (max-width:768px){
	.linkBtn.--bg .linkA {
		font-size: calc(24 / var(--vw-min) * 100vw);
		padding: calc(13 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw);
		border-radius: calc(60 / var(--vw-min) * 100vw);
	}
}
.linkBtn.--bg .linkA__arrow {
	width: min(calc(34 / var(--vw-min) * 100vw),34px);
	height: min(calc(34 / var(--vw-min) * 100vw),34px);
	display: block;
	position: relative;
}
@media screen and (max-width:768px){
	.linkBtn.--bg .linkA__arrow {
		width: calc(34 / var(--vw-min) * 100vw);
		height: calc(34 / var(--vw-min) * 100vw);
	}
}
.linkBtn.--bg .linkA__arrow::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	-webkit-mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
	background-color: var(--color-orangeE94);
}
.linkBtn.--bg .linkA__arrow::after {
	content: "";
	width: min(calc(17 / var(--vw-min) * 100vw),17px);
	height: min(calc(14 / var(--vw-min) * 100vw),14px);
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.linkBtn.--bg .linkA__arrow::after {
		width: calc(17 / var(--vw-min) * 100vw);
		height: calc(14 / var(--vw-min) * 100vw);
	}
}
.backBtn.--bg .linkA {
	flex-direction: row-reverse;
}
.backBtn.--bg .linkA__arrow::after {
	transform: scale(-1,1);
}
.linkBtn.--bg .linkA span:not(.linkA__arrow) {
	margin-left: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.linkBtn.--bg .linkA span:not(.linkA__arrow) {
		margin-left: calc(10 / var(--vw-min) * 100vw);
	}
}
.backBtn.--bg .linkA span:not(.linkA__arrow) {
	margin: 0 0 0 min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.backBtn.--bg .linkA span:not(.linkA__arrow) {
		margin: 0 0 0 calc(10 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * subSec
-------------------------------------------------*/
.subSec__logo {
	width: min(calc(356 / var(--vw-min) * 100vw),356px);
	height: min(calc(88 / var(--vw-min) * 100vw),88px);
	position: absolute;
	top: min(calc(30 / var(--vw-min) * 100vw),30px);
	left: min(calc(40 / var(--vw-min) * 100vw),40px);
	z-index: 10;
}
@media screen and (max-width:768px){
	.subSec__logo {
		width: calc(232 / var(--vw-min) * 100vw);
		height: calc(58 / var(--vw-min) * 100vw);
		top: calc(40 / var(--vw-min) * 100vw);
		right: 0;
		left: 0;
		margin: auto;
	}
}
.subSec__logoLink {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/common/logo/logo.svg)no-repeat center/contain;
}
.subSec {
	position: relative;
}
.subSec__head {
	position: relative;
	padding: min(calc(175 / var(--vw-min) * 100vw),175px) 0 min(calc(120 / var(--vw-min) * 100vw),120px);
}
@media screen and (max-width:768px){
	.subSec__head {
		padding: calc(155 / var(--vw-min) * 100vw) 0 calc(120 / var(--vw-min) * 100vw);
	}
}
.subCont {
	position: relative;
	background-color: var(--color-yellowFFD);
	padding: min(calc(120 / var(--vw-min) * 100vw),120px) 0 min(calc(175 / var(--vw-min) * 100vw),175px);
}
@media screen and (max-width:768px){
	.subCont {
		padding: calc(50 / var(--vw-min) * 100vw) 0 calc(100 / var(--vw-min) * 100vw);
	}
}
.subCont::before {
	content: "";
	width: 100%;
	height: min(calc(30 / var(--vw-min) * 100vw),30px);
	display: block;
	position: absolute;
	top: max(calc(-29 / var(--vw-min) * 100vw),-29px);
	-webkit-mask: url(../img/common/deco/deco_wave.svg)repeat-x center/min(calc(300 / var(--vw-min) * 100vw),300px) min(calc(30 / var(--vw-min) * 100vw),30px);
	mask: url(../img/common/deco/deco_wave.svg)repeat-x center/min(calc(300 / var(--vw-min) * 100vw),300px) min(calc(30 / var(--vw-min) * 100vw),30px);
	background-color: var(--color-yellowFFD);
	transform: scale(1,-1);
}
@media screen and (max-width:768px){
	.subCont::before {
		height: calc(12 / var(--vw-min) * 100vw);
		top: calc(-11 / var(--vw-min) * 100vw);
		-webkit-mask-size: calc(120 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw);
		mask-size: calc(120 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw);
	}
}
.subContIn {
	width: min(calc(1120 / var(--vw-min) * 100vw),1120px);
    position: relative;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.subContIn {
		width: 100%;
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}
.subSec__pan1 {
	width: min(calc(160 / var(--vw-min) * 100vw),160px);
	height: min(calc(150 / var(--vw-min) * 100vw),150px);
	position: absolute;
	top: max(calc(-77 / var(--vw-min) * 100vw),-77px);
	left: min(calc(57 / var(--vw-min) * 100vw),57px);
	z-index: 10;
	overflow: hidden;
	transform: rotate(72deg);
}
@media screen and (max-width:768px){
	.subSec__pan1 {
		width: calc(90 / var(--vw-min) * 100vw);
		height: calc(94 / var(--vw-min) * 100vw);
		top: calc(-50 / var(--vw-min) * 100vw);
		left: 0;
		transform: unset;
	}
}
.subSec__pan1::before {
	content: "";
	width: min(calc(150 / var(--vw-min) * 100vw),150px);
	height: min(calc(150 / var(--vw-min) * 100vw),150px);
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
	background: url(../img/common/pan/pan_10.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.subSec__pan1::before {
		width: calc(94 / var(--vw-min) * 100vw);
		height: calc(94 / var(--vw-min) * 100vw);
		transform: rotate(72deg);
	}
}
.subSec__pandorobo {
	width: min(calc(234 / var(--vw-min) * 100vw),234px);
	height: min(calc(247 / var(--vw-min) * 100vw),247px);
	position: absolute;
	top: max(calc(-174 / var(--vw-min) * 100vw),-174px);
	right: min(calc(82 / var(--vw-min) * 100vw),82px);
	z-index: -1;
	transform: translateX(-200%) translateY(0) rotate(10deg);
}
@media screen and (max-width:768px){
	.subSec__pandorobo {
		width: calc(130 / var(--vw-min) * 100vw);
		height: calc(138 / var(--vw-min) * 100vw);
		top: calc(-95 / var(--vw-min) * 100vw);
		right: calc(7 / var(--vw-min) * 100vw);
	}
}
.subSec__pandorobo::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	z-index: -1;
	margin: auto;
	background: url(../img/common/pan/pandorobo.png)no-repeat center/contain;
}
/**
* pager
**/
.pager__arrowWrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.pager__arrowWrap {
		justify-content: center;
		margin-top: calc(40 / var(--vw-min) * 100vw);
		padding-bottom: calc(90 / var(--vw-min) * 100vw);
	}
}
.pager__arrow {
	width: min(calc(130 / var(--vw-min) * 100vw),130px);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.pager__arrow {
		width: calc(130 / var(--vw-min) * 100vw);
		position: absolute;
		bottom: 0;
	}
	.pager__arrow.--prev {
		left: calc(20 / var(--vw-min) * 100vw);
	}
	.pager__arrow.--next {
		right: calc(20 / var(--vw-min) * 100vw);
	}
}
.pager__arrow.is-hidden {
	opacity: 0;
	pointer-events: none;
}
.pager__arrowLink {
	font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: min(calc(60 / var(--vw-min) * 100vw),60px);
	padding: min(calc(13 / var(--vw-min) * 100vw),13px) min(calc(15 / var(--vw-min) * 100vw),15px);
	background-color: var(--color-yellpwFFF5);
	text-decoration: none;
}
@media screen and (max-width:768px){
	.pager__arrowLink {
		font-size: calc(24 / var(--vw-min) * 100vw);

		border-radius: calc(60 / var(--vw-min) * 100vw);
		padding: calc(13 / var(--vw-min) * 100vw) calc(15 / var(--vw-min) * 100vw);
	}
}
.pager__arrow-deco {
	width: min(calc(34 / var(--vw-min) * 100vw),34px);
	height: min(calc(34 / var(--vw-min) * 100vw),34px);
	display: block;
	position: relative;
}
@media screen and (max-width:768px){
	.pager__arrow-deco {
		width: calc(34 / var(--vw-min) * 100vw);
		height: calc(34 / var(--vw-min) * 100vw);
	}
}
.pager__arrow-deco::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	-webkit-mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
	background-color: var(--color-orangeE94);
}
.pager__arrow-deco::after {
	content: "";
	width: min(calc(17 / var(--vw-min) * 100vw),17px);
	height: min(calc(14 / var(--vw-min) * 100vw),14px);
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.pager__arrow-deco::after {
		width: calc(17 / var(--vw-min) * 100vw);
		height: calc(14 / var(--vw-min) * 100vw);
	}
}
.pager__arrowLink.--prev {
	flex-direction: row-reverse;
	padding-right: min(calc(26 / var(--vw-min) * 100vw),26px);
}
@media screen and (max-width:768px){
	.pager__arrowLink.--prev {
		padding-right: calc(26 / var(--vw-min) * 100vw);
	}
}
.pager__arrowLink.--prev .pager__arrow-deco::after {
	transform: scale(-1,1);
}
.pager__arrowLink.--next {
	padding-left: min(calc(26 / var(--vw-min) * 100vw),26px);
}
@media screen and (max-width:768px){
	.pager__arrowLink.--next {
		padding-left: calc(26 / var(--vw-min) * 100vw);
	}
}
.pageNav-num {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.pageNav-num {
		gap: calc(10 / var(--vw-min) * 100vw);
	}
}
.pagerItem {
	width: min(calc(50 / var(--vw-min) * 100vw),50px);
	height: min(calc(50 / var(--vw-min) * 100vw),50px);
	position: relative;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.pagerItem {
		width: calc(50 / var(--vw-min) * 100vw);
		height: calc(50 / var(--vw-min) * 100vw);
	}
}
.pagerItem::before,
.pagerItem::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_panBg.svg) no-repeat center / contain;
    mask: url(../img/common/deco/deco_panBg.svg) no-repeat center / contain;
	pointer-events: none;
  	transition: clip-path 1s cubic-bezier(.25,.8,.25,1), opacity 1s;
}
.pagerItem::before {
    background-color: var(--color-yellowF8C);
}
.pagerItem::after {
	background-image: var(--orange-gradient);
	clip-path: inset(0 0 100% 0); /* 上から下に隠す */
	opacity: 0;
}
.pagerItemLink {
	font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
@media screen and (max-width:768px){
	.pagerItemLink {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}
.pagerItemLink span {
	position: relative;
	z-index: 1;
}
.pagerItem.is-current .pagerItemLink {
	color: #fff;
}
.pagerItem.is-current::before {
	opacity: 0;
}
.pagerItem.is-current::after {
	clip-path: inset(0);
	opacity: 1;
}
@media (hover: hover) and (pointer: fine){
	.pagerItem:hover::before {
		opacity: 0;
	}
	.pagerItem:hover::after {
		clip-path: inset(0);
		opacity: 1;
	}
}
/*-----------------------------------------------
 * Modal
-------------------------------------------------*/
/**
 * modalBox
 * 基盤のモーダル
 */
.modalBox{
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background: var(--color-yellowFFD);
	-webkit-overflow-scrolling: touch;
	display: none;
}
.modalBox::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-mask: url(../img/common/bg/bg_ptn.svg)repeat 0 0/min(calc(600 / var(--vw-min) * 100vw),600px) min(calc(600 / var(--vw-min) * 100vw),600px);
    mask: url(../img/common/bg/bg_ptn.svg)repeat 0 0/min(calc(600 / var(--vw-min) * 100vw),600px) min(calc(600 / var(--vw-min) * 100vw),600px);
    background-color: var(--color-yellowFFDA);
    transform: translate3d(0,0,0);
    animation: bgAni 13s linear infinite;
}
@media screen and (max-width:768px){
	.modalBox::before {
		-webkit-mask-size: calc(600 / var(--vw-min) * 100vw) calc(600 / var(--vw-min) * 100vw);
		mask-size: calc(600 / var(--vw-min) * 100vw) calc(600 / var(--vw-min) * 100vw);
	}
}
@keyframes bgAni {
	0% {
       -webkit-mask-position: 0 0;
       mask-position: 0 0;
    }
	100% {
        -webkit-mask-position:min(calc(600 / var(--vw-min) * 100vw),600px) min(calc(600 / var(--vw-min) * 100vw),600px);
        mask-position:min(calc(600 / var(--vw-min) * 100vw),600px) min(calc(600 / var(--vw-min) * 100vw),600px);
    }
}
@media screen and (max-width:768px){
	@keyframes bgAni {
		0% {
		-webkit-mask-position: 0 0;
		mask-position: 0 0;
		}
		100% {
			-webkit-mask-position:calc(600 / var(--vw-min) * 100vw) calc(600 / var(--vw-min) * 100vw);
			mask-position:calc(600 / var(--vw-min) * 100vw) calc(600 / var(--vw-min) * 100vw);
		}
	}
}
.oneModal{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	display: none;
}
.oneModal.is-show {
	display: block;
}

/* oneModalIn */
.oneModalIn{
	width: 100%;
	height: auto;
	min-height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
.oneModalIn__cont{
	padding: min(calc(50 / var(--vw-min) * 100vw),50px) 0;
}
@media screen and (max-width:768px){
	.oneModalIn{
		min-width: 100%;
	}
	.oneModalIn__cont{
		width: 100%;
		padding: calc(67 / var(--vw-min) * 100vw) 0;
	}
}

/**
 * closeBtn
 */
.closeBtn {
	width: min(calc(80 / var(--vw-min) * 100vw),80px);
	height: min(calc(80 / var(--vw-min) * 100vw),80px);
	position: absolute;
	top: min(calc(40 / var(--vw-min) * 100vw),40px);
	right: min(calc(40 / var(--vw-min) * 100vw),40px);
	z-index: 2;
}
@media screen and (max-width:768px){
	.closeBtn {
		width: calc(60 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
		top: calc(12 / var(--vw-min) * 100vw);
		right: calc(12 / var(--vw-min) * 100vw);
	}
}
.closeBtn::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
	background-color: var(--color-orangeE94);
}
.closeBtn a{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	text-decoration: none;
}
.closeBtn a::after {
	content: "とじる";
	font-family: var(--f-daruma);
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	color: #fff;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	margin-top: min(calc(3 / var(--vw-min) * 100vw),3px);
}
@media screen and (max-width:768px){
	.closeBtn a::after {
		font-size: calc(14 / var(--vw-min) * 100vw);
		margin-top: calc(3 / var(--vw-min) * 100vw);
	}
}
.closeBtn__line {
	width: min(calc(25 / var(--vw-min) * 100vw),25px);
	height: min(calc(16 / var(--vw-min) * 100vw),16px);
	position: relative;
}
@media screen and (max-width:768px){
	.closeBtn__line {
		width: calc(18 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
}
.closeBtn__line span {
	width: 100%;
	height: min(calc(4 / var(--vw-min) * 100vw),4px);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: min(calc(4 / var(--vw-min) * 100vw),4px);
	background-color: #fff;
}
@media screen and (max-width:768px){
	.closeBtn__line span {
		height: calc(3 / var(--vw-min) * 100vw);
		border-radius: calc(4 / var(--vw-min) * 100vw);
	}
}
.closeBtn__line span:nth-child(1) {
	transform: rotate(30deg);
}
.closeBtn__line span:nth-child(2) {
	transform: rotate(-30deg);
}

/**
 * iframe
 */
/* common */
.commonIframe{
	width: 100%;
	height: 100%;
	display: block;
}

/* youtube */
.youtubeIframeWrap {
	width: 70%;
	max-width: 159.993vh;
	position: relative;
}
@media screen and (max-width:768px){
	.youtubeIframeWrap {
		width: 100%;
		max-width: 100%;
	}
}
.youtubeIframeWrap:before{
	content: "";
	display: block;
	padding-top: 56.25%;
	z-index: 0;
}
.youtubeIframe{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.modalBox[data-option="-ytShort"] .youtubeIframeWrap,
.youtubeIframeWrap[data-type="short"]{
	max-width: calc(56.25vh - 80px);
}
.modalBox[data-option="-ytShort"] .youtubeIframeWrap:before,
.youtubeIframeWrap[data-type="short"]:before{
	padding-top: 177.7778%;
}

/**
* COMMENT MODAL
**/
.commentWrap {
	max-width: min(calc(1120 / var(--vw-min) * 100vw),1120px);
}
@media screen and (max-width:768px){
	.commentWrap {
		max-width: 100%;
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}
.commentIn {
	display: flex;
	align-items: center;
	gap: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.commentIn {
		flex-direction: column;
		gap: calc(20 / var(--vw-min) * 100vw);
	}
}
.comment__img {
	width: min(calc(460 / var(--vw-min) * 100vw),460px);
	border-radius: min(calc(30 / var(--vw-min) * 100vw),30px);
	overflow: hidden;
}
@media screen and (max-width:768px){
	.comment__img {
		width: 100%;
		border-radius: calc(20 / var(--vw-min) * 100vw);
	}
}
.comment__img img {
	width: 100%;
	pointer-events: none;
}
.commentDetail {
	width: min(calc(620 / var(--vw-min) * 100vw),620px);
	border-radius: min(calc(30 / var(--vw-min) * 100vw),30px);
	background-color: var(--color-yellpwFFF5);
}

@media screen and (max-width:768px){
	.commentDetail {
		width: 100%;
		border-radius: calc(20 / var(--vw-min) * 100vw);
	}
}
.commentDetail_tit {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 700;
	line-height: 1.7;
	letter-spacing: 0em;
	position: relative;
	padding: min(calc(40 / var(--vw-min) * 100vw),40px) min(calc(40 / var(--vw-min) * 100vw),40px) min(calc(38 / var(--vw-min) * 100vw),38px);
}
@media screen and (max-width:768px){
	.commentDetail_tit {
		font-size: calc(18 / var(--vw-min) * 100vw);
		padding: calc(20 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
	}
}
.commentDetail_tit::before {
    content: "";
    width: 100%;
    height: min(calc(6 / var(--vw-min) * 100vw), 6px);
    display: block;
    position: absolute;
	bottom: 0;
	left: 0;
    -webkit-mask: url(../img/common/deco/deco_dot.svg) repeat-x left / min(calc(150 / var(--vw-min) * 100vw), 150px) min(calc(6 / var(--vw-min) * 100vw), 6px);
    mask: url(../img/common/deco/deco_dot.svg) repeat-x left / min(calc(150 / var(--vw-min) * 100vw), 150px) min(calc(6 / var(--vw-min) * 100vw), 6px);
    background-color: var(--color-yellowF8D);
}
@media screen and (max-width:768px){
	.commentDetail_tit::before {
		height: calc(6 / var(--vw-min) * 100vw);
		-webkit-mask-size: calc(150 / var(--vw-min) * 100vw) calc(6 / var(--vw-min) * 100vw);
		mask-size: calc(150 / var(--vw-min) * 100vw) calc(6 / var(--vw-min) * 100vw);
	}
}
.comment__txt {
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	font-weight: 700;
	line-height: 1.67;
	letter-spacing: 0em;
	position: relative;
	padding: min(calc(28 / var(--vw-min) * 100vw),28px) min(calc(40 / var(--vw-min) * 100vw),40px) min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.comment__txt {
		font-size: calc(15 / var(--vw-min) * 100vw);
		padding: calc(26 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(45 / var(--vw-min) * 100vw);
	}
}
.comment__txt::after {
	content: "";
	width: min(calc(160 / var(--vw-min) * 100vw),160px);
	height: min(calc(160 / var(--vw-min) * 100vw),160px);
	display: block;
	position: absolute;
	right: max(calc(-67 / var(--vw-min) * 100vw),-67px);
	bottom: max(calc(-80 / var(--vw-min) * 100vw),-80px);
	background: url(../img/common/pan/pan_12.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.comment__txt::after {
		width: calc(110 / var(--vw-min) * 100vw);
		height: calc(110 / var(--vw-min) * 100vw);
		right: calc(-20 / var(--vw-min) * 100vw);
		bottom: calc(-45 / var(--vw-min) * 100vw);
	}
}
/**
* IMG MODAL
**/
.imgModalCont img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: scale-down;
	/* position: absolute; */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 48px;
	-webkit-touch-callout: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-moz-touch-callout: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	pointer-events: none;
}

/*-----------------------------------------------
 * Header
-------------------------------------------------*/
.header {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 999;
}
/* inner */
.header__inner {
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;		
	z-index: 1;
	-webkit-overflow-scrolling: touch;
	pointer-events: none;
}
/**
 * headerNav
 */
.headerNav {
	position: relative;
	padding: min(calc(40 / var(--vw-min) * 100vw),40px) 0 min(calc(33 / var(--vw-min) * 100vw),33px);
	background-color: var(--color-orangeF08);
}
@media screen and (max-width:768px){
	.headerNav {
		padding: calc(90 / var(--vw-min) * 100vw) 0 calc(48 / var(--vw-min) * 100vw);
	}
}
.headerNav::before {
	content: "";
	width: 100%;
	height: min(calc(37 / var(--vw-min) * 100vw),37px);
	display: block;
	position: absolute;
	bottom: max(calc(-36 / var(--vw-min) * 100vw),-36px);
	-webkit-mask: url(../img/common/deco/deco_wave-f.svg)repeat-x left/min(calc(180 / var(--vw-min) * 100vw),180px) min(calc(37 / var(--vw-min) * 100vw),37px);
	mask: url(../img/common/deco/deco_wave-f.svg)repeat-x left/min(calc(180 / var(--vw-min) * 100vw),180px) min(calc(37 / var(--vw-min) * 100vw),37px);
	transform: scale(1,-1);
	background-color: var(--color-orangeF08);
}
@media screen and (max-width:768px){
	.headerNav::before {
		height: calc(25 / var(--vw-min) * 100vw);
		bottom: calc(-24 / var(--vw-min) * 100vw);
		-webkit-mask-size: calc(120 / var(--vw-min) * 100vw) calc(25 / var(--vw-min) * 100vw);
		mask-size: calc(120 / var(--vw-min) * 100vw) calc(25 / var(--vw-min) * 100vw);
	}
}
.headerNavWrap {
    width: min(calc(1070 / var(--vw-min) * 100vw),1070px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
	.headerNavWrap {
		width: 100%;
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}
.headerNav {
	position: relative;
	z-index: 1;
}
.header__logo {
	width: min(calc(447 / var(--vw-min) * 100vw),447px);
	height: min(calc(107 / var(--vw-min) * 100vw),107px);
	margin: 0 auto;
	transition: .3s var(--cubic-bezier02);
}
@media screen and (max-width:768px){
	.header__logo {
		width: calc(335 / var(--vw-min) * 100vw);
		height: calc(80 / var(--vw-min) * 100vw);
	}
}
.header__logoLink {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/common/logo/logo-bg.png)no-repeat center/contain;
}
@media (hover: hover) and (pointer: fine){
	.header__logo:hover {
		transform: scale(1.05) translateY(-5px);
	}
}
.header .navLists {
	padding-top: min(calc(45 / var(--vw-min) * 100vw),45px);
}
@media screen and (max-width:768px){
	.header .navLists {
		padding-top: calc(35 / var(--vw-min) * 100vw);
	}
}
/**
 * navBtn
 */
.header__navBtnWrap {
	width: min(calc(80 / var(--vw-min) * 100vw),80px);
	height: min(calc(80 / var(--vw-min) * 100vw),80px);
	position: absolute;
	top: min(calc(40 / var(--vw-min) * 100vw),40px);
	right: min(calc(40 / var(--vw-min) * 100vw),40px);
	z-index: 2;
}
@media screen and (max-width:768px){
	.header__navBtnWrap {
		width: calc(60 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
		top: calc(10 / var(--vw-min) * 100vw);
		right: calc(10 / var(--vw-min) * 100vw);
	}
}
.header__navBtnWrap::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
	background-color: var(--color-orangeE94);
}
.header__navBtn {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.header__navBtn__lineWrap {
	width: min(calc(26 / var(--vw-min) * 100vw), 26px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	position: relative;
}
@media screen and (max-width:768px){
	.header__navBtn__lineWrap {
		width: calc(19 / var(--vw-min) * 100vw);
		height: calc(15 / var(--vw-min) * 100vw);
	}
}
.header__navBtn::after {
	content: "メニュー";
	font-family: var(--f-daruma);
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	color: #fff;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	margin-top: min(calc(3 / var(--vw-min) * 100vw),3px);
}
@media screen and (max-width:768px){
	.header__navBtn::after {
		font-size: calc(13 / var(--vw-min) * 100vw);
		margin-top: calc(3 / var(--vw-min) * 100vw);
	}
}
.header__navBtn--line {
	width: 100%;
	height: min(calc(4 / var(--vw-min) * 100vw),4px);
	display: block;
	margin: auto;
	position: absolute;
	background-color: #fff;
	border-radius: min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
	.header__navBtn--line {
		height: calc(3 / var(--vw-min) * 100vw);
		border-radius: calc(4 / var(--vw-min) * 100vw);
	}
}
.header__navBtn--line:nth-child(1) {
	top: 0;
}
.header__navBtn--line:nth-child(2) {
	top: 0;
	bottom: 0;
}
.header__navBtn--line:nth-child(3) {
	bottom: 0;
}
/**
 * active
 */
.header__inner {
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
	transition: .3s var(--cubic-bezier03);
}
.header.is-active .header__inner {
	transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}
.header__navBtn--line {
	transition: transform .3s var(--cubic-bezier02), opacity .3s var(--cubic-bezier02);
}
.header__navBtn.is-active .header__navBtn--line {
	background-color: var(--color-brown5A2);
}
.header__navBtn.is-active .header__navBtn--line:nth-child(1) {
	transform: rotate(30deg);
	bottom: 0;
}
.header__navBtn.is-active .header__navBtn--line:nth-child(2) {
	transform: translateX(20%);
	opacity: 0;
}
.header__navBtn.is-active .header__navBtn--line:nth-child(3) {
	transform: rotate(-30deg);
	top: 0;
}
.header__navBtn::after {
	transition: transform .5s var(--cubic-bezier02);
}
.header__navBtn.is-active::after {
	content: "とじる";
	color: var(--color-brown5A2);
}
.header.is-active .header__navBtnWrap::before {
	background-color: var(--color-yellowFFEE);
}
@media (hover: hover) and (pointer: fine){
	.header:not(.is-active) .header__navBtn:hover .header__navBtn--line:nth-child(1) {
    	transform: translateY(-2px);
	}

	.header:not(.is-active) .header__navBtn:hover .header__navBtn--line:nth-child(3) {
		transform: translateY(2px);
	}
}
/*-----------------------------------------------
 * Footer
-------------------------------------------------*/
.footer {
    position: relative;
    background-image: linear-gradient(0deg, #e69f19, #d87f25);
    padding: min(calc(46 / var(--vw-min) * 100vw),46px) 0 min(calc(66 / var(--vw-min) * 100vw),66px);
}
@media screen and (max-width:768px){
	.footer {
		padding: calc(50 / var(--vw-min) * 100vw) 0 calc(100 / var(--vw-min) * 100vw);
	}
}
.footer::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    mix-blend-mode: multiply;
    transform: translate3d(0, 0, 0);
    background: url(../img/common/bg/bg_noice.png)repeat center/min(calc(500 / var(--vw-min) * 100vw),500px) min(calc(500 / var(--vw-min) * 100vw),500px);
    opacity: .4;
}
@supports (background-image: url(../img/common/bg/bg_noice.webp)){
	.footer::before {
		background-image: url(../img/common/bg/bg_noice.webp);
	}
}
@media screen and (max-width:768px){
	.footer::before {
		background-size: calc(500 / var(--vw-min) * 100vw) calc(500 / var(--vw-min) * 100vw);
	}
}
.footer::after {
    content: "";
    width: 100%;
    height: min(calc(37 / var(--vw-min) * 100vw),37px);
    position: absolute;
    top: max(calc(-36 / var(--vw-min) * 100vw),-36px);
    background: url(../img/common/deco/deco_wave-f.svg)repeat-x left/min(calc(180 / var(--vw-min) * 100vw),180px) min(calc(37 / var(--vw-min) * 100vw),37px);
}
@media screen and (max-width:768px){
	.footer::after {
		height: calc(25 / var(--vw-min) * 100vw);
		top: calc(-24 / var(--vw-min) * 100vw);
		background-position: center;
		background-size: calc(120 / var(--vw-min) * 100vw) calc(25 / var(--vw-min) * 100vw);
	}
}
.footerWrap {
    width: min(calc(1120 / var(--vw-min) * 100vw),1120px);
    position: relative;
    z-index: 1;
    margin: 0 auto;
}
@media screen and (max-width:768px){
	.footerWrap {
		width: 100%;
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}
.footer__logo {
    width: min(calc(321 / var(--vw-min) * 100vw),321px);
    height: min(calc(75 / var(--vw-min) * 100vw),75px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
	.footer__logo {
		width: calc(217 / var(--vw-min) * 100vw);
		height: calc(51 / var(--vw-min) * 100vw);
	}
}
.footer__logoLink {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../img/common/logo/logo_frame.svg)no-repeat center/contain;
}
.footerNavWrap {
    width: min(calc(1070 / var(--vw-min) * 100vw),1070px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
	.footerNavWrap {
		width: 100%;
	}
}
/**
* bnr
**/
.footer__bnrLists {
    width: min(calc(1090 / var(--vw-min) * 100vw),1090px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: min(calc(20 / var(--vw-min) * 100vw),20px);
    margin: min(calc(40 / var(--vw-min) * 100vw),40px) auto 0;
}
@media screen and (max-width:768px){
	.footer__bnrLists {
		width: 100%;
		gap: calc(14 / var(--vw-min) * 100vw);
		margin-top: calc(30 / var(--vw-min) * 100vw);
	}
}
.footer__bnrItem {
    width: calc((100% - min(calc(60 / var(--vw-min) * 100vw),60px)) / 4);
    border-radius: min(calc(10 / var(--vw-min) * 100vw),10px);
    overflow: hidden;
	transition: .3s var(--cubic-bezier02);
}
@media screen and (max-width:768px){
	.footer__bnrItem {
		width: 100%;
		border-radius: calc(10 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.footer__bnrItem:hover {
		transform: scale(1.05) translateY(-5px);
	}
}
.footer__bnrLink {
    width: 100%;
    height: 100%;
    display: block;
}
.footer__bnrLink img {
    width: 100%;
    pointer-events: none;
}
.copyright {
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.1em;
    text-align: center;
	display: block;
    margin-top: min(calc(70 / var(--vw-min) * 100vw),70px);
}
@media screen and (max-width:768px){
	.copyright {
		font-size: calc(14 / var(--vw-min) * 100vw);
		margin-top: calc(75 / var(--vw-min) * 100vw);
		text-align: left;
	}
}
.scrollTop {
    width: min(calc(80 / var(--vw-min) * 100vw),80px);
    height: min(calc(80 / var(--vw-min) * 100vw),80px);
    position: absolute;
    right: min(calc(40 / var(--vw-min) * 100vw),40px);
    bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.scrollTop {
		width: calc(60 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
		right: calc(20 / var(--vw-min) * 100vw);
		bottom: calc(20 / var(--vw-min) * 100vw);
	}
}
.scrollTop::before {
    content: "";
    width: min(calc(72 / var(--vw-min) * 100vw),72px);
    height: min(calc(21 / var(--vw-min) * 100vw),21px);
    display: block;
    position: absolute;
    top: max(calc(-20 / var(--vw-min) * 100vw),-20px);
    right: 0;
    left: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_topTxt.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_topTxt.svg)no-repeat center/contain;
    background-color: #fff;
}
@media screen and (max-width:768px){
	.scrollTop::before {
		width: calc(60 / var(--vw-min) * 100vw);
		height: calc(18 / var(--vw-min) * 100vw);
		top: calc(-20 / var(--vw-min) * 100vw);
	}
}
.scrollTopLink {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}
.scrollTopLink::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    -webkit-mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
    background-color: var(--color-brown5A2);
}
.scrollTopLink::after {
    content: "";
    width: min(calc(28 / var(--vw-min) * 100vw),28px);
    height: min(calc(22 / var(--vw-min) * 100vw),22px);
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
    background-color: #fff;
    transform: rotate(-90deg);
}
@media screen and (max-width:768px){
	.scrollTopLink::after {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(17 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.scrollTopLink:hover::after {
		animation: arrow__t 1s var(--cubic-bezier02);
	}
}
/**
* deco
**/
.pan_07 {
	width: min(calc(180 / var(--vw-min) * 100vw),180px);
	height: min(calc(180 / var(--vw-min) * 100vw),180px);
	position: absolute;
	top: max(calc(-180 / var(--vw-min) * 100vw),-180px);
	right: max(calc(-54 / var(--vw-min) * 100vw),-54px);
	overflow: hidden;
	animation: fuwafuwa 4s ease-in-out infinite;
}
@media screen and (max-width:768px){
	.pan_07 {
		width: calc(122 / var(--vw-min) * 100vw);
		height: calc(140 / var(--vw-min) * 100vw);
		top: calc(-122 / var(--vw-min) * 100vw);
		right: 0;
		transform: unset;
	}
}
.pan_07::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(15deg);
	background: url(../img/common/pan/pan_7.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.pan_07::before {
		width: calc(140 / var(--vw-min) * 100vw);
		height: calc(140 / var(--vw-min) * 100vw);
		transform: rotate(15deg);
	}
}
/*-----------------------------------------------
 * 共通ナビゲーション
-------------------------------------------------*/
.navLists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: min(calc(25 / var(--vw-min) * 100vw),25px);
    padding-top: min(calc(37 / var(--vw-min) * 100vw),37px);
}
@media screen and (max-width:768px){
	.navLists {
		gap: calc(18 / var(--vw-min) * 100vw);
		padding-top: calc(32 / var(--vw-min) * 100vw);
	}
}
.navItem {
	display: flex;
    min-width: min(calc(186 / var(--vw-min) * 100vw),186px);
}
@media screen and (max-width:768px){
	.navItem {
		width: calc((100% - calc(18 / var(--vw-min) * 100vw)) / 2);
		min-width: unset;
	}
}
.navLink {
    font-size: min(calc(26 / var(--vw-min) * 100vw),26px);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0em;
    text-align: center;
	width: 100%;
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: min(calc(8 / var(--vw-min) * 100vw),8px);
    background-color: var(--color-yellowFFEE);
    padding: min(calc(24 / var(--vw-min) * 100vw),24px) min(calc(22 / var(--vw-min) * 100vw),22px) min(calc(28 / var(--vw-min) * 100vw),28px);
    text-decoration: none;
}
@media screen and (max-width:768px){
	.navLink {
		font-size: calc(22 / var(--vw-min) * 100vw);
		border-radius: calc(8 / var(--vw-min) * 100vw);
		padding: calc(20 / var(--vw-min) * 100vw) calc(10 / var(--vw-min) * 100vw) calc(25 / var(--vw-min) * 100vw);
	}
}
.navLink::before {
    content: "";
    width: calc(100% - min(calc(16 / var(--vw-min) * 100vw),16px));
    height: calc(100% - min(calc(16 / var(--vw-min) * 100vw),16px));
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: min(calc(8 / var(--vw-min) * 100vw),8px);
    background-color: var(--color-yellowFDD);
}
@media screen and (max-width:768px){
	.navLink::before {
		width: calc(100% - calc(12 / var(--vw-min) * 100vw));
		height: calc(100% - calc(12 / var(--vw-min) * 100vw));
		border-radius: calc(8 / var(--vw-min) * 100vw);
	}
}
.navTxt {
    position: relative;
	transition: .3s var(--cubic-bezier01);
}
.navIcon {
    width: min(calc(52 / var(--vw-min) * 100vw),52px);
    height: min(calc(52 / var(--vw-min) * 100vw),52px);
    display: block;
    position: absolute;
    top: max(calc(-20 / var(--vw-min) * 100vw),-20px);
    left: max(calc(-20 / var(--vw-min) * 100vw),-20px);
    border-radius: 50%;
    border: min(calc(6 / var(--vw-min) * 100vw),6px) solid var(--color-yellowFFEE);
    background-color: var(--color-orangeE94);
	transition: .3s var(--cubic-bezier02);
}
@media screen and (max-width:768px){
	.navIcon {
		width: calc(42 / var(--vw-min) * 100vw);
		height: calc(42 / var(--vw-min) * 100vw);
		top: calc(-12 / var(--vw-min) * 100vw);
		left: calc(-12 / var(--vw-min) * 100vw);
		border-width: calc(4 / var(--vw-min) * 100vw);
	}
}
.navIcon::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    margin: auto;
    background-color: #fff;
}
.navLink.--news .navIcon::after {
    width: min(calc(23 / var(--vw-min) * 100vw),23px);
    height: min(calc(21 / var(--vw-min) * 100vw),21px);
    -webkit-mask: url(../img/common/icon/icon_news.svg)no-repeat center/contain;
    mask: url(../img/common/icon/icon_news.svg)no-repeat center/contain;
}
.navLink.--intro .navIcon::after {
    width: min(calc(22 / var(--vw-min) * 100vw),22px);
    height: min(calc(21 / var(--vw-min) * 100vw),21px);
    -webkit-mask: url(../img/common/icon/icon_intro.svg)no-repeat center/contain;
    mask: url(../img/common/icon/icon_intro.svg)no-repeat center/contain;
}
.navLink.--staff .navIcon::after {
    width: min(calc(22 / var(--vw-min) * 100vw),22px);
    height: min(calc(20 / var(--vw-min) * 100vw),20px);
    -webkit-mask: url(../img/common/icon/icon_staff.svg)no-repeat center/contain;
    mask: url(../img/common/icon/icon_staff.svg)no-repeat center/contain;
}
.navLink.--books .navIcon::after {
    width: min(calc(24 / var(--vw-min) * 100vw),24px);
    height: min(calc(17 / var(--vw-min) * 100vw),17px);
    -webkit-mask: url(../img/common/icon/icon_books.svg)no-repeat center/contain;
    mask: url(../img/common/icon/icon_books.svg)no-repeat center/contain;
}
.navLink.--movie .navIcon::after {
    width: min(calc(22 / var(--vw-min) * 100vw),22px);
    height: min(calc(22 / var(--vw-min) * 100vw),22px);
    -webkit-mask: url(../img/common/icon/icon_movie.svg)no-repeat center/contain;
    mask: url(../img/common/icon/icon_movie.svg)no-repeat center/contain;
}
.navLink.--top .navIcon::after {
    width: min(calc(20 / var(--vw-min) * 100vw),20px);
    height: min(calc(19 / var(--vw-min) * 100vw),19px);
    -webkit-mask: url(../img/common/icon/icon_top.svg)no-repeat center/contain;
    mask: url(../img/common/icon/icon_top.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.navLink.--news .navIcon::after {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(21 / var(--vw-min) * 100vw);
	}
	.navLink.--intro .navIcon::after {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(19 / var(--vw-min) * 100vw);
	}
	.navLink.--books .navIcon::after {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(15 / var(--vw-min) * 100vw);
	}
	.navLink.--movie .navIcon::after {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
	}
	.navLink.--top .navIcon::after {
		width: calc(18 / var(--vw-min) * 100vw);
		height: calc(17 / var(--vw-min) * 100vw);
	}
}
/**
* official
**/
.official__lists {
    display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
    margin-top: min(calc(40 / var(--vw-min) * 100vw),40px);
	column-gap: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.official__lists {
		margin-top: calc(30 / var(--vw-min) * 100vw);
		column-gap: calc(20 / var(--vw-min) * 100vw);
	}
}
.official__item {
	font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
    color: #fff;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.1em;
}
@media screen and (max-width:768px){
	.official__item {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.official__item.f-daruma {
		width: 100%;
		text-align: center;
		margin-bottom: calc(20 / var(--vw-min) * 100vw);
	}
}
.official__link {
	width: min(calc(60 / var(--vw-min) * 100vw),60px);
    height: min(calc(60 / var(--vw-min) * 100vw),60px);
    display: flex;
    align-items: center;
}
.official__itemIcon {
    width: min(calc(60 / var(--vw-min) * 100vw),60px);
    height: min(calc(60 / var(--vw-min) * 100vw),60px);
    display: block;
    position: relative;
	transition: .3s var(--cubic-bezier02);
}
@media screen and (max-width:768px){
	.official__link,
	.official__itemIcon {
		width: calc(60 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
	}
}
.official__itemIcon::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
    background-color: var(--color-yellowFFEE);
}
.official__itemIcon::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    background-color: var(--color-black353);
}
.official__link.--official-x .official__itemIcon::after {
    width: min(calc(22 / var(--vw-min) * 100vw),22px);
    height: min(calc(22 / var(--vw-min) * 100vw),22px);
    -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;
}
.official__link.--official-tiktok .official__itemIcon::after {
    width: min(calc(22 / var(--vw-min) * 100vw),22px);
    height: min(calc(22 / var(--vw-min) * 100vw),22px);
    -webkit-mask: url(../img/common/sns/icon_tiktok.svg)no-repeat center/contain;
    mask: url(../img/common/sns/icon_tiktok.svg)no-repeat center/contain;
}
.official__link.--official-yt .official__itemIcon::after {
    width: min(calc(22 / var(--vw-min) * 100vw),22px);
    height: min(calc(22 / var(--vw-min) * 100vw),22px);
    -webkit-mask: url(../img/common/sns/icon_youtube.svg)no-repeat center/contain;
    mask: url(../img/common/sns/icon_youtube.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.official__link.--official-x .official__itemIcon::after {
		width: calc(22 / var(--vw-min) * 100vw);
		height: calc(22 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.navLink:hover .navIcon,
	.official__link:hover {
		animation: jumpBounce 0.4s ease forwards;
	}
	.navLink:hover .navTxt {
    	transform: translateY(-3px);
	}
}
.footer__onair {
	width: min(calc(723 / var(--vw-min) * 100vw),723px);
	height: min(calc(130 / var(--vw-min) * 100vw),130px);
	margin: min(calc(28 / var(--vw-min) * 100vw),28px) auto 0;
	-webkit-mask: url(../img/common/footer_onair.svg)no-repeat center/contain;
	mask: url(../img/common/footer_onair.svg)no-repeat center/contain;
	background-color: var(--color-yellowFFEE);
}
@media screen and (max-width:768px){
	.footer__onair {
		width: calc(293 / var(--vw-min) * 100vw);
		height: calc(127 / var(--vw-min) * 100vw);
		margin-top: calc(15 / var(--vw-min) * 100vw);
		-webkit-mask-image: url(../img/common/footer_onair-s.svg);
		mask-image: url(../img/common/footer_onair-s.svg);
	}
}
/*-----------------------------------------------
 * アニメーション
-------------------------------------------------*/
.section .--rx,
.subSec .--rx {
    opacity: 0;
    transform: translateX(-20%);
    transition: .5s var(--cubic-bezier01);
}
.section .--lx,
.subSec .--lx {
    opacity: 0;
    transform: translateX(20%);
    transition: .5s var(--cubic-bezier03);
}
.section .--by {
    opacity: 0;
    transform: translateY(20%);
    transition: .5s var(--cubic-bezier01);
}
.subSec .--by {
	opacity: 0;
    transform: translateY(10%);
    transition: .5s var(--cubic-bezier01);
}
.section .--ty,
.subSec .--ty {
    opacity: 0;
    transform: translateY(-20%);
    transition: .5s var(--cubic-bezier01);
}
.section .--in,
.subSec .--in {
    opacity: 0;
    transform: scale(0);
    transition: .5s var(--cubic-bezier01);
}
.section.is-ani .--rx,
.section.is-ani .--lx,
.subSecis-ani .--rx,
.subSec.is-ani .--lx {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .5s;
}
.section.is-ani .--by,
.section.is-ani .--ty,
.subSec.is-ani .--by,
.subSec.is-ani .--ty {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .5s;
}
.section.is-ani .--in,
.subSec.is-ani .--in {
    opacity: 1;
    transform: scale(1);
}
.subSec.is-ani .--rx,
.subSec.is-ani .--lx,
.subSec.is-ani .--by,
.subSec.is-ani .--ty,
.subSec.is-ani .--in {
    transition-delay: 1.2s;
}
.subSec.is-ani .subSec__pan1,
.subSec.is-ani .subContIn {
    transition-delay: 1.5s
}
.subSec.is-ani .subSec__pan1::before {
	animation: rotate1 5s ease-in-out infinite;
}
.subSec.is-ani .subSec__pandorobo {
	animation: walkRight 2.8s linear forwards, bounce 4s infinite ease-in-out; 
    animation-delay: .3s, 3.3s; 
}
/*-------------------------------------
* sub loading
--------------------------------------*/
.subLoading {
	display: none;
}
body.--is-subload .subLoading {
  width: 2rem;
  height: 2rem;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 999;
  border-radius: 50%;
  background-color: var(--color-yellowFFD);
  transform: scale(100);
  animation: PageAnime-circle .8s ease-in-out forwards;
}
@keyframes PageAnime-circle {
  0% {transform: scale(100);}
  100% {transform: scale(0);}
}
.subFullWrap{
	opacity: 0;
}
body.--is-subload .subFullWrap{
	animation: loadfade .5s forwards;
	opacity: 0;
}
/*-----------------------------------------------
 * keyframes
-------------------------------------------------*/
@keyframes arrow__r {
	0% {opacity: 1; transform: translateY(0);}
	20% {opacity: 1; transform: translateY(-3px);}
	40% {opacity: 1; transform: translateY(0);}
	50% {opacity: 1; transform: translateX(-10%);}
	70% {opacity: 0; transform: translateX(50%);}
	75% {opacity: 0; transform: translateX(-50%);}
	100% {opacity: 1; transform: translate(0);}
}
@keyframes arrow__l {
	0% {opacity: 1; transform: translateY(0) scale(-1,1);}
	20% {opacity: 1; transform: translateY(-3px) scale(-1,1);}
	40% {opacity: 1; transform: translateY(0) scale(-1,1);}
	50% {opacity: 1; transform: translateX(10%) scale(-1,1);}
	70% {opacity: 0; transform: translateX(-50%) scale(-1,1);}
	75% {opacity: 0; transform: translateX(50%) scale(-1,1);}
	100% {opacity: 1; transform: translate(0) scale(-1,1);}
}
@keyframes arrow__t {
	0% {opacity: 1; transform: translateY(0) rotate(-90deg);}
	25% {opacity: 1; transform: translateY(10%) rotate(-90deg);}
	50% {opacity: 0; transform: translateY(-50%) rotate(-90deg);}
	75% {opacity: 0; transform: translateY(50%) rotate(-90deg);}
	100% {opacity: 1; transform: translate(0) rotate(-90deg);}
}
@keyframes jumpBounce {
	0% { transform: translateY(0) scale(1);}
	30% { transform: translateY(-10px) scale(1.1);}
	50% { transform: translateY(0) scale(1);}
	70% { transform: translateY(-5px) scale(1.05);}
	100% { transform: translateY(0) scale(1);}
}
@keyframes bounce {
	0% {transform: translateY(0);}
	10% {transform: translateY(-30px);}
	15% {transform: translateY(0);}
	20% {transform: translateY(-15px);}
	30%, 100% {transform: translateY(0);}
}
@keyframes rotate1 {
	0%,100% {transform: rotate(0);}
	50% {transform: rotate(20deg);}
}
@keyframes shake1 {
	0%, 100% {transform: translate(0, 0) rotate(0deg);}
	25% {transform: translate(-3px, -3px) rotate(10deg);}
	50% {transform: translate(3px, 3px) rotate(-10deg);}
	75% {transform: translate(-3px, -3px) rotate(10deg);}
}
@keyframes fuwafuwa {
	0%   { transform: translateY(0);}
	25%  { transform: translateY(6px);}
	50%  { transform: translateY(0);}
	75%  { transform: translateY(6px);}
	100% { transform: translateY(0);}
}
@keyframes hesitate {
	0%   { transform: rotate(-2deg) translateX(0);}
	25%  { transform: rotate(2deg) translateX(1px);}
	50%  { transform: rotate(-1deg) translateX(-1px);}
	75%  { transform: rotate(1deg) translateX(1px);}
	100% { transform: rotate(-2deg) translateX(0);}
}
@keyframes walkRight {
  0%   { transform: translateX(-200%) translateY(0)  rotate(15deg); }
  10%  { transform: translateX(-170%) translateY(-3px) rotate(10deg); }
  20%  { transform: translateX(-140%) translateY(2px)  rotate(-10deg); }
  30%  { transform: translateX(-110%) translateY(-4px) rotate(12deg); }
  40%  { transform: translateX(-80%)  translateY(3px)  rotate(-12deg); }
  50%  { transform: translateX(-50%)  translateY(-3px) rotate(10deg); }
  60%  { transform: translateX(-30%)  translateY(2px)  rotate(-10deg); }
  70%  { transform: translateX(-15%)  translateY(-2px) rotate(8deg); }
  80%  { transform: translateX(-5%)   translateY(1px)  rotate(-5deg); }
  100% { transform: translateX(0)      translateY(0)  rotate(0deg); }
}
@keyframes loadfade{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/**
* hover
**/
@media (hover: hover) and (pointer: fine){
	.news__link:hover .news__arrow::after,
	.books__link:hover .books__arrow::after,
	.swiper__arrow:hover::after,
	.linkBtn.--bg .linkA:hover .linkA__arrow::after,
	.pager__arrowLink.--next:hover .pager__arrow-deco::after {
		 animation: arrow__r 1s var(--cubic-bezier02);
	}
	.swiper__arrow.--prev:hover::after,
	.backBtn.--bg .linkA:hover .linkA__arrow::after,
	.pager__arrowLink.--prev:hover .pager__arrow-deco::after {
		 animation: arrow__l 1s var(--cubic-bezier02);
	}
}