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

	/* Font */
	--font-noto:"Noto Serif JP",serif;
	--font-en:"Playfair",serif;

	/* default */
	--max-percent:1.6;
	--def-ww:1200;
	--def-wh:640;

	/* sp-size */
	--sp-size-2:min(0.2667vw,2px);
	--sp-size-4:min(0.5334vw,4px);
	--sp-size-8:min(1.0667vw,8px);
	--sp-size-10:min(1.3334vw,10px);
	--sp-size-12:min(1.6vw,12px);
	--sp-size-16:min(2.1334vw,16px);
	--sp-size-20:min(2.6667vw,20px);
	--sp-size-24:min(3.2vw,24px);
	--sp-size-26:min(3.4667vw,26px);
	--sp-size-28:min(3.7334vw,28px);
	--sp-size-30:min(4vw,30px);
	--sp-size-32:min(4.2667vw,32px);
	--sp-size-36:min(4.8vw,36px);
	--sp-size-40:min(5.3334vw,40px);
	--sp-size-48:min(6.4vw,48px);
	--sp-size-56:min(7.4667vw,56px);
	--sp-size-64:min(8.5334vw,64px);
	--sp-size-72:min(9.6vw,72px);
	--sp-size-80:min(10.6667vw,80px);
	--sp-size-96:min(12.8vw,96px);
	--sp-size-192:min(25.6vw,192px);
}
@media screen and (max-width:767px){
	:root{
		/* default */
		--def-ww:750;
		--def-wh:1334;
	}
}
body{
	-webkit-text-size-adjust:100%;
	background-color:#fff;
	color:#222;
	font-family:var(--font-noto);
	font-feature-settings:"palt";
	font-size: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:767px){
	html{
		font-size:62.5%;
	}
	body{
		font-size:10px;
		font-size:1rem;
		font-size:var(--sp-size-24);
		min-width:320px;
	}
	.sp{display:block}
	.pc{display:none}
	.ah:hover{opacity:1}
}
#fullWrap{
	position:relative;
	width:100%;
}
#fullContentWrap{
	width:100%;
	position:relative;
	padding-bottom:276px;
	min-height:calc(100vh - 274px);
	/*min-height:calc(100vh - 418px);*/ /* bannerあるばあい */
}

@media screen and (max-width:767px){
	#fullContentWrap{
		padding-bottom:calc(196 / var(--def-ww) * 100vw);
		min-height:calc(100vh - (410 / var(--def-ww) * 100vw));
	}
}

@keyframes ani_rotate{
	  0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
/** SAFARI **/
::-webkit-full-page-media,:future,:root .-noSafari{
	display:none!important;
	width:0;
	height:0;
	overflow:hidden;
}
.-safariOnly{
	display:none;
	width:0;
	height:0;
	overflow:hidden;
}
::-webkit-full-page-media,:future,:root .-safariOnly{
	display:block;
	width:auto;
	height:auto;
	overflow:unset;
}
/* ScrollBar Setting */
::-webkit-scrollbar{
	width:6px;
	height:6px;
}
::-webkit-scrollbar-track{
  border-radius:4px;
  background:rgb(255,255,255);
}
::-webkit-scrollbar-thumb{
	background:var(--color-main-red);
	border-radius:2px;
	margin:2px;
	box-shadow:none;
}
/* firefox Only Scrollbar */
@-moz-document url-prefix(){
	html{
		scrollbar-color:var(--color-main-red) rgb(230,230,230);
		scrollbar-width:thin;
	}
}
/* Lenis */
html.lenis,html.lenis body{
	height:auto;
}
.lenis.lenis-smooth{
	scroll-behavior:auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent]{
	overscroll-behavior:contain;
}
.lenis.lenis-stopped{
	overflow:hidden;
}


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

/**
 * modalBox
 * 基盤のモーダル
 */
.modalBox{
	-webkit-overflow-scrolling:touch;
	background:rgba(255,255,255,.8);
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	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-width:100%;
	min-height:100%;
	margin:0 auto;
	position:relative;
}
.oneModalIn__cont{
	padding:50px 0;
}
@media screen and (max-width:767px){
	.oneModalIn{
		min-width:100%;
	}
	.oneModalIn__cont{
		width:100%;
		padding:9.6% 0;
	}
}

/**
 * closeBtn
 */
.closeBtn{
	width:80px;
	height:80px;
	position:absolute;
	top:0;
	right:0;
	margin-top:24px;
	margin-right:24px;
	z-index:2;
}
.closeBtn a{
	background:var(--color-main-red);
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	border-radius:50%;
	overflow:hidden;
	padding-top:20px;
	text-decoration:none;
}
.closeBtn__line{
	display:block;
	position:relative;
	width:40px;
	height:20px;
	margin:0 auto;
}
.closeBtn__line:before,
.closeBtn__line:after{
	content:'';
	position:absolute;
	width:100%;
	height:1px;
	background-color:#000;
	top:0;
	bottom:0;
	margin:auto 0;
}
.closeBtn__line:before{
	transform:rotate(30deg);
}
.closeBtn__line:after{
	transform:rotate(-30deg);
}
.closeBtn__txt{
	display:block;
	margin-top:14px;
	text-align:center;
	font-family:var(--font-en);
	font-weight:700;
	line-height:0.8;
	letter-spacing:-0.005em;
}

@media screen and (max-width:767px){
	.closeBtn{
		height:var(--sp-size-96);
		width:100%;
		padding-top:var(--sp-size-24);
		padding-right:var(--sp-size-24);
		position:sticky;
		display:flex;
		justify-content:flex-end;
		right:0;
		top:0;
		margin:0 0 max(-12.8vw,-96px);
	}
	.closeBtn a{
		width:var(--sp-size-96);
		height:var(--sp-size-96);
		padding-top:var(--sp-size-26);
		position:relative;
		right:unset;
		top:unset;
	}
	.closeBtn__line{
		width:var(--sp-size-48);
		height:var(--sp-size-20);
	}
	.closeBtn__line:before,
	.closeBtn__line:after{
		height:var(--sp-size-2);
	}
	.closeBtn__txt{
		margin-top:var(--sp-size-16);
		font-size:var(--sp-size-20);
		letter-spacing:0;
		font-size:var(--sp-size-20);
	}
}

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

/* youtube */
.youtubeIframeWrap{
	width:70%;
	max-width:159.993vh;
	position:relative;
}
@media screen and (max-width:767px){
	.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:absolute;
	top:0;
	left:0;
	bottom:0;
	z-index:999;
	pointer-events:none;
}
@media screen and (max-width:767px){
	.header{
		position:fixed;
		bottom:auto;
	}
}

/* inner */
@media screen and (min-width:768px){
	.header__inner{
		position:sticky;
		top:0;
		left:0;
		width:16.6667%;/* 200 */
		height:min(100%,100vh);
		min-height:640px;
	}
	.headerLogo{
		width:80.5%;
		max-width:161px;
		margin-left:auto;
		padding-top:80px;
	}
	.headerLogo a{
		display:block;
		pointer-events:auto;
	}
	.headerLogo a img{
		width:100%;
		filter:drop-shadow(0 0 6px #FFF) drop-shadow(0 0 5px #FFF) drop-shadow(0 0 4px #FFF) drop-shadow(0 0 6px #FFF);
	}
}
@media (hover:hover) and (pointer:fine){
	.headerLogo a{
		transition:.4s ease;
	}
	.headerLogo a:hover{
		transform:scale(1.025);
	}
}
@media screen and (max-width:767px){
	.header__inner{
		-webkit-overflow-scrolling:touch;
		width:100%;
		height:100%;
		overflow:auto;
		position:fixed;
		top:0;
		left:0;
		padding:var(--sp-size-48) 0;
		opacity:0;
		pointer-events:none;
		z-index:1;
		transition:opacity .5s ease-in-out;
	}
	.header.is-active .header__inner{
		opacity:1;
		pointer-events:auto;
	}

	.header__inner:before{
		content:"";
		background:rgba(255,255,255,.8);
		-webkit-backdrop-filter:blur(8px);
		backdrop-filter:blur(8px);
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:0;
	}

	.headerLogo{
		width:31.4667%;
		margin-left:auto;
		margin-right:auto;
		position:relative;
	}
	.headerLogo a{
		display:block;
	}
	.headerLogo a img{
		width:100%;
	}
}

/**
 * headerNav
 */
.headerNav{
	width:100%;
	padding-top:40px;
	filter:drop-shadow(0 0 6px #FFF) drop-shadow(0 0 5px #FFF) drop-shadow(0 0 4px #FFF) drop-shadow(0 0 6px #FFF);
}
.headerNavList{
	font-family:var(--font-en);
	font-size:20px;
	font-weight:500;
	position:relative;
	text-align:right;
	line-height:0.75;
	padding:4px 0;
	letter-spacing:-0.00625em;
}
.headerNavList:not(:last-child){
	margin-bottom:24px;
}
.headerNavList:after{
	content:'';
	position:absolute;
	bottom:4px;
	left:0;
	right:0;
	height:1px;
	background-image:linear-gradient(90deg,var(--color-main-red),var(--color-main-red));
	background-repeat:no-repeat;
	background-position:right center;
	background-size:0 100%;
	transition:background-size .35s ease;
}
.navList__link{
	text-decoration:none;
	pointer-events:auto;
	transition:.35s ease;
	color:#222;
}
.navList__txt > span:not(.hd){
	color:var(--color-main-red);
}

@media (hover:hover) and (pointer:fine){
	.headerNavList{
		pointer-events:none;
	}
	.headerNavList:hover::after{
		background-position:left center;
		background-size:100% 100%;
	}
}

/* ACTIVE */
.headerNavList.is-active:after{
	background-position:left center;
	background-size:100% 100%;
}
.headerNavList.is-active .navList__link{
	color:var(--color-main-red);
}

/* SNS */
.headerSNSLists{
	padding-top:40px;
}
.snsList__txtWrap{
	display:inline-block;
	padding-top:10px;
	padding-right:44px;
	padding-bottom:10px;
	position:relative;
}
.snsList__icon{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:32px;
	height:32px;
	margin:auto 0;
	border-radius:50%;
	background-color:#000;
	z-index:2;
}
.snsList__icon:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:50%;
	height:50%;
	background-color:#fff;
	margin:auto;
}
.headerSNSLists .navList__link[href*="x.com"] .snsList__icon:before{
	mask:url(../img/common/icon_tw.svg) no-repeat center / contain;
	-webkit-mask:url(../img/common/icon_tw.svg) no-repeat center / contain;
}

.headerSNSLists .headerNavList:after{
	bottom:13px;
	right:26px;
}

@media (hover:hover) and (pointer:fine){
	.snsList__icon{
		transition:background-color .35s ease .3s;
	}
	.headerSNSLists .navList__link:hover .snsList__icon{
		background-color:var(--color-main-red);
	}
}


@media screen and (max-width:767px){
	.headerNav{
		position:relative;
		z-index:1;
		filter:unset;
		padding-top:var(--sp-size-96);
		display:flex;
		flex-direction:column;
		min-height:calc(100% - calc(132 / var(--def-ww) * 100vw));
	}
	.headerNavList{
		font-size:var(--sp-size-40);
		padding:var(--sp-size-4) 0;
		text-align:center;
	}
	.headerNavList:not(:last-child){
		margin-bottom:var(--sp-size-48);
	}
	.headerNavList:after{
		bottom:var(--sp-size-8);
		height:var(--sp-size-2);
	}
	.navList__link{
		pointer-events:unset;
	}
	.header.is-active .navList__link{
		pointer-events:auto;
	}
	
	/* SNS */
	.headerSNSLists{
		margin-top:auto;
		padding-top:var(--sp-size-64);
		padding-bottom:var(--sp-size-32);
		padding-right:var(--sp-size-24);
	}
	.headerSNSLists .headerNavList{
		text-align:right;
	}
}

/**
 * navBtn
 */
@media screen and (max-width:767px){
	.header__navBtnWrap{
		width:var(--sp-size-96);
		height:var(--sp-size-96);
		position:absolute;
		top:0;
		right:0;
		margin-top:var(--sp-size-24);
		margin-right:var(--sp-size-24);
		z-index:2;
		border-radius:50%;
		background-color:#e60012;
		overflow:hidden;
	}
	.header__navBtnWrap:before{
		content:'';
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:linear-gradient( 45deg,rgb(0,0,0) 0%,rgba(0,0,0,0) 100%);
		transition:.4s ease;
	}
	.header__navBtnWrap:after{
		content:'';
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:#000;
		opacity:40%;
		transition:.4s ease;
	}
	.header__navBtn{
		display:block;
		width:100%;
		height:100%;
		position:relative;
		border-radius:50%;
		z-index:2;
		pointer-events:auto;
		padding-top:var(--sp-size-26);
		color:#FFF;
		transition:.4s ease;
	}
	.header__navBtn__lineWrap{
		width:var(--sp-size-48);
		height:var(--sp-size-20);
		position:relative;
		margin:0 auto;
	}
	.header__navBtn--line{
		background-color:#fff;
		display:block;
		width:100%;
		height:var(--sp-size-2);
		margin:auto;
		position:absolute;
		transition:.4s ease;
	}
	.header__navBtn--line:nth-child(1){
		top:0;
		bottom:calc(100% - var(--sp-size-2));
	}
	.header__navBtn--line:nth-child(2){
		top:calc(100% - var(--sp-size-2));
		bottom:0;
	}

	.header__navBtn__textWrap{
		position:relative;
		margin-top:var(--sp-size-16);
		font-family:var(--font-en);
		font-weight:700;
		font-size:var(--sp-size-20);
		letter-spacing:0;
		line-height:0.8;
	}
	.header__navBtn__text{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		opacity:0;
		transform:translateX(25%);
		transition:opacity .3s ease,transform .3s ease;
		text-align:center;
	}

	.header__navBtn__text.-menu{
		opacity:1;
		transform:translateX(0%);
	}
	
	/* active */
	.header__navBtn.is-active:before{
		width:100%;
	}
	.header__navBtn.is-active .header__navBtn--line:nth-child(1){
		top:50%;
		bottom:50%;
		transform:rotate(30deg);
	}
	.header__navBtn.is-active .header__navBtn--line:nth-child(2){
		bottom:50%;
		top:50%;
		transform:rotate(-30deg);
	}

	.header__navBtn.is-active .header__navBtn__text.-menu{
		opacity:0;
		transform:translateX(-25%);
	}
	.header__navBtn.is-active .header__navBtn__text.-close{
		opacity:1;
		transform:translateX(0%);
	}

	.header.is-active .header__navBtnWrap:before,
	.header.is-active .header__navBtnWrap:after{
		opacity:0;
		transform:translate(100%,0%);
	}
	.header__navBtn.is-active{
		color:#000;
	}
	.header__navBtn.is-active .header__navBtn--line{
		background-color:#000;
	}
}


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

/**
 * shareLists
 */
.shareLists{
	display:flex;
	align-items:center;
	justify-content:center;
}

/* title */
.shareLists__title{
	font-family:var(--font-en);
	font-weight:400;
	letter-spacing:0.05em;
	padding-right:20px;
	color:#FFF;
}

/* item */
.shareLists__item{
	width:60px;
	height:20px;
	padding:0 20px;
}

/* link */
.shareLists__link{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	position:relative;
	text-decoration:none;
}
.shareLists__link:before{
	content:"";
	width:100%;
	height:100%;
	background-color:#FFF;
	display:block;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-position:center;
	mask-position:center;
	-webkit-mask-size:100%;
	mask-size:100%;
	transition:background-color .4s ease;
}
.shareLists__link:hover:before{
	background-color:var(--color-main-red);
}

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

@media screen and (max-width:767px){
	.shareLists{
		justify-content:flex-start;
		padding-left:var(--sp-size-48);
	}
	.shareLists__title{
		padding-right:var(--sp-size-24);
	}
	.shareLists__item{
		width:var(--sp-size-96);
		height:var(--sp-size-48);
		padding:0 var(--sp-size-24);
	}
}


/*-----------------------------------------------
 * content
-------------------------------------------------*/
.content{
	width:100%;
	position:relative;
	padding-top:80px;
}
.harfCont{
	width:76.6667%;/* 920 */
	max-width:calc((920px * var(--max-percent)) + (100vw  - (1200px * var(--max-percent)) - (100vw - (1200px * var(--max-percent))) / 2));
	padding-right:calc(100vw - (1200px * var(--max-percent)) - (100vw - (1200px * var(--max-percent))) / 2);
	position:relative;
	margin-left:auto;
}
.contentBg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,40%);
}
.harfCont:before{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	background:linear-gradient( 45deg,rgb(0,0,0) 0%,rgba(0,0,0,0) 100%);
	width:100%;
}
.harfCont.-bgnone:before{
	content:unset;
}
.harfCont.-left{
	padding-right:unset;
	padding-left:calc(100vw - (1200px * var(--max-percent)) - (100vw - (1200px * var(--max-percent))) / 2);
	margin-right:auto;
}

.harfContIn{
	width:100%;
	position:relative;
	padding:0 8.6957%;/* 0 80 */
}

.cont_h2{
	width:100%;
	height:120px;
	display:flex;
	position:relative;
}
.cont_h2--en{
	display:inline-block;
	position:relative;
	height:100%;
}
.cont_h2--en:before,
.cont_h2--en:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-repeat:no-repeat;
	background-size:contain;
}
.cont_h2--en img{
	max-width:100%;
	mix-blend-mode:difference;
}


.cont_h2--ja{
	margin-left:auto;
	display:flex;
	align-items:center;
	flex-direction:row-reverse;
	font-size:20px;
	line-height:1;
	letter-spacing:0.4em;
	color:#FFF;
	mix-blend-mode:difference;
}
.cont_h2--ja_txt{
	display:inline-block;
	padding:0 6px;
	position:relative;
	writing-mode:vertical-rl;
}
.cont_h2--ja_txt:before,
.cont_h2--ja_txt:last-child::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width:1px;
	background-color:#fff;
}
.cont_h2--ja_txt:before{
	right:0;
}
.cont_h2--ja_txt:last-child::after{
	left:0;
}

.cont_h2--ja.-color_b{
	mix-blend-mode:unset;
	color:#000;
}

.cont_h2--ja.-color_b .cont_h2--ja_txt:before,
.cont_h2--ja.-color_b .cont_h2--ja_txt:last-child::after{
	background-color:#000;
}
.contentIn{
	width:100%;
}

/** safari ONLY **/
::-webkit-full-page-media,:future,:root .cont_h2--ja:not(.-color_b){
	position:relative;
	mix-blend-mode:unset;
}
::-webkit-full-page-media,:future,:root .cont_h2--ja:not(.-color_b):before,
::-webkit-full-page-media,:future,:root .cont_h2--ja:not(.-color_b):after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	mask-repeat:no-repeat;
	mask-position:center;
	mask-size:contain;
	background-color:#fff;
	margin:auto 0;
	width:100%;
}
::-webkit-full-page-media,:future,:root .cont_h2--ja:not(.-color_b):before{
	background:linear-gradient(180deg,#FFF 0px,#FFF 80px,transparent 80px,transparent 100%);
}
::-webkit-full-page-media,:future,:root .cont_h2--ja:not(.-color_b):after{
	mix-blend-mode:difference;
}
::-webkit-full-page-media,:future,:root .cont_h2--ja:not(.-color_b) .cont_h2--ja_txt{
	width:0;
	height:0;
	overflow:hidden;
}



@media screen and (max-width:767px){
	.content{
		padding-top:var(--sp-size-96);
	}
	.harfCont{
		width:93.6%;/* 702 */
		max-width:100%;
		padding-right:unset;
	}
	.harfCont.-left{
		padding-left:unset;
	}
	.harfContIn{
		padding:0 var(--sp-size-48);
	}
	.harfCont.-bgnone .harfContIn{
		padding:0 var(--sp-size-48) 0 0;
	}
	.cont_h2{
		height:calc(144 / var(--def-ww) * 100vw);
	}
	.cont_h2--en{
		max-width:100%;
	}
	.cont_h2--en img{
		width:auto;
		height:100%
	}
	.cont_h2--ja{
		font-size:var(--sp-size-24);
	}
	.cont_h2--ja_txt{
		padding:0 var(--sp-size-10);
	}

	::-webkit-full-page-media,:future,:root .cont_h2--ja:not(.-color_b):before{
		background:linear-gradient(180deg,#FFF 0px,#FFF var(--sp-size-96),transparent var(--sp-size-96),transparent 100%);
	}
}


/**
 * ndImg
 **/
.-ndlimg{
	-webkit-touch-callout:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	-moz-touch-callout:none;
	touch-callout:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
	user-drag:none;
}

/*-----------------------------------------------
 * contBG
-------------------------------------------------*/
.contBG{
	position:absolute;
	top:0;
	left:0;
	bottom:200px;
	width:100%;
	z-index:-1;
}
.contBG__cont{
	position:sticky;
	top:0;
	width:100%;
	height:min(100vh,100%);
	min-height:640px;
}
body:not([data-page="top"]) .contBG__txt{
	opacity:50%;
}
body:not([data-page="top"]) .contBG__side.-l,
body:not([data-page="top"]) .contBG__side.-r{
	opacity:75%;
}
.contBG__txt{
	position:absolute;
	width:100%;
	padding-top:151px;
	background-image:url(../img/common/bg_txt-title.svg);
	background-repeat:repeat-x;
	background-size:calc(3373px + 120px) 151px;
	animation:ani__bg_title 69.86s linear infinite;/* 60px/s */
}
.contBG__txt.-t{
	top:0;
	margin-top:40px;
}
.contBG__txt.-b{
	bottom:0;
	margin-bottom:40px;
	animation-direction:reverse;
}
@keyframes ani__bg_title{
	0%{background-position-x:0}
	100%{background-position-x:calc(3373px + 120px)}
}

.contBG__side{
	position:absolute;
}
.contBG__side.-lt{
	left:0;
	top:0;
	width:200px;
	height:293px;
	mask:url(../img/common/bg_side-lt.svg) no-repeat left top / contain;
	-webkit-mask:url(../img/common/bg_side-lt.svg) no-repeat left top / contain;
	background:url(../img/common/bg_side-lt_img.jpg) no-repeat center top / 100%;
}
.contBG__side.-rb{
	right:0;
	bottom:0;
	width:159px;
	height:318px;
	margin-bottom:-120px;
	mask:url(../img/common/bg_side-rb.svg) no-repeat right bottom / contain;
	-webkit-mask:url(../img/common/bg_side-rb.svg) no-repeat right bottom / contain;
	background:url(../img/common/bg_side-rb_img.jpg) no-repeat center bottom / 100%;
}


.contBG__side.-l{
	width:calc(252 / var(--def-ww) * 100vw);
	height:calc(258 / var(--def-wh) * 100vh);
	top:18.75%;
	left:0;
	bottom:0;
	margin:auto;
	transition:opacity .4s ease;
}
.contBG__side.-l .contBG__sideIn{
	display:block;
	width:100%;
	height:100%;
	transform-origin:left center;
}
.contBG__side.-l img{
	opacity:60%;
	width:100%;
	height:100%;
	object-fit:scale-down;
	object-position:left center;
	transition:filter .8s ease;
}

.contBG__side.-r{
	width:calc(159 / var(--def-ww) * 100vw);
	height:calc(258 / var(--def-wh) * 100vh);
	top:18.75%;
	right:0;
	bottom:0;
	margin:auto 0;
	transition:opacity .4s ease;
}
.contBG__side.-r .contBG__sideIn{
	display:block;
	width:100%;
	height:100%;
	transform-origin:right center;
}
.contBG__side.-r img{
	opacity:40%;
	width:100%;
	height:100%;
	object-fit:scale-down;
	object-position:right center;
	transition:filter .8s ease;
}

body:not([data-page="top"]) .contBG__side.-l img,
body:not([data-page="top"]) .contBG__side.-r img{
	filter:blur(10px);
}


@media screen and (max-width:767px){
	.contBG{
		bottom:0;
	}
	.contBG__cont{
		min-height:min(100vh,100%);
	}
	.contBG__txt{
		padding-top:calc(151 / var(--def-ww) * 100vw);
		background-size:calc((3373 + 120) / var(--def-ww) * 100vw) calc(151 / var(--def-ww) * 100vw);
	}
	.contBG__txt.-t{
		margin-top:var(--sp-size-48);
	}
	.contBG__txt.-b{
		margin-bottom:var(--sp-size-48);
	}

	@keyframes ani__bg_title{
		0%{background-position-x:0}
		100%{background-position-x:calc((3373 + 120) / var(--def-ww) * 100vw)}
	}

	.contBG__side.-lt{
		width:calc(200 / var(--def-ww) * 100vw);
		height:calc(293 / var(--def-ww) * 100vw);
	}
	.contBG__side.-rb{
		width:calc(200 / var(--def-ww) * 100vw);
		height:calc(200 / var(--def-ww) * 100vw);
		mask-position:right top;
		-webkit-mask-position:right top;
		mask-size:cover;
		-webkit-mask-size:cover;
		margin-bottom:unset;
	}

	.contBG__side.-l{
		margin:unset;
		top:unset;
		bottom:calc(120 / var(--def-ww) * 100vw);
	}
	.contBG__side.-r{
		top:calc(120 / var(--def-ww) * 100vw);
		bottom:unset;
		margin:unset;
	}
}



/*-----------------------------------------------
 * InPage
-------------------------------------------------*/
.i-main{
	padding-top:80px;
	width:100%;
}

.i-main .harfCont:before{
	content:unset;
}

.i-main .cont_h2--en img{
	mix-blend-mode:unset;
}
.i-main .cont_h2--ja{
	mix-blend-mode:unset;
	color:#000;
}
.i-main .cont_h2--ja_txt:before,
.i-main .cont_h2--ja_txt:last-child::after{
	background-color:#000;
}

.i-main .contentIn{
	padding-top:80px;
}

@media screen and (min-width:768px){
	.s-logo{
		display:none;
	}
}
@media screen and (max-width:767px){
	.i-main{
		padding-top:calc(196 / var(--def-ww) * 100vw);
	}
	.s-logo{
		position:absolute;
		top:0;
		left:0;
		right:0;
        width:31.4667%;
        margin-left:auto;
        margin-right:auto;
		z-index:2;
		margin-top:var(--sp-size-48);
		filter:drop-shadow(0 0 6px #FFF) drop-shadow(0 0 5px #FFF) drop-shadow(0 0 4px #FFF) drop-shadow(0 0 6px #FFF);
	}
	.s-logo a{
		display:block;
	}
	.s-logo a img{
		width:100%;
	}
	.i-main .contentIn{
		padding-top:var(--sp-size-96);
	}
	.i-main .harfContIn{
		padding:0 var(--sp-size-48) 0 0;
	}
}



/*-----------------------------------------------
 * footer
-------------------------------------------------*/
.footer{
	width:100%;
	background-color:#000;
	padding:80px 6.6667%;
	position:relative;
}
.footerIn{
	width:100%;
}

.footer_BannerLists{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding-top:40px;
}
.footer_BannerList{
	width:240px;
	margin:20px;
}
.footer_BannerList a{
	display:block;
	position:relative;
}
.footer_BannerList img{
	width:100%;
}
.copyright{
	font-size:87.5%;
	padding-top:60px;
	text-align:center;
	color:rgba(255,255,255,40%);
}

@media (hover:hover) and (pointer:fine){
	.footer_BannerList a:before{
		content:'';
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:var(--color-main-red);
		mix-blend-mode:multiply;
		opacity:0%;
		transform:scale(80%);
		transition:.4s ease;
	}
	.footer_BannerList a:hover::before{
		transform:scale(100%);
		opacity:60%;
	}
}

@media screen and (max-width:767px){
	.footer{
		padding:var(--sp-size-96) 0;
	}
	.footer_BannerLists{
		padding-top:var(--sp-size-72);
	}
	.footer_BannerList{
		width:40.4%;/* 303 */
		margin:var(--sp-size-24);
	}
	.copyright{
		padding-top:72px;
		font-size:83.3334%;
	}
}

.wp-pagenavi{
	display:flex;
	justify-content:center;
	align-items:center;
	padding-top:48px;
}
@media screen and (max-width:767px){
	.wp-pagenavi{
		padding-top:var(--sp-size-48);
	}
}
.wp-pagenavi a{
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid rgba(0,0,0,.4);
	border-radius:50%;
	text-decoration:none;
	margin:0 8px;
	width:40px;
	height:40px;
	position:relative;
	z-index:10;
	transition:all 0.6s ease;
}
@media screen and (max-width:767px){
	.wp-pagenavi a{
		margin:0 var(--sp-size-12);
		width:var(--sp-size-64);
		height:var(--sp-size-64);
	}
}
@media screen and (hover:hover){
	.wp-pagenavi a:hover{
		color:#fff;
		border-color:var(--color-main-red);
	}
}
.wp-pagenavi a:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:var(--color-main-red);
	z-index:-1;
	border-radius:50%;
	transform:scale(0);
	opacity:0;
	transition:all 0.6s ease;
}
@media screen and (hover:hover){
	.wp-pagenavi a:hover:before{
		opacity:1;
		transform:scale(1);
	}
}
.wp-pagenavi span{
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid var(--color-main-red);
	background:var(--color-main-red);
	border-radius:50%;
	text-decoration:none;
	margin:0 8px;
	color:#fff;
	width:40px;
	height:40px;
}
@media screen and (max-width:767px){
	.wp-pagenavi span{
		margin:0 var(--sp-size-12);
		width:var(--sp-size-64);
		height:var(--sp-size-64);
	}
}

/*-----------------------------------------------
 * Goods Modal
-------------------------------------------------*/
.goodsModal__cont{
	width:960px;
	display:flex;
}
@media screen and (max-width:767px){
	.goodsModal__cont{
		width:86%;
		display:block;
		padding:var(--sp-size-96) 0;
	}
}
.goodsModal__left{
	width:460px
}
@media screen and (max-width:767px){
	.goodsModal__left{
		width:100%;
		margin-bottom:var(--sp-size-48);
	}
}
.goodsModal__img img{
	width:100%;
	height:auto;
}
.goodsModal__right{
	padding-left:40px;
	flex:1;
}
@media screen and (max-width:767px){
	.goodsModal__right{
		padding-left:0;
		flex:1;
	}
}
.goodsModal__categories{
	display:flex;
	flex-wrap:wrap;
	padding-bottom:.5em;
}
.goodsModal__category{
	height:20px;
	line-height:20px;
	font-size:12px;
	padding:0 0.25em;
	background:#000;
	color:#fff;
	margin:0 0.5em 0.5em 0;
}
@media screen and (max-width:767px){
	.goodsModal__category{
		height:var(--sp-size-32);
		line-height:var(--sp-size-32);
		font-size:var(--sp-size-24);
	}
}
.goodsModal__title{
	font-size:20px;
	color:var(--color-main-red);
	border-bottom:1px solid var(--color-main-red);
	display:block;
	margin-bottom:1em;
}
@media screen and (max-width:767px){
	.goodsModal__title{
		font-size:var(--sp-size-32);
	}
}
.goodsModal__specs{
	margin-bottom:1.2em;
}
.goodsModal__spec{
	display:flex;
	margin-bottom:0.3em;
}
.goodsModal__spec dt{
	color:var(--color-main-red);
	margin-right:1em;
	white-space:nowrap;
}
.goodsModal__spec dd{
	flex:1;
}
.goodsModal__link_btn{
	padding:2em 32px 0;
	text-align:center;
}
.goodsModal__link_btn--link{
	display:inline-block;
	min-width:min(100%,440px);
	position:relative;
	text-decoration:none;
	padding:14px 40px;
	line-height:1.25;
	color:#000;
	border:1px solid #000;
	border-radius:40px;
}
.goodsModal__link_btn--txt{
	position:relative;
}
.goodsModal__link_btn--arrow{
	width:40px;
	height:1px;
	position:absolute;
	top:0;
	right:-20px;
	bottom:0;
	margin:auto 0;
	background-color:#000;
}
@media (hover:hover) and (pointer:fine){
	.goodsModal__link_btn--link{
		transition:.3s ease;
	}
	.goodsModal__link_btn--link:before{
		content:'';
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		border-radius:40px;
		opacity:0;
		transform:scale(80%);
		background-color:var(--color-main-red);
		transition:.6s ease;
	}
	.goodsModal__link_btn--arrow{
		transition:.3s ease .2s;
	}

	.goodsModal__link_btn--link:hover{
		border-color:var(--color-main-red);
	}

	.goodsModal__link_btn--link:hover::before{
		transform:scale(100%);
		opacity:1;
	}
	.goodsModal__link_btn--link:hover .goodsModal__link_btn--arrow{
		transform:translateX(25%);
	}
}

@media screen and (max-width:767px){
	.goodsModal__link_btn{
		padding:var(--sp-size-48) var(--sp-size-48) 0;
	}
	.goodsModal__link_btn--link{
		padding:var(--sp-size-24) var(--sp-size-48);
		border-radius:64px;
		border-width:var(--sp-size-2);
	}
	.goodsModal__link_btn--arrow{
		width:var(--sp-size-48);
		height:var(--sp-size-2);
		right:calc(var(--sp-size-24) * -1);
	}
}