@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{
	/* color */
	--color-main-brown:#502814;
	--color-main-red:#ff5064;
	--color-main-red-rgb:255,80,100;

	/* maxWidthPercent */
	--max-width-percent:1.6;

	/* min-ww */
	--min-ww:1200;
	--min-wh:640;

	--vw-min:var(--min-ww);

	/* font */
	--font-tsuku:fot-tsukuardgothic-std,sans-serif;
	--font-en:brandon-grotesque,sans-serif;
	--font-noto:"Kiwi Maru", serif;

	/* 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{
		/* maxWidthPercent */
		--max-width-percent:1;

		/* min-ww */
		--min-ww:750;
		--min-wh:1280;

		--vw-min:var(--min-ww);
	}
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Medium");
	font-weight:100;
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Medium");
	font-weight:200;
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Medium");
	font-weight:300;
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Medium");
	font-weight:400;
}
@font-face{
	font-family:"Yu Gothic";
	src:local("Yu Gothic Bold");
	font-weight:bold;
}
body{
	-webkit-text-size-adjust:100%;
	background-color:#f1eeed;
	color:#000;
	font-family:fot-tsukuardgothic-std,"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	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%;
		font-size:var(--sp-size-24);
	}
	body{
		font-size:10px; 
		font-size:1rem;
		min-width:320px;
	}
	.sp{ display:block; }
	.pc{ display:none; }
	.ah:hover{ opacity:1; }
}
#fullWrap{
	width:100%;
	min-height:100vh;
	position:relative;
}
#fullInWrap{
	width:100%;
	min-height:calc(100vh - 349px);
	position:relative;
	padding-bottom:230px;
}

@media screen and (max-width:1019px){
	#fullInWrap{
		min-height:calc(100vh - 400px);
	}
}
@media screen and (max-width:767px){
	#fullInWrap{
		padding-bottom:25.6%;/* 196 */
		min-height:calc(100vh - min(calc(685 / var(--min-ww) * 100vw),685px));
	}
}

/* noto */
.font-noto{
	font-family: var(--font-noto);
}



@media screen and (min-width:769px){
	/* 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;
	}
}

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

/**
 * modalBox
 * 基盤のモーダル
 */
.modalBox{
	-webkit-overflow-scrolling:touch;
	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:before{
	content:'';
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.9);
}

/* 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:767px){
	.oneModalIn{
		min-width:100%;
	}
	.oneModalIn__cont{
		width:100%;
		padding:var(--sp-size-96) 0;
	}
}

/**
 * closeBtn
 */
.closeBtn{
	width:80px;
	height:80px;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	margin:3.3334% 3.3334% 0 0;
}
@media screen and (max-width:767px){
	.closeBtn{
		width:var(--sp-size-96);
		height:var(--sp-size-96);
	}
}
.closeBtn > a{
	display:block;
	background:var(--color-main-red);
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	border-radius:50%;
	overflow:hidden;
}
.closeBtn > a:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:90%;
	height:90%;
	margin:auto;
	background:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/top/news_circle__frame.svg) no-repeat center / contain;
	animation:12s ani_rotate linear infinite;

}
.closeBtn__lines{
	width:40%;
	height:40%;
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.closeBtn__lines:before,
.closeBtn__lines:after{
	content:'';
	position:absolute;
	width:100%;
	height:3px;
	border-radius:4px;
	background-color:#fff;
	top:0;
	bottom:0;
	margin:auto 0;
}
.closeBtn__lines:before{
	transform:rotate(30deg);
}
.closeBtn__lines:after{
	transform:rotate(-30deg);
}



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

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

/* inner */
@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:80px 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(0,0,0,.8);
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:0;
	}
}

/**
 * headerNav
 */
@media screen and (max-width:767px){
	.headerNav{
		position:relative;
		z-index:1;
	}

	.headerNavLists__item a{
		color:#fff;
	}
}

/**
 * navBtn
 */
@media screen and (max-width:767px){
	.header__navBtnWrap{
		background-color:#000;
		width:50px;
		height:50px;
		position:absolute;
		top:0;
		right:0;
		z-index:2;
	}
	.header__navBtn{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		height:100%;
		position:relative;
	}
	.header__navBtn__lineWrap{
		width:24px;
		height:13px;
		position:relative;
	}
	.header__navBtn--line{
		background-color:#fff;
		display:block;
		width:100%;
		height:1px;
		margin:auto;
		position:absolute;
	}
	.header__navBtn--line:nth-child(1){
		top:0;
	}
	.header__navBtn--line:nth-child(2){
		top:0;
		bottom:0;
	}
	.header__navBtn--line:nth-child(3){
		bottom:0;
	}
}

/**
* InpageHeader
**/
.inPageHeader{
	position:absolute;
	top:0;
	left:0;
	width:min(calc(160 / var(--vw-min) * 100vw),160px);/* 320 */
	bottom:0;
	z-index:501;
	pointer-events: none;
}
.inPageHeaderIn{
	position:sticky;
	top:0;
	left:0;
	width:100%;
	height:min(100vh,100%);
	pointer-events:none;
	min-height:min(calc(740 / var(--vw-min) * 100vw),740px);
}
.inPage_h1{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:min(calc(184 / var(--vw-min) * 100vw),184px);
	margin-left:min(calc(20 / var(--vw-min) * 100vw),20px);
	margin-right:auto;
	margin-top:min(calc(24 / var(--vw-min) * 100vw),24px);
}
.inPage_h1In{
	display:block;
	width:100%;
	position:relative;
	height:min(calc(56 / var(--vw-min) * 100vw),56px);
}
.inPage_h1__link{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	pointer-events:auto;
}
.inPage_h1__link img{
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center top;
	position:absolute;
	top:0;
	left:0;
}
.inPageHeaderIn > .follow_xWrap{
	position:absolute;
	width:min(calc(120 / var(--vw-min) * 100vw),120px);
	height:min(calc(120 / var(--min-wh) * 100vh),calc(120px * var(--max-width-percent)));
	bottom:0;
	left:0;
	right:0;
	margin-left:auto;/* 100 */
	margin-right:0;
	margin-bottom:min(calc(30 / var(--min-ww) * 100vw),30px);/* 56 */
}
.inPageHeaderIn .follow_xIn{
	width:100%;
	height:100%;
	position:relative;
	pointer-events:none;
}
.inPageHeaderIn .follow_xIn:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/top/news_circle__followus.svg) no-repeat center / contain;
	animation:24s ani_rotate linear infinite;
	animation-direction:reverse;
}
.inPageHeaderIn .follow_xLink{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:70%; /* 84 */
	height:70%;
	border-radius:50%;
	background-color:var(--color-main-red);
	-webkit-mask:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/bg_circle.svg) no-repeat center / contain;
	mask:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/bg_circle.svg) no-repeat center / contain;
	overflow:hidden;
	margin:auto;
	pointer-events:auto;
}
.inPageHeaderIn .follow_xLink::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:28.5715%;/* 24 */
	height:28.5715%;
	margin:auto;
	-webkit-mask:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/icon_tw.svg) no-repeat center / contain;
	mask:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/icon_tw.svg) no-repeat center / contain;
	background-color:#FFF;
}
.inPageHeaderIn .follow_xFrame{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/top/news_circle__frame.svg) no-repeat center / contain;
	margin:auto;
	width:90.4762%;/* 76 */
	height:90.4762%;
}

@media (hover:hover) and (pointer:fine){
/* h1_link */
	.inPage_h1__link{
		transition:.2s ease;
		transform-style:preserve-3d;
		transform:perspective(320px);
	}
	.inPage_h1__link:hover{
		transform:scale(1.1);
		transition-delay:.35s;
	}
	.inPage_h1__link:hover img{
		animation:0.4s ani_rotateY ease;
	}
/* follow_xlink */
	.follow_xLink,
	.follow_xLink::before{
		transition:.3s ease;
	}
	.follow_xIn:hover::before{
		animation-play-state:paused;
	}
	.follow_xIn:hover .follow_xLink{
		background-color:var(--color-main-brown);
	}
	.follow_xIn:hover .follow_xLink::before{
		transform:scale(1.25);
	}
}

@media screen and (max-width:767px){
	.inPageHeader{
		position:relative;
		width:100%;
		bottom:unset;
	}
	.inPageHeaderIn{
		position:unset;
		height:auto;
		padding:var(--sp-size-48) 0;
		min-height:unset;
	}
	.inPage_h1{
		position:relative;
		width:32%;/* 240 */
		left:unset;
		right:unset;
		margin-top:unset;
		margin-left:auto;
	}
	.inPage_h1In{
		height:auto;
	}
	.inPage_h1__link{
		position:unset;
	}
	.inPage_h1__link img{
		height:auto;
		position:unset;
		object-fit:unset;
	}
	.inPageHeaderIn > .follow_xWrap{
		display:none;
	}
}

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

/**
 * shareLists
 */
.shareLists{
	display:flex;
	align-items:flex-end;
	flex-shrink:0;
}

.shareLists > dt{
	font-family:var(--font-en);
	font-weight:700;
	color:#FFF;
	letter-spacing:0;
	padding-right:12px;
	line-height:1;
}

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

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

@media (hover:hover) and (pointer:fine){
	.shareLists__link:hover:before{
		background-color:var(--color-main-red);
	}
}
/* 各SNSパーツ */
.shareLists__item.is-twitter .shareLists__link:before{
	-webkit-mask-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/icon_tw.svg);
	mask-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/icon_tw.svg);
}
.shareLists__item.is-facebook .shareLists__link:before{
	-webkit-mask-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/icon_fb.svg);
	mask-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/icon_fb.svg);
}
.shareLists__item.is-line .shareLists__link:before{
	-webkit-mask-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/icon_line.svg);
	mask-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/icon_line.svg);
}

@media screen and (max-width:767px){
	.shareLists{
		width:100%;
		align-items:center;
		justify-content:center;
	}
	.shareLists > dt{
		padding-right:var(--sp-size-24);
	}
	.shareLists__item{
		width:var(--sp-size-96);
		height:var(--sp-size-48);
		padding:0 var(--sp-size-24);
	}
}


/**
* KeyFrames
*/
@keyframes ani_rotate{
	0%{transform:rotate(0)}
	100%{ transform:rotate(360deg)}
}
@keyframes ani_rotateY{
	0%{transform:rotate3d(0,1,0,0deg)}
	100%{transform:rotate3d(0,1,0,360deg)}
}



/*-----------------------------------------------
 * Content
-------------------------------------------------*/
.content{
	width:100%;
	position:relative;
	padding-top:80px;
}
@media screen and (max-width:767px){
	.content{
		padding-top:min(calc(120 / var(--min-ww) * 100vw),120px);
	}
}

.cont_h2Wrap{
	width:100%;
	position:relative;
	padding:0 13.3334%;/* 0 160 */
}
.cont_h2InWrap{
	display:flex;
	align-items:flex-end;
	position:relative;
	width:100%;
	max-width:calc(880px * var(--max-width-percent));
	margin:0 auto;
}
.cont_h2{
	display:flex;
	align-items:flex-end;
	color:var(--color-main-brown);
	flex-shrink:0;
}
.cont_h2__en{
	display:inline-block;
	font-family:var(--font-en);
	font-size:68px;
	font-weight:700;
	line-height:0.70589;
	flex-shrink:0;
	padding-right:32px;
	letter-spacing:0.005em;
	position:relative;
}
.cont_h2__en:after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:4px;
	background-color:var(--color-main-red);
}
.cont_h2__ja{
	display:inline-block;
	padding-left:24px;
	padding-right:24px;
	line-height:1;
	padding-top:28px;
	font-size:20px;
	font-weight:500;
	position:relative;
	flex-shrink:0;
	min-width:88px;
}
.cont_h2__ja-icon{
	position:absolute;
	top:0;
	left:26px;
	right:0;
	display:flex;
}
.cont_h2__ja-icon i{
	display:inline-block;
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.cont_h2__ja-icon i:nth-of-type(1){
	background-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__flo1.svg);
}
.cont_h2__ja-icon i:nth-of-type(2){
	background-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__flo2.svg);
}
.cont_h2__ja-icon i:nth-of-type(3){
	background-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__flo3.svg);
}
.cont_h2__ja-icon i:not(:last-child){
	margin-right:10px;
}

.cont_h2__lines{
	width:100%;
	height:10px;
	position:relative;
}
.cont_h2__lines.-out{
	position:absolute;
	width:40%;
	right:0;
	bottom:0;
}
.cont_h2__lines:before,
.cont_h2__lines:after{
	content:'';
	position:absolute;
	height:2px;
	background-color:var(--color-main-brown);
}
.cont_h2__lines:before{
	top:0;
	left:0;
	right:0;
}
.cont_h2__lines:after{
	bottom:0;
	left:0;
	right:0;
}
.cont_h2__lines.-in:before{
	left:10px;
}
@media screen and (max-width:767px){
	.cont_h2Wrap{
		padding-left:var(--sp-size-40);
		padding-right:0;
	}
	.cont_h2InWrap{
		max-width:100%;
	}
	.cont_h2__en{
		font-size:min(calc(102 / var(--min-ww) * 100vw),102px);
		padding-right:var(--sp-size-40);
		white-space:nowrap;
	}
	.cont_h2__en:after{
		width:var(--sp-size-8);
	}
	.cont_h2__ja{
		font-size:var(--sp-size-28);
		padding-top:min(calc(44 / var(--min-ww) * 100vw),44px);
		padding-left:var(--sp-size-32);
		padding-right:var(--sp-size-32);
		min-width:min(calc(84 / var(--min-ww) * 100vw),84px);
		letter-spacing:0;
	}
	.cont_h2__ja-icon{
		left:var(--sp-size-32);
	}
	.cont_h2__ja-icon i{
		width:var(--sp-size-20);
		height:var(--sp-size-20);
	}
	.cont_h2__ja-icon i:not(:last-child){
		margin-right:var(--sp-size-12);
	}

	.cont_h2__lines{
		height:var(--sp-size-20);
	}
	.cont_h2__lines.-out{
		display:none;
	}
	.cont_h2__lines:before,
	.cont_h2__lines:after{
		height:var(--sp-size-4);
	}
	.cont_h2__lines.-in:before{
		left:var(--sp-size-20);
	}
}


.cont_h2__linkBtnWrap{
	position:absolute;
	bottom:0;
	right:0;
	margin-right:8px;
	width:120px;
	height:32px;
	z-index:2;
}
.cont_h2__link{
	display:flex;
	width:100%;
	height:100%;
	align-items:center;
	justify-content:center;
	position:relative;
	background-color:#f1eeed;
	z-index:2;
	text-decoration:none;
	transition:.3s ease;
}
.cont_h2__link:before,
.cont_h2__link:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	background-color:var(--color-main-brown);
	transition:.3s ease;
}
.cont_h2__link:before{
	bottom:8px;
	width:2px;
}
.cont_h2__link:after{
	height:2px;
	right:8px;
}
.cont_h2__link__txt{
	display:inline-block;
	line-height:1;
	color:var(--color-main-brown);
	font-weight:700;
	letter-spacing:0;
}
.cont_h2__link__txt.-en{
	font-family:var(--font-en);
}
.cont_h2__linkBtn_frame{
	pointer-events:none;
	position:absolute;
	top:0;
	left:0;
	right:-8px;
	bottom:-8px;
	overflow:hidden;
	transition:.3s ease;
}
.cont_h2__linkBtn_frame-r{
	position:absolute;
	right:0;
	width:8px;
	height:100%;
	overflow:hidden;
	background-color:var(--color-main-red);
	clip-path:polygon(0 0,100% 8px,100% 100%,0% 100%);
}
.cont_h2__linkBtn_frame-b{
	position:absolute;
	bottom:0;
	height:8px;
	width:100%;
	clip-path:polygon(0 0,100% 0%,100% 100%,8px 100%);
	background-color:var(--color-main-red);
}

@media (hover:hover) and (pointer:fine){
	.cont_h2__linkBtnWrap:hover .cont_h2__link{
		transform:translate(4px,4px);
	}
	.cont_h2__linkBtnWrap:hover .cont_h2__link:before{
		bottom:12px;
	}
	.cont_h2__linkBtnWrap:hover .cont_h2__linkBtn_frame{
		top:4px;
		left:4px;
	}
}
@media screen and (max-width:767px){
	.cont_h2__linkBtnWrap{
		width:min(calc(184 / var(--min-ww) * 100vw),184px);
		height:var(--sp-size-56);
		margin-right:var(--sp-size-16);
		right:var(--sp-size-24);
	}
	.cont_h2__link:before{
		bottom:min(calc(16 / var(--min-ww) * 100vw),20px);
		width:var(--sp-size-4);
	}
	.cont_h2__link:after{
		right:var(--sp-size-16);
		height:var(--sp-size-4);
	}
	.cont_h2__linkBtn_frame{
		right:max(calc(-16 / var(--min-ww) * 100vw),-16px);
		bottom:max(calc(-16 / var(--min-ww) * 100vw),-16px);
	}
	.cont_h2__linkBtn_frame-r{
		width:min(calc(16 / var(--min-ww) * 100vw),16px);
		clip-path:polygon(0 0,100% min(calc(16 / var(--min-ww) * 100vw),16px),100% 100%,0% 100%);
	}
	.cont_h2__linkBtn_frame-b{
		height:min(calc(16 / var(--min-ww) * 100vw),16px);
		clip-path:polygon(0 0,100% 0%,100% 100%,min(calc(16 / var(--min-ww) * 100vw),16px) 100%);
	}
}

.cont_h3{
	font-size:112px;
	font-weight:700;
	line-height:1;
}
.cont_h3__txt{
	display:inline-block;
	line-height:0.714286;
	letter-spacing:-0.025em;
	color:#FFF;
	-webkit-text-stroke:2px var(--color-main-brown);
}
@media screen and (max-width:767px){
	.cont_h3{
		font-size:var(--sp-size-72);
	}
	.cont_h3__txt{
		-webkit-text-stroke-width:clamp(1px,0.2667vw,2px);
	}
}


/** scrAni -set **/
.content.js-scrani .cont_h2__ja,
.content.js-scrani .cont_h2__lines,
.content.js-scrani .cont_h2__linkBtnWrap,
.content.js-loadani .cont_h2__ja,
.content.js-loadani .cont_h2__lines,
.content.js-loadani .cont_h2__linkBtnWrap{
	opacity:0;
	transition:.4s ease .4s;
}
.content.js-scrani .cont_h2__en:after,
.content.js-loadani .cont_h2__en:after{
	height:0%;
	transition:.4s ease;
}

.content.js-scrani .cont_h2__ja-icon i,
.content.js-loadani .cont_h2__ja-icon i{
	opacity:0;
	transform:rotate(180deg) scale(20%);
	transition:opacity .3s ease,transform .4s ease;
}
.content.js-scrani .cont_h2__ja-icon i:nth-of-type(1),
.content.js-loadani .cont_h2__ja-icon i:nth-of-type(1){
	transition-delay:.75s;
}
.content.js-scrani .cont_h2__ja-icon i:nth-of-type(2),
.content.js-loadani .cont_h2__ja-icon i:nth-of-type(2){
	transition-delay:.8s;
}
.content.js-scrani .cont_h2__ja-icon i:nth-of-type(3),
.content.js-loadani .cont_h2__ja-icon i:nth-of-type(3){
	transition-delay:.85s;
}

/* scrAni -is-ani */
.content.is-ani .cont_h2__ja,
.content.is-ani .cont_h2__lines,
.content.is-ani .cont_h2__linkBtnWrap{
	opacity:1;
}
.content.is-ani .cont_h2__en:after{
	height:100%;
}
.content.is-ani .cont_h2__ja-icon i{
	opacity:1;
	transform:rotate(0deg) scale(100%);
}



.contentIn{
	width:73.3334%;/* 880 */
	max-width:calc(880px * var(--max-width-percent));
	position:relative;
	margin-top:80px;
	margin-left:auto;
	margin-right:auto;
}
@media screen and (max-width:767px){
	.contentIn{
		width:100%;
		max-width:100%;
		position:relative;
		margin-top:var(--sp-size-96);
	}
}

/**
* mainInPage
**/
.mainInPage{
	width:100%;
	padding-left:11.6667%;/* 140 */
	position:relative;
}
@media screen and (min-width:768px){
	.mainInPage > .content .cont_h2Wrap{
		padding-left:15.0944%;/* 160 */
		padding-right:15.0944%;
	}
	.mainInPage > .content .contentIn{
		width:69.8114%;
		max-width:calc(740px * var(--max-width-percent));
	}
}
@media screen and (max-width:767px){
	.mainInPage{
		padding-left:0;
	}
	.mainInPage > .content{
		padding-top:var(--sp-size-48);
	}
}


/**
* wp-pagenavi
**/
.wp-pagenaviWrap{
	padding-top:80px;
}
.wp-pagenavi{
	display:flex;
	justify-content:center;
	gap:16px;
}
.wp-pagenavi span.current,
.wp-pagenavi a.page{
	display:inline-block;
	width:40px;
	height:40px;
	padding:0 8px 8px 0;
	position:relative;
	text-decoration:none;
}
.wp-pagenavi span.pageno{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	font-family:var(--font-en);
	font-weight:700;
	color:var(--color-main-brown);
	line-height:1;
	letter-spacing:0;
	position:relative;
	pointer-events:auto;
	z-index:2;
	background-color:#f1eeed;
	transition:.3s ease;
}
.wp-pagenavi span.pageno:before,
.wp-pagenavi span.pageno:after{
	content:'';
	position:absolute;
	background-color:var(--color-main-brown);
}
.wp-pagenavi span.pageno:before{
	top:0;
	left:0;
	bottom:8px;
	width:2px;
}
.wp-pagenavi span.pageno:after{
	top:0;
	left:0;
	right:8px;
	height:2px;
}
.pagenavi_frameWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	transition:.3s ease;
}
.pagenavi_frame__r{
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:8px;
	overflow:hidden;
	background-color:var(--color-main-red);
	clip-path:polygon(0 0,100% 8px,100% 100%,0% 100%);
	transition:.3s ease;
}
.pagenavi_frame__b{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:8px;
	clip-path:polygon(0 0,100% 0%,100% 100%,8px 100%);
	background-color:var(--color-main-red);
	transition:.3s ease;
}

/* current */
.wp-pagenavi span.current > span.pageno{
	background-color:var(--color-main-brown);
	color:#FFF;
	transform:translate(3px,3px);
}
.wp-pagenavi span.current > span.pagenavi_frameWrap{
	top:3px;
	left:3px;
}
.wp-pagenavi span.current > span.pagenavi_frameWrap .pagenavi_frame__r{
	width:5px;
	clip-path:polygon(0 0,100% 5px,100% 100%,0% 100%);
}
.wp-pagenavi span.current > span.pagenavi_frameWrap .pagenavi_frame__b{
	height:5px;
	clip-path:polygon(0 0,100% 0%,100% 100%,5px 100%);
}

/* hover */
@media screen and (min-width:768px) and (hover:hover) and (pointer:fine){
	.wp-pagenavi a.page:hover > span.pageno{
		transform:translate(2px,2px);
	}
	.wp-pagenavi a.page:hover > span.pagenavi_frameWrap{
		top:2px;
		left:2px;
	}
	.wp-pagenavi a.page:hover > span.pagenavi_frameWrap .pagenavi_frame__r{
		width:6px;
		clip-path:polygon(0 0,100% 6px,100% 100%,0% 100%);
	}
	.wp-pagenavi a.page:hover > span.pagenavi_frameWrap .pagenavi_frame__b{
		height:6px;
		clip-path:polygon(0 0,100% 0%,100% 100%,6px 100%);
	}
}

@media screen and (max-width:767px){
	.wp-pagenaviWrap{
		margin-top:var(--sp-size-96);
	}
	.wp-pagenavi{
		gap:var(--sp-size-24);
	}
	.wp-pagenavi span.current,
	.wp-pagenavi a.page{
		width:var(--sp-size-72);
		height:var(--sp-size-72);
		padding:0 var(--sp-size-16) var(--sp-size-16) 0;
	}
	.wp-pagenavi span.pageno:before{
		bottom:var(--sp-size-16);
		width:var(--sp-size-4);
	}
	.wp-pagenavi span.pageno:after{
		right:var(--sp-size-16);
		height:var(--sp-size-4);
	}
	.pagenavi_frame__r{
		width:var(--sp-size-16);
		clip-path:polygon(0 0,100% var(--sp-size-16),100% 100%,0% 100%);
	}
	.pagenavi_frame__b{
		height:var(--sp-size-16);
		clip-path:polygon(0 0,100% 0%,100% 100%,var(--sp-size-16) 100%);
	}

	/* current */
	.wp-pagenavi span.current > span.pageno{
		transform:translate(min(calc(8 / var(--min-ww) * 100vw),8px),min(calc(8 / var(--min-ww) * 100vw),8px));
	}
	.wp-pagenavi span.current > span.pagenavi_frameWrap{
		top:min(calc(8 / var(--min-ww) * 100vw),6px);
		left:min(calc(8 / var(--min-ww) * 100vw),6px);
	}
	.wp-pagenavi span.current > span.pagenavi_frameWrap .pagenavi_frame__r{
		width:var(--sp-size-8);
		clip-path:polygon(0 0,100% var(--sp-size-8),100% 100%,0% 100%);
	}
	.wp-pagenavi span.current > span.pagenavi_frameWrap .pagenavi_frame__b{
		height:var(--sp-size-8);
		clip-path:polygon(0 0,100% 0%,100% 100%,var(--sp-size-8) 100%);
	}
}



/**
* articleContent
**/
.articleContentWrap{
	position:relative;
}
.articleContentIn{
	position:relative;
	padding:min(9.091%,80px) 7.2728% calc(min(9.091%,80px) - 32px);/* 80px 64px */
	background-color:rgba(255,255,255,.6);
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
}

/* Accent */
.articleContentIn:before,
.articleContentIn:after{
	content:'';
	position:absolute;
	width:72px;
	height:72px;
	background:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/accent_side.svg) no-repeat center / contain;
}
.articleContentWrap > .articleContentIn:before{
	top:0;
	left:0;
	margin-top:-16px;
	margin-left:-16px;
}
.articleContentWrap > .articleContentIn:after{
	bottom:0;
	right:0;
	margin-bottom:-16px;
	margin-right:-16px;
	transform:scale(-1);
}
@media screen and (max-width:767px){
	.articleContentIn{
		padding:var(--sp-size-48) var(--sp-size-24);
	}
	.articleContentIn:before,
	.articleContentIn:after{
		width:min(calc(90 / var(--min-ww) * 100vw),90px);
		height:min(calc(90 / var(--min-ww) * 100vw),90px);
	}
	.articleContentWrap > .articleContentIn:before{
		margin-top:max(calc(-21 / var(--min-ww) * 100vw),-21px);
		margin-left:max(calc(-21 / var(--min-ww) * 100vw),-21px);
	}
	.articleContentWrap > .articleContentIn:after{
		margin-bottom:max(calc(-21 / var(--min-ww) * 100vw),-21px);
		margin-right:max(calc(-21 / var(--min-ww) * 100vw),-21px);
	}
}


/**
* btn_linkWrap
**/
.btn_linkWrap{
	position:relative;
	margin-top:80px;
	text-align:center;
}
.btn_link{
	display:inline-block;
	text-decoration:none;
	position:relative;
	min-width:200px;
	text-align:center;
	background-color:#f1eeed;
}
.btn_link__txt:before,
.btn_link__txt:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	background-color:var(--color-main-brown);
	transition:.3s ease;
}
.btn_link__txt:before{
	bottom:8px;
	width:2px;
}
.btn_link__txt:after{
	height:2px;
	right:8px;
}
.btn_link__txt{
	display:inline-block;
	width:100%;
	padding:12px 24px 12px;
	margin:0 auto;
	color:var(--color-main-brown);
	font-weight:700;
	line-height:1;
	position:relative;
	background-color:#f1eeed;
	transition:.3s ease;
	z-index:2;
}
.btn_link__txt.-en{
	font-family:var(--font-en);
}
.btn_link__frame{
	pointer-events:none;
	position:absolute;
	top:0;
	left:0;
	right:-8px;
	bottom:-8px;
	overflow:hidden;
	transition:.3s ease;
}
.btn_link__frame-r{
	position:absolute;
	right:0;
	width:8px;
	height:100%;
	overflow:hidden;
	background-color:var(--color-main-red);
	clip-path:polygon(0 0,100% 8px,100% 100%,0% 100%);
}
.btn_link__frame-b{
	position:absolute;
	bottom:0;
	left:0;
	height:8px;
	width:100%;
	clip-path:polygon(0 0,100% 0%,100% 100%,8px 100%);
	background-color:var(--color-main-red);
}
@media screen and (min-width:768px) and (hover:hover) and (pointer:fine){
	.btn_link:hover .btn_link__txt{
		transform:translate(4px,4px);
	}
	.btn_link:hover .btn_link__frame{
		top:4px;
		left:4px;
	}
}
@media screen and (max-width:767px){
	.btn_linkWrap{
		margin-top:var(--sp-size-96);
	}
	.btn_link{
		min-width:min(calc(264 / var(--min-ww) * 100vw),264px);
	}
	.btn_link__txt:before{
		bottom:var(--sp-size-16);
		width:var(--sp-size-4);
	}
	.btn_link__txt:after{
		height:var(--sp-size-4);
		right:var(--sp-size-16);
	}
	.btn_link__txt{
		padding:var(--sp-size-20) var(--sp-size-40);
	}
	.btn_link__frame{
		right:calc(var(--sp-size-16) * -1);
		bottom:calc(var(--sp-size-16) * -1);
	}
	.btn_link__frame-r{
		width:var(--sp-size-16);
		clip-path:polygon(0 0,100% var(--sp-size-16),100% 100%,0% 100%);
	}
	.btn_link__frame-b{
		height:var(--sp-size-16);
		clip-path:polygon(0 0,100% 0%,100% 100%,var(--sp-size-16) 100%);
	}
}


/*-----------------------------------------------
 * comBG
-------------------------------------------------*/
.comBGWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	background-color:#f1eeed;
	pointer-events:none;
}
.comBGInWrap{
	position:sticky;
	top:0;
	width:100%;
	height:min(100vh,100%);
}

/* sideTxt */
.comBG_sideTxtWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
}
.comBG_sideTxt{
	position:absolute;
	top:0;
	bottom:0;
	width:min(9.3334%,112px);
}
.comBG_sideTxt.-l{
	left:max(-2.6667%,-32px);
}
.comBG_sideTxt.-r{
	right:0;
}

.comBG_sideTxtIn{
	width:100%;
}
.comBG_sideTxtIn > img{
	width:100%;
}


/* heart */
.comBG_heartWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:10%; 
}
.comBG_heart{
	position:absolute;
	background-repeat:no-repeat;
	background-size:contain;
}
.comBG_heart.-t{
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	width:min(5.1667vw,calc(62px * var(--max-width-percent)));
	height:min(10.7813vh,calc(69px * var(--max-width-percent)));
	background-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_heart__t.svg);
	background-position:center top;
	transform-origin:center top;
}
.comBG_heart.-bl{
	bottom:0;
	left:0;
	width:min(12.5vw,calc(150px * var(--max-width-percent)));
	height:min(24.2188vh,155px * var(--max-width-percent));
	background-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_heart__bl.svg);
	background-position:left bottom;
	transform-origin:left bottom;
}
.comBG_heart.-br{
	bottom:0;
	right:0;
	width:min(12.5vw,calc(150px * var(--max-width-percent)));
	height:min(24.2188vh,155px * var(--max-width-percent));
	background-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_heart__br.svg);
	background-position:right bottom;
	transform-origin:right bottom;
}


/* accent */
.comBG_accentWrap{
	position:absolute;
	position:fixed;
	top:0;
	left:0;
	/* right:0;
	bottom:0; */
	width:100%;
	height:100vh;
	overflow:hidden;
	/* z-index:-1; */
}
.comBG_accentItem,
.layer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.comBG_accent{
	position:absolute;
	background-repeat:no-repeat;
	background-size:contain;
	mask-repeat:no-repeat;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	-webkit-mask-size:contain;
	mask-size:contain;
}

.comBG_accent.-flo1{
	width:min(3vw,calc(36px * var(--max-width-percent)));
	height:min(6.25vh,calc(40px * var(--max-width-percent)));
	background-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__flo1.svg);
	background-position:center;
	top:min(9.375vh,calc(60px * var(--max-width-percent)));
	right:min(5.1667vw,calc(62px * var(--max-width-percent)));
}
.comBG_accent.-flo2{
	right:min(calc(282 / var(--min-ww) * 100vw),calc(282px * var(--max-width-percent)));
	bottom:min(calc(20 / var(--min-wh) * 100vh),calc(282px * var(--max-width-percent)));;
	width:min(3vw,calc(36px * var(--max-width-percent)));
	height:min(6.25vh,calc(40px * var(--max-width-percent)));
	background-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__flo2.svg);
	background-position:center;
}
.comBG_accent.-flo3{
	width:min(calc(38 / var(--min-ww) * 100vw),calc(38px * var(--max-width-percent)));
	height:min(calc(37 / var(--min-wh) * 100vh),calc(37px * var(--max-width-percent)));
	top:min(calc(262 / var(--min-wh) * 100vh),calc(262px * var(--max-width-percent)));;
	left:min(calc(130 / var(--min-ww) * 100vw),calc(130px * var(--max-width-percent)));
	background-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__flo3.svg);
	background-position:center;
}
.comBG_accent.-batsu{
	width:min(calc(32 / var(--min-ww) * 100vw),calc(38px * var(--max-width-percent)));
	height:min(calc(32 / var(--min-wh) * 100vh),calc(37px * var(--max-width-percent)));
	top:min(calc(64 / var(--min-wh) * 100vh),calc(64px * var(--max-width-percent)));;
	left:min(calc(64 / var(--min-ww) * 100vw),calc(64px * var(--max-width-percent)));
	background-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__batsu.svg);
	background-position:left top;
}
.comBG_accent.-fish{
	width:min(calc(40 / var(--min-ww) * 100vw),calc(40px * var(--max-width-percent)));
	height:min(calc(40 / var(--min-wh) * 100vh),calc(40px * var(--max-width-percent)));
	bottom:min(calc(40 / var(--min-wh) * 100vh),calc(40px * var(--max-width-percent)));;
	left:min(calc(220 / var(--min-ww) * 100vw),calc(220px * var(--max-width-percent)));
	-webkit-mask-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__fish.svg);
	-webkit-mask-position:center;
	mask-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__fish.svg);
	mask-position:center;
	background-color:var(--color-main-red);
}
.comBG_accent.-dots1{
	width:min(calc(120 / var(--min-ww) * 100vw),calc(120px * var(--max-width-percent)));
	height:min(calc(120 / var(--min-wh) * 100vh),calc(120px * var(--max-width-percent)));
	bottom:min(calc(70 / var(--min-wh) * 100vh),calc(70px * var(--max-width-percent)));;
	right:min(calc(130 / var(--min-ww) * 100vw),calc(130px * var(--max-width-percent)));
	-webkit-mask-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__dots1.svg);
	-webkit-mask-position:right bottom;;
	mask-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__dots1.svg);
	mask-position:right bottom;;
	background-color:var(--color-main-red);
	opacity:20%;
}
.comBG_accent.-dots2{
	width:min(calc(224 / var(--min-ww) * 100vw),calc(224px * var(--max-width-percent)));
	height:min(calc(104 / var(--min-wh) * 100vh),calc(104px * var(--max-width-percent)));
	top:0;
	left:0;
	-webkit-mask-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__dots2.svg);
	-webkit-mask-position:right bottom;;
	mask-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__dots2.svg);
	mask-position:left top;
	background-color:var(--color-main-red);
	opacity:20%;
}
.comBG_accent.-slash1{
	width:min(calc(108 / var(--min-ww) * 100vw),calc(108px * var(--max-width-percent)));
	height:min(calc(24 / var(--min-wh) * 100vh),calc(24px * var(--max-width-percent)));
	top:min(calc(28 / var(--min-wh) * 100vh),calc(28px * var(--max-width-percent)));
	left:min(calc(696 / var(--min-ww) * 100vw),calc(696px * var(--max-width-percent)));
	right:min(calc(396 / var(--min-ww) * 100vw),calc(396px * var(--max-width-percent)));
	margin:0 auto;
	background-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__slash1.svg);
	background-position:center top;
}
.comBG_accent.-slash2{
	width:min(calc(24 / var(--min-ww) * 100vw),calc(24px * var(--max-width-percent)));
	height:min(calc(120 / var(--min-wh) * 100vh),calc(120px * var(--max-width-percent)));
	top:0;
	left:min(calc(248 / var(--min-ww) * 100vw),calc(248px * var(--max-width-percent)));
	bottom:0;
	margin:auto 0;
	background-image:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/comBG_accent__slash2.svg);
	background-position:center;
}

@media screen and (max-width:767px){
	.comBGInWrap{
		height:min(100dvh,100%);
	}
	.comBG_sideTxt{
		width:min(11.7334%,88px);
	}
	.comBG_sideTxt.-l{
		left:max(calc(-28 / var(--min-ww) * 100vw),-28px);
	}

	/* heart */
	.comBG_heart.-t{
		width:min(calc(62 / var(--min-ww) * 100vw),62px);
		height:min(calc(69 / var(--min-wh) * 100vh),69px);
	}
	.comBG_heart.-bl,
	.comBG_heart.-br{
		width:min(calc(150 / var(--min-ww) * 100vw),150px);
		height:min(calc(155 / var(--min-wh) * 100vh),155px);
	}

	/* accent */
	.comBG_accent.-flo1{
		width:min(calc(45 / var(--min-ww) * 100vw),45px);
		height:min(calc(50 / var(--min-wh) * 100vh),50px);
		top:min(calc(455 / var(--min-wh) * 100vh),455px);
		bottom:calc(50% + min(calc(132 / var(--min-wh) * 100vh),132px));
		right:min(calc(14 / var(--min-ww) * 100vw),14px);
		margin:auto 0;
	}
	.comBG_accent.-flo2{
		right:min(calc(112 / var(--min-ww) * 100vw),112px);
		bottom:min(calc(224 / var(--min-wh) * 100vh),224px);
		top:calc(75% + min(calc(40 / var(--min-wh) * 100vh),40px));
		width:min(calc(46 / var(--min-ww) * 100vw),46px);
		height:min(calc(50 / var(--min-wh) * 100vh),50px);
		margin:auto 0;
	}
	.comBG_accent.-flo3{
		width:min(calc(48 / var(--min-ww) * 100vw),48px);
		height:min(calc(46 / var(--min-wh) * 100vh),46px);
		top:calc(75% + min(calc(32 / var(--min-wh) * 100vh),32px));
		bottom:min(calc(240 / var(--min-wh) * 100vh),240px);
		left:min(calc(84 / var(--min-ww) * 100vw),84px);
		margin:auto 0;
	}
	.comBG_accent.-batsu{
		width:min(calc(40 / var(--min-ww) * 100vw),40px);
		height:min(calc(40 / var(--min-wh) * 100vh),40px);
		bottom:calc(90% + min(calc(56 / var(--min-wh) * 100vh),56px));
		top:min(calc(28 / var(--min-wh) * 100vh),28px);
		left:min(calc(16 / var(--min-ww) * 100vw),16px);
		margin:auto 0;
	}
	.comBG_accent.-fish{
		width:min(calc(50 / var(--min-ww) * 100vw),50px);
		height:min(calc(50 / var(--min-wh) * 100vh),50px);
		top:calc(75% + min(calc(196 / var(--min-wh) * 100vh),196px));
		bottom:min(calc(72 / var(--min-wh) * 100vh),72px);
		left:min(calc(48 / var(--min-ww) * 100vw),48px);
		margin:auto 0;
	}
	.comBG_accent.-dots1{
		width:min(calc(150 / var(--min-ww) * 100vw),150px);
		height:min(calc(150 / var(--min-wh) * 100vh),150px);
		bottom:min(calc(48 / var(--min-wh) * 100vh),48px);
		right:min(calc(36 / var(--min-ww) * 100vw),36px);
	}
	.comBG_accent.-dots2{
		width:min(calc(250 / var(--min-ww) * 100vw),250px);
		height:min(calc(160 / var(--min-wh) * 100vh),160px);
	}
	.comBG_accent.-slash1{
		width:min(calc(135 / var(--min-ww) * 100vw),135px);
		height:min(calc(30 / var(--min-ww) * 100vw),30px);
		top:min(calc(33 / var(--min-ww) * 100vw),33px);
		right:min(calc(192 / var(--min-ww) * 100vw),192px);
		left:unset;
		margin:unset;
	}
	.comBG_accent.-slash2{
		width:min(calc(30 / var(--min-ww) * 100vw),30px);
		height:min(calc(135 / var(--min-ww) * 100vw),135px);
		top:calc(50% + min(calc(56 / var(--min-wh) * 100vh),56px));
		bottom:calc(25% + min(calc(120 / var(--min-wh) * 100vh),120px));
		left:min(calc(33 / var(--min-ww) * 100vw),33px);
	}
}


/**
* Animation
**/
/** comBG_accent.-dots **/
.comBG_accent.-dots1{
	animation-name:bg_ani_opacity;
	animation-duration:8s;
	animation-direction:alternate; 
	animation-iteration-count:infinite;
}
.comBG_accent.-dots2{
	animation-name:bg_ani_opacity;
	animation-duration:6s;
	animation-direction:alternate-reverse; 
	animation-iteration-count:infinite;
}
@keyframes bg_ani_opacity{
	0%{opacity:20%}
	60%{opacity:0}
	80%{opacity:20%}
	100%{opacity:0}
}

/** comBG_accent.-flo **/
.comBG_accent.-flo1{
	animation-name:ani_rotate;
	animation-duration:8s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
.comBG_accent.-flo2{
	animation-name:bg_ani_rotate36;
	animation-duration:12s;
	animation-timing-function:linear;
	animation-direction:reverse; 
	animation-iteration-count:infinite;
}
.comBG_accent.-flo3{
	animation-name:ani_rotate;
	animation-duration:8s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
@keyframes bg_ani_rotate36{
	0%{transform:rotate(0deg)}
	5%,10%{transform:rotate(36deg)}
	15%,20%{transform:rotate(72deg)}
	25%,30%{transform:rotate(108deg)}
	35%,40%{transform:rotate(144deg)}
	45%,50%{transform:rotate(180deg)}
	55%,60%{transform:rotate(216deg)}
	65%,70%{transform:rotate(252deg)}
	75%,80%{transform:rotate(288deg)}
	85%,90%{transform:rotate(324deg)}
	95%,100%{transform:rotate(360deg)}
}


/** comBG_accent.-batsu **/
.comBG_accent.-batsu{
	animation-name:bg_ani_rotate90;
	animation-duration:4s;
	animation-timing-function:linear;
	animation-direction:reverse; 
	animation-iteration-count:infinite;
}
@keyframes bg_ani_rotate90{
	0%{transform:rotate(0deg)}
	10%,25%{transform:rotate(45deg)}
	35%,50%{transform:rotate(90deg)}
	60%,75%{transform:rotate(135deg)}
	85%,100%{transform:rotate(180deg)}
}

/** comBG_accent.-fish **/
.comBG_accent.-fish{
	animation-name:bg_ani_fish;
	animation-duration:3s;
	animation-timing-function:linear;
	animation-direction:reverse; 
	animation-iteration-count:infinite;
}
@keyframes bg_ani_fish{
	0%{
		transform:scale(1) translate(0,0);
	}
	42%,50%{
		transform:scale(1) translate(0,0);
	}
	44%,52%{
		transform:scale(0.7) translate(0,10px);
	}
	48%,56%{
		transform:scale(1.2) translate(0,-10px);
	}
	58%{
		transform:scale(1) translate(0,0);
	}
	100%{
		transform:scale(1) translate(0,0);
	}
}


/*-----------------------------------------------
 * Footer
-------------------------------------------------*/
.footer{
	width:100%;
	position:relative;
	margin-top:-8px;
	padding-top:8px;
}
.footer:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:2px;
	background-color:var(--color-main-brown);
}
.toTop{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:-26px auto 0;
	width:94px;
	z-index:2;
	pointer-events:none;
}
.link_toTop{
	display:block;
	text-decoration:none;
	position:relative;
	width:100%;
	padding-top:44.6809%;/* 42 */
	pointer-events:auto;
}
.link_toTop:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/footer_toTop__arrow.svg) no-repeat center / contain;
}


.footerIn{
	position:relative;
	width:100%;
	padding:80px 3.3334%;/* 80px 40px */
	background-color:var(--color-main-brown);
}

.footerBannerLists{
	width:100%;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:min(3.3334vw,40px);
}
.footerBannerList{
	width:240px;
}
.footerBannerList__link{
	display:block;
	width:100%;
	text-decoration:none;
}
.footerBannerList__link > img{
	width:100%;
}


.footerIn__contWrap{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	margin-top:80px;
}
.footerIn__contWrap > .shareLists{
	margin-right:auto;
	min-width:370px;
}


.footer_contactlink{
	display:inline-block;
	padding:0px 12px;
	line-height:1;
	letter-spacing:0;
}
.footer_contactlink > a{
	display:inline-block;
	text-decoration:none;
	color:#FFF;
	opacity:60%;
}
.footer_contactlink > a span{
	display:inline-block;
	position:relative;
	line-height:1;
}
.footer_contactlink > a span:after{
	content:'';
	margin-left:0.5em;
	width:16px;
	height:16px;
	-webkit-mask:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/icon_blank.svg) no-repeat center bottom / contain;
	mask:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/icon_blank.svg) no-repeat center bottom / contain;
	display:inline-block;
	background-color:#fff;
}

.footer_copyright{
	font-size:75%;
	line-height:1;
	margin-left:auto;
	padding-left:12px;
	opacity:60%;
	color:#FFF;
	letter-spacing:0;
	min-width:370px;
}

@media (hover:hover) and (pointer:fine){
/* link_toTop */
	.link_toTop:before{
		transition:.3s ease;
	}
	.link_toTop:hover::before{
		transform:translateY(-25%);
	}
/* footerBannerList__link */
	.footerBannerList__link{
		transition:.3s ease;
	}
	.footerBannerList__link:hover{
		filter:brightness(110%);
		transform:scale(1.015);
	}
/* footer_contactlink */
	.footer_contactlink > a{
		transition:.3s ease;
	}
	.footer_contactlink > a:hover{
		opacity:100%;
	}
}

@media screen and (max-width:1019px){
	.footer_copyright{
		margin-top:40px;
		padding-left:0;
		margin-right:auto;
	}
}
@media screen and (max-width:767px){
	.footer{
		margin-top:calc(var(--sp-size-20) * -1);
		padding-top:var(--sp-size-20);
	}
	.footer:before{
		height:var(--sp-size-4);
	}
	.toTop{
		width:min(calc(118 / var(--min-ww) * 100vw),118px);
		margin-top:calc(var(--sp-size-24) * -1);
	}

	.footerIn{
		padding:var(--sp-size-96) var(--sp-size-48);
	}
	.footerBannerLists{
		gap:var(--sp-size-48);
	}
	.footerBannerList{
		width:46.3303%;/* 303 */
	}
	.footerIn__contWrap{
		margin-top:var(--sp-size-96);
		flex-direction:column;
	}
	.footerIn__contWrap > .shareLists{
		min-width:unset;
		width:100%;
		margin-right:unset;
	}
	.footer_contactlink{
		margin-top:var(--sp-size-96);
		padding:0;
	}
	.footer_contactlink > a span:after{
		width:var(--sp-size-32);
		height:var(--sp-size-20);
	}
	.footer_copyright{
		font-size:83.3334%;
		margin-top:var(--sp-size-96);
		min-width:100%;
		text-align:center;
	}
}


/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
.loading{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100001;
	background-color:#f1eeed;
}
.loadingIn{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.loading_heart{
	width:64px;
	transition:transform .8s ease-in-out,filter .4s ease-in-out .4s,opacity .2s ease-in-out .6s;
}
.loading_heart > img{
	width:100%;
	animation-name:bg_ani_doki;
	animation-duration:2.6s;
	animation-timing-function:linear;
	animation-direction:reverse; 
	animation-iteration-count:infinite;
}

@keyframes bg_ani_doki{
	0%{
		transform:scale(1) translate(0,0) rotate(0deg);
	}
	22%,30%,72%,80%{
		transform:scale(1) translate(0,0) rotate(0deg);
	}
	24%,32%,74%,82%{
		transform:scale(0.7) translate(0,12px) rotate(6deg);
	}
	28%,36%,78%,86%{
		transform:scale(1.2) translate(0,-12px) rotate(-6deg);
	}
	38%,88%{
		transform:scale(1) translate(0,0) rotate(0deg);
	}
	100%{
		transform:scale(1) translate(0,0) rotate(0deg);
	}
}


/* loaded */
body.--is-load .loading_heart{
	transform:scale(16);
	filter:blur(12px);
	opacity:10%;
}
body.--is-load .loading_heart > img{
	animation-play-state:paused;
}

/**
* heart - load
**/
body[data-page="top"] .comBG_heartWrap{
	opacity:100%;
	filter:blur(12px);
	transition:opacity .8s ease-in-out .2s,filter .6s ease-in-out .4s;
}
body[data-page="top"] .comBG_heart.-t,
body[data-page="top"] .comBG_heart.-bl,
body[data-page="top"] .comBG_heart.-br{
	transform:scale(3);
	transition:transform .3s ease .7s;
}

/* loaded */
body[data-page="top"].--is-load .comBG_heartWrap{
	opacity:10%;
	filter:blur(0px);
}
body[data-page="top"].--is-load .comBG_heart.-t,
body[data-page="top"].--is-load .comBG_heart.-bl,
body[data-page="top"].--is-load .comBG_heart.-br{
	transform:scale(1);
}

/**
* Follow X
**/
.follow_xWrap{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	margin-left:-60px;
	width:120px;
	height:120px;
}
.follow_xIn{
	width:100%;
	height:100%;
	position:relative;
	pointer-events:none;
}
.follow_xIn:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/top/news_circle__followus.svg) no-repeat center / contain;
	animation:24s ani_rotate linear infinite;
	animation-direction:reverse;
}
.follow_xLink{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:70%; /* 84 */
	height:70%;
	border-radius:50%;
	background-color:var(--color-main-red);
	overflow:hidden;
	margin:auto;
	pointer-events:auto;
}
.follow_xLink::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:28.5715%;/* 24 */
	height:28.5715%;
	margin:auto;
	-webkit-mask:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/icon_tw.svg) no-repeat center / contain;
	mask:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/icon_tw.svg) no-repeat center / contain;
	background-color:#FFF;
}
.follow_xFrame{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/top/news_circle__frame.svg) no-repeat center / contain;
	margin:auto;
	width:90.4762%;/* 76 */
	height:90.4762%;
}
@media screen and (max-width:767px){
	.follow_xWrap{
		width:min(calc(140 / var(--min-ww) * 100vw),140px);
		height:min(calc(140 / var(--min-ww) * 100vw),140px);
		margin-left:min(calc(22 / var(--min-ww) * 100vw),22px);
	}
}
/* nav */
.nav{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:500;
	pointer-events:none;
}
@media screen and (max-width:767px){
	.nav{
		position:fixed;
		bottom:unset;
		height:100vh;
		height:100lvh;
		transform:translateX(-100%);
		transition:transform 0.3s ease;
	}
	.nav.is-active{
		transform:translateX(0);
	}
}
.navIn{
	position:sticky;
	left:0;
	top:0;
	height:100%;
	width:min(calc(160 / var(--vw-min) * 100vw),160px);
	max-height:100vh;
	max-height:100dvh;
	min-height:min(calc(740 / var(--vw-min) * 100vw),740px);
	display:flex;
	flex-direction:column;
	justify-content:center;
}
@media screen and (max-width:767px){
	.navIn{
		position:absolute;
		right:0;
		bottom:0;
		width:100%;
		height:auto;
		display:block;
		overflow:auto;
		pointer-events:auto;
		overscroll-behavior:contain;
		min-height:unset;
	}
}
@media screen and (max-width:767px){
	.navBtn{
		position:fixed;
		right:min(calc(24 / var(--vw-min) * 100vw),24px);
		top:min(calc(24 / var(--vw-min) * 100vw),24px);
		width:min(calc(96 / var(--vw-min) * 100vw),96px);
		height:min(calc(96 / var(--vw-min) * 100vw),96px);
		background:var(--color-main-red);
		border-radius:50%;
		z-index:501;
		pointer-events:auto;
	}
	.navBtn__frame{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/menu_frame.svg) no-repeat center center / 88%;
		pointer-events:none;
	}
	.navBtn__link{
		display:block;
		height:min(calc(96 / var(--vw-min) * 100vw),96px);
		position:relative;
	}
	.navBtn__link span{
		display:block;
		width:min(calc(4 / var(--vw-min) * 100vw),4px);
		height:min(calc(4 / var(--vw-min) * 100vw),4px);
		background:#fff;
		position:absolute;
		left:50%;
		top:50%;
		margin-left:max(calc(-2 / var(--vw-min) * 100vw),-2px);
		margin-top:max(calc(-2 / var(--vw-min) * 100vw),-2px);
		border-radius:min(calc(2 / var(--vw-min) * 100vw),2px);
		transition:all 0.3s ease;
	}
	.navBtn__link span:nth-child(1){
		transform:translateX(min(calc(12 / var(--vw-min) * 100vw),12px));
	}
	.navBtn__link span:nth-child(3){
		transform:translateX(max(calc(-12 / var(--vw-min) * 100vw),-12px));
	}
	.navBtn__link.is-active span:nth-child(1){
		width:min(calc(38 / var(--vw-min) * 100vw),38px);
		margin-left:max(calc(-19 / var(--vw-min) * 100vw),-19px);
		transform:rotate(30deg);
	}
	.navBtn__link.is-active span:nth-child(3){
		width:min(calc(38 / var(--vw-min) * 100vw),38px);
		margin-left:max(calc(-19 / var(--vw-min) * 100vw),-19px);
		transform:rotate(-30deg);
	}
}
.navInContent{
	width:100%;
}
@media screen and (max-width:767px){
	.navInContent{
		padding-top:min(calc(48 / var(--vw-min) * 100vw),48px);
		padding-bottom:calc(100lvh - 100vh);
		min-height:calc(100vh + 1px);
		min-height:calc(100lvh + 1px);
	}
}
.navInLogo{
	display:none;
}
@media screen and (max-width:767px){
	.navInLogo{
		display:block;
		width:min(calc(240 / var(--vw-min) * 100vw),240px);
		margin:0 auto min(calc(120 / var(--vw-min) * 100vw),120px);
	}
	.navInLogo__link{
		display:block;
		height:min(calc(74 / var(--vw-min) * 100vw),75px);
		background:url(https://monaxmedaka.com/wp-content/themes/monaxmedaka/assets/img/common/logo_horizontal.svg) no-repeat center center / contain;
	}
}
.navLists{
	font-family:var(--font-en);
	font-weight:700;
	padding:min(calc(40 / var(--vw-min) * 100vw),40px) 0;
	pointer-events:auto;
}
.subPagenav .navLists{
	padding:min(calc(60 / var(--vw-min) * 100vw),60px) 0 min(calc(120 / var(--vw-min) * 100vw),120px);
}
@media screen and (max-width:767px){
	.navLists {
		display: flex;
		flex-wrap: wrap;
	}
	.navLists,
	.subPagenav .navLists{
		padding:0;
	}
}
.navList{}
@media screen and (max-width:767px){
	.navList:nth-child(odd){
		width:43.6%;
	}
	.navList:nth-child(even){
		width:56.4%;
	}
	.navList.is-child {
		width:100%;
	}
}
.navList.is-parent {
	padding-bottom:min(calc(10 / var(--vw-min) * 100vw),10px);
}

.navList__link{
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	text-decoration:none;
	display:flex;
	color:var(--color-main-brown);
	transition:color 0.3s ease;
}
@media screen and (max-width:767px){
	.navList__link{
		height:min(calc(100 / var(--vw-min) * 100vw),100px);
		font-size:min(calc(42 / var(--vw-min) * 100vw),42px);
		padding-left:min(calc(96 / var(--vw-min) * 100vw),96px);
	}
}
@media screen and (hover:hover){
	.navList__link:hover{
		color:var(--color-main-red);
	}
}
.navList__link.is-active{
	color:var(--color-main-red);
}
.navList.is-parent > .navList__link {
	align-items: center;
	margin-bottom:max(calc(-10 / var(--vw-min) * 100vw),-10px);
}
@media screen and (max-width:767px){
	.navList.is-parent > .navList__link {
		margin-bottom:max(calc(-30 / var(--vw-min) * 100vw),-30px);
	}
}
.navList.is-parent .navList__link i {
	display: inline-block;
	position: relative;
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	margin-left:min(calc(12 / var(--vw-min) * 100vw),12px);
	filter: drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 0px #fff) drop-shadow(0px 0px 0px #fff) drop-shadow(0px 0px 0px #fff) drop-shadow(0px 0px 0px #fff);
}
@media screen and (max-width:767px){
	.navList.is-parent .navList__link i {
		width:min(calc(16 / var(--vw-min) * 100vw),16px);
		height:min(calc(16 / var(--vw-min) * 100vw),16px);
		filter:none;
	}
}
.navList.is-parent .navList__link i:before {
	content:'';
	position: absolute;
	left:0;
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:2px;
	border-radius: 2px;
	background:var(--color-main-brown);
	top:50%;
	margin-top:-1px;
	transition: all 0.3s ease;
}
@media screen and (max-width:767px){
	.navList.is-parent .navList__link i:before {
		width:min(calc(16 / var(--vw-min) * 100vw),16px);
		height:min(calc(3 / var(--vw-min) * 100vw),3px);
	}
}
.navList.is-parent .navList__link i:after {
	content:'';
	position: absolute;
	left:50%;
	top:0;
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	width:2px;
	border-radius: 2px;
	background:var(--color-main-brown);
	margin-left:-1px;
	transition: all 0.3s ease;
}
@media screen and (max-width:767px){
	.navList.is-parent .navList__link i:after {
		height:min(calc(16 / var(--vw-min) * 100vw),16px);
		width:min(calc(3 / var(--vw-min) * 100vw),3px);
		border-radius: 2px;
	}
}
@media screen and (hover:hover){
	.navList.is-parent:hover > .navList__link {
		color:var(--color-main-red);
	}
	.navList.is-parent:hover > .navList__link i:before,
	.navList.is-parent:hover > .navList__link i:after{
		background:var(--color-main-red);
		transform:scale(1.25);
	}
}
.navList.is-parent.is-active > .navList__link {
		color:var(--color-main-red);
	}
.navList.is-parent.is-active > .navList__link i:before,
.navList.is-parent.is-active > .navList__link i:after{
	background:var(--color-main-red);
}
.navList.is-parent.is-open > .navList__link i:after {
	transform:scale(0);
}
.navList.is-child > .navList__link {
	height:min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:767px){
	.navList.is-child > .navList__link {
		height:min(calc(70 / var(--vw-min) * 100vw),70px);
		width:100%;
	}
}
.navList__link span{
	display:block;
	line-height:min(calc(40 / var(--vw-min) * 100vw),40px);
	padding-left:min(calc(40 / var(--vw-min) * 100vw),40px);
	position:relative;
	z-index:50;
	text-shadow:
	0px 0px 1px #fff,
	1px 0px 1px #fff,
	2px 0px 1px #fff,
	-1px 0px 1px #fff,
	-2px 0px 1px #fff,
	0px 1px 1px #fff,
	1px 1px 1px #fff,
	2px 1px 1px #fff,
	-1px 1px 1px #fff,
	-2px 1px 1px #fff,
	0px 2px 1px #fff,
	1px 2px 1px #fff,
	2px 2px 1px #fff,
	-1px 2px 1px #fff,
	-2px 2px 1px #fff,
	0px -1px 1px #fff,
	1px -1px 1px #fff,
	2px -1px 1px #fff,
	-1px -1px 1px #fff,
	-2px -1px 1px #fff,
	0px -2px 1px #fff,
	1px -2px 1px #fff,
	2px -2px 1px #fff,
	-1px -2px 1px #fff,
	-2px -2px 1px #fff;
}
@media screen and (max-width:767px){
	.navList__link span{
		display:block;
		line-height:min(calc(100 / var(--vw-min) * 100vw),100px);
		padding:0;
		text-shadow:unset;
		white-space: nowrap;
	}
}
.navList__link span:before{
	content:'';
	position:absolute;
	left:0;
	bottom:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	background:#fff;
	width:0;
	z-index:-1;
	transition:width 0.3s ease;
}
.navList.is-parent > .navList__link span:before {
	display: none;
}
.navList.is-child > .navList__link span {
	padding-left:min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:767px){
	.navList.is-child > .navList__link span {
		padding-left:min(calc(32 / var(--vw-min) * 100vw),32px);
	}
}
.navList.is-child > .navList__link span:before {
	bottom:max(calc(-2 / var(--vw-min) * 100vw),-2px);
}
@media screen and (max-width:767px){
	.navList.is-child > .navList__link span:before {
		bottom:max(calc(-4 / var(--vw-min) * 100vw),-4px);
	}
}
.navList.is-child > .navList__link span:after {
	content:'';
	position: absolute;
	left:min(calc(44 / var(--vw-min) * 100vw),44px);
	top:calc(50% + min(calc(4 / var(--vw-min) * 100vw),4px));
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:2px;
	border-radius: 2px;
	background:var(--color-main-brown);
	box-shadow:
	0px 0px 1px #fff,
	1px 0px 1px #fff,
	2px 0px 1px #fff,
	-1px 0px 1px #fff,
	-2px 0px 1px #fff,
	0px 1px 1px #fff,
	1px 1px 1px #fff,
	2px 1px 1px #fff,
	-1px 1px 1px #fff,
	-2px 1px 1px #fff,
	0px 2px 1px #fff,
	1px 2px 1px #fff,
	2px 2px 1px #fff,
	-1px 2px 1px #fff,
	-2px 2px 1px #fff,
	0px -1px 1px #fff,
	1px -1px 1px #fff,
	2px -1px 1px #fff,
	-1px -1px 1px #fff,
	-2px -1px 1px #fff,
	0px -2px 1px #fff,
	1px -2px 1px #fff,
	2px -2px 1px #fff,
	-1px -2px 1px #fff,
	-2px -2px 1px #fff;
	transition: all 0.3s ease;
}
@media screen and (max-width:767px){
	.navList.is-child > .navList__link span:after {
		left:0;
		top:calc(50% + min(calc(16 / var(--vw-min) * 100vw),16px));
		width:min(calc(16 / var(--vw-min) * 100vw),16px);
		height:min(calc(3 / var(--vw-min) * 100vw),3px);
		box-shadow:unset;
	}
}
.navList.is-child > .navList__link.is-active span:after {
		background:var(--color-main-red);
	}
@media screen and (hover:hover){
	.navList.is-child > .navList__link:hover span:after {
		background:var(--color-main-red);
	}
}
@media screen and (max-width:767px){
	.navList__link span:before{
		bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
		height:min(calc(16 / var(--vw-min) * 100vw),16px);
	}
}
@media screen and (hover:hover){
	.navList__link:hover span:before{
		width:100%;
	}
}
.navList__link.is-active span:before{
	width:100%;
}
.navListsChild {
	display: none;
}
.navList.is-parent.is-active .navListsChild {
	display: block;
}
.nav__footer{
	display:none;
}
@media screen and (max-width:767px){
	.nav__footer{
		display:flex;
		justify-content:space-between;
		padding:min(calc(120 / var(--vw-min) * 100vw),120px) min(calc(80 / var(--vw-min) * 100vw),80px);
	}
	.navfollow_xWrap{
		width:min(calc(140 / var(--min-ww) * 100vw),140px);
		height:min(calc(140 / var(--min-ww) * 100vw),140px);
	}
	#nav .follow_xIn:before{
		animation-play-state:running;
	}
	#nav .follow_xFrame{
		animation:24s ani_rotate linear infinite;
	}
	#nav .shareLists{
		width:auto;
		display:flex;
		align-items:center;
		flex-shrink:0;
	}
	#nav .shareLists > dt{
		color:var(--color-main-brown);
	}
	#nav .shareLists__link:before{
		background-color:var(--color-main-brown);
	}
}
#nav .comBGWrap{
	display:none;
}
@media screen and (max-width:767px){
	#nav .comBGWrap{
		display:block;
	}
}