@charset "utf-8";
/*-----------------------------------------------
 * common.css
 * レスポンシブは基本スタイルを引き継ぐ（PCファースト）
 * @media screen and (max-width:768px)
-------------------------------------------------*/
/*-----------------------------------------------
 * Reset, root
 * Bace
 * Modal
 * Header
 * Footer
 * Parts
-------------------------------------------------*/
/*-----------------------------------------------
 * Reset, root
-------------------------------------------------*/
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;}

:root {
	/* デザインサイズ */
	--vw-min: 1366;
	--vh-min: 768;
	--max-percent: 1.6;/* 1920/1200 */

	/* フォント  */
	--font-ja: "Zen Maru Gothic", sans-serif;
	--font-en: "Fredoka", sans-serif;
	--font-main: "Mochiy Pop One", sans-serif;

	/* カラー */
	--color-blue8AC: #8ACAF2;
	--color-blue8AC-1: #8ACAF1;
	--color-blue64B: #64B0DE;
	--color-pinkF4A: #F4A2C6;
	--color-pinkF87: #F87EB3;
	--color-pinkFF7: #FF71CD;
	--color-pinkFE7: #FE7CB5;
	--clor-yellowFFE: #FFEB27;
	--color-yellowEFF: #EFF18A;
	--color-grayD9D: #D9D9D9;

	/* easing */
	--easing-outquart: cubic-bezier(0.175, 0.885, 0.32, 1.275);

	/* hover */
	--hover-duration: 0.22s;
	--hover-ease: var(--easing-outquart);
	--hover-arrow-shift: 8px;
	--hover-slide-shift: 10px;
	--hover-scale: 1.06;
	--hover-scale-sm: 1.04;
	--hover-scale-news: 1.04;
	--hover-press-duration: 0.18s;
	--hover-press-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--hover-press-y: 3px;
	--hover-press-scale: 0.96;

	/* menu */
	--menu-duration: 0.4s;
	--menu-ease: var(--easing-outquart);
	--menu-panel-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--menu-stagger: 0.05s;
	--menu-stagger-start: 0.15s;
}
@media (prefers-reduced-motion: reduce) {
	:root {
		--hover-duration: 0.01ms;
	}
}
@media screen and (max-width:768px){
	:root {
		/* デザインサイズ */
		--vw-min: 375;
		--vh-min: 1314;
		--max-percent: 1;
	}
}

/*-----------------------------------------------
 * Bace
-------------------------------------------------*/
body{
	-webkit-text-size-adjust: 100%;
	background-color: var(--color-blue8AC);
	color: #000;
	font-family: var(--font-main);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: normal;
	letter-spacing: 0.07em;
	line-height: 1.8;
	word-wrap: break-word;
}
.pc{ display: block; }
.sp{ display: none; }
a{ color: #000; }
a:hover{ text-decoration: none; }
.ah {
	transition: opacity .3s ease;
}
@media (hover: hover) and (pointer: fine) {
	.ah:hover,
	.ah:focus-visible {
		opacity: .7;
	}
}
::selection{
	background: #B7D4F9;
	color: #000;
}
::-moz-selection{
	background: #B7D4F9;
	color: #000;
}
@media screen and (max-width:768px){
	.sp{ display: block; }
	.pc{ display: none; }
	.ah:hover,
	.ah:focus-visible {
		opacity: 1;
	}
	body{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}

/**
 * scroll bar
 */
::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
::-webkit-scrollbar-track {
	background: var(--color-blue8AC);
}
::-webkit-scrollbar-thumb {
	background: var(--color-pinkF4A);
	margin: 2px;
	box-shadow: none;
}


/**
 * Wrap
 * 大枠のwrap指定
 */
/* fullWrap */
#fullWrap {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	position: relative;
	z-index: 1;
	overflow: clip;
}
.f-en {
	font-family: var(--font-en);
}
.f-zen {
	font-family: var(--font-ja);
}
.swiper__arrowWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: min(calc(24 / var(--vw-min) * 100vw),24px);
	margin-top: min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.swiper__arrowWrap {
		gap: calc(20 / var(--vw-min) * 100vw);
		margin-top: calc(30 / var(--vw-min) * 100vw);
	}
}
.swiper__numPage {
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.01em;
	width: unset;
}
@media screen and (max-width:768px){
	.swiper__numPage {
		font-size: calc(14 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow {
	width: min(calc(56 / var(--vw-min) * 100vw),56px);
	height: min(calc(56 / var(--vw-min) * 100vw),56px);
	position: relative;
	border-radius: 50%;
	border: min(calc(3 / var(--vw-min) * 100vw),3px) solid #000;
	background-color: var(--color-blue8AC-1);
	cursor: pointer;
}
@media screen and (max-width:768px){
	.swiper__arrow {
		width: calc(40 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow::after {
	content: "";
	width: min(calc(19 / var(--vw-min) * 100vw),19px);
	height: min(calc(19 / var(--vw-min) * 100vw),19px);
	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: #000;
}
@media screen and (max-width:768px){
	.swiper__arrow::after {
		width: calc(13 / var(--vw-min) * 100vw);
		height: calc(13 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow.--prev::after {
	transform: scale(-1,1);
}
/*-----------------------------------------------
 * SubSec
-------------------------------------------------*/
.subSec__head {
	position: relative;
	text-align: center;
	padding: min(calc(148 / var(--vw-min) * 100vw),148px) 0 min(calc(142 / var(--vw-min) * 100vw),142px);
}
@media screen and (max-width:768px){
	.subSec__head {
		padding: calc(105 / var(--vw-min) * 100vw) 0 calc(100 / var(--vw-min) * 100vw);
	}
}
.headBg {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
	z-index: -2;
    pointer-events: none;
	overflow: hidden;
	background-color: var(--color-pinkF4A);
}
.headBg::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/common/bg/bg_head.svg) repeat center / min(calc(1400 / var(--vw-min) * 100vw), 1400px) min(calc(541 / var(--vw-min) * 100vw), 541px);
}
@media screen and (max-width:768px){
	.headBg::before {
		background: url(../img/common/bg/bg_head-s.svg)no-repeat center/cover;
	}
}
.cont-tit {
    position: relative;
    margin: auto;
    display: inline-block;
}
.cont-tit__img {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.cont-tit::before,
.cont-tit::after {
    content: "";
    display: block;
    position: absolute;
    background: url(../img/common/deco/deco_titStar.svg)no-repeat center/contain;
}
.cont-tit::before {
    width: min(calc(50 / var(--vw-min) * 100vw),50px);
    height: min(calc(50 / var(--vw-min) * 100vw),50px);
    top: max(calc(-20 / var(--vw-min) * 100vw),-20px);
    left: max(calc(-30 / var(--vw-min) * 100vw),-30px); 
    z-index: -1;
    transform: rotate(-90deg);
    animation: 12s ani_rotate02 linear infinite;
}
@media screen and (max-width:768px){
    .cont-tit::before {
        width: calc(34 / var(--vw-min) * 100vw);
        height: calc(33 / var(--vw-min) * 100vw);
        top: calc(-18 / var(--vw-min) * 100vw);
        left: calc(-16 / var(--vw-min) * 100vw);
    }
}
.cont-tit::after {
    width: min(calc(38 / var(--vw-min) * 100vw),38px);
    height: min(calc(38 / var(--vw-min) * 100vw),38px);
    right: max(calc(-22 / var(--vw-min) * 100vw),-22px);
    bottom: max(calc(-8 / var(--vw-min) * 100vw),-8px);
    transform: rotate(-45deg);
    animation: 12s ani_rotate02 linear reverse infinite;
}
@media screen and (max-width:768px){
    .cont-tit::after {
        width: calc(26 / var(--vw-min) * 100vw);
        height: calc(25 / var(--vw-min) * 100vw);
        right: calc(-16 / var(--vw-min) * 100vw);
        bottom: calc(-6 / var(--vw-min) * 100vw);
    }
}
.subSec__logo {
	width: min(calc(226 / var(--vw-min) * 100vw),226px);
	height: min(calc(76 / var(--vw-min) * 100vw),76px);
	position: absolute;
	top: min(calc(30 / var(--vw-min) * 100vw),30px);
	left:  min(calc(30 / var(--vw-min) * 100vw),30px);
	z-index: 998;
}
.subSec__logoLink {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/common/logo/logo.png)no-repeat center/contain;
}
.subSecWrap {
	padding: min(calc(80 / var(--vw-min) * 100vw),80px) 0 min(calc(160 / var(--vw-min) * 100vw),160px);
}
.js-subReveal {
	--sub-reveal-delay: 0s;
}
html.is-subloading .subSecWrap.js-subReveal {
	opacity: 0;
	transform: translateY(min(calc(44 / var(--vw-min) * 100vw), 44px));
	pointer-events: none;
}
.subSecWrap.js-subReveal.is-revealed {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
	transition: opacity 0.5s ease-out var(--sub-reveal-delay),
	            transform 0.62s var(--easing-outquart) var(--sub-reveal-delay);
}
@media (prefers-reduced-motion: reduce) {
	html.is-subloading .subSecWrap.js-subReveal {
		opacity: 1;
		transform: none;
	}
	.subSecWrap.js-subReveal.is-revealed {
		transition: none;
	}
}
@media screen and (max-width:768px){
	.subSecWrap {
		padding: calc(40 / var(--vw-min) * 100vw) 0 calc(100 / var(--vw-min) * 100vw);
	}
}
.subCont {
	width: min(calc(1100 / var(--vw-min) * 100vw),1100px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.subCont {
		width: 100%;
		padding: 0 calc(24 / var(--vw-min) * 100vw);
	}
}
/**
* pager
**/
.pageNavs {
    position: relative;
    margin-top: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
    .pageNavs {
        margin-top: calc(40 / var(--vw-min) * 100vw);
    }
}
.pageNav-num {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: min(calc(10 / var(--vw-min) * 100vw),10px);
    pointer-events: none;
    padding: 0 min(calc(160 / var(--vw-min) * 100vw),160px);
}
@media screen and (max-width:768px){
    .pageNav-num {
        gap: calc(6 / var(--vw-min) * 100vw);
        padding: 0 calc(20 / var(--vw-min) * 100vw);
    }
}
.pagerItem {
    width: min(calc(56 / var(--vw-min) * 100vw),56px);
    height: min(calc(56 / var(--vw-min) * 100vw),56px);
    border-radius: 50%;
}
@media screen and (max-width:768px){
    .pagerItem {
        width: calc(40 / var(--vw-min) * 100vw);
        height: calc(40 / var(--vw-min) * 100vw);
    }
}
.pagerItemLink {
    font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0em;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: min(calc(3 / var(--vw-min) * 100vw),3px) solid #000;
    background-color: #fff;
    text-decoration: none;
    pointer-events: auto;
}
@media screen and (max-width:768px){
    .pagerItemLink {
        font-size: calc(18 / var(--vw-min) * 100vw);
        border-width: calc(2 / var(--vw-min) * 100vw);
    }
}
.pagerItem.is-current .pagerItemLink {
	background-color: var(--clor-yellowFFE);
}
.pager__arrowWrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .pager__arrowWrap {
        position: relative;
        top: unset;
        bottom: unset;
        margin-top: calc(20 / var(--vw-min) * 100vw);
    }
}
.pager__arrow {
    width: min(calc(118 / var(--vw-min) * 100vw),118px);
    height: min(calc(58 / var(--vw-min) * 100vw),58px);
}
@media screen and (max-width:768px){
    .pager__arrow {
        width: calc(100 / var(--vw-min) * 100vw);
        height: calc(48 / var(--vw-min) * 100vw);
    }
}
.pager__arrowLink {
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: auto;
}
.pager__arrowLink.--older {
    background: url(../img/common/deco/deco_prev.svg)no-repeat center/contain;
}
.pager__arrowLink.--newer {
    background: url(../img/common/deco/deco_next.svg)no-repeat center/contain;
}
.pager__arrow.is-hidden {
	opacity: 0;
	pointer-events: none;
}
/**
* backBtn
**/
.backBtn {
    width: min(calc(238 / var(--vw-min) * 100vw),238px);
    height: min(calc(64 / var(--vw-min) * 100vw),64px);
    margin: min(calc(50 / var(--vw-min) * 100vw),50px) auto 0;
}
@media screen and (max-width:768px){
    .backBtn {
        width: calc(177 / var(--vw-min) * 100vw);
        height: calc(48 / var(--vw-min) * 100vw);
        margin-top: calc(30 / var(--vw-min) * 100vw);
    }
}
.backA {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../img/common/deco/deco_back.svg)no-repeat center/contain;
}
/*-----------------------------------------------
 * Modal
-------------------------------------------------*/
/**
 * modalBox
 * 基盤のモーダル
 */
.modalBox{
	-webkit-overflow-scrolling: touch;
	background: rgba(244,162,198,.9);
	display: none;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.oneModal{
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.oneModal.is-show {
	display: block;
}

/* oneModalIn */
.oneModalIn{
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
.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(40 / var(--vw-min) * 100vw) 0;
	}
}

/**
 * closeBtn
 */
.closeBtn{
	width: min(calc(100 / var(--vw-min) * 100vw),100px);
	height: min(calc(100 / var(--vw-min) * 100vw),100px);
	position: fixed;
	top: min(calc(14 / var(--vw-min) * 100vw),14px);
	right: min(calc(14 / var(--vw-min) * 100vw),14px);
	z-index: 2;
	border-radius: 50%;
	border: min(calc(3 / var(--vw-min) * 100vw),3px) solid #000;
	background-color: var(--clor-yellowFFE);
	pointer-events: auto;
}
@media screen and (max-width:768px){
	.closeBtn{
		width: calc(70 / var(--vw-min) * 100vw);
		height: calc(70 / var(--vw-min) * 100vw);
		top: calc(8 / var(--vw-min) * 100vw);
		right: calc(8 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}

.closeBtn a {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
}
.closeBtn a::before {
	content: "";
	width: min(calc(80 / var(--vw-min) * 100vw),80px);
	height: min(calc(80 / var(--vw-min) * 100vw),80px);
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	background: url(../img/common/deco/deco_headerBg.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.closeBtn a::before {
		width: calc(56 / var(--vw-min) * 100vw);
		height: calc(56 / var(--vw-min) * 100vw);
	}
}
.closeBtn__line {
	width: min(calc(58 / var(--vw-min) * 100vw),58px);
	height: min(calc(39 / var(--vw-min) * 100vw),39px);
	position: relative;
	display: block;
}
@media screen and (max-width:768px){
	.closeBtn__line {
		width: calc(41 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
	}
}
.closeBtn__line span {
	width: 100%;
	height: min(calc(19 / var(--vw-min) * 100vw),19px);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: url(../img/common/deco/deco_tobacco2.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.closeBtn__line span {
		height: calc(14 / var(--vw-min) * 100vw);
	}
}
.closeBtn__line span:nth-child(1) {
	transform: rotate(30deg);
}
.closeBtn__line span:nth-child(2) {
	transform: rotate(-30deg);
}
/**
* COMMENT MODAL
**/
.commentWrap {
	max-width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
	border-radius: min(calc(40 / var(--vw-min) * 100vw),40px);
	padding: min(calc(50 / var(--vw-min) * 100vw),50px);
	background-color: #fff;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.commentWrap {
		max-width: calc(335 / var(--vw-min) * 100vw);
		border-radius: calc(20 / var(--vw-min) * 100vw);
		padding: calc(40 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
}
.commentIn {
	display: flex;
	gap: min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.commentIn {
		flex-direction: column;
		gap: calc(26 / var(--vw-min) * 100vw);
	}
}
.comment__img {
	width: min(calc(260 / var(--vw-min) * 100vw),260px);
	flex-shrink: 0;
}
@media screen and (max-width:768px){
	.comment__img {
		width: calc(230 / var(--vw-min) * 100vw);
		margin: 0 auto;
	}
}
.comment__img img {
	width: 100%;
	pointer-events: none;
}
.commentDetail {
	width: calc(100% - min(calc(260 / var(--vw-min) * 100vw),260px));
}
@media screen and (max-width:768px){
	.commentDetail {
		width: 100%;
	}
}
.comment__nameWrap {
	display: flex;
	flex-direction: column;
	padding-bottom: min(calc(26 / var(--vw-min) * 100vw),26px);
	border-bottom: 1px dashed var(--color-blue64B);
}
@media screen and (max-width:768px){
	.comment__nameWrap {
		padding-bottom: calc(26 / var(--vw-min) * 100vw);
	}
}
.comment__pos {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
    font-weight: 400;
    letter-spacing: 0em;
    width: 100%;
    display: flex;
    text-align: center;
    margin-bottom: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
@media screen and (max-width:768px){
	.comment__pos {
		font-size: calc(16 / var(--vw-min) * 100vw);
		justify-content: center;
		margin-bottom: calc(10 / var(--vw-min) * 100vw);
	}
}
.comment__pos span {
	border-radius: min(calc(14 / var(--vw-min) * 100vw),14px);
	background-color: var(--color-pinkF4A);
	padding: 0 min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.comment__pos span {
		border-radius: calc(14 / var(--vw-min) * 100vw);
		padding: 0 calc(6 / var(--vw-min) * 100vw);
	}
}
.comment__name {
	font-size: min(calc(30 / var(--vw-min) * 100vw),30px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
}
@media screen and (max-width:768px){
	.comment__name {
		font-size: calc(30 / var(--vw-min) * 100vw);
		text-align: center;
	}
}
.commentBox {
	margin-top: min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.commentBox {
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
}
.comment__txt {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 400;
	line-height: 1.88;
	letter-spacing: 0.01em;
}
@media screen and (max-width:768px){
	.comment__txt {
		font-size: calc(14 / var(--vw-min) * 100vw);
	}
}
/**
 * iframe
 */
/* common */
.commonIframe{
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}

/* youtube */
.youtubeIframeWrap {
	width: 70%;
	max-width: 159.993vh;
	position: relative;
}
@media screen and (max-width:768px){
	.youtubeIframeWrap {
		width: 100%;
		max-width: 100%;
		margin: 50px 0;
	}
}
.youtubeIframeWrap:before{
	content: "";
	display: block;
	padding-top: 56.25%;
	z-index: 0;
}
.youtubeIframe{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

/**
 * Image Modal
 */
.imageModal__image{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	height: 100svh;
}
.imageModal__image img{
	width: 100%;
	height: 100%;
	object-fit:scale-down;
}
/*-----------------------------------------------
 * Header
-------------------------------------------------*/
.header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	pointer-events: none;
}
.header__cont {
	width: 100%;
	position: fixed;
	inset: 0;
	z-index: 1;
	visibility: hidden;
	pointer-events: none;
	overflow: clip;
	min-height: 100vh;
	min-height: 100svh;
	min-height: 100dvh;
	min-height: -webkit-fill-available;
}
.header.is-active .header__cont,
.header.is-closing .header__cont {
	visibility: visible;
}
.header__contInner {
	-webkit-overflow-scrolling: touch;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	padding: 0;
	z-index: 2;
	pointer-events: none;
	overscroll-behavior: contain;
	overflow-x: clip;
	overflow-y: auto;
}
.header.is-active .header__contInner {
	pointer-events: auto;
}

/** 
 * inner
**/
.header__inner {
	width: 100%;
	min-height: 100%;
	min-height: 100vh;
	min-height: 100svh;
	min-height: 100dvh;
	min-height: -webkit-fill-available;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
}
.header__inner:before {
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	opacity: 0;
	background: rgba(244, 162, 198, .9);
	transition: opacity 0.35s ease;
}
.header.is-active .header__inner:before {
	opacity: 1;
}
.header__innerCont {
	width: min(calc(460 / var(--vw-min) * 100vw),460px);
	flex: 1;
	min-height: 100%;
	min-height: 100vh;
	min-height: 100svh;
	min-height: 100dvh;
	position: relative;
	border-radius: min(calc(50 / var(--vw-min) * 100vw),50px) 0 0 0;
	margin-left: auto;
	padding: min(calc(52 / var(--vw-min) * 100vw), 52px) min(calc(50 / var(--vw-min) * 100vw), 50px) min(calc(50 / var(--vw-min) * 100vw),50px);
	background-color: var(--color-blue8AC-1);
	display: flex;
	flex-direction: column;
	transform: translateX(100%);
	transition: transform var(--menu-duration) var(--menu-panel-ease);
}
.header.is-active .header__innerCont {
	transform: translateX(0);
}
.header.is-closing .header__innerCont {
	transform: translateX(100%);
	transition-duration: 0.28s;
	transition-timing-function: var(--menu-panel-ease);
}
.header.is-closing .header__contInner {
	pointer-events: none;
}
@media screen and (max-width:768px){
	.header__innerCont {
		width: calc(315 / var(--vw-min) * 100vw);
		border-radius: calc(50 / var(--vw-min) * 100vw) 0 0 0;
		padding: calc(52 / var(--vw-min) * 100vw) calc(22 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
}
.header__logo {
	width: min(calc(227 / var(--vw-min) * 100vw),227px);
	height: min(calc(77 / var(--vw-min) * 100vw),77px);
	margin-bottom: min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
	.header__logo {
		width: calc(199 / var(--vw-min) * 100vw);
		height: calc(67 / var(--vw-min) * 100vw);
		margin-bottom: calc(16 / var(--vw-min) * 100vw);
	}
}
.header__logoLink {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/common/logo/logo.png)no-repeat center/contain;
}
.header__backTop {
	width: min(calc(167 / var(--vw-min) * 100vw),167px);
	height: min(calc(46 / var(--vw-min) * 100vw),46px);
}
@media screen and (max-width:768px){
	.header__backTop {
		width: calc(125 / var(--vw-min) * 100vw);
		height: calc(38 / var(--vw-min) * 100vw);
	}
}
.header__backTopLink {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/common/deco/deco_backTop.svg)no-repeat center/contain;
}
.header .officialWrap {
	justify-content: flex-end;
	flex-shrink: 0;
	margin-top: auto;
}
.header__cat {
	width: min(calc(170 / var(--vw-min) * 100vw),170px);
	height: min(calc(112 / var(--vw-min) * 100vw),112px);
	position: absolute;
	bottom: 0;
	left: max(calc(-75 / var(--vw-min) * 100vw),-75px);
	opacity: 0;
	transform: scale(0.6) rotate(-8deg);
	transform-origin: left bottom;
	transition: transform 0.35s var(--menu-ease),
	            opacity 0.25s ease;
	transition-delay: 0s;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.header__cat {
		width: calc(130 / var(--vw-min) * 100vw);
		height: calc(86 / var(--vw-min) * 100vw);
		left: calc(-50 / var(--vw-min) * 100vw);
	}
}
.header__cat::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/common/deco/deco_cat.png)no-repeat center/contain;
}
.header__logo,
.header__backTop,
.headerNavLists .navList,
.header .officialWrap {
	opacity: 0;
	transform: translateX(20px);
	transition: transform 0.3s var(--menu-ease),
	            opacity 0.3s ease;
	transition-delay: 0s;
}
.header.is-active .header__logo {
	opacity: 1;
	transform: translateX(0);
	transition-delay: var(--menu-stagger-start);
}
.header.is-active .header__backTop {
	opacity: 1;
	transform: translateX(0);
	transition-delay: calc(var(--menu-stagger-start) + var(--menu-stagger));
}
.header.is-active .headerNavLists .navList:nth-child(1) {
	opacity: 1;
	transform: translateX(0);
	transition-delay: calc(var(--menu-stagger-start) + var(--menu-stagger) * 2);
}
.header.is-active .headerNavLists .navList:nth-child(2) {
	opacity: 1;
	transform: translateX(0);
	transition-delay: calc(var(--menu-stagger-start) + var(--menu-stagger) * 3);
}
.header.is-active .headerNavLists .navList:nth-child(3) {
	opacity: 1;
	transform: translateX(0);
	transition-delay: calc(var(--menu-stagger-start) + var(--menu-stagger) * 4);
}
.header.is-active .headerNavLists .navList:nth-child(4) {
	opacity: 1;
	transform: translateX(0);
	transition-delay: calc(var(--menu-stagger-start) + var(--menu-stagger) * 5);
}
.header.is-active .officialWrap {
	opacity: 1;
	transform: translateX(0);
	transition-delay: calc(var(--menu-stagger-start) + var(--menu-stagger) * 6);
}
.header.is-active .header__cat {
	opacity: 1;
	transform: scale(1) rotate(0);
	transition:
		transform 0.35s var(--menu-ease),
		opacity 0.25s ease 0.22s;
}
html.is-menu-open {
	overflow-x: clip;
}
/**
 * headerNav
 */
.headerNav,
.headerNav__inner,
.headerNav__cont {
	width: 100%;
	flex: 1;
	display: flex;
	flex-direction: column;
	min-height: 0;
}
/**
 * headerNavLists
 */
.headerNavLists {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: min(calc(15 / var(--vw-min) * 100vw),15px);
	margin-top: min(calc(45 / var(--vw-min) * 100vw),45px);
}
@media screen and (max-width:768px){
	.headerNavLists {
		gap: calc(14 / var(--vw-min) * 100vw);
		margin-top: calc(45 / var(--vw-min) * 100vw);
	}
}
.headerNavLists .navList {
	flex-shrink: 0;
}
/* a */
.navList__link {
	font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.02em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 min(calc(15 / var(--vw-min) * 100vw), 15px) min(calc(15 / var(--vw-min) * 100vw), 15px);
    border-bottom: 1px dashed var(--color-blue64B);
    text-decoration: none;
}
@media screen and (max-width:768px){
	.navList__link {
		font-size: calc(18 / var(--vw-min) * 100vw);
        padding: 0 calc(16 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
	}
}
.navList__link::before {
	content: "";
	width: min(calc(18 / var(--vw-min) * 100vw),18px);
	height: min(calc(18 / var(--vw-min) * 100vw),18px);
	display: block;
	position: absolute;
	top: max(calc(-6 / var(--vw-min) * 100vw),-6px);
	left: min(calc(5 / var(--vw-min) * 100vw),5px);
	z-index: -1;
	-webkit-mask: url(../img/common/deco/deco_star.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_star.svg)no-repeat center/contain;
	background-color: var(--color-pinkF4A);
	opacity: 0;
	transform: scale(0);
	animation: 12s ani_rotate02 linear infinite;
	transition: opacity var(--hover-duration) var(--hover-ease),
	            transform var(--hover-duration) var(--hover-ease);
}
@media screen and (max-width:768px){
	.navList__link::before {
		width: calc(16 / var(--vw-min) * 100vw);
		height: calc(16 / var(--vw-min) * 100vw);
		top: calc(-5 / var(--vw-min) * 100vw);
		left: calc(5 / var(--vw-min) * 100vw);
	}
}
.navList__link.--is-active {
	font-weight: 700;
}
.navList__link.--is-active::before {
	opacity: 1;
	transform: scale(1);
}
.header__arrow  {
	width: min(calc(26 / var(--vw-min) * 100vw),26px);
	height: min(calc(26 / var(--vw-min) * 100vw),26px);
	display: block;
	flex-shrink: 0;
	position: relative;
	border-radius: 50%;
	border: min(calc(2 / var(--vw-min) * 100vw),2px) solid #000;
	background-color: var(--color-pinkF4A);
}
@media screen and (max-width:768px){
	.header__arrow  {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}
.header__arrow::after {
	content: "";
	width: min(calc(9 / var(--vw-min) * 100vw),9px);
	height: min(calc(9 / var(--vw-min) * 100vw),9px);
	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: #000;
}
@media screen and (max-width:768px){
	.header__arrow::after {
		width: calc(7 / var(--vw-min) * 100vw);
		height: calc(7 / var(--vw-min) * 100vw);
	}
}
/**
 * navBtn
 */
.header__navBtnWrap {
	width: min(calc(100 / var(--vw-min) * 100vw),100px);
	height: min(calc(100 / var(--vw-min) * 100vw),100px);
	position: absolute;
	top: min(calc(14 / var(--vw-min) * 100vw),14px);
	right: min(calc(14 / var(--vw-min) * 100vw),14px);
	z-index: 2;
	border-radius: 50%;
	border: min(calc(3 / var(--vw-min) * 100vw),3px) solid #000;
	background-color: var(--clor-yellowFFE);
	pointer-events: auto;
	transition: transform var(--hover-duration) var(--hover-ease);
}
.header.is-active .header__navBtnWrap {
	transform: rotate(12deg);
}
@media screen and (max-width:768px){
	.header__navBtnWrap {
		width: calc(70 / var(--vw-min) * 100vw);
		height: calc(70 / var(--vw-min) * 100vw);
		top: calc(8 / var(--vw-min) * 100vw);
		right: calc(8 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}
.header__navBtn {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
}
.header__navBtn::before {
	content: "";
	width: min(calc(80 / var(--vw-min) * 100vw),80px);
	height: min(calc(80 / var(--vw-min) * 100vw),80px);
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	background: url(../img/common/deco/deco_headerBg.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.header__navBtn::before {
		width: calc(56 / var(--vw-min) * 100vw);
		height: calc(56 / var(--vw-min) * 100vw);
	}
}
.header__navBtn__lineWrap {
	width: min(calc(58 / var(--vw-min) * 100vw),58px);
	height: min(calc(39 / var(--vw-min) * 100vw),39px);
	position: relative;
	display: block;
}
@media screen and (max-width:768px){
	.header__navBtn__lineWrap {
		width: calc(41 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
	}
}
.header__navBtn--line {
	width: 100%;
	height: min(calc(19 / var(--vw-min) * 100vw),19px);
	position: absolute;
	left: 0;
	margin: auto;
	background: url(../img/common/deco/deco_tobacco2.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.header__navBtn--line {
		height: calc(14 / var(--vw-min) * 100vw);
	}
}
.header__navBtn--line:nth-child(1) {
	top: 0;
}
.header__navBtn--line:nth-child(2) {
	bottom: 0;
}

/**
 * active
 */
.header__navBtn--line {
	transition: transform var(--hover-duration) var(--hover-ease),
	            opacity .3s ease;
}
.header__navBtn.is-active .header__navBtn--line:nth-child(1) {
	bottom: 0;
	transform: rotate(30deg);
}
.header__navBtn.is-active .header__navBtn--line:nth-child(2) {
	top: 0;
	transform: rotate(-30deg);
}
/*-----------------------------------------------
 * Footer
-------------------------------------------------*/
.footer {
	position: relative;
	z-index: 1;
	padding: min(calc(72 / var(--vw-min) * 100vw),72px) 0 min(calc(48 / var(--vw-min) * 100vw),48px);
	margin-top: auto;
}
@media screen and (max-width:768px){
	.footer {
		padding: calc(60 / var(--vw-min) * 100vw) 0 calc(38 / var(--vw-min) * 100vw);
	}
}
.footer::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	z-index: -1;
	margin: auto;
	border-radius: min(calc(80 / var(--vw-min) * 100vw),80px) min(calc(80 / var(--vw-min) * 100vw),80px) 0 0;
	background-color: var(--color-grayD9D);
	pointer-events: none;
}
@media screen and (max-width:768px){
	.footer::before {
		border-radius: calc(30 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw) 0 0;
	}
}
.footerWrap {
	width: min(calc(1100 / var(--vw-min) * 100vw),1100px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.footerWrap {
		width: 100%;
		padding: 0 calc(24 / var(--vw-min) * 100vw);
	}
}
.footer__logo {
	width: min(calc(400 / var(--vw-min) * 100vw),400px);
	height: min(calc(135 / var(--vw-min) * 100vw),135px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.footer__logo {
		width: calc(199 / var(--vw-min) * 100vw);
		height: calc(67 / var(--vw-min) * 100vw);
	}
}
.footer__logoLink {
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/common/logo/logo.png)no-repeat center/contain;
}
.officialWrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: min(calc(14 / var(--vw-min) * 100vw),14px);
	padding-top: min(calc(35 / var(--vw-min) * 100vw),35px);
}
@media screen and (max-width:768px){
	.officialWrap {
		gap: calc(10 / var(--vw-min) * 100vw);
		padding-top: calc(34 / var(--vw-min) * 100vw);
	}
}
.officialTit {
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	font-weight: 700;
	letter-spacing: 0.06em;
}
@media screen and (max-width:768px){
	.officialTit {
		font-size: calc(16 / var(--vw-min) * 100vw);
	}
}
.officialLists {
	display: flex;
	align-items: center;
	gap: min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.officialLists {
		gap: calc(10 / var(--vw-min) * 100vw);
	}
}
.officialItem {
	width: min(calc(54 / var(--vw-min) * 100vw),54px);
	height: min(calc(54 / var(--vw-min) * 100vw),54px);
	position: relative;
	border-radius: 50%;
	border: min(calc(2 / var(--vw-min) * 100vw),2px) solid #000;
}
@media screen and (max-width:768px){
	.officialItem {
		width: calc(46 / var(--vw-min) * 100vw);
		height: calc(46 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}
.officialLink {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
	background-color: var(--color-pinkFE7);
	pointer-events: auto;
}
.officialLink::after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	background-color: #fff;
}
.officialLink.--official-x::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;
}
@media screen and (max-width:768px){
	.officialLink.--official-x::after {
		width: calc(19 / var(--vw-min) * 100vw);
		height: calc(19 / var(--vw-min) * 100vw);
	}
}
.footer__navLists {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: min(calc(24 / var(--vw-min) * 100vw),24px);
	padding-top: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.footer__navLists {
		justify-content: flex-start;
		gap: 0;
		padding-top: calc(35 / var(--vw-min) * 100vw);
	}
	.footer__navItem {
		width: calc((100% - calc(20 / var(--vw-min) * 100vw)) / 2);
	}
}
.footer__navLink {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.04em;
	position: relative;
	text-decoration: none;
}
@media screen and (max-width:768px){
	.footer__navLink {
		font-size: calc(18 / var(--vw-min) * 100vw);
	}
}
.footer__navLink::after {
	content: "";
	width: min(calc(21 / var(--vw-min) * 100vw),21px);
	height: min(calc(21 / var(--vw-min) * 100vw),21px);
	display: block;
	position: absolute;
	top: max(calc(-10 / var(--vw-min) * 100vw),-10px);
	left: max(calc(-10 / var(--vw-min) * 100vw),-10px);
	z-index: -1;
	-webkit-mask: url(../img/common/deco/deco_star.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_star.svg)no-repeat center/contain;
	background-color: var(--color-pinkF4A);
	opacity: 0;
	transform: scale(0);
	animation: 12s ani_rotate02 linear infinite;
	transition: opacity var(--hover-duration) var(--hover-ease),
	            transform var(--hover-duration) var(--hover-ease);
}
@media screen and (max-width:768px){
	.footer__navLink::after {
		width: calc(21 / var(--vw-min) * 100vw);
		height: calc(21 / var(--vw-min) * 100vw);
		top: calc(-11 / var(--vw-min) * 100vw);
		left: calc(-11 / var(--vw-min) * 100vw);
	}
}
.footer__navLink.--is-active::after {
	opacity: 1;
	transform: scale(1);
}
.copyright {
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
	text-align: center;
	margin-top: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.copyright {
		font-size: calc(12 / var(--vw-min) * 100vw);
		margin-top: calc(60 / var(--vw-min) * 100vw);
	}
}
.scroll-top {
    width: min(calc(144 / var(--vw-min) * 100vw),144px);
    height: min(calc(144 / var(--vw-min) * 100vw),144px);
    position: absolute;
    top: max(calc(-72 / var(--vw-min) * 100vw),-72px);
    right: min(calc(90 / var(--vw-min) * 100vw),90px);
    border-radius: 50%;
    border: min(calc(3 / var(--vw-min) * 100vw),3px) solid #000;
    background-color: var(--clor-yellowFFE);
}
@media screen and (max-width:768px){
	.scroll-top {
		width: calc(90 / var(--vw-min) * 100vw);
		height: calc(90 / var(--vw-min) * 100vw);
		top: calc(-45 / var(--vw-min) * 100vw);
		right: calc(11 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}
.scroll-top::before {
    content: "";
    width: min(calc(100 / var(--vw-min) * 100vw),100px);
    height: min(calc(100 / var(--vw-min) * 100vw),100px);
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    background: url(../img/common/deco/deco_scrollBg.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.scroll-top::before {
		width: calc(62 / var(--vw-min) * 100vw);
		height: calc(62 / var(--vw-min) * 100vw);
	}
}
.scroll-top::after {
    content: "";
    width: min(calc(129 / var(--vw-min) * 100vw),129px);
    height: min(calc(129 / var(--vw-min) * 100vw),129px);
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_scrollTxt.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_scrollTxt.svg)no-repeat center/contain;
    background-color: var(--color-pinkFE7);
	animation: 60s ani_rotate01 linear infinite;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.scroll-top::after {
		width: calc(80 / var(--vw-min) * 100vw);
		height: calc(80 / var(--vw-min) * 100vw);
	}
}
.scroll-topLink {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    position: relative;
	pointer-events: auto;
}
.scroll-topLink::before {
    content: "";
    width: min(calc(32 / var(--vw-min) * 100vw),32px);
    height: min(calc(44 / var(--vw-min) * 100vw),44px);
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    background: url(../img/common/deco/deco_arrow2.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.scroll-topLink::before {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
	}
}
/**
* modalOpen
**/
.js-modalOpen{
	cursor: pointer;
}
/*-----------------------------------------------
 * Hover — Pop
-------------------------------------------------*/
@media (hover: hover) and (pointer: fine) {
	.header__logoLink,
	.footer__logoLink,
	.subSec__logoLink {
		transition: transform var(--hover-duration) var(--hover-ease);
	}
	.header__logoLink:hover,
	.header__logoLink:focus-visible,
	.footer__logoLink:hover,
	.footer__logoLink:focus-visible,
	.subSec__logoLink:hover,
	.subSec__logoLink:focus-visible {
		transform: scale(var(--hover-scale));
	}
	.navList__link .header__arrow {
		transition: transform var(--hover-duration) var(--hover-ease),
		            background-color var(--hover-duration) var(--hover-ease);
	}
	.navList__link:hover::before,
	.navList__link:focus-visible::before {
		opacity: 0.75;
		transform: scale(1);
	}
	.navList__link.--is-active:hover::before,
	.navList__link.--is-active:focus-visible::before {
		opacity: 1;
		transform: scale(1);
	}
	.navList__link:hover .header__arrow,
	.navList__link:focus-visible .header__arrow {
		transform: translateX(var(--hover-arrow-shift));
		background-color: var(--clor-yellowFFE);
	}
	.navList__link.--is-active:hover .header__arrow,
	.navList__link.--is-active:focus-visible .header__arrow {
		transform: translateX(var(--hover-arrow-shift));
	}
	.footer__navLink {
		transition: transform var(--hover-duration) var(--hover-ease);
	}
	.footer__navLink:hover,
	.footer__navLink:focus-visible {
		transform: scale(var(--hover-scale-sm));
	}
	.footer__navLink:hover::after,
	.footer__navLink:focus-visible::after {
		opacity: 0.75;
		transform: scale(1);
	}
	.footer__navLink.--is-active:hover::after,
	.footer__navLink.--is-active:focus-visible::after {
		opacity: 1;
	}
	.scroll-top {
		transition: transform var(--hover-duration) var(--hover-ease);
	}
	.scroll-top:hover,
	.scroll-top:focus-within {
		transform: scale(var(--hover-scale));
	}
	.officialItem {
		transition: transform var(--hover-duration) var(--hover-ease);
	}
	.officialItem:hover,
	.officialItem:focus-within {
		transform: scale(var(--hover-scale));
	}
	.news__arrow {
		transition: transform var(--hover-duration) var(--hover-ease);
	}
	.news__item {
		transition: transform var(--hover-duration) var(--hover-ease);
	}
	.news__item:has(.news__link:hover),
	.news__item:has(.news__link:focus-visible) {
		transform: scale(var(--hover-scale-news));
	}
	.news__link:hover .news__arrow,
	.news__link:focus-visible .news__arrow {
		transform: translateX(var(--hover-arrow-shift));
	}
	.swiper__arrow {
		transition: transform var(--hover-duration) var(--hover-ease);
	}
	.swiper__arrow.--prev:hover,
	.swiper__arrow.--prev:focus-visible {
		transform: translateX(calc(var(--hover-arrow-shift) * -1));
	}
	.swiper__arrow.--next:hover,
	.swiper__arrow.--next:focus-visible {
		transform: translateX(var(--hover-arrow-shift));
	}
	.backA {
		transition: transform var(--hover-duration) var(--hover-ease);
	}
	.backA:hover,
	.backA:focus-visible {
		transform: translateX(calc(var(--hover-slide-shift) * -1));
	}
	.header__backTopLink {
		transition: transform var(--hover-duration) var(--hover-ease);
	}
	.header__backTopLink:hover,
	.header__backTopLink:focus-visible {
		transform: translateX(calc(var(--hover-slide-shift) * -1));
	}
	.pager__arrowLink {
		transition: transform var(--hover-duration) var(--hover-ease);
	}
	.pager__arrowLink.--older:hover,
	.pager__arrowLink.--older:focus-visible {
		transform: translateX(calc(var(--hover-arrow-shift) * -1));
	}
	.pager__arrowLink.--newer:hover,
	.pager__arrowLink.--newer:focus-visible {
		transform: translateX(var(--hover-arrow-shift));
	}
	.pagerItemLink {
		transition: transform var(--hover-duration) var(--hover-ease);
	}
	.pagerItemLink:hover,
	.pagerItemLink:focus-visible {
		transform: scale(1.12);
	}
	.pagerItemLink:hover {
		background-color: var(--clor-yellowFFE);
	}
	.header__navBtnWrap:hover,
	.header__navBtnWrap:has(.header__navBtn:focus-visible) {
		transform: scale(var(--hover-scale)) rotate(-6deg);
	}
	.header.is-active .header__navBtnWrap:hover,
	.header.is-active .header__navBtnWrap:has(.header__navBtn:focus-visible) {
		transform: rotate(12deg) scale(var(--hover-scale));
	}
	.header__navBtnWrap:hover .header__navBtn:not(.is-active) .header__navBtn--line:nth-child(1),
	.header__navBtnWrap:has(.header__navBtn:focus-visible) .header__navBtn:not(.is-active) .header__navBtn--line:nth-child(1) {
		transform: translateY(-4px);
	}
	.header__navBtnWrap:hover .header__navBtn:not(.is-active) .header__navBtn--line:nth-child(2),
	.header__navBtnWrap:has(.header__navBtn:focus-visible) .header__navBtn:not(.is-active) .header__navBtn--line:nth-child(2) {
		transform: translateY(4px);
	}
}
.header__navBtn:focus-visible {
	outline: 2px solid #000;
	outline-offset: 3px;
}
.navList__link:focus-visible,
.footer__navLink:focus-visible,
.scroll-topLink:focus-visible,
.news__link:focus-visible {
	outline: 2px solid #000;
	outline-offset: 3px;
}
.is-reduced-motion .ah {
	transition: none !important;
}
.is-reduced-motion .navList__link .header__arrow,
.is-reduced-motion .footer__navLink,
.is-reduced-motion .scroll-top,
.is-reduced-motion .officialItem,
.is-reduced-motion .news__item,
.is-reduced-motion .news__arrow,
.is-reduced-motion .swiper__arrow,
.is-reduced-motion .backA,
.is-reduced-motion .pager__arrowLink,
.is-reduced-motion .pagerItemLink,
.is-reduced-motion .header__navBtnWrap {
	transition: none !important;
	transform: none !important;
}
.is-reduced-motion .navList__link::before,
.is-reduced-motion .footer__navLink::after {
	animation: none !important;
}
/*-----------------------------------------------
 * SUBLOADING
-------------------------------------------------*/
html.is-subloading {
	overflow: hidden;
}
html.is-subloading .cursorTobacco {
	opacity: 0;
}
.subloading {
	--subload-smoke-dur: 1.35s;
	--subload-smoke-delay: 0.05s;
	--subload-smoke-y: 88vh;
	width: 100%;
	height: 100%;
	position: fixed;
	inset: 0;
	z-index: 100100;
	opacity: 1;
	visibility: visible;
	overflow: visible;
	pointer-events: auto;
	transition: opacity 0.4s ease, visibility 0.4s ease;
}
.subloading.is-done {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.subloading__bg {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	z-index: 0;
	background: var(--color-blue8AC);
}
.subloading__fore {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: visible;
	pointer-events: none;
}
.subloading__smokeHaze {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	overflow: visible;
	pointer-events: none;
}
.subloading.is-active .subloading__smokeHaze {
	animation: subloadingMistSway 4s ease-in-out 0.2s infinite;
}
.subloading__mistVeil {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	opacity: 0;
	background: radial-gradient(ellipse 100% 85% at 50% 72%, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.28) 42%, transparent 78%);
}
.subloading.is-active .subloading__mistVeil {
	animation: subloadingMistVeilIn 1.5s ease-out 0.1s forwards;
}
.subloading__smokeCloud {
	width: min(calc(560 / var(--vw-min) * 100vw), 560px);
	height: min(calc(320 / var(--vw-min) * 100vw), 320px);
	position: absolute;
	top: var(--subload-smoke-y);
	left: 50%;
	opacity: 0;
	filter: blur(min(calc(56 / var(--vw-min) * 100vw), 56px));
	transform: translate(-50%, -50%) scale(0.45);
	background: radial-gradient(ellipse at 65% 50%, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.24) 48%, transparent 78%);
}
.subloading__smokeCloud--2 {
	width: min(calc(760 / var(--vw-min) * 100vw), 760px);
	height: min(calc(420 / var(--vw-min) * 100vw), 420px);
	left: 38%;
	filter: blur(min(calc(64 / var(--vw-min) * 100vw), 64px));
}
.subloading__smokeCloud--3 {
	width: min(calc(600 / var(--vw-min) * 100vw), 600px);
	height: min(calc(340 / var(--vw-min) * 100vw), 340px);
	left: 62%;
	top: calc(var(--subload-smoke-y) + 2vh);
	filter: blur(min(calc(52 / var(--vw-min) * 100vw), 52px));
}
.subloading__smokeCloud--4 {
	width: min(calc(500 / var(--vw-min) * 100vw), 500px);
	height: min(calc(300 / var(--vw-min) * 100vw), 300px);
	left: 28%;
	top: calc(var(--subload-smoke-y) - 2vh);
	filter: blur(min(calc(48 / var(--vw-min) * 100vw), 48px));
}
.subloading__smokeCloud--5 {
	width: min(calc(840 / var(--vw-min) * 100vw), 840px);
	height: min(calc(440 / var(--vw-min) * 100vw), 440px);
	left: 54%;
	top: calc(var(--subload-smoke-y) - 3vh);
	filter: blur(min(calc(72 / var(--vw-min) * 100vw), 72px));
}
.subloading__smokeCloud--6 {
	width: min(calc(640 / var(--vw-min) * 100vw), 640px);
	height: min(calc(360 / var(--vw-min) * 100vw), 360px);
	left: 72%;
	top: calc(var(--subload-smoke-y) + 1vh);
	filter: blur(min(calc(58 / var(--vw-min) * 100vw), 58px));
}
.subloading__smokeCloud--7 {
	width: min(calc(700 / var(--vw-min) * 100vw), 700px);
	height: min(calc(400 / var(--vw-min) * 100vw), 400px);
	left: 22%;
	top: calc(var(--subload-smoke-y) + 3vh);
	filter: blur(min(calc(60 / var(--vw-min) * 100vw), 60px));
}
.subloading.is-active .subloading__smokeCloud {
	animation: subloadingSmokeCloudRise var(--subload-smoke-dur) cubic-bezier(0.33, 1, 0.68, 1) var(--subload-smoke-delay) forwards;
}
.subloading.is-active .subloading__smokeCloud--2 {
	animation: subloadingSmokeCloudRise calc(var(--subload-smoke-dur) + 0.15s) cubic-bezier(0.33, 1, 0.68, 1) calc(var(--subload-smoke-delay) + 0.08s) forwards;
}
.subloading.is-active .subloading__smokeCloud--3 {
	animation: subloadingSmokeCloudRise calc(var(--subload-smoke-dur) - 0.05s) cubic-bezier(0.33, 1, 0.68, 1) calc(var(--subload-smoke-delay) + 0.12s) forwards;
}
.subloading.is-active .subloading__smokeCloud--4 {
	animation: subloadingSmokeCloudRise calc(var(--subload-smoke-dur) - 0.1s) cubic-bezier(0.33, 1, 0.68, 1) calc(var(--subload-smoke-delay) + 0.04s) forwards;
}
.subloading.is-active .subloading__smokeCloud--5 {
	animation: subloadingSmokeCloudRise calc(var(--subload-smoke-dur) + 0.1s) cubic-bezier(0.33, 1, 0.68, 1) calc(var(--subload-smoke-delay) + 0.16s) forwards;
}
.subloading.is-active .subloading__smokeCloud--6 {
	animation: subloadingSmokeCloudRise calc(var(--subload-smoke-dur) + 0.05s) cubic-bezier(0.33, 1, 0.68, 1) calc(var(--subload-smoke-delay) + 0.1s) forwards;
}
.subloading.is-active .subloading__smokeCloud--7 {
	animation: subloadingSmokeCloudRise calc(var(--subload-smoke-dur) + 0.2s) cubic-bezier(0.33, 1, 0.68, 1) calc(var(--subload-smoke-delay) + 0.2s) forwards;
}
.subloading__smokeEmit {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	z-index: 2;
	overflow: visible;
	pointer-events: none;
}
.subloading__smoke {
	width: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height: min(calc(32 / var(--vw-min) * 100vw), 32px);
	display: block;
	position: absolute;
	border-radius: 50%;
	filter: blur(min(calc(16 / var(--vw-min) * 100vw), 16px));
	background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.14) 50%, transparent 80%);
	animation: subloadingSmokeRise 2.2s ease-out forwards;
	pointer-events: none;
}
.subloading__smoke--puff {
	width: min(calc(44 / var(--vw-min) * 100vw), 44px);
	height: min(calc(44 / var(--vw-min) * 100vw), 44px);
	filter: blur(min(calc(22 / var(--vw-min) * 100vw), 22px));
	background: radial-gradient(circle, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.16) 55%, transparent 82%);
	animation: subloadingSmokePuff 2s ease-out forwards;
}
@media screen and (max-width:768px){
	.subloading__fore {
		display: none;
	}
}
@media (prefers-reduced-motion: reduce) {
	.subloading.is-active .subloading__smokeHaze,
	.subloading.is-active .subloading__mistVeil,
	.subloading.is-active .subloading__smokeCloud {
		animation: none !important;
	}
	.subloading.is-active .subloading__mistVeil {
		opacity: 0.35;
	}
	.subloading__smoke {
		animation: none !important;
		opacity: 0;
	}
}
@keyframes subloadingMistSway {
	0%,
	100% {
		transform: translate3d(0, 0, 0);
	}
	50% {
		transform: translate3d(min(calc(14 / var(--vw-min) * 100vw), 14px), 0, 0);
	}
}
@keyframes subloadingMistVeilIn {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0.88;
	}
	100% {
		opacity: 0;
	}
}
@keyframes subloadingSmokeRise {
	0% {
		opacity: 0.55;
		transform: translate(0, 0) scale(0.75);
	}
	100% {
		opacity: 0;
		transform: translate(var(--smoke-x, 0), min(calc(-88 / var(--vw-min) * 100vw), -88vh)) scale(4.2);
	}
}
@keyframes subloadingSmokePuff {
	0% {
		opacity: 0.6;
		transform: translate(0, 0) scale(0.55);
	}
	30% {
		opacity: 0.45;
		transform: translate(var(--puff-x, 0), var(--puff-y, -14px)) scale(2.4);
	}
	100% {
		opacity: 0;
		transform: translate(calc(var(--puff-x, 0) * 1.2), calc(var(--puff-y, -14px) - min(calc(78 / var(--vw-min) * 100vw), 78vh))) scale(3.8);
	}
}
@keyframes subloadingSmokeCloudRise {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.45);
	}
	22% {
		opacity: 0.75;
	}
	55% {
		opacity: 0.58;
		transform: translate(calc(-50% + min(calc(-12 / var(--vw-min) * 100vw), -12px)), calc(-50% + min(calc(-28 / var(--vw-min) * 100vw), -28vh))) scale(1.25);
	}
	100% {
		opacity: 0;
		transform: translate(calc(-50% + min(calc(-20 / var(--vw-min) * 100vw), -20px)), calc(-50% + min(calc(-58 / var(--vw-min) * 100vw), -58vh))) scale(1.7);
	}
}
/*-----------------------------------------------
 * Cursor Tobacco — カーソルについてくる演出
-------------------------------------------------*/
.cursorTobacco {
	width: min(calc(21 / var(--vw-min) * 100vw), 21px);
	height: min(calc(63 / var(--vw-min) * 100vw), 63px);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100050;
	background: url(../img/common/deco/deco_tobacco.svg)no-repeat center/contain;
	opacity: 0;
	transform: translate(var(--cursor-x, -100px), var(--cursor-y, -100px)) translate(4px, 6px) rotate(-78deg);
	transition: opacity 0.2s ease;
	pointer-events: none;
}
.cursorTobacco.is-visible {
	opacity: 1;
}
.cursorTobacco__smokeWrap {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
}
.cursorTobacco__smoke {
	width: min(calc(6 / var(--vw-min) * 100vw), 6px);
	height: min(calc(6 / var(--vw-min) * 100vw), 6px);
	display: block;
	position: absolute;
	top: min(calc(2 / var(--vw-min) * 100vw), 2px);
	left: 50%;
	margin-left: min(calc(-3 / var(--vw-min) * 100vw), -3px);
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .55);
	filter: blur(1px);
	animation: cursorTobacco_smoke 1.2s ease-out forwards;
	pointer-events: none;
}
.cursorTobacco__smoke--puff {
	width: min(calc(12 / var(--vw-min) * 100vw), 12px);
	height: min(calc(12 / var(--vw-min) * 100vw), 12px);
	margin-left: min(calc(-6 / var(--vw-min) * 100vw), -6px);
	background-color: rgba(255, 255, 255, .7);
	filter: blur(2px);
	animation: cursorTobacco_smokePuff 1s ease-out forwards;
}
.is-reduced-motion .cursorTobacco__smoke {
	animation: none;
	opacity: 0;
}
/*-----------------------------------------------
 * Scroll animation [.js-scrani]
-------------------------------------------------*/
.js-scrani {
	--scrani-delay: 0s;
}
.js-scrani:not(.--is-ani) {
	visibility: hidden;
	pointer-events: none;
}
.js-scrani.--is-ani {
	visibility: visible;
	pointer-events: auto;
}
.cont-titWrap.js-scrani:not(.--is-ani) .cont-tit__img {
	opacity: 0;
	transform: translateY(min(calc(16 / var(--vw-min) * 100vw), 16px));
}
.cont-titWrap.js-scrani.--is-ani .cont-tit__img {
	opacity: 1;
	transform: none;
	transition: opacity 0.45s ease-out var(--scrani-delay),
	            transform 0.45s ease-out var(--scrani-delay);
}
.cont-titWrap.js-scrani:not(.--is-ani) .cont-tit::before,
.cont-titWrap.js-scrani:not(.--is-ani) .cont-tit::after {
	opacity: 0;
	animation: none;
}
.cont-titWrap.js-scrani:not(.--is-ani) .cont-tit::before {
	transform: rotate(-270deg) scale(0);
}
.cont-titWrap.js-scrani:not(.--is-ani) .cont-tit::after {
	transform: rotate(90deg) scale(0);
}
.cont-titWrap.js-scrani.--is-ani .cont-tit::before,
.cont-titWrap.js-scrani.--is-ani .cont-tit::after {
	opacity: 1;
}
.cont-titWrap.js-scrani.--is-ani .cont-tit::before {
	animation: scrani_titStarSpinBefore 0.7s var(--easing-outquart) var(--scrani-delay) forwards,
	           12s ani_rotate02 linear calc(0.7s + var(--scrani-delay)) infinite;
}
.cont-titWrap.js-scrani.--is-ani .cont-tit::after {
	animation: scrani_titStarSpinAfter 0.7s var(--easing-outquart) calc(0.1s + var(--scrani-delay)) forwards,
	           12s ani_rotate02 linear calc(0.8s + var(--scrani-delay)) reverse infinite;
}
.js-scrani--pop:not(.--is-ani) {
	opacity: 0;
	transform: scale(0.6) rotate(-8deg);
}
.js-scrani--pop.--is-ani {
	opacity: 1;
	transform: none;
	transition: opacity 0.5s var(--easing-outquart) var(--scrani-delay),
	            transform 0.55s var(--easing-outquart) var(--scrani-delay);
}
.js-scrani--slideL:not(.--is-ani) {
	opacity: 0;
	transform: translateX(min(calc(-40 / var(--vw-min) * 100vw), -40px)) rotate(-4deg);
}
.js-scrani--slideL.--is-ani {
	opacity: 1;
	transform: none;
	transition: opacity 0.55s var(--easing-outquart) var(--scrani-delay),
	            transform 0.6s var(--easing-outquart) var(--scrani-delay);
}
.js-scrani--slideR:not(.--is-ani) {
	opacity: 0;
	transform: translateX(min(calc(40 / var(--vw-min) * 100vw), 40px)) rotate(4deg);
}
.js-scrani--slideR.--is-ani {
	opacity: 1;
	transform: none;
	transition: opacity 0.55s var(--easing-outquart) var(--scrani-delay),
	            transform 0.6s var(--easing-outquart) var(--scrani-delay);
}
.js-scrani--tilt:not(.--is-ani) {
	opacity: 0;
	transform: translateY(min(calc(36 / var(--vw-min) * 100vw), 36px)) rotate(6deg) scale(0.92);
}
.js-scrani--tilt.--is-ani {
	opacity: 1;
	transform: none;
	transition: opacity 0.45s ease-out var(--scrani-delay),
	            transform 0.55s var(--easing-outquart) var(--scrani-delay);
}
.js-scrani--news:not(.--is-ani) {
	opacity: 0;
	transform: translateX(min(calc(-50 / var(--vw-min) * 100vw), -50px)) rotate(-3deg) scale(0.94);
}
.js-scrani--news.--is-ani {
	opacity: 1;
	transform: none;
	transition: opacity 0.5s ease-out var(--scrani-delay),
	            transform 0.6s var(--easing-outquart) var(--scrani-delay);
}
.js-scrani--bounceUp:not(.--is-ani) {
	opacity: 0;
	transform: translateY(min(calc(50 / var(--vw-min) * 100vw), 50px)) scale(0.88);
}
.js-scrani--bounceUp.--is-ani {
	opacity: 1;
	transform: none;
	animation: scrani_bounceUp 0.7s var(--easing-outquart) var(--scrani-delay) backwards;
}
.js-scrani--zoom:not(.--is-ani) {
	opacity: 0;
	transform: scale(0.85);
}
.js-scrani--zoom.--is-ani {
	opacity: 1;
	transform: none;
	transition: opacity 0.5s ease-out var(--scrani-delay),
	            transform 0.65s var(--easing-outquart) var(--scrani-delay);
}
.is-reduced-motion .js-scrani,
.is-reduced-motion .cont-titWrap.js-scrani .cont-tit__img {
	visibility: visible !important;
	pointer-events: auto !important;
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}
.is-reduced-motion .cont-titWrap.js-scrani .cont-tit::before {
	opacity: 1 !important;
	transform: rotate(-90deg) !important;
	animation: 12s ani_rotate02 linear infinite !important;
}
.is-reduced-motion .cont-titWrap.js-scrani .cont-tit::after {
	opacity: 1 !important;
	transform: rotate(-45deg) !important;
	animation: 12s ani_rotate02 linear reverse infinite !important;
}
@media (prefers-reduced-motion: reduce) {
	.js-scrani,
	.cont-titWrap.js-scrani .cont-tit__img {
		visibility: visible !important;
		pointer-events: auto !important;
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
	.cont-titWrap.js-scrani .cont-tit::before {
		opacity: 1 !important;
		transform: rotate(-90deg) !important;
		animation: 12s ani_rotate02 linear infinite !important;
	}
	.cont-titWrap.js-scrani .cont-tit::after {
		opacity: 1 !important;
		transform: rotate(-45deg) !important;
		animation: 12s ani_rotate02 linear reverse infinite !important;
	}
}
/*-----------------------------------------------
 * Section animation pause off-screen
-------------------------------------------------*/
.--is-paused,
.--is-paused *,
.--is-paused::before,
.--is-paused::after,
.--is-paused *::before,
.--is-paused *::after {
	animation-play-state: paused;
}
/*-----------------------------------------------
 * keyframes
-------------------------------------------------*/
@keyframes scrani_titStarSpinBefore {
	0% {
		transform: rotate(-270deg) scale(0);
	}
	100% {
		transform: rotate(-90deg) scale(1);
	}
}
@keyframes scrani_titStarSpinAfter {
	0% {
		transform: rotate(90deg) scale(0);
	}
	100% {
		transform: rotate(-45deg) scale(1);
	}
}
@keyframes scrani_bounceUp {
	0% {
		opacity: 0;
		transform: translateY(min(calc(50 / var(--vw-min) * 100vw), 50px)) scale(0.88);
	}
	65% {
		opacity: 1;
		transform: translateY(min(calc(-8 / var(--vw-min) * 100vw), -8px)) scale(1.03);
	}
	100% {
		opacity: 1;
		transform: none;
	}
}
@keyframes ani_rotate01 {
	0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}
}
.is-reduced-motion .header__innerCont,
.is-reduced-motion .header__inner:before,
.is-reduced-motion .header__logo,
.is-reduced-motion .header__backTop,
.is-reduced-motion .headerNavLists .navList,
.is-reduced-motion .header .officialWrap,
.is-reduced-motion .header__cat,
.is-reduced-motion .header__navBtnWrap {
	transition: none !important;
	transform: none !important;
	opacity: 1 !important;
	animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
	.header__innerCont,
	.header__inner:before,
	.header__logo,
	.header__backTop,
	.headerNavLists .navList,
	.header .officialWrap,
	.header__cat,
	.header__navBtnWrap {
		transition: none !important;
		transform: none !important;
		opacity: 1 !important;
		animation: none !important;
	}
	.header__innerCont {
		transform: translateX(100%);
	}
	.header.is-active .header__innerCont {
		transform: none;
	}
}
@keyframes ani_rotate02 {
	0% {rotate: 0deg;}
	100% {rotate: 360deg;}
}
@keyframes cursorTobacco_smoke {
	0% {
		opacity: .75;
		transform: translate(0, 0) scale(1);
	}
	100% {
		opacity: 0;
		transform: translate(4px, -22px) scale(2);
	}
}
@keyframes cursorTobacco_smokePuff {
	0% {
		opacity: .85;
		transform: translate(0, 0) scale(.3);
	}
	35% {
		opacity: .7;
		transform: translate(var(--puff-x, 0), var(--puff-y, -14px)) scale(2.2);
	}
	100% {
		opacity: 0;
		transform: translate(calc(var(--puff-x, 0) * 1.5), calc(var(--puff-y, -14px) - 36px)) scale(3.6);
	}
}