@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;}
/*-----------------------------------------------
 * Bace
 * Modal
 * Header
 * Parts
-------------------------------------------------*/
/*-----------------------------------------------
 * Bace
-------------------------------------------------*/
:root{
	/* Fonts */
	--font-default: "Noto Serif JP";

	/* Color */
	--color-red: #ff0000;
	--color-brown: #830000;
	--color-yellow: #d5a531;
	--color-blue: #424cb0;

	/* Size */
	--vw-min: 1200;
	--max-percent: 1.6;
}
@media screen and (max-width:768px){
	:root{
		/* Size */
		--vw-min: 750;
		--max-percent: 1;
	}
}
body{
	-webkit-text-size-adjust: 100%;
	background-color: #000;
	color: #000;
	font-family: var(--font-default);
	font-feature-settings: "palt";
	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: #222; }
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){ 
	html{ 
		font-size: 62.5%;
	}
	body{
		font-size: 10px; 
		font-size: 1rem;
		font-size: calc(24 / var(--vw-min) * 100vw);
		min-width: 320px;
	}
	.sp{ display: block; }
	.pc{ display: none; }
	.ah:hover { opacity: 1; }
}

#fullWrap{
	width: 100%;
	position: relative;
}


/* ScrollBar */
::-webkit-scrollbar{
	width:8px;
	height:8px;
}
::-webkit-scrollbar-track{
	border-radius:0px;
	background:#fff;
}
::-webkit-scrollbar-thumb{
	background:#000;
	border-radius:4px;
	margin:2px;
	box-shadow:none;
}
@-moz-document url-prefix(){
	html{
		scrollbar-color:#000 #fff;
		scrollbar-width:thin;
	}
}

/*-----------------------------------------------
 * Modal
-------------------------------------------------*/

/**
 * modalBox
 * 基盤のモーダル
 */
.modalBox{
	-webkit-overflow-scrolling: touch;
	background: rgba(0,0,0,.75);
	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;
}

/* 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: 50px 0;
}
@media screen and (max-width:768px){
	.oneModalIn{
		min-width: 100%;
	}
	.oneModalIn__cont{
		width: 100%;
		padding: 30px 0;
	}
}

/**
 * closeBtn
 */
.modalClose{
	position: fixed;
	top: 0;
	right: 0;
	width: min(calc(100 / var(--vw-min) * 100vw), calc(100px * var(--max-percent)));
	height: min(calc(100 / var(--vw-min) * 100vw), calc(100px * var(--max-percent)));
	margin-top: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	margin-right: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	z-index: 2;
}
.btn_modalClose{
	display: block;
	width: 100%;
	height: 100%;
	-webkit-mask: url(../img/common/arrow_bg.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_bg.svg) no-repeat center / contain;
	background-color: #fff;
}
.btn_modalClose:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 40%;
	height: 40%;
	-webkit-mask: url(../img/common/icon_close.png) no-repeat center / contain;
	mask: url(../img/common/icon_close.png) no-repeat center / contain;
	background-color: #000;
	margin: auto;
}
@media screen and (hover:hover) and (pointer: fine){
	.btn_modalClose{
		transition: background-color .3s ease;
	}
	.btn_modalClose:hover{
		background-color: var(--color-yellow);
	}
}



/**
 * 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;
}


/*-----------------------------------------------
 * Header
-------------------------------------------------*/
.header {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 999;
	overflow: hidden;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.header {
		top: 0;
		overflow: unset;
	}
}

/* inner */
.header__inner {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: min(calc(4 / var(--vw-min) * 100vw), 4px) auto 0;
}
.header__innerWrap{
	width: min(calc(1255 / var(--vw-min) * 100vw), 1255px);
	height: min(calc(182 / var(--vw-min) * 100vw), 182px);
	padding-top: min(calc(23 / var(--vw-min) * 100vw), 23px);
	padding-right: min(calc(81 / var(--vw-min) * 100vw), 81px);
	padding-bottom: min(calc(42 / var(--vw-min) * 100vw), 42px);
	padding-left: min(calc(52 / var(--vw-min) * 100vw), 52px);
	position: relative;
	margin-left: max(calc(-9 / var(--vw-min) * 100vw), -9px);
	background: url(../img/common/nav/bg_nav.png) no-repeat center / contain;
	filter: drop-shadow(max(calc(-4 / var(--vw-min) * 100vw), -4px) min(calc(8 / var(--vw-min) * 100vw), 8px) min(calc(8 / var(--vw-min) * 100vw), 8px) #000);
}
@supports (background-image: url(../img/common/nav/bg_nav.webp)){
	.header__innerWrap{
		background-image:url(../img/common/nav/bg_nav.webp);
	}
}
.header__innerInWrap{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}
@media screen and (min-width:769px){
	.header__innerInWrap{
		pointer-events: auto;
	}
}




@media screen and (max-width:768px){
	.header__inner {
		-webkit-overflow-scrolling: touch;
		width: 100%;
		min-height: 100vh;
		min-height: 100dvh;
		overflow: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		opacity: 0;
		pointer-events: none;
		z-index: 1;
		transition: opacity .3s ease-in-out;
		overflow: auto;
		overscroll-behavior: contain;
	}
	.header.is-active .header__inner {
		opacity: 1;
		pointer-events: auto;
	}
	.header__inner:before {
		content: "";
		background: url(../img/common/nav/bg_nav-s.jpg) no-repeat top center / cover;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
	}
	@supports (background-image: url(../img/common/nav/bg_nav-s.webp)){
		.header__inner:before {
			background-image:url(../img/common/nav/bg_nav-s.webp);
		}
	}

	.header__innerWrap{
		width: 100%;
		height: auto;
		min-height: 100vh;
		margin-left: unset;
		padding-top: calc(248 / var(--vw-min) * 100vw);
		padding-left: unset;
		padding-right: unset;
		padding-bottom: calc(96 / var(--vw-min) * 100vw);
		background: unset;
		filter: unset;
	}
	.header__innerInWrap{
		flex-direction: column;
	}
}


/**
* headerLogo
**/
.header__logo{
	width: min(calc(120 / var(--vw-min) * 100vw), 120px);
	flex-shrink: 0;
}
.header__logo a{
	width: 100%;
	display: block;
}
.header__logo.__pc a{
	pointer-events: auto;
}
.header__logo img{
	width: 100%;
}

@media screen and (max-width:768px){
	.header__logo.__pc{
		opacity: 0;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	.header__logo{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: calc(120 / var(--vw-min) * 100vw);
		margin: calc(50 / var(--vw-min) * 100vw) auto 0;
		opacity: 0;
		transition: opacity .3s ease;
	}
	.header.is-active .header__logo{
		opacity: 1;
		pointer-events: auto;
	}
}
@media screen and (hover:hover) and (pointer: fine){
	.header__logo{
		transition: transform .125s ease, filter .3s ease;
	}
	.header__logo:hover{
		transform: scale(105%);
		filter: brightness(125%);
	}
}


/**
 * headerNav
 */
.headerNav {
	width: calc(100% - min(calc(270 / var(--vw-min) * 100vw), 270px));
	position: relative;
	z-index: 1;
	padding: 0 min(calc(32 / var(--vw-min) * 100vw), 32px);
	margin: 0 auto;
}

.headerNavLists{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: min(calc(26 / var(--vw-min) * 100vw), 26px);
	row-gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.headerNavList{
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
}

.headerNavList a {
	display: block;
	pointer-events: auto;
	height: 100%;
	perspective: 400px;
}
.headerNavList a img{
	display: block;
	height: 100%;
}
.headerNavList a.--is-current{
	filter: brightness(0) saturate(100%) invert(17%) sepia(64%) saturate(3214%) hue-rotate(207deg) brightness(89%) contrast(90%);
}

@media screen and (max-width:768px){
	.headerNav{
		width: 100%;
		padding: 0 ;
	}
	.headerNavLists{
		flex-direction: column;
		align-items: center;
		row-gap: calc(32 / var(--vw-min) * 100vw);
	}
	.headerNavList{
		height: calc(48 / var(--vw-min) * 100vw);
	}

	.header:not(.is-active) .headerNavList a{
		pointer-events: none;
	}
}
@media screen and (hover:hover) and (pointer: fine){
	.headerNavList a {
		perspective: 800px;
	}
	.headerNavList a img{
		transition: transform .4s ease;
	}
	.headerNavList a:not(.--is-current):hover img{
		transform: rotate3d(0, 1, 0, 360deg);
	}
}



/**
 * header__snsLists
 */
.header__snsLists{
	width: min(calc(150 / var(--vw-min) * 100vw), 150px);
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: min(calc(28 / var(--vw-min) * 100vw), 28px);
	row-gap: min(calc(14 / var(--vw-min) * 100vw), 14px);
}
.header__snsLists--dt{
	width: 100%;
	height: min(calc(14 / var(--vw-min) * 100vw), 14px);
	-webkit-mask: url(../img/common/nav/txt_snsofficial.png)  no-repeat center / contain;
	mask: url(../img/common/nav/txt_snsofficial.png)  no-repeat center / contain;
	background-color: #fff;
}
.header__snsLists--dd{
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.header__snsLists--dd__link{
	display: block;
	width: 100%;
	height: 100%;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	background-color: #fff;
	pointer-events: auto;
}
.header__snsLists--dd__link.__icon-x{
	-webkit-mask-image: url(../img/common/icon_tw.svg);
	mask-image: url(../img/common/icon_tw.svg);
}
.header__snsLists--dd__link.__icon-yt{
	-webkit-mask-image: url(../img/common/icon_yt.svg);
	mask-image: url(../img/common/icon_yt.svg);
}

@media screen and (max-width:768px){
	.header__snsLists{
		width: 100%;
		padding-top: calc(64 / var(--vw-min) * 100vw);
		column-gap: calc(56 / var(--vw-min) * 100vw);
		row-gap: calc(48 / var(--vw-min) * 100vw);
	}
	.header__snsLists--dt{
		height: calc(36 / var(--vw-min) * 100vw);
		background-color: #000;
	}
	.header__snsLists--dd{
		width: calc(64 / var(--vw-min) * 100vw);
		height: calc(64 / var(--vw-min) * 100vw);
	}
	.header:not(.is-active) .header__snsLists--dd__link{
		pointer-events: none;
	}
	.header__snsLists--dd__link{
		background-color: #000;
	}
}
@media screen and (hover:hover) and (pointer: fine){
	.header__snsLists--dd__link{
		transition: background-color .3s ease;
	}
	.header__snsLists--dd__link:hover{
		background-color: #ce4d18;
	}
}



/**
 * navBtn
 */
@media screen and (max-width:768px){
	.header__navBtnWrap {
		width: 100%;
		height: calc(182 / var(--vw-min) * 100vw);
		position: absolute;
		top: calc(13 / var(--vw-min) * 100vw);
		right: 0;
		z-index: 2;
		overflow: hidden;
	}
	.header__navBtnWrap .header__logo{
		z-index: 2;
	}

	.header__navBtn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(124 / var(--vw-min) * 100vw);
		height: calc(117 / var(--vw-min) * 100vw);
		position: absolute;
		top: calc(22 / var(--vw-min) * 100vw);
		right: 0;
		margin: auto 0;
		z-index: 2;
		pointer-events: auto;
	}
	.header__navBtn__lineWrap {
		width: calc(58 / var(--vw-min) * 100vw);
		height: calc(58 / var(--vw-min) * 100vw);
		position: relative;
	}
	.header__navBtn__lineWrap:before,
	.header__navBtn__lineWrap:after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		transition: transform .3s ease, opacity .3s ease;
		opacity: 0;
		transform: scale(80%);
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		-webkit-mask-position: center;
		mask-repeat: no-repeat;
		mask-size: contain;
		mask-position: center;
		background-color: #000;
	}

	/* open */
	.header__navBtn__lineWrap:before{
		width: calc(58 / var(--vw-min) * 100vw);
		height: calc(44 / var(--vw-min) * 100vw);
		-webkit-mask-image: url(../img/common/nav/nav_menu.png);
		mask-image: url(../img/common/nav/nav_menu.png);
	}
	.header:not(.is-active) .header__navBtn__lineWrap:before{
		opacity: 1;
		transform: scale(100%);
	}

	/* close */
	.header__navBtn__lineWrap:after{
		width: calc(50 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
		-webkit-mask-image: url(../img/common/nav/nav_close.png);
		mask-image: url(../img/common/nav/nav_close.png);
	}
	.header.is-active .header__navBtn__lineWrap:after{
		opacity: 1;
		transform: scale(100%);
	}

	.header__navBtn--bg{
		width: calc(1255 / var(--vw-min) * 100vw);
		height: calc(182 / var(--vw-min) * 100vw);
		position: absolute;
		top: 0;
		left: 0;
		transition: transform .4s ease;
        transform: translateX(79.3334vw);
		filter: drop-shadow(calc(-4 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw) #000);
	}
	.header__navBtn--bg:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: url(../img/common/nav/bg_nav.png) no-repeat center / contain;
	}
	@supports (background-image: url(../img/common/nav/bg_nav.webp)){
		.header__navBtn--bg:before{
			background-image:url(../img/common/nav/bg_nav.webp);
		}
	}



	/* active */
	.header.is-active .header__navBtn--bg{
		left: unset;
		transform: translateX(-1.6vw);
	}
}


/*-----------------------------------------------
 * Parts
-------------------------------------------------*/

/**
 * shareLists
 */
.shareLists {
	display: flex;
	justify-content: center;
	gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
@media screen and (max-width:768px){
	.shareLists {
		gap: calc(40 / var(--vw-min) * 100vw);
	}
}

/* item */
.shareLists__item {
	width: min(calc(44 / var(--vw-min) * 100vw), 44px);
	height: min(calc(44 / var(--vw-min) * 100vw), 44px);
}
@media screen and (max-width:768px){
	.shareLists__item {
		width: calc(48 / var(--vw-min) * 100vw);
		height: calc(48 / var(--vw-min) * 100vw);
	}
}

/* link */
.shareLists__link {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	text-decoration: none;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 100%;
	mask-size: contain;
	background-color: #fff;
	transition: background-color .4s ease;
}
.shareLists__link:hover {
	background-color: #ce4d18;
}

/* 各SNSパーツ */
.shareLists__item.is-twitter .shareLists__link {
	-webkit-mask-image: url(../img/common/icon_tw.svg);
	mask-image: url(../img/common/icon_tw.svg);
}
.shareLists__item.is-facebook .shareLists__link {
	-webkit-mask-image: url(../img/common/icon_fb.svg);
	mask-image: url(../img/common/icon_fb.svg);
}
.shareLists__item.is-line .shareLists__link {
	-webkit-mask-image: url(../img/common/icon_line.svg);
	mask-image: url(../img/common/icon_line.svg);
}



/**
* ComLink
*/
.com__link{
	min-width: min(calc(336 / var(--vw-min) * 100vw), 336px);
	height: min(calc(72 / var(--vw-min) * 100vw), 72px);
	padding: min(calc(16 / var(--vw-min) * 100vw), 16px) min(calc(72 / var(--vw-min) * 100vw), 72px) min(calc(16 / var(--vw-min) * 100vw), 16px) min(calc(48 / var(--vw-min) * 100vw), 48px);
	display: inline-flex;
	align-items: center;
	position: relative;
	text-decoration: none;
	color: #FFF;
	border-radius: min(calc(64 / var(--vw-min) * 100vw), 64px);
	border: 2px solid #000;
	text-decoration: none;
}
.com__link:before{
	content: '';
	position: absolute;
	top: min(calc(4 / var(--vw-min) * 100vw), 4px);
	left: min(calc(4 / var(--vw-min) * 100vw), 4px);
	right: min(calc(4 / var(--vw-min) * 100vw), 4px);
	bottom: min(calc(4 / var(--vw-min) * 100vw), 4px);
	border-radius: min(calc(64 / var(--vw-min) * 100vw), 64px);
	background-color: #000;
}
.com__link--txt{
	display: inline-block;
	position: relative;
}
.com__link--txt img{
	display: block;
	height: 100%;
}


.com__link.-wh{
	color: #000;
	border-color: #FFF;
}
.com__link.-wh:before{
	background-color: #fff;
}

.com__link.-yellow{
	color: #000;
	border-color: var(--color-yellow);
}
.com__link.-yellow:before{
	background-color: var(--color-yellow);
}


.com__link--circle{
	width: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height: min(calc(32 / var(--vw-min) * 100vw), 32px);
	border-radius: 50%;
	border: 2px solid #FFF;
	position: absolute;
	top: 0;
	bottom: 0;
	right: min(calc(20 / var(--vw-min) * 100vw), 20px);
	/* background-color: #000; */
	margin: auto 0;
}
.com__link--circle:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	width: 88%;
	height: 88%;
	margin: auto;
	background-color: #FFF;
}
.com__link--circle:after {
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	width: min(calc(5 / var(--vw-min) * 100vw), 5px);
	height: min(calc(5 / var(--vw-min) * 100vw), 5px);
	margin-left: max(calc(-3 / var(--vw-min) * 100vw), -3px);
	margin-top: max(calc(-2.5 / var(--vw-min) * 100vw), -2.5px);
	box-sizing: border-box;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
}

.com__link.-wh .com__link--circle,
.com__link.-yellow .com__link--circle{
	border-color: #000;
	/* background-color: #fff; */
}
.com__link.-wh .com__link--circle:before,
.com__link.-yellow .com__link--circle:before{
	background-color: #000;
}
.com__link.-wh .com__link--circle:after {
	border-top-color: #FFF;
	border-right-color: #FFF;
}
.com__link.-yellow .com__link--circle:after {
	border-top-color: var(--color-yellow);
	border-right-color: var(--color-yellow);
}


.com__link.--pdr{
	padding-left: min(calc(72 / var(--vw-min) * 100vw), 72px);
	padding-right: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.com__link.--pdr .com__link--circle{
	right: unset;
	left: min(calc(20 / var(--vw-min) * 100vw), 20px);
	transform: scale(-1,-1);
}

.com__link.--center{
	justify-content: center;
}

@media screen and (hover:hover) and (pointer: fine){
	.com__link{
		transition: opacity .3s ease, transform .125s ease;
	}
	.com__link:hover{
		opacity: 85%;
		transform: scale(105%);
	}
}



/**
* Swiper Nav
**/
.swiperNav__pn{
	display: block;
	width: min(calc(68 / var(--vw-min) * 100vw), 68px);
	height: min(calc(68 / var(--vw-min) * 100vw), calc(68px * var(--max-percent)));
	pointer-events: all;
	position: relative;
}
.swiperNav__pn--arrow{
	display: block;
	width: 100%;
	height: 100%;
	-webkit-mask: url(../img/common/arrow_bg.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_bg.svg) no-repeat center / contain;
	background-color: #000;
}
.swiperNav__pn--arrow:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 55.8824%;/* 38 */
	height: 35.2942%;/* 24 */
	-webkit-mask: url(../img/common/arrow.png) no-repeat center / contain;
	mask: url(../img/common/arrow.png) no-repeat center / contain;
	background-color: var(--color-yellow);
}
.swiperNav__pn.--l{
	transform: scale(-1,-1);
}

@media screen and (hover:hover) and (pointer: fine){
	.swiperNav__pn--arrow{
		transition: opacity .3s ease, transform .125s ease;
	}
	.swiperNav__pn--arrow:hover{
		opacity: 85%;
		transform: scale(105%);
	}
	.swiperNav__pn--arrow:after{
		transition: transform .25s ease;
	}
	.swiperNav__pn:hover .swiperNav__pn--arrow:after{
		transform: translateX(12.5%);
	}
}


.l-main{
	position: relative;
	padding-top: min(calc(176 / var(--vw-min) * 100vw), 176px);
	padding-bottom: calc(192 / var(--vw-min) * 100vw);
}

.content{
	position: relative;
	width: 100%;
	z-index: 1;
}

.content__title{
	width: 100%;
	height: min(calc(126 / var(--vw-min) * 100vw), 126px);
	text-align: center;
}
.content__title img{
	display: block;
	height: 100%;
	margin: 0 auto;
}

.contentInner{
	position: relative;
	z-index: 1;
}

@media screen and (max-width:768px){
	.l-main{
		padding-top: calc(192 / var(--vw-min) * 100vw);
		padding-bottom: calc(160 / var(--vw-min) * 100vw);
	}
	.s-main__logo{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: calc(152 / var(--vw-min) * 100vw);
		margin: calc(42 / var(--vw-min) * 100vw) auto 0;
		z-index: 1;
	}
	.s-main__logo a{
		width: 100%;
		display: block;
	}
	.s-main__logo img{
		width: 100%;
	}
	.content__title{
		height: calc(126 / var(--vw-min) * 100vw);
	}
}

.content.js-inLoaded .content__title{
	opacity: 0;
	transform: translateY(-50%);
	transition: transform .6s cubic-bezier(.46, .21, .24, 1), opacity .3s ease;
}
.content.js-inLoaded.--is-ani .content__title{
	opacity: 1;
	transform: translateY(0%);
}


/*----------------------
 * ContentBg
----------------------*/
.contentBg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

/*
* Type1
*/
.contentBg[data-type="1"]{
	background-color: #f8d65c;
	background-image: url(../img/common/bg/bg_com1_c.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
}
@supports (background-image: url(../img/common/bg/bg_com1_c.webp)){
	.contentBg[data-type="1"]{
		background-image:url(../img/common/bg/bg_com1_c.webp);
	}
}
.contentBg[data-type="1"]:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 81.5834%;
	background: url(../img/common/bg/bg_com1_t.png) no-repeat center top / 100%;
}
@supports (background-image: url(../img/common/bg/bg_com1_t.webp)){
	.contentBg[data-type="1"]:before{
		background-image:url(../img/common/bg/bg_com1_t.webp);
	}
}
.contentBg[data-type="1"]:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 104.0834%;
	background: url(../img/common/bg/bg_com1_b.png) no-repeat center bottom / 100%;
}
@supports (background-image: url(../img/common/bg/bg_com1_b.webp)){
	.contentBg[data-type="1"]:after{
		background-image:url(../img/common/bg/bg_com1_b.webp);
	}
}
@media screen and (max-width:768px){
	.contentBg[data-type="1"]:before{
		background-image: url(../img/common/bg/bg_com1_t-s.png);
		padding-top: 131.0667%;
	}
	@supports (background-image: url(../img/common/bg/bg_com1_t-s.webp)){
		.contentBg[data-type="1"]:before{
			background-image:url(../img/common/bg/bg_com1_t-s.webp);
		}
	}
}


/*
* Type2
*/
.contentBg[data-type="2"]{
	background-color: #f8a75c;
	background-image: url(../img/common/bg/bg_com2_c.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
}
@supports (background-image: url(../img/common/bg/bg_com2_c.webp)){
	.contentBg[data-type="2"]{
		background-image:url(../img/common/bg/bg_com2_c.webp);
	}
}
.contentBg[data-type="2"]:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 81.5834%;
	background: url(../img/common/bg/bg_com1_t.png) no-repeat center top / 100%;
}
@supports (background-image: url(../img/common/bg/bg_com1_t.webp)){
	.contentBg[data-type="2"]:before{
		background-image:url(../img/common/bg/bg_com1_t.webp);
	}
}
.contentBg[data-type="2"]:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 104.0834%;
	background: url(../img/common/bg/bg_com2_b.png) no-repeat center bottom / 100%;
}
@supports (background-image: url(../img/common/bg/bg_com2_b.webp)){
	.contentBg[data-type="2"]:after{
		background-image:url(../img/common/bg/bg_com2_b.webp);
	}
}
@media screen and (max-width:768px){
	.contentBg[data-type="2"]:before{
		background-image: url(../img/common/bg/bg_com1_t-s.png);
		padding-top: 131.0667%;
	}
	@supports (background-image: url(../img/common/bg/bg_com1_t-s.webp)){
		.contentBg[data-type="2"]:before{
			background-image:url(../img/common/bg/bg_com1_t-s.webp);
		}
	}
}


/*
* Type3
*/
.contentBg[data-type="3"]{
	background-color: #1a536c;
}
.contentBg[data-type="3"]:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 142%;
	background: url(../img/common/bg/bg_com3_t.png) no-repeat center top / 100%;
}
@supports (background-image: url(../img/common/bg/bg_com3_t.webp)){
	.contentBg[data-type="3"]:before{
		background-image:url(../img/common/bg/bg_com3_t.webp);
	}
}
.contentBg[data-type="3"]:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 78.3334%;
	background: url(../img/common/bg/bg_com3_b.png) no-repeat center bottom / 100%;
}
@supports (background-image: url(../img/common/bg/bg_com3_b.webp)){
	.contentBg[data-type="3"]:after{
		background-image:url(../img/common/bg/bg_com3_b.webp);
	}
}
@media screen and (max-width:768px){
	.contentBg[data-type="3"]:before{
		background-image: url(../img/common/bg/bg_com3_t-s.png);
		padding-top: 187.4667%;
	}
	@supports (background-image: url(../img/common/bg/bg_com3_t-s.webp)){
		.contentBg[data-type="3"]:before{
			background-image:url(../img/common/bg/bg_com3_t-s.webp);
		}
	}
}




/*---------------
 * wp-pagenavi
----------------*/
.wp-pagenavi{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: min(calc(54 / var(--vw-min) * 100vw), 54px);
	gap: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
.wp-pagenavi > span.current,
.wp-pagenavi > a.page{
	width: min(calc(60 / var(--vw-min) * 100vw), 60px);
	height: min(calc(60 / var(--vw-min) * 100vw), 60px);
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	position: relative;
	font-weight: 700;
}
.wp-pagenavi > span.current:before,
.wp-pagenavi > a.page:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-mask: url(../img/common/arrow_bg.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_bg.svg) no-repeat center / contain;
	transition: background-color .3s ease;
	z-index: -1;
}
.wp-pagenavi > span.current:before{
	background-color: var(--color-yellow);
}
.wp-pagenavi > a.page:before{
	background-color: #000;
}
@media screen and (hover:hover) and (pointer: fine){
	.wp-pagenavi > a.page:hover::before{
		background-color: #4e3c11;
	}
}
.wp-pagenavi > span.current{
	color: #000;
}
.wp-pagenavi > a.page{
	color: #FFF;
}



/*-----------------------------------------------
 * FOOTER
-------------------------------------------------*/
.l-footer{
	width: 100%;
	position: relative;
	padding-top: min(calc(72 / var(--vw-min) * 100vw), 72px);
	padding-bottom: min(calc(120 / var(--vw-min) * 100vw), 120px);
	background-color: #000;
	color: #FFF;
}
.l-footer__inner{
	position: relative;
	width: 100%;
	z-index: 1;
}

.l-footer__mlinkLists{
	display: flex;
	justify-content: center;
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.l-footer__mlink{
	min-width: min(calc(336 / var(--vw-min) * 100vw), 336px);
	display: flex;
	align-items: center;
	justify-content: center;
	height: min(calc(72 / var(--vw-min) * 100vw), 72px);
	position: relative;
	border-radius: min(calc(64 / var(--vw-min) * 100vw), 64px);
	padding: min(calc(16 / var(--vw-min) * 100vw), 16px) min(calc(72 / var(--vw-min) * 100vw), 72px);
	background-color: #000;
	text-decoration: none;
	border: 2px solid #FFF;
}
.l-footer__mlink:before{
	content: '';
	position: absolute;
	top: min(calc(4 / var(--vw-min) * 100vw), 4px);
	left: min(calc(4 / var(--vw-min) * 100vw), 4px);
	right: min(calc(4 / var(--vw-min) * 100vw), 4px);
	bottom: min(calc(4 / var(--vw-min) * 100vw), 4px);
	border-radius: min(calc(64 / var(--vw-min) * 100vw), 64px);
	background-color: #fff;
}
.l-footer__mlink--txt{
	display: inline-block;
	position: relative;
}
.l-footer__mlink--circle{
	width: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height: min(calc(32 / var(--vw-min) * 100vw), 32px);
	border-radius: 50%;
	border: 2px solid #000;
	position: absolute;
	top: 0;
	bottom: 0;
	right: min(calc(20 / var(--vw-min) * 100vw), 20px);
	background-color: #FFF;
	margin: auto 0;
}
.l-footer__mlink--circle:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	width: 88%;
	height: 88%;
	margin: auto;
	background-color: #000;
}
.l-footer__mlink--circle:after{
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	width: min(calc(5 / var(--vw-min) * 100vw), 5px);
	height: min(calc(5 / var(--vw-min) * 100vw), 5px);
	margin-left: max(calc(-3 / var(--vw-min) * 100vw), -3px);
	margin-top: max(calc(-2.5 / var(--vw-min) * 100vw), -2.5px);
	box-sizing: border-box;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: rotate(45deg);
}
.l-footer__mlink--txt{
	display: inline-flex;
	align-items: center;
	position: relative;
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.mlink__txt-official{
	width: min(calc(53 / var(--vw-min) * 100vw), 53px);
	height: min(calc(28 / var(--vw-min) * 100vw), 28px);
	-webkit-mask: url(../img/common/txt/txt_official.svg) no-repeat center / contain;
	mask: url(../img/common/txt/txt_official.svg) no-repeat center / contain;
	background-color: #000;
}
.mlink__txt-icon{
	background-color: #000;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
}
.mlink__txt-icon.__x{
	width: min(calc(24 / var(--vw-min) * 100vw), 24px);
	height: min(calc(24 / var(--vw-min) * 100vw), 24px);
	-webkit-mask-image: url(../img/common/icon_tw.svg);
	mask-image: url(../img/common/icon_tw.svg);
}
.mlink__txt-icon.__yt{
	width: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height: min(calc(32 / var(--vw-min) * 100vw), 32px);
	-webkit-mask-image: url(../img/common/icon_yt.svg);
	mask-image: url(../img/common/icon_yt.svg);
}
.l-footer__mlink--img{
	position: absolute;
	top: 0;
	left: max(calc(-70 / var(--vw-min) * 100vw), -70px);
	bottom: 0;
	margin: auto 0;
	width: min(calc(115 / var(--vw-min) * 100vw), 115px);
	height: min(calc(115 / var(--vw-min) * 100vw), 115px);
}
.l-footer__mlink--img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}



.l-footer__shareLists{
	padding-top: min(calc(56 / var(--vw-min) * 100vw), 56px);
	text-align: center;
}
.l-footer__share--title{
	display: inline-block;
	height: min(calc(22 / var(--vw-min) * 100vw), 22px);
	margin-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.l-footer__share--title img{
	display: block;
	height: 100%;
}
.copyRight{
	font-weight: 500;
	text-align: center;
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	padding-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
	padding-bottom: min(calc(16 / var(--vw-min) * 100vw), 16px);
}

.l-footer__linkLists{
	display: flex;
	justify-content: center;
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
}
.l-footer__linkList{
	padding: min(calc(4 / var(--vw-min) * 100vw), 4px) min(calc(20 / var(--vw-min) * 100vw), 20px);
	position: relative;
}
.l-footer__linkList:not(:last-child):after{
	content: '';
	position: absolute;
	top: min(calc(10 / var(--vw-min) * 100vw), 10px);
	bottom: min(calc(6 / var(--vw-min) * 100vw), 6px);
	right: 0;
	width: 1px;
	background-color: #ffd444;
}
.l-footer__linkList > a{
	font-weight: 500;
	color: #ffd444;
	text-underline-offset: min(calc(6 / var(--vw-min) * 100vw), 6px);
}

.l-footer__bannerLists{
	display: flex;
	justify-content: center;
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
	margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.l-footer__bannerList{
	width: min(calc(272 / var(--vw-min) * 100vw), 272px);
}
.l-footer__bannerList a{
	display: block;
}
.l-footer__bannerList a img{
	width: 100%;
}


.l-footer__logoLists{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
	gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.l-footer__logoList.__tohogames{
	width: min(calc(172 / var(--vw-min) * 100vw), 172px);
}
.l-footer__logoList.__edelweiss{
	width: min(calc(123 / var(--vw-min) * 100vw), 123px);
}
.l-footer__logoList.__g2studios{
	width: min(calc(145 / var(--vw-min) * 100vw), 145px);
}


.l-footer__logoList a{
	display: block;
}
.l-footer__logoList a img{
	width: 100%;
}

.l-footer__trandmarks{
	margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
	font-size: min(calc(10 / var(--vw-min) * 100vw), 10px);
	padding: 0 min(calc(48 / var(--vw-min) * 100vw), 48px);
	text-align: center;
	color: #666;
	line-height: 2.2;
}



@media screen and (hover:hover) and (pointer: fine){
	.l-footer__mlinkList a,
	.l-footer__logoList a{
		transition: opacity .3s ease, transform .125s ease;
	}
	.l-footer__mlinkList a:hover,
	.l-footer__logoList a:hover{
		opacity: 85%;
		transform: scale(105%);
	}

	.l-footer__bannerList a{
		transition: opacity .3s ease, transform .125s ease;
	}
	.l-footer__bannerList a:hover{
		opacity: 85%;
		transform: scale(102.5%);
	}
}

@media screen and (max-width:768px){
	.l-footer{
		padding-top: calc(72 / var(--vw-min) * 100vw);
		padding-bottom: calc(120 / var(--vw-min) * 100vw);
	}
	.l-footer__mlinkLists{
		flex-direction: column;
		align-items: center;
		gap: calc(48 / var(--vw-min) * 100vw);
	}
	.l-footer__mlinkList{
		display: inline-block;
	}
	.l-footer__mlink{
		min-width: calc(340 / var(--vw-min) * 100vw);
		height: calc(74 / var(--vw-min) * 100vw);
		border-radius: calc(74 / var(--vw-min) * 100vw);
		padding: calc(20 / var(--vw-min) * 100vw) calc(72 / var(--vw-min) * 100vw);
	}
	.l-footer__mlink:before{
		top: calc(4 / var(--vw-min) * 100vw);
		left: calc(4 / var(--vw-min) * 100vw);
		right: calc(4 / var(--vw-min) * 100vw);
		bottom: calc(4 / var(--vw-min) * 100vw);
		border-radius: calc(74 / var(--vw-min) * 100vw);
	}
	.l-footer__mlink--circle{
		width: calc(32 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
		right: calc(22 / var(--vw-min) * 100vw);
	}
	.l-footer__mlink--circle:after{
		/* width: calc(6 / var(--vw-min) * 100vw);
		height: calc(6 / var(--vw-min) * 100vw); */
		/* border-top-width: 2px;
		border-right-width: 2px; */
		/* height: 2px; */
	}
	.l-footer__mlink--txt{
		gap: calc(20 / var(--vw-min) * 100vw);
	}
	.mlink__txt-official{
		width: calc(53 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
	}
	.mlink__txt-icon.__x{
		width: calc(24 / var(--vw-min) * 100vw);
		height: calc(24 / var(--vw-min) * 100vw);
	}
	.mlink__txt-icon.__yt{
		width: calc(32 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
	}
	.l-footer__mlink--img{
		width: calc(117 / var(--vw-min) * 100vw);
		height: calc(117 / var(--vw-min) * 100vw);
		right: calc(-80 / var(--vw-min) * 100vw);
	}
	.l-footer__shareLists{
		padding-top: calc(72 / var(--vw-min) * 100vw);
	}
	.l-footer__share--title{
		height: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}

	.copyRight{
		font-size: calc(20 / var(--vw-min) * 100vw);
		padding-top: calc(80 / var(--vw-min) * 100vw);
		padding-bottom: calc(22 / var(--vw-min) * 100vw);
	}

	.l-footer__linkLists{
		font-size: calc(20 / var(--vw-min) * 100vw);
		flex-wrap: wrap;
	}
	.l-footer__linkList{
		padding: calc(10 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
	.l-footer__linkList:not(:last-child):after{
		top: calc(16 / var(--vw-min) * 100vw);
		bottom: calc(16 / var(--vw-min) * 100vw);
	}
	.l-footer__linkList:nth-of-type(2):after,
	.l-footer__linkList:nth-of-type(5):after{
		content: unset;
	}
	.l-footer__linkList > a{
		text-underline-offset: calc(6 / var(--vw-min) * 100vw);
	}

	.l-footer__bannerLists{
		flex-wrap: wrap;
		gap: calc(20 / var(--vw-min) * 100vw);
		margin-top: calc(72 / var(--vw-min) * 100vw);
	}
	.l-footer__bannerList{
		width: calc(272 / var(--vw-min) * 100vw);
	}
	.l-footer__logoLists{
		margin-top: calc(52 / var(--vw-min) * 100vw);
		gap: calc(48 / var(--vw-min) * 100vw);
	}
	.l-footer__logoList.__tohogames{
		width: calc(172 / var(--vw-min) * 100vw);
	}
	.l-footer__logoList.__edelweiss{
		width: calc(123 / var(--vw-min) * 100vw);
	}
	.l-footer__logoList.__g2studios{
		width: calc(145 / var(--vw-min) * 100vw);
	}
	.l-footer__trandmarks{
		margin-top: calc(48 / var(--vw-min) * 100vw);
		padding: 0 calc(48 / var(--vw-min) * 100vw);
		font-size: calc(16 / var(--vw-min) * 100vw);
	}
}


body:not([data-page="top"]) .l-footer{
	padding-top: calc(48 / var(--vw-min) * 100vw);
}
.l-footer__bg{
	position: absolute;
	top: calc(-172 / var(--vw-min) * 100vw);
	left: 0;
	right: 0;
	height: 89.5834vw;
	max-height: calc(100% + calc(172 / var(--vw-min) * 100vw));
}
.l-footer__bg:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/common/bg/bg_footer.png) no-repeat center top / 100%;
}
@supports (background-image: url(../img/common/bg/bg_footer.webp)){
	.l-footer__bg:before{
		background-image:url(../img/common/bg/bg_footer.webp);
	}
}
.l-footer__bg:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: min(calc(320 / var(--vw-min) * 100vw), 320px);
    background: linear-gradient(180deg, transparent 0%, #000 100%);
}
@media screen and (max-width:768px){
	body:not([data-page="top"]) .l-footer{
		padding-top: calc(72 / var(--vw-min) * 100vw);
	}
	.l-footer__bg{
		height: 119.0667vw;
		top: calc(-160 / var(--vw-min) * 100vw);
		max-height: calc(100% + calc(160 / var(--vw-min) * 100vw));
	}
	.l-footer__bg:before{
		background-image: url(../img/common/bg/bg_footer-s.png);
	}
	@supports (background-image: url(../img/common/bg/bg_footer-s.webp)){
		.l-footer__bg:before{
			background-image:url(../img/common/bg/bg_footer-s.webp);
		}
	}
}