@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;

	--vh-min: 808;



	/* カラー */

	--color-orangeED5: #ED5B16;

	--color-gray7C9: #7C94A6; 

	--color-blueAEE: #AEE8E6;

	--color-greenA0F: #A0FB01;



	--color-op70FFF: rgba(255,255,255,.7);

	--color-op70ED5: rgba(237,91,22,.7);



	--deco-gradient: linear-gradient(45deg, #B6BACA 24.23%, #E3E6F4 33.75%, #E9E3E5 38.51%, #EFE1DA 40.89%, #B6BACA 49.21%, #FAEBE3 65.87%, #EBE4E5 68.84%, #D1D9E9 73%, #B6BACA 79.54%, #EFE1DA 83.71%);



	--cubic-bezier01:cubic-bezier(0.55, 0, 0.1, 1);

	--cubic-bezier02:cubic-bezier(.19,1,.22,1);

	--cubic-bezier03:cubic-bezier(.68,-0.6,.32,1.6);



	/* フォント */

	--main-font-size: min(calc(16 / var(--vw-min) * 100vw),16px);

	--font-dela: "Dela Gothic One", sans-serif;

	--font-notoSans: "Noto Sans JP", sans-serif;

	--font-anton: "Anton", sans-serif;

	--font-ultra: "Ultra", serif;

	--font-gravitas: "Gravitas One", serif;

}

@media screen and (max-width:768px) {

	:root {

		--vw-min: 375;



		--main-font-size: calc(24 / var(--vw-min) * 100vw);

	}

}

body{

	font-family: var(--font-dela);

	font-size: var(--main-font-size);

	color: #000;

	font-feature-settings: "palt";

	font-weight: normal;

	letter-spacing: 0.07em;

	line-height: 1.8;

	word-wrap: break-word;

	background-color: var(--color-orangeED5);

	-webkit-text-size-adjust: 100%;

}

.pc{ display: block; }

.sp{ display: none; }

a{ color: #000; }

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-orangeED5);

}

::-webkit-scrollbar-thumb {

	background: #000;

	margin: 2px;

	box-shadow: none;

}

#fullWrap,

.subFullIn {

	min-height: 100vh;

	position: relative;

	z-index: 1;

	display: flex;

	flex-direction: column;

}

.f-dela {

	font-family: var(--font-dela);

}

.f-notoSans {

	font-family: var(--font-notoSans);

}

.f-anton {

	font-family: var(--font-anton);

}

.f-ultra {

	font-family: var(--font-ultra);

}

.f-gravitas {

	font-family: var(--font-gravitas);

}

.js-animate.--paused,

.js-animate.--paused::before{

    animation-play-state: paused!important;

}

/*-----------------------------------------------

 * Common

-------------------------------------------------*/

/* .subFullWrap .officialBtn {

	width: calc(145 / var(--vw-min) * 100vw);

	height: calc(57 / var(--vw-min) * 100vw);

	position: absolute;

	top: calc(24 / var(--vw-min) * 100vw);

	right: calc(24 / var(--vw-min) * 100vw);

	z-index: 2;

}

@media screen and (max-width:768px){

	.subFullWrap .officialBtn {

		width: calc(104 / var(--vw-min) * 100vw);

		height: calc(40 / var(--vw-min) * 100vw);

		top: calc(18 / var(--vw-min) * 100vw);

		right: calc(12 / var(--vw-min) * 100vw);

	}

}

.subFullWrap .officialBtn::before {

	content: "";

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: -1;

	-webkit-mask: url(../img/common/deco/deco_officialBtnBg.svg) no-repeat center/contain;

	mask: url(../img/common/deco/deco_officialBtnBg.svg) no-repeat center/contain;

	background-color: #000;

	transition: .4s var(--cubic-bezier01);

    transform-origin: bottom right;

}

@media screen and (max-width:768px){

	.subFullWrap .officialBtn::before {

		-webkit-mask-image: url(../img/common/deco/deco_officialBtnBg-s.svg);

		mask-image: url(../img/common/deco/deco_officialBtnBg-s.svg);

	}

}

.subFullWrap .officialLink {

	width: calc(145 / var(--vw-min) * 100vw);

	height: calc(57 / var(--vw-min) * 100vw);

	display: block;

	transition: .4s var(--cubic-bezier01);

}

@media screen and (max-width:768px){

	.subFullWrap .officialLink {

		width: calc(104 / var(--vw-min) * 100vw);

		height: calc(40 / var(--vw-min) * 100vw);

	}

}

.subFullWrap .officialLink::before {

	content: "";

	width: calc(122 / var(--vw-min) * 100vw);

	height: calc(34 / var(--vw-min) * 100vw);

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	border-radius: calc(6 / var(--vw-min) * 100vw);

	border: calc(3 / var(--vw-min) * 100vw) solid #000;

	background-color: #fff;

}

@media screen and (max-width:768px){

	.subFullWrap .officialLink::before {

		width: calc(92 / var(--vw-min) * 100vw);

		height: calc(28 / var(--vw-min) * 100vw);

		border-radius: calc(4 / var(--vw-min) * 100vw);

		border-width: calc(2 / var(--vw-min) * 100vw);

	}

}

.subFullWrap .officialLink::after {

	content: "";

	width: calc(104 / var(--vw-min) * 100vw);

	height: calc(14 / var(--vw-min) * 100vw);

	display: block;

	position: absolute;

	top: calc(14 / var(--vw-min) * 100vw);

	left: calc(12 / var(--vw-min) * 100vw);

	-webkit-mask: url(../img/common/sns/txt_official-x.svg)no-repeat center/contain;

	mask: url(../img/common/sns/txt_official-x.svg)no-repeat center/contain;

	background-color: #000;

}

@media screen and (max-width:768px){

	.subFullWrap .officialLink::after {

		width: calc(74 / var(--vw-min) * 100vw);

		height: calc(10 / var(--vw-min) * 100vw);

		top: calc(11 / var(--vw-min) * 100vw);

		left: calc(11 / var(--vw-min) * 100vw);

	}

}

@media (hover: hover) and (pointer: fine){

	.subFullWrap .officialBtn:hover {

		animation: pyon .4s forwards var(--cubic-bezier03);

	}

} */

.--subSec.official__itemIn {

	position: absolute;

	top: calc(64 / var(--vw-min) * 100vw);

	right: calc(24 / var(--vw-min) * 100vw);

	z-index: 4;

	gap: calc(14 / var(--vw-min) * 100vw);

}

@media screen and (max-width:768px){

	.--subSec .official__link {

		flex-direction: column;

	}

	.--subSec.official__itemIn {

		gap: calc(4 / var(--vw-min) * 100vw);

		top: calc(18 / var(--vw-min) * 100vw);

		right: calc(12 / var(--vw-min) * 100vw);

	}

}

.--subSec .official__icon {

    width: calc(60 / var(--vw-min) * 100vw);

    height: calc(60 / var(--vw-min) * 100vw);

    background-color: #000;

}

@media screen and (max-width:768px){

	.--subSec .official__icon {

		width: calc(36 / var(--vw-min) * 100vw);

		height: calc(36 / var(--vw-min) * 100vw);

	}

}

.--subSec .official__icon::before {

    background-color: #fff;

}

.--subSec .official__link.--official-x .official__icon::after {

    width: calc(22 / var(--vw-min) * 100vw);

    height: calc(22 / var(--vw-min) * 100vw);

    -webkit-mask: url(../img/common/sns/icon_x-2.svg)no-repeat center/contain;

    mask: url(../img/common/sns/icon_x-2.svg)no-repeat center/contain;

    background-color: #000;

}

.--subSec .official__link.--official-tiktok .official__icon::after {

    width: calc(25 / var(--vw-min) * 100vw);

    height: calc(28 / var(--vw-min) * 100vw);

    -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;

    background-color: #000;

}

@media screen and (max-width:768px){

	.--subSec .official__link.--official-x .official__icon::after {

		width: calc(16 / var(--vw-min) * 100vw);

		height: calc(14 / var(--vw-min) * 100vw);

	}

	.--subSec .official__link.--official-tiktok .official__icon::after {

		width: calc(15 / var(--vw-min) * 100vw);

		height: calc(17 / var(--vw-min) * 100vw);

	}

}

.linkBtn {

	display: flex;

    justify-content: flex-end;

}

.linkA {

	font-size: calc(40 / var(--vw-min) * 100vw);

	color: #000;

	font-weight: 400;

	line-height: 1;

	display: flex;

    align-items: center;

	text-decoration: none;

	margin-top: auto;

}

@media screen and (max-width:768px){

	.linkA {

		font-size: calc(28 / var(--vw-min) * 100vw);

	}

}

.linkA span:not(.linkA__arrow) {

	transition: .3s ease;

}

.linkA__arrow {

	width: calc(54 / var(--vw-min) * 100vw);

	height: calc(54 / var(--vw-min) * 100vw);

	position: relative;

	display: block;

	background-color: #000;

	margin-left: calc(10 / var(--vw-min) * 100vw);

	overflow: hidden;

}

@media screen and (max-width:768px){

	.linkA__arrow {

		width: calc(48 / var(--vw-min) * 100vw);

		height: calc(48 / var(--vw-min) * 100vw);

		margin-left: 0;

		letter-spacing: 0em;

	}

}

.linkA__arrow::before {

	content: "";

	width: 100%;

	height: 100%;

	display: block;

	position: absolute;

	inset: 0;

	margin: auto;

	border-radius: 50%;

	background-color: var(--color-orangeED5);

}

.linkA__arrow::after {

	content: "";

	width: calc(29 / var(--vw-min) * 100vw);

	height: calc(24 / var(--vw-min) * 100vw);

	display: block;

	position: absolute;

	inset: 0;

	margin: auto;

	-webkit-mask: url(../img/common/deco/deco_arrow2.svg)no-repeat center/contain;

	mask: url(../img/common/deco/deco_arrow2.svg)no-repeat center/contain;

	background-color: #000;

}

@media screen and (max-width:768px){

	.linkA__arrow::after {

		width: calc(25 / var(--vw-min) * 100vw);

		height: calc(22 / var(--vw-min) * 100vw);

	}

}

@media (hover: hover) and (pointer: fine){

	.linkA:hover span:not(.linkA__arrow) {

		opacity: .7;

	}

	.linkA.--r:hover .linkA__arrow::after {

	    animation: arrow__r .4s var(--cubic-bezier02);

	}

}

.cont__slider::before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 1;

    margin: auto;

    -webkit-mask: url(../img/common/deco/slider_cont.svg)repeat-x left/calc(320 / var(--vw-min) * 100vw) calc(21 / var(--vw-min) * 100vw);

    mask: url(../img/common/deco/slider_cont.svg)repeat-x left/calc(320 / var(--vw-min) * 100vw) calc(21 / var(--vw-min) * 100vw);

    animation: cont__slider 6s linear reverse infinite;

    background-color: #fff;

}

@keyframes cont__slider {

	0%{

		-webkit-mask-position: 0 center;

		mask-position: 0 center;

	}

	100%{

		-webkit-mask-position: calc(320 / var(--vw-min) * 100vw) center;

		mask-position: calc(320 / var(--vw-min) * 100vw) center;

	}

}

@media screen and (max-width:768px){

	.cont__slider::before {

		-webkit-mask-size: calc(213 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw);

		mask-size: calc(213 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw);

	}

	@keyframes cont__slider {

		0%{

			-webkit-mask-position: 0 center;

			mask-position: 0 center;

		}

		100%{

			-webkit-mask-position: calc(213 / var(--vw-min) * 100vw) center;

			mask-position: calc(213 / var(--vw-min) * 100vw) center;

		}

	}

}

/*-----------------------------------------------

 * subSec

-------------------------------------------------*/

@media screen and (min-width:769px){

	.subFullWrap::before,

	.subFullWrap::after {

		content: "";

		width: calc(2 / var(--vw-min) * 100vw);

		height: 100%;

		position: absolute;

		top: 0;

		background-color: #000;

		z-index: -1;

	}

	.subFullWrap::before {

		left: 17.7892%;

	}

	.subFullWrap::after {	

		right: 11.9327%;

	}

}

.subFullIn {

	position: relative;

}

@media screen and (max-width:768px){

	.subSec__logo {

		width: calc(112 / var(--vw-min) * 100vw);

		height: calc(56 / var(--vw-min) * 100vw);

		position: absolute;

		top: calc(12 / var(--vw-min) * 100vw);

		left: calc(12 / var(--vw-min) * 100vw);

		z-index: 1;

	}

	.subSec__logoLink {

		width: 100%;

		height: 100%;

		display: block;

		background: url(../img/common/logo/logo.svg)no-repeat center/contain;

	}

}

.subSec {

	position: relative;

	padding-top: calc(40 / var(--vw-min) * 100vw);

}

@media screen and (max-width:768px){

	.subSec {

		padding-top: 0;

	}

}

.subSec .cont__slider {

	height: calc(40 / var(--vw-min) * 100vw);

	background-color: #000;

}

@media screen and (max-width:768px){

	.subSec .cont__slider {

		height: calc(28 / var(--vw-min) * 100vw);

	}

}

.subSecWrap {

	display: flex;

}

@media screen and (max-width:768px){

	.subSecWrap {

		flex-direction: column;

	}

}

/**

* tit - left

**/

.subSec__titWrap {

	width: 17.7892%;/*243*/

	position: relative;

}

@media screen and (max-width:768px){

	.subSec__titWrap {

		width: 100%;

	}

}

.subSec__titIn {

	position: sticky;

	top: 0;

	display: flex;

	flex-wrap: wrap;

    flex-direction: row-reverse;

	justify-content: center;

	padding: calc(40 / var(--vw-min) * 100vw) 0 calc(50 / var(--vw-min) * 100vw);

}

@media screen and (max-width:768px){

	.subSec__titIn {

		position: relative;

		flex-direction: column;

		padding: calc(108 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);

	}

}

@media screen and (min-width:769px){

	.subSec__titLogo {

		width: 100%;

		padding: 0 0 calc(68 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);

	}

	.subSec__titLogoLink {

		width: calc(200 / var(--vw-min) * 100vw);

		height: calc(100 / var(--vw-min) * 100vw);

		display: block;

		background: url(../img/common/logo/logo.svg)no-repeat center/contain;

	}

}

.subSec .cont-tit {

	width: min(calc(98 / var(--vw-min) * 100vw),98px);

	background-color: #000;

}

@media screen and (max-width:768px){

	.subSec .cont-tit {

		width: unset;

		height: calc(52 / var(--vw-min) * 100vw);

	}

}

.subSec__catch {

	width: min(calc(30 / var(--vw-min) * 100vw),30px);

	height: min(calc(166 / var(--vw-min) * 100vw),166px);

	display: block;

	margin-right: min(calc(10 / var(--vw-min) * 100vw),10px);

	-webkit-mask: url(../img/common/deco/deco_catch-h.svg)no-repeat center/contain;

	mask: url(../img/common/deco/deco_catch-h.svg)no-repeat center/contain;

	background-color: #000;

}

@media screen and (max-width:768px){

	.subSec__catch {

		width: calc(136 / var(--vw-min) * 100vw);

		height: calc(24 / var(--vw-min) * 100vw);

		margin: calc(6 / var(--vw-min) * 100vw) 0 0;

		-webkit-mask-image: url(../img/common/deco/deco_catch.svg);

		mask-image: url(../img/common/deco/deco_catch.svg);

	}

}

/**

* center

**/

.subSecCont {

	width: 70.2782%;/*960*/

	position: relative;

	display: flex;

    flex-direction: column;

	padding-top:calc(146 / var(--vw-min) * 100vw);

}

@media screen and (max-width:768px){

	.subSecCont {

		width: 100%;

		padding-top: calc(28 / var(--vw-min) * 100vw);

	}

}

@media screen and (min-width:769px){

	.deco__subSec {

		width: calc(202 / var(--vw-min) * 100vw);

		height: calc(171 / var(--vw-min) * 100vw);

		position: absolute;

		top: 0;

		right: 0;

	}

	.deco__star {

		width: calc(136 / var(--vw-min) * 100vw);

		height: calc(136 / var(--vw-min) * 100vw);

		position: absolute;

		top: 0;

		right: 0;

		-webkit-mask: url(../img/common/deco/deco_star.png)no-repeat center/contain;

		mask: url(../img/common/deco/deco_star.png)no-repeat center/contain;

		background-color: var(--color-greenA0F);

	}

	.deco__tit {

		width: calc(184 / var(--vw-min) * 100vw);

		height: calc(60 / var(--vw-min) * 100vw);

		display: block;

		position: absolute;

		bottom: calc(20 / var(--vw-min) * 100vw);

		left: calc(5 / var(--vw-min) * 100vw);

		-webkit-mask: url(../img/common/deco/deco_newsBg.svg)no-repeat center/contain;

		mask: url(../img/common/deco/deco_newsBg.svg)no-repeat center/contain;

		transform: rotate(-14deg);

	}

	.deco__tit::before {

		content: "";

		width: 100%;

		height: 100%;

		display: block;

		position: absolute;

		inset: 0;

		margin: auto;

		background-image: var(--deco-gradient);

		background-size: 150% 150%;

		animation: gradientMove 4s ease infinite;

	}

	.deco__tit::after {

		content: "";

		width: 100%;

		height: 100%;

		display: block;

		position: absolute;

		inset: 0;

		margin: auto;

		-webkit-mask: url(../img/common/deco/deco_news.svg)no-repeat center/contain;

		mask: url(../img/common/deco/deco_news.svg)no-repeat center/contain;

		background-color: #000;

	}

}

.subSecContIn {

	padding-bottom: calc(125 / var(--vw-min) * 100vw);

}

@media screen and (max-width:768px){

	.subSecContIn {

		padding-bottom: calc(80 / var(--vw-min) * 100vw);

	}

}

.subSec__navLists {

	display: flex;

    align-items: center;

	margin: auto 0 0 calc(12 / var(--vw-min) * 100vw);

	padding-bottom: calc(14 / var(--vw-min) * 100vw);

}

@media screen and (max-width:768px){

	.subSec__navLists {

		margin-left: calc(20 / var(--vw-min) * 100vw);

		padding-bottom: calc(14 / var(--vw-min) * 100vw);

	}

	.subSec__navLists.pc {

		display: none;

	}

}

.subSec__navItem {

    display: flex;

    align-items: center;

}

.subSec__navItem:not(:last-child)::after {

	content: "";

	width: calc(11 / var(--vw-min) * 100vw);

	height: calc(6 / var(--vw-min) * 100vw);

	display: block;

	-webkit-mask: url(../img/common/deco/deco_nav-arrow.svg)no-repeat center/contain;

	mask: url(../img/common/deco/deco_nav-arrow.svg)no-repeat center/contain;

	background-color: #000;

	margin: 0 calc(13 / var(--vw-min) * 100vw);

}

.subSec__navLink {

	font-size: calc(15 / var(--vw-min) * 100vw);

	font-weight: 400;

	line-height: 1;

	display: flex;

    align-items: center;

	text-decoration: none;

}

.subSec__navLink.--home::before {

	content: "";

	width: calc(22 / var(--vw-min) * 100vw);

	height: calc(20 / var(--vw-min) * 100vw);

	display: block;

	-webkit-mask: url(../img/common/deco/deco_house.svg)no-repeat center/contain;

	mask: url(../img/common/deco/deco_house.svg)no-repeat center/contain;

	background-color: #000;

	margin: 0 calc(2 / var(--vw-min) * 100vw) calc(4 / var(--vw-min) * 100vw) 0;

}

.subSec__navLink.--noLink {

	pointer-events: none;

}

/**

* bg - right

**/

@media screen and (min-width:769px){

	.subSec__r-Bg {

		width: 11.9327%;/*163*/

		height: 100%;

		position: absolute;

		top: 0;

		right: 0;

		z-index: -1;

	}

	.subSec__r-Bg::before {

		content: "";

		width: 100%;

		height: 100%;

		display: block;

		position: absolute;

		inset: 0;

		margin: auto;

		background: url(../img/common/deco/deco_pattern.png)repeat center/calc(8 / var(--vw-min) * 100vw);

	}

}

/**

* pageNav

**/

.pageNavWrap {

	display: flex;

	justify-content: center;

	margin-top: calc(64 / var(--vw-min) * 100vw);

	padding: 0 calc(20 / var(--vw-min) * 100vw);

}

@media screen and (max-width:768px){

	.pageNavWrap {

		margin-top: calc(32 / var(--vw-min) * 100vw);

	}

}

.wp-pagenavi {

	display: flex;

	align-items: center;

}

.previouspostslink,

.nextpostslink,

.backTo-arrowLink {

	width: calc(72 / var(--vw-min) * 100vw);

	height: calc(48 / var(--vw-min) * 100vw);

	position: relative;

	border-radius: 50%;

	display: flex;

    align-items: center;

    justify-content: center;

	border: calc(2 / var(--vw-min) * 100vw) solid #000;

	overflow: hidden;

}

@media screen and (max-width:768px){

	.previouspostslink,

	.nextpostslink,

	.backTo-arrowLink {

		width: calc(48 / var(--vw-min) * 100vw);

		height: calc(32 / var(--vw-min) * 100vw);

	}

}

.previouspostslink,

.backTo-arrow.--prev .backTo-arrowLink {

	box-shadow: -3px 0px 0px 0px #000;

	margin-right: calc(64 / var(--vw-min) * 100vw);

}

.nextpostslink,

.backTo-arrow.--next .backTo-arrowLink {

	box-shadow: 3px 0px 0px 0px #000;

	margin-left: calc(64 / var(--vw-min) * 100vw);

}

@media screen and (max-width:768px){

	.previouspostslink,

	.backTo-arrow.--prev .backTo-arrowLink {

		margin-right: calc(30 / var(--vw-min) * 100vw);

	}

	.nextpostslink,

	.backTo-arrow.--next .backTo-arrowLink {

		margin-left: calc(30 / var(--vw-min) * 100vw);

	}

}

.pageNavWrap > .previouspostslink,

.pageNavWrap > .nextpostslink {

    text-indent: -9999px;

}

.wp-pagenavi span.previouspostslink,

.wp-pagenavi span.nextpostslink {

    display: inline-block;

}

.previouspostslink::before,

.nextpostslink::before,

.backTo-arrow.--prev .backTo-arrowLink::before,

.backTo-arrow.--next .backTo-arrowLink::before {

	content: "";

	width: 100%;

	height: 100%;

	display: block;

	opacity: 0;

	background: url(../img/common/deco/deco_pattern.png)repeat center/calc(8 / var(--vw-min) * 100vw);

}

.previouspostslink::after,

.nextpostslink::after,

.backTo-arrow.--prev .backTo-arrowLink::after,

.backTo-arrow.--next .backTo-arrowLink::after {

	content: "";

	width: calc(28 / var(--vw-min) * 100vw);

	height: calc(32 / var(--vw-min) * 100vw);

	display: block;

	position: absolute;

	inset: 0;

	margin: auto;

	-webkit-mask: url(../img/common/deco/deco_arrow3.svg)no-repeat center/contain;

	mask: url(../img/common/deco/deco_arrow3.svg)no-repeat center/contain;

	background-color: #000;

}

.previouspostslink::after,

.backTo-arrow.--prev .backTo-arrowLink::after {

	transform: scale(-1,1);

}

@media screen and (max-width:768px){

	.previouspostslink::after,

	.nextpostslink::after,

	.backTo-arrow.--prev .backTo-arrowLink::after,

	.backTo-arrow.--next .backTo-arrowLink::after {

		width: calc(18 / var(--vw-min) * 100vw);

		height: calc(20 / var(--vw-min) * 100vw);

	}

}

.wp-pagenavi .page,

.wp-pagenavi .current {

	font-size: calc(32 / var(--vw-min) * 100vw);

	font-weight: 400;

	line-height: 1;

	letter-spacing: -0.02em;

	position: relative;

	text-decoration: none;

	margin: 0 calc(14 / var(--vw-min) * 100vw);

}

@media screen and (max-width:768px){

	.wp-pagenavi .page,

	.wp-pagenavi .current {

		font-size: calc(22 / var(--vw-min) * 100vw);

		margin: 0 calc(12 / var(--vw-min) * 100vw);

	}

}

.wp-pagenavi .page::before,

.wp-pagenavi .current::before {

	content: '';

	width: 100%;

	height: calc(6 / var(--vw-min) * 100vw);

	position: absolute;

	left: 0;

	bottom: calc(-10 / var(--vw-min) * 100vw);

	background: #000;

	transform: scale(0, 1);

	transform-origin: right top; 

	transition: transform .3s var(--cubic-bezier01);  

}

@media screen and (max-width:768px){

	.wp-pagenavi .page::before,

	.wp-pagenavi .current::before {

		height: calc(4 / var(--vw-min) * 100vw);

		bottom: calc(-8 / var(--vw-min) * 100vw);

	}

}

@media (hover: hover) and (pointer: fine){

	.wp-pagenavi .page:hover::before {

		transform: scale(1, 1);    

		transform-origin: left top;

	}

	.previouspostslink:hover::after,

	.backTo-arrow.--prev:hover .backTo-arrowLink::after{

	    animation: arrow__l .4s var(--cubic-bezier02);

	}

	.nextpostslink:hover::after,

	.backTo-arrow.--next:hover .backTo-arrowLink::after {

		animation: arrow__r .4s var(--cubic-bezier02);

	}

}

.wp-pagenavi .current::before {

	transform: scale(1, 1);

}

.previouspostslink.disabled,

.nextpostslink.disabled,

.backTo-arrow.--prev .backTo-arrowLink.disabled,

.backTo-arrow.--next .backTo-arrowLink.disabled {

	pointer-events: none;

}

.previouspostslink.disabled::before,

.nextpostslink.disabled::before,

.backTo-arrow.--prev .backTo-arrowLink.disabled::before,

.backTo-arrow.--next .backTo-arrowLink.disabled::before {

	opacity: 1;

}

.previouspostslink.disabled::after,

.nextpostslink.disabled::after,

.backTo-arrow.--prev .backTo-arrowLink.disabled::after,

.backTo-arrow.--next .backTo-arrowLink.disabled::after {

	display: none;

}

.backToWrap {

	display: flex;

    align-items: center;

    justify-content: center;

	margin-top: calc(64 / var(--vw-min) * 100vw);

}

@media screen and (max-width:768px){

	.backToWrap {

		margin-top: calc(32 / var(--vw-min) * 100vw);

	}

}

.backToBtn {

	display: flex;

	justify-content: center;

	align-items: center;

}

.backToBtnLink {

	font-size: calc(24 / var(--vw-min) * 100vw);

	font-weight: 400;

	line-height: 1;

	letter-spacing: -0.01em;

	text-decoration: none;

}

@media screen and (max-width:768px){

	.backToBtnLink {

		font-size: calc(16 / var(--vw-min) * 100vw);

	}

}

/*-----------------------------------------------

 * Modal

-------------------------------------------------*/

/**

 * modalBox

 * 基盤のモーダル

 */

.modalBox{

	width: 100%;

	height: 100%;

	overflow: auto;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 9999;

	background: var(--color-orangeED5);

	-webkit-overflow-scrolling: touch;

	display: none;



}

.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: min(calc(30 / var(--vw-min) * 100vw), 30px) 0;

	}

}



/**

 * closeBtn

 */

.closeBtn {

	width: calc(80 / var(--vw-min) * 100vw);

	height: calc(56 / var(--vw-min) * 100vw);

	position: absolute;

	top: calc(32 / var(--vw-min) * 100vw);

	right: calc(32 / var(--vw-min) * 100vw);

	z-index: 2;

	border-radius: 50%;

	border: calc(2 / var(--vw-min) * 100vw) solid #000;

	background-color: var(--color-greenA0F);

}

@media screen and (max-width:768px){

	.closeBtn {

		width: calc(64 / var(--vw-min) * 100vw);

		height: calc(40 / var(--vw-min) * 100vw);

		top: calc(20 / var(--vw-min) * 100vw);

		right: calc(20 / var(--vw-min) * 100vw);

	}

}

.closeBtn::after {

	content: "CLOSE";

	font-size: calc(17 / var(--vw-min) * 100vw);

	color: #000;

	font-weight: 400;

	line-height: 1;

	letter-spacing: 0.02em;

	text-align: center;

	position: absolute;

	right: 0;

	bottom: calc(-20 / var(--vw-min) * 100vw);

	left: 0;

	margin: auto;

}

@media screen and (max-width:768px){

	.closeBtn::after {

		font-size: calc(13 / var(--vw-min) * 100vw);

		bottom: calc(-18 / var(--vw-min) * 100vw);

	}

}

.closeBtn a{

	width: 100%;

	height: 100%;

	position: relative;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	text-decoration: none;

}

.closeBtn__line {

	width: calc(38 / var(--vw-min) * 100vw);

	height: calc(15 / var(--vw-min) * 100vw);

	position: relative;

}

@media screen and (max-width:768px){

	.closeBtn__line {

		width: calc(30 / var(--vw-min) * 100vw);

		height: calc(12 / var(--vw-min) * 100vw);

	}

}

.closeBtn__line span {

	width: 100%;

	height: calc(2 / var(--vw-min) * 100vw);

	display: block;

	position: absolute;

	top: 0;

	bottom: 0;

	margin: auto;

	background-color:#000;

	transition: .3s var(--cubic-bezier01);

}

.closeBtn__line span:nth-child(1) {

	transform: rotate(20deg);

}

.closeBtn__line span:nth-child(2) {

	transform: rotate(-20deg);

}

@media (hover: hover) and (pointer: fine){

	.closeBtn a:hover .closeBtn__line span:nth-child(1) {

		transform: rotate(-20deg);

	}

	.closeBtn a:hover .closeBtn__line span:nth-child(2) {

		transform: rotate(20deg);

	}

}

/**

 * 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(880 / var(--vw-min) * 100vw),880px);

}

@media screen and (max-width:768px){

	.commentWrap {

		max-width: 100%;

		padding: 0 calc(32 / var(--vw-min) * 100vw);

	}

}

.commentIn {

	display: flex;

}

@media screen and (max-width:768px){

	.commentIn {

		flex-direction: column;

	}

}

.comment__img {

	width: calc(100% - min(calc(520 / var(--vw-min) * 100vw),520px));

}

@media screen and (max-width:768px){

	.comment__img {

		width: 100%;

	}

}

.comment__img img {

	width: 100%;

	pointer-events: none;

}

.commentDetail {

	width: min(calc(520 / var(--vw-min) * 100vw),520px);

	padding-left: min(calc(80 / var(--vw-min) * 100vw),80px);

	margin-top: min(calc(16 / var(--vw-min) * 100vw),16px);

}

@media screen and (max-width:768px){

	.commentDetail {

		width: 100%;

		padding-left: 0;

		margin-top: calc(32 / var(--vw-min) * 100vw);

	}

}

.comment__nameWrap {

	display: flex;

	flex-direction: column;

}

.comment__pos {

	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);

	color: var(--color-orangeF29);

	font-weight: 500;

	line-height: 1.4;

	letter-spacing: 0.03em;

	margin-bottom: min(calc(8 / var(--vw-min) * 100vw),8px);

}

@media screen and (max-width:768px){

	.comment__pos {

		font-size: calc(17 / var(--vw-min) * 100vw);

		text-align: center;

		margin-bottom: calc(4 / var(--vw-min) * 100vw);

	}

}

.comment__name {

	font-size: min(calc(32 / var(--vw-min) * 100vw),32px);

	font-weight: 500;

	line-height: 1.31;

	letter-spacing: 0.08em;

	margin-bottom: min(calc(66 / var(--vw-min) * 100vw),66px);

}

@media screen and (max-width:768px){

	.comment__name {

		font-size: calc(28 / var(--vw-min) * 100vw);

		text-align: center;

		margin-bottom: calc(24 / var(--vw-min) * 100vw);

	}

}

.comment__txt {

	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);

	font-weight: 500;

	line-height: 2.13;

	letter-spacing: 0.03em;

}

@media screen and (max-width:768px){

	.comment__txt {

		font-size: calc(13 / 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;

	bottom: 0;

	z-index: 999;

}

@media screen and (max-width:768px){

	.header {

		top: 0;

		bottom: auto;

	}

}



/* inner */

@media screen and (max-width:768px){

	.header__inner {

		width: 100%;

		height: 100%;

		overflow: auto;

		position: fixed;

		top: 0;

		left: 0;		

		z-index: 1;

		padding: 80px 0;

		-webkit-overflow-scrolling: touch;

		opacity: 0;

		pointer-events: none;

		transition: opacity .5s ease-in-out;

	}

	.header.is-active .header__inner {

		opacity: 1;

		pointer-events: auto;

	}



	.header__inner:before {

		content: "";

		position: fixed;

		width: 100%;

		height: 100%;

		top: 0;

		left: 0;

		z-index: 0;

		background: rgba(0,0,0,.8);

	}

}



/**

 * headerNav

 */

@media screen and (max-width:768px){

	.headerNav {

		position: relative;

		z-index: 1;

	}



	.headerNavLists__item a {

		color: #fff;

	}

}



/**

 * navBtn

 */

@media screen and (max-width:768px){

	.header__navBtnWrap {

		width: min(calc(50 / var(--vw-min) * 100vw), 50px);

		height: min(calc(50 / var(--vw-min) * 100vw), 50px);

		position: absolute;

		top: 0;

		right: 0;

		z-index: 2;

		background-color: #000;

	}

	.header__navBtn {

		width: 100%;

		height: 100%;

		position: relative;

		display: flex;

		align-items: center;

		justify-content: center;

	}

	.header__navBtn__lineWrap {

		width: min(calc(24 / var(--vw-min) * 100vw), 24px);

		height: min(calc(13 / var(--vw-min) * 100vw), 13px);

		position: relative;

	}

	.header__navBtn--line {

		width: 100%;

		height: 1px;

		display: block;

		margin: auto;

		position: absolute;

		background-color: #fff;

	}

	.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

 */

@media screen and (max-width:768px){

	.header__inner {

		transform: translateX(100%);

		transition: transform .5s ease;

	}

	.header.is-active .header__inner {

		transform: translateX(0);

	}

	.header__navBtn--line {

		transition: transform .3s ease, opacity .3s ease;

	}

	.header__navBtn.is-active .header__navBtn--line:nth-child(1) {

		transform: rotate(45deg);

		top: 7px;

	}

	.header__navBtn.is-active .header__navBtn--line:nth-child(3) {

		transform: rotate(-45deg);

		bottom: 7px;

	}

	.header__navBtn.is-active .header__navBtn--line:nth-child(2) {

		transform: translateX(20%);

		opacity: 0;

	}

}

/*-----------------------------------------------

 * Footer

-------------------------------------------------*/

.footer {

    position: relative;

    padding: calc(55 / var(--vw-min) * 100vw) 0 calc(35 / var(--vw-min) * 100vw);

    background-color: #000;

	margin-top: auto;

}

@media screen and (max-width:768px){

	.footer {

		padding: calc(38 / var(--vw-min) * 100vw) 0 calc(15 / var(--vw-min) * 100vw);

	}

}

.cont__slider {

    width: 100%;

    height: calc(55 / var(--vw-min) * 100vw);

    position: absolute;

    top: 0;

}

@media screen and (max-width:768px){

	.cont__slider {

		height: calc(38 / var(--vw-min) * 100vw);

	}

}

.copyright {

    width: calc(1270 / var(--vw-min) * 100vw);

    height: calc(196 / var(--vw-min) * 100vw);

    margin: 0 auto;

    -webkit-mask: url(../img/common/copyright.svg)no-repeat center/contain;

    mask: url(../img/common/copyright.svg)no-repeat center/contain;

    background-color: var(--color-orangeED5);

}

@media screen and (max-width:768px){

	.copyright {

		width: calc(335 / var(--vw-min) * 100vw);

		height: calc(52 / var(--vw-min) * 100vw);

	}

}

.official__lists {

    padding-top: calc(48 / var(--vw-min) * 100vw);

    display: flex;

    justify-content: space-between;

}

@media screen and (max-width:768px){

	.official__lists {

		width: calc(335 / var(--vw-min) * 100vw);

		align-items: flex-start;

		padding-top: calc(16 / var(--vw-min) * 100vw);

		margin: 0 auto;

	}

}

.official__link {

    display: flex;

}

.official__item {

	display: flex;

	align-items: flex-end;

}

@media screen and (max-width:768px){

	.official__item {

		flex-direction: column-reverse;

	}

}

.official__link.-official__item.--sns {

    flex-direction: row-reverse;

}

.official__itemIn {

	display: flex;

	gap: calc(14 / var(--vw-min) * 100vw);

}

@media screen and (max-width:768px){

	.official__link {

		flex-direction: column;

	}

	.official__itemIn {

		gap: calc(4 / var(--vw-min) * 100vw);

	}

}

.official__icon {

    width: calc(60 / var(--vw-min) * 100vw);

    height: calc(60 / var(--vw-min) * 100vw);

    position: relative;

    display: block;

    background-color: #fff;

}

@media screen and (max-width:768px){

	.official__icon {

		width: calc(36 / var(--vw-min) * 100vw);

		height: calc(36 / var(--vw-min) * 100vw);

	}

}

.official__icon::before {

    content: "";

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    inset: 0;

    margin: auto;

    border-radius: 50%;

    background-color: #000;

}

.official__icon::after {

    content: "";

    display: block;

    position: absolute;

    inset: 0;

    margin: auto;

}

.official__link.--official-site .official__icon::after {

    width: calc(34 / var(--vw-min) * 100vw);

    height: calc(26 / var(--vw-min) * 100vw);

    background: url(../img/common/sns/icon_site.svg)no-repeat center/contain;

}

.official__link.--official-site .official__linkTit {

    width: calc(120 / var(--vw-min) * 100vw);

    height: calc(60 / var(--vw-min) * 100vw);

    -webkit-mask: url(../img/common/sns/txt_site.svg)no-repeat center/contain;

    mask: url(../img/common/sns/txt_site.svg)no-repeat center/contain;

    background-color: #fff;

    margin-left: calc(14 / var(--vw-min) * 100vw);

}

.official__link.--official-x .official__icon::after {

    width: calc(22 / var(--vw-min) * 100vw);

    height: calc(22 / var(--vw-min) * 100vw);

    -webkit-mask: url(../img/common/sns/icon_x-2.svg)no-repeat center/contain;

    mask: url(../img/common/sns/icon_x-2.svg)no-repeat center/contain;

    background-color: #fff;

}

.official__link.--official-tiktok .official__icon::after {

    width: calc(25 / var(--vw-min) * 100vw);

    height: calc(28 / var(--vw-min) * 100vw);

    -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;

    background-color: #fff;

}

.official__linkTit.--sns {

    width: calc(104 / var(--vw-min) * 100vw);

    height: calc(38 / var(--vw-min) * 100vw);

	display: block;

    -webkit-mask: url(../img/common/sns/txt_sns.svg)no-repeat center/contain;

    mask: url(../img/common/sns/txt_sns.svg)no-repeat center/contain;

    background-color: #fff;

    margin-right: calc(14 / var(--vw-min) * 100vw);

}

@media screen and (max-width:768px){

	.official__link.--official-site .official__icon::after {

		width: calc(20 / var(--vw-min) * 100vw);

		height: calc(14 / var(--vw-min) * 100vw);

	}

	.official__link.--official-site .official__linkTit {

		width: calc(70 / var(--vw-min) * 100vw);

		height: calc(36 / var(--vw-min) * 100vw);

		margin: calc(10 / var(--vw-min) * 100vw) 0 0 0;

	}

	.official__link.--official-x .official__icon::after {

		width: calc(16 / var(--vw-min) * 100vw);

		height: calc(14 / var(--vw-min) * 100vw);

	}

	.official__link.--official-tiktok .official__icon::after {

		width: calc(15 / var(--vw-min) * 100vw);

		height: calc(17 / var(--vw-min) * 100vw);

	}

	.official__linkTit.--sns {

		width: calc(63 / var(--vw-min) * 100vw);

		height: calc(23 / var(--vw-min) * 100vw);

		margin: calc(10 / var(--vw-min) * 100vw) 0 0 0;

	}

}

.scrollTop {

    width: calc(296 / var(--vw-min) * 100vw);

    height: calc(96 / var(--vw-min) * 100vw);

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    -webkit-mask: url(../img/common/deco/deco_scrollBg.svg)no-repeat center/contain;

    mask: url(../img/common/deco/deco_scrollBg.svg)no-repeat center/contain;

}

@media screen and (max-width:768px){

	.scrollTop {

		width: calc(195 / var(--vw-min) * 100vw);

		height: calc(62 / var(--vw-min) * 100vw);

	}

}

.scrollTopLink {

    width: 100%;

    height: 100%;

    display: block;

    background-color: var(--color-orangeED5);

	transition: .3s var(--cubic-bezier03);

}

.scrollTopLink::before {

    content: "";

    width: calc(60 / var(--vw-min) * 100vw);

    height: calc(70 / var(--vw-min) * 100vw);

    position: absolute;

    top: calc(20 / var(--vw-min) * 100vw);

    right: 0;

    left: 0;

    margin: auto;

    -webkit-mask: url(../img/common/deco/deco_arrow3.svg)no-repeat center/contain;

    mask: url(../img/common/deco/deco_arrow3.svg)no-repeat center/contain;

    background-color: #000;

	transform: rotate(-90deg);

	transition: .4s var(--cubic-bezier03);

}

@media screen and (max-width:768px){

	.scrollTopLink::before {

		width: calc(27 / var(--vw-min) * 100vw);

		height: calc(32 / var(--vw-min) * 100vw);

		top: calc(14 / var(--vw-min) * 100vw);

	}

}

@media (hover: hover) and (pointer: fine){

	.scrollTopLink:hover::before {

		transform: translateY(-5px) rotate(-90deg);

	}

}

/*-----------------------------------------------

 * アニメーション

-------------------------------------------------*/

.section .--rx {

    opacity: 0;

    transform: translateX(-30%);

    transition: .3s ease;

}

.section .--lx {

    opacity: 0;

    transform: translateX(30%);

    transition: .3s ease;

}

.section .--by {

    opacity: 0;

    transform: translateY(30%);

    transition: .3s ease;

}

.section .--ty {

    opacity: 0;

    transform: translateY(-30%);

    transition: .3s ease;

}

.section .--in {

    opacity: 0;

    transition: .3s ease;

}

.section.is-ani .--rx,

.section.is-ani .--lx{

    opacity: 1;

    transform: translateX(0);

}

.section.is-ani .--by,

.section.is-ani .--ty {

    opacity: 1;

    transform: translateY(0);

}

.section.is-ani .--in {

    opacity: 1;

}

/*-----------------------------------------------

 * keyframes

-------------------------------------------------*/

@keyframes ani_rotate01 {

	0% {transform: rotate(0);}

	100% {transform: rotate(360deg);}

}

@keyframes gradientMove {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}

@keyframes fuwafuwa {

  0%   { transform: translateY(0) rotate(0deg); }

  25%  { transform: translateY(6px) rotate(1.5deg); }

  50%  { transform: translateY(0) rotate(0deg); }

  75%  { transform: translateY(6px) rotate(-1.5deg); }

  100% { transform: translateY(0) rotate(0deg); }

}

@keyframes cast_fuwa {

  0%   { transform: translateY(0) rotate(-20deg); }

  25%  { transform: translateY(6px) rotate(-20deg); }

  50%  { transform: translateY(0) rotate(-20deg); }

  75%  { transform: translateY(6px) rotate(-20deg); }

  100% { transform: translateY(0) rotate(-20deg); }

}

@keyframes arrow__l {

	0%{opacity: 1;transform: scale(-1,1) translateX(0);}

	40%{opacity: 0;transform: scale(-1,1) translateX(100%);}

	80%{opacity: 0;transform: scale(-1,1) translateX(-100%);}

	100%{opacity: 1;transform: scale(-1,1) translateX(0);}

}

@keyframes arrow__r {

	0%{opacity: 1;transform: translateX(0);}

	40%{opacity: 0;transform: translateX(100%);}

	80%{opacity: 0;transform: translateX(-100%);}

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

}

@keyframes pyon {

	0%,100% {transform: translateY(0);}

	50% {transform: translateY(-5px);}

}

/*-------------------------------------

* sub loading

--------------------------------------*/

.subLoading{

    display: none;

}

body.--is-subload .subLoading{

    display: block;

    content: "";

    position:fixed;

	z-index: 10000;

    width: 100%;

    height: 100vh;

    top: 0;

	left: 0;

    transform: scaleX(0);

    background-color: #000;

	animation: subload 1.2s var(--cubic-bezier01) forwards;

}

@keyframes subload{

	0% {

		transform-origin:left;

		transform:scaleX(0);

	}

	50% {

		transform-origin:left;

		transform:scaleX(1);

	}

	50.001% {

		transform-origin:right;

	}

	100% {

		transform-origin:right;

		transform:scaleX(0);

	}

}

.subFullWrap{

	opacity: 0;

}

body.--is-subload .subFullWrap{

	animation: subloadfade 1s forwards;

	animation-delay: 0.8s;

	opacity: 0;

}

@keyframes subloadfade{

	0% {

		opacity: 0;

	}

	100% {

		opacity: 1;

	}

}