@charset "utf-8";

/* @font-face {
    font-family: 'Neulis Sans';
    font-weight: normal;
    src: url('../fonts/fonnts.com-Neulis_Sans_Regular.otf') format('opentype');
} */
@font-face {
    font-family: 'Neulis Sans';
    font-weight: 400; /* Normal weight */
    src: url('../fonts/fonnts.com-Neulis_Sans_Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Neulis Sans';
    font-weight: 900; /* Bold weight */
    src: url('../fonts/fonnts.com-Neulis_Sans_Bold.otf') format('opentype');
}


body, h1, h2, h3, h4, h5, h6, ul, p, form, input, ul, ol, li, dl, dd, dt, section, header, nav, article, aside, hgroup, header, footer, figure, figcaption, summary, button {
		margin: 0;
		padding: 0;
		font-family: 'Neulis Sans', sans-serif;
}
html {
		overflow-y: scroll;
}
img {
		border: none;
		vertical-align: top;
}
::-webkit-scrollbar {
		width: 10px;
}
::-webkit-scrollbar-track {
		background-color: #fff;
}
::-webkit-scrollbar-thumb {
		background-color: #A9B2B8;
}
body {
		font-family: 'Neulis Sans' !important;
		font-weight: 400;
		color: #1e1e1e;
		-webkit-text-size-adjust: 100%;
		background-image: url(../images/kk.png) !important;
		background-size: cover;
		background-repeat: no-repeat;
}

/* #toppage .contents_body{
	background-image: url(../images/bg-main.jpg) !important;
		background-size: cover;
		background-repeat: no-repeat;
} */
.extraJp {
		font-family: 'Neulis Sans';
}
.side_navigation_menu .extraJp {
		font-weight: 500;
}
body.isLock {
		overflow: hidden;
}
.shun_container {
		overflow: hidden;
		/* max-width: 3000px; */
		margin: 0 auto;
}
header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 80px;
		z-index: 1000;
}
.top_header_logo img, .header_logo img {
		width: 40%;
		height: auto;
}
.header_logo {
		/* width: 36px; */
		/* left: 90px; */
		/* rotate: -90deg; */
}
.header_logo-drop {
    display: flex;
    align-items: center;  /* This centers the content vertically */
    height: 100%;  /* Adjust the height based on the parent container */
}

.our-pro{
	font-size: 28px;
    font-family: 'Neulis Sans';
    color: #BF2026;
    font-weight: 500;
}

.header_logo-drop img {
    display: block;
	position: relative;
    /* left: -25px; */
    /* rotate: -90deg; */
}
.header_inner {
		/* padding: 20px 50px 0; */
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 100%;
		padding: 0 3%;
}
.header_inner .header_trigger {
		position: absolute;
		right: 50px;
		/* top: 30px; */
		width: 48px;
		height: 48px;
		cursor: pointer;
		border-radius: 50%;
		border: 4px solid #BF2026;
		transition: border 0.3s;
		background: none;
}
.header_inner .header_trigger.triggerOpen {
		border: 4px solid #FFF3DE;
}
/* .isWht .header_inner .header_trigger {
		border: 1px solid rgba(255, 255, 255, 0.2);
		border: 1px solid #BF2026;
} */
.isWht .series_drawer .header_inner .header_trigger {
		border: 1px solid #333;
}
.header_trigger::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 48px;
		height: 48px;
		cursor: pointer;
		border-radius: 50%;
		z-index: 0;
		transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
		transform: scale(0);
}
.header_trigger .header_trigger__inner {
		width: 10px;
		height: 16px;
		position: absolute;
		/* left: 18.5px;
		top: 15.4px; */
		left: 12.5px;
    	top: 6px;
}
.header_trigger__inner .header_trigger_bar {
		position: absolute;
		width: 16px;
		height: 4px;
		background: #BF2026;
		transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.trigger_icon {
    display: none;
    width: 40px; /* Adjust size as needed */
    height: auto;
	position: absolute;
    top: -9px;
    left: -13px;
	fill: #BF2026;
}
.header_trigger.triggerOpen .header_trigger__inner{
	left: 12.5px;
    /* top: 12px; */
}
/* .header_trigger.triggerOpen .header_trigger__inner .header_trigger_bar {
	width: 12px;
} */

/* Style the 3 bars */
.header_trigger_bar {
    width: 30px;
    height: 4px;
    background-color: black;
    margin: 5px 0;
    transition: opacity 0.3s ease;
}

/* Hide bars and show SVG on hover */
.header_trigger:hover .header_trigger_bar {
    opacity: 0;
}

.header_trigger:hover .trigger_icon {
    display: block;
}
.isWht .header_trigger__inner .header_trigger_bar {
		/* background: #fff; */
		background: #BF2026;
}
.header_trigger__inner .header_trigger_bar:nth-child(2) {
		top: 7px;
}
.header_trigger__inner .header_trigger_bar:nth-child(3) {
		top: 14px;
}
@media (hover: hover) {
		.header_trigger.triggerClose:hover .header_trigger__inner .header_trigger_bar:nth-child(1) {
				transform: translateX(-7px);
		}
		.header_trigger.triggerClose:hover .header_trigger__inner .header_trigger_bar:nth-child(3) {
				transform: translateX(7px);
		}
}

.header_trigger__inner .header_trigger_bar:nth-child(1)::after, .header_trigger__inner .header_trigger_bar:nth-child(3)::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: -5px;
		width: 20px;
		height: 4px;
		background: #f0f0f0;
		transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
		transition-delay: 0.3s;
		transform: scaleX(0);
		transform-origin: right center;
}
.header_trigger__inner .header_trigger_bar:nth-child(3)::after {
		transition-delay: 0.4s;
}
.global_drawer_col_ttl drawerSP h4{
	color:#FFF3DE;
}
.header_trigger.triggerOpen::before {
		/* background: #1e1e1e; */
		transform: scale(1);
}
.triggerOpen .header_trigger__inner .header_trigger_bar:nth-child(1) {
		transform: translateY(7px) rotate(-45deg);
		background: none;
		top: 0px;
}
.triggerOpen .header_trigger__inner .header_trigger_bar:nth-child(3) {
		transform: translateY(-7px) rotate(45deg);
		background: none;
		top: 14.5px;
}
.triggerOpen .header_trigger__inner .header_trigger_bar:nth-child(1)::after, .triggerOpen .header_trigger__inner .header_trigger_bar:nth-child(3)::after {
		transform: scaleX(1);
}
.triggerOpen .header_trigger__inner .header_trigger_bar:nth-child(2) {
		opacity: 0;
}
/* Ensure the bars are visible when triggerOpen */
/* .triggerOpen .header_trigger__inner .header_trigger_bar:nth-child(1),
.triggerOpen .header_trigger__inner .header_trigger_bar:nth-child(3) {
    background: none !important;
	transform: translateY(0px) rotate(-45deg);
}

.triggerOpen .header_trigger__inner .header_trigger_bar:nth-child(3) {
	transform: translateY(-11px) rotate(45deg);
} */

/* Ensure visibility on hover */
.triggerOpen:hover .header_trigger__inner .header_trigger_bar:nth-child(1),
.triggerOpen:hover .header_trigger__inner .header_trigger_bar:nth-child(3) {
    background: none !important; /* Keep it green */
    opacity: 1 !important; /* Ensure it doesn’t fade */
}

/* Hide middle bar when open */
.triggerOpen .header_trigger__inner .header_trigger_bar:nth-child(2) {
    opacity: 0;
}

/* Fix pseudo-elements for better visibility */
.triggerOpen .header_trigger__inner .header_trigger_bar:nth-child(1)::after,
.triggerOpen .header_trigger__inner .header_trigger_bar:nth-child(3)::after {
    transform: scaleX(1);
    background: white !important; /* Ensure pseudo-elements are visible */
	width: 25px;
    /* height: 5px; */
}

/* Make sure it doesn't disappear on hover */
.triggerOpen:hover .header_trigger__inner .header_trigger_bar:nth-child(1)::after,
.triggerOpen:hover .header_trigger__inner .header_trigger_bar:nth-child(3)::after {
    background: white !important;
}


.header_nav {
		/* margin-right: 100px; */
		padding: 0 calc(7%);
		transition: opacity 0.4s;
}
.header_nav ul {
		display: flex;
		justify-content: flex-end;
}

.isUpside .header_nav {
	/* opacity: 0; */
	transition: opacity 0.4s;
	position: relative;
	z-index: -1;
}
/* .isUpside .header_inner {
opacity: 0.85;
transition: opacity 0.8s, background-color 1.5s ease-in-out; 
position: relative;
z-index: -1;
background: #BF2026;
} */
/* .isUpside .header_nav li a span, .isUpside .header_nav li a span b{
	color: #FFF3DE !important;
}
.isUpside .header_inner .header_trigger{
	border: 4px solid #FFF3DE;
}
.isUpside .header_trigger__inner .header_trigger_bar{
	background: #FFF3DE;
} */
.isUp .header_nav {
		/* opacity: 0; */
		transition: opacity 0.4s;
		position: relative;
		z-index: -1;
}
.isUp .header_inner,.isUpside .header_inner {
	opacity: 0.85;
	transition: opacity 0.8s, background-color 1.5s ease-in-out; 
	position: relative;
	z-index: -1;
	background-image: url(../images/kk.png);
	background-size: cover;
	background-repeat: no-repeat;
}
/* .isWht .header_inner {
	opacity: 0.85;
	transition: opacity 0.8s, background-color 1.5s ease-in-out; 
	position: relative;
	z-index: -1;
	background: #BF2026;
}
.isWht .header_inner .header_trigger{
	border: 4px solid #FFF3DE;
}
.isWht .header_nav li a{
	color: #FFF3DE;
}
.isWht .header_nav li a span b{
	color: #FFF3DE !important;
}
.isWht .header_trigger__inner .header_trigger_bar{
	background: #FFF3DE;
} */
.header_nav li {
		list-style: none;
		font-size: 18px;
		font-family: 'Neulis Sans';
		font-weight: 400;
		font-style: normal;
		margin: 0;
		position: relative;
		z-index: 100;
}
.drawer_menu_gr {
		display: flex;
		flex-wrap: wrap;
}
.header_nav li a {
		display: inline-block;
		padding: 3px 0px 3px 40px;
		text-decoration: none;
		color: #BF2026;
		/* color: #D75C61; */
		transition: color 0.3s;
}
.hover a.series_parent_link, .hover a.category_parent_link {
		color: #fff !important;
		padding-bottom: 60px;
		margin-bottom: -60px;
}


/* .mn_series:hover ~ li a,
.mn_category:hover ~ li a,
.header_nav:hover li:not(:hover) a {
    color: green !important;
} */

/* .isWht .header_nav li a {
		color: #BF2026;
} */
.header_drawer_inner a {
		padding: 0;
}
.header_nav li span, .header_drawer_inner li span, .footer__inner__nav__col li a span, .global_drawer_cont a span, .bread_wrap li a span {
		display: inline-block;
		position: relative;
		/* font-weight: 900; */
}
.header_nav li span::after, .header_drawer_inner li span::after, .footer__inner__nav__col li a span::after, .global_drawer_cont a span::after, .bread_wrap li a span::after {
		content: '';
		display: block;
		position: absolute;
		bottom: -2px;
		left: -3px;
		width: 100%;
		height: 1px;
		transform-origin: left center;
		transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
		background: #BF2026;
		transform: scaleX(0);
}
/* #about header .header_nav li.mn_about span::after, #series header .header_nav li.mn_series span::after, #category header .header_nav li.mn_category span::after, #products header .header_nav li.mn_products span::after, #history header .header_nav li.mn_history span::after, #movie header .header_nav li.mn_movie span::after, #news header .header_nav li.mn_news span::after {
		transform: scaleX(1);
		background: #333;
		left: 0 !important;
} */
#series header .header_nav li.mn_series a span::after, #series header .header_nav li.mn_series span::after, #category header .header_nav li.mn_category a span::after, #category header .header_nav li.mn_category span::after {
		transform: scaleX(0);
		background: #fff;
}
@media (hover: hover) {
		#series header .header_nav li.mn_series a:hover span::after, #category header .header_nav li.mn_category a:hover span::after {
				transform: scaleX(1);
				background: #fff;
		}
}
.global_drawer_cont a span::after, .header_nav li .series_drawer .header_nav li a span::after {
		background: #fff;
}
.bread_wrap li a span::after {
		background: #BF2026;
}

/* .footer__inner{
	display: none !important;
} */
.header_nav li.hover .series_parent_link span::after, .header_nav li.hover .category_parent_link span::after {
		transform: scaleX(1) !important;
		left: 0 !important;
		background: #fff !important;
}
.isWht .header_nav li span::after {
		background: #BF2026;
}
.header_drawer_inner li span::after, .footer__inner__nav__col li a span::after {
		background: #BF2026;
}
@media (hover: hover) {
		.header_nav li a:hover span::after, .header_drawer_inner li a:hover span::after, .footer__inner__nav__col li a:hover span::after, .global_drawer_cont a:hover span::after, .bread_wrap li a:hover span::after {
				transform: scaleX(1) translateX(3px);
		}
		.global_drawer_cont a:hover span::after, .header_nav li .series_drawer .header_nav li a:hover span::after {
				background: #fff !important;
		}
		.footer__inner__nav__col li a:hover, .global_drawer_cont a:hover {
				color: #fff;
		}
}
/* ================ */
.contents_body {
		margin-top: 130px;
}
/* @media(max-width: 767px) {
		.contents_body {
				margin-top: 100px;
		}
} */
#toppage .contents_body {
		margin-top: 0;
}
/* ================ */
.bnr_section {
		padding: 130px 8vw;
		background: #1e1e1e;
		position: relative;
		z-index: 100;
}
.bnr_section__inner {
		max-width: 1110px;
		margin: 0 auto;
		display: flex;
}
.bnr_item {
		width: 360px;
		margin: 0 16px 16px 0;
		overflow: hidden;
}
.bnr_item img {
		width: 100%;
		height: auto;
}
.bnr_section__inner .bnr_item:nth-child(3n) {
		margin-right: 0;
}
.bnr_item img {
		width: 100%;
		height: auto;
		transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
		.bnr_item a:hover img {
				transform: scale(1.1)
		}
}
@media(max-width: 1500px) {
		.bnr_item {
				width: calc(calc(100% - 32px) / 3);
		}
		.header_nav {
			/* margin-right: 80px; */
			padding: 0 calc(10% - 2%);
		}
}
@media(max-width: 840px) {
		.bnr_section__inner {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
		}
		.bnr_item {
				width: calc(50% - 4px);
				margin: 0 0 8px;
		}
}
@media(max-width: 767px) {
		.bnr_section {
				padding: 80px 20px 0;
		}
		.bnr_section__inner {
				display: block;
				width: 80%;
				margin: 0 auto;
				max-width: 300px;
		}
		.bnr_item {
				width: 100%;
				margin: 0 0 15px;
		}
}
.footer_hr {
		height: 2px;
		background: #FFF3DE;
		padding: 0 50px;
}
@media(max-width: 1500px) {
		.footer_hr {
				padding: 0 30px;
		}
}
@media(max-width: 767px) {
		.footer_hr {
				padding: 0 20px;
		}
}
.footer_hr div {
		height: 1px;
		background: #666;
}
footer {
		background: #BF2026;
		color: #FFF3DE;
		padding: 50px 50px 40px;
		position: relative;
		z-index: 100;
}
.footer__wrap {
		position: relative;
}
.footer__wrap .footer__logo {
		position: absolute;
		top: 0;
		left: 0;
}
.footer__inner {
		/* max-width: 1110px; */
		margin: 0 auto 50px;
		display: flex;
		justify-content: flex-end;
}
.footer__inner__nav {
		display: flex;
		position: relative;
		justify-content: space-between;
}
.footer__inner__nav__col {
		width: 200px;
		box-sizing: border-box;
}
.footer__inner__nav__col li {
		list-style: none;
		/* font-size: 14px; */
		margin: 0 0 20px;
}
.footer__inner__nav__col li a {
		color: #FFF3DE;
		text-decoration: none;
		transition: color 0.3s;
}
.footer__inner__nav__col ul li:last-child {
		margin-bottom: 0;
}
.corprate_blank {
		padding-left: 30px;
		border-left: 1px solid #FFF3DE;
}
.footer_copyright_wrap {
		display: flex;
		align-items: center;
}
.footer_inner_sns__wrap {
		max-width: 1110px;
		margin: 0 auto;
		display: flex;
		justify-content: flex-end;
}
.footer_inner_sns {
		width: 600px;
}
.footer_inner_sns ul {
		display: flex;
		align-items: center;
		position: relative;
		bottom: -24px;
}
.footer_inner_sns li {
		list-style: none;
		margin-right: 10px;
}
.footer_inner_sns li:last-child {
		margin-right: 0;
}
.footer_inner_sns li img {
		width: 20px;
		height: auto;
		transition: opacity 0.3s;
}
@media (hover: hover) {
		.footer_inner_sns li a:hover img {
				opacity: 0.7
		}
}
.footer_corporate_logo {
		width: 38px;
		margin-right: 20px;
		height: 16px;
}
.footer_corporate_logo img {
		width: 100%;
		height: auto;
		transition: opacity 0.4s;
}
.copyright {
		font-size: 10px;
		flex: 1;
}
.pagetop {
		position: fixed;
		right: 40px;
		bottom: 40px;
		width: 70px;
		height: 48px;
		cursor: pointer;
		z-index: 100;
		display: none;
}
.pagetop span {
		opacity: 0;
}
.pagetop a {
		text-decoration: none;
		width: 70px;
		height: 48px;
		display: block;
}
.pagetop::before, .pagetop::after {
		content: '';
		display: block;
		position: absolute;
		pointer-events: none;
}
.pagetop::before {
		width: 52px;
		height: 4px;
		position: absolute;
		background: #BF2026;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.pagetop.isWht::before {
		background: #FFF3DE;
}
.pagetop.isWht::after{
	border-top: 4px solid #FFF3DE;
    border-left: 4px solid #FFF3DE;
}
.pagetop::after {
		width: 32px;
		height: 32px;
		border-top: 4px solid #BF2026;
		border-left: 4px solid #BF2026;
		position: absolute;
		transform: rotate(45deg);
		top: 18px;
		left: 8px;
		transition: top 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
/* .pagetop.isWht::after {
		border-top: 1px solid #BF2026;
		border-left: 1px solid #BF2026;
} */
@media (hover: hover) {
		.pagetop:hover::before {
				transform: scaleX(0);
		}
		.pagetop:hover::after {
				top: 0;
		}
}
@media(max-width: 1500px) {
		footer {
				padding-left: 30px;
				padding-right: 30px;
		}
}
@media(max-width: 1200px) {
		.footer_inner_sns {
				width: 50px;
		}
}
@media(min-width: 768px) {
		.copyright br {
				display: none
		}
}
@media (min-width: 1700px) {
	header{
		height: 100px;
	}
    .footer__wrap .footer__logo {
		/* left: 20px; */
		width: 400px;
	}
	.header_logo, .header_logo-drop{
		width: 400px;
	}
	.header_logo-drop a{
		width: 100%;
	}
	/* .footer__wrap .footer__logo a img{
		height: 150px !important;
	}			 */
}
@media (min-width: 767px) {
    footer {
        padding: 3%;
		/* padding: 2% 10%; */
    }
}
@media(max-width: 767px) {
		footer {
				padding: 10% 3%;
		}
		.footer__wrap .footer__logo {
				position: static;
				margin: 0 0 40px;
				width: 300px;
		}
		.footer__inner {
				margin: 0 auto 40px;
				display: block;
		}
		.footer__inner .footer__inner__nav__col:first-child {
				width: 40%;
		}
		.footer__inner .footer__inner__nav__col:nth-child(2) {
				width: 40%;
		}
		.footer__inner__nav__col {
				width: 37%;
		}
		.footer_inner_sns__wrap {
				margin: 0 auto 80px;
				display: flex;
				justify-content: center;
		}
		.footer_copyright_wrap {
				display: flex;
				align-items: center;
				justify-content: center;
		}
		.footer_inner_sns ul {
				position: static;
				bottom: inherit;
		}
		.footer__inner__nav__col li {
				list-style: none;
				font-size: 13px;
				margin: 0 0 20px;
		}
		.corprate_blank {
				padding-left: 0;
				border-left: none;
		}
		.footer_corporate_logo {
				width: 30px;
				margin-right: 10px;
		}
		.copyright {
				font-size: 10px;
				line-height: 1.6;
		}
		.pagetop {
				right: 20px;
				bottom: 20px;
				width: 40px;
				height: 28px;
		}
		.pagetop a {
				width: 40px;
				height: 28px;
		}
		.pagetop::before {
				width: 42px;
		}
		.pagetop::after {
				width: 20px;
				height: 20px;
				top: 15px;
				left: 9px;
		}
}
@media(max-width: 1500px) {
		/* .header_inner {
				padding-left: 30px;
				padding-right: 30px;
		} */
		.header_inner .header_trigger {
				right: 30px;
		}
}
@media(max-width: 960px) {
		.header_nav ul.header_desktop__menu {
				display: none;
		}
}
@media(max-width: 767px) {
		body {
				font-size: 14px;
		}
		/* .header_inner {
				padding-left: 20px;
				padding-right: 20px;
		} */
		.header_inner .header_trigger {
				right: 20px;
				/* top: 20px; */
		}
}
@media(max-width: 375px) {
		.footer__inner__nav__col li {
				font-size: 12px;
		}
}
/* ================= */
.drawer_menu_gr_base {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 280px;
		background: #BF2026;
		display: none;
		transform-origin: center top;
		transition: height 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.drawer_menu_gr_base .header_logo {
		position: absolute;
		top: 20px;
		left: 50px;
}
.drawer_menu_gr_base .header_logo {
		position: absolute;
		top: 20px;
		left: 50px;
}
@media(max-width: 1500px) {
		.drawer_menu_gr_base .header_logo {
				top: 20px;
				left: 30px;
		}
		/* .header_logo {
			left: 40px;
		} */
}
.drawer_menu_gr_base.scaleUp {
		height: 330px;
}
.series_drawer, .category_drawer {
		position: fixed;
		top: 90px;
		left: 0;
		width: 100%;
		z-index: 1000;
		padding-bottom: 50px;
		display: none;
}
@media(max-width: 960px) {
		.series_drawer, .category_drawer {
				display: none !important;
		}
}
/* TODO */
.series_drawer .header_inner {
		position: relative
}
.series_drawer .header_inner .header_logo {
		display: block;
		position: relative;
}
.series_drawer header {
		position: static;
}
.header_nav li .series_drawer .header_nav li a {
		color: #333;
}
@media (hover: hover) {
		.header_nav li .series_drawer .header_nav li a:hover {
				color: #fff;
		}
}
.series_drawer .header_nav li a.active {
		color: #fff !important;
}
/* .series_drawer .header_nav li a:not(.active) {
    color: yellow !important;
} */
.series_drawer .header_nav li a.active span::after {
		transform: scaleX(1) translateX(3px);
		background: #fff;
}
.series_drawer .header_trigger__inner .header_trigger_bar {
		background: #333;
}
.header_drawer_inner {
		display: flex;
		max-width: 940px;
		margin: 0 auto;
		padding-top: 10px;
}
.header_logo a {
		padding: 0 !important;
}
.header_nav li .header_drawer_inner a {
		color: #FFF3DE;
		text-decoration: none;
}
.header_drawer_inner_left {
		width: 260px;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
		padding-bottom: 12px;
}
/* .header_drawer_inner_left_hd {} */
.header_drawer_inner_left h3 {
		color: #fff;
		font-size: 20px;
		font-weight: normal;
		margin: 0 0 6px;
		line-height: 1;
}
.header_drawer_inner_left_hd .global_drawer_col_ttl_en {
		font-family: 'Neulis Sans';
		font-weight: 400;
		font-style: normal;
		margin: 0;
		position: relative;
		color: #8c8c8c;
}
.header_drawer_inner_right {
		flex: 1;
		display: flex;
		padding-left: 60px;
		border-left: 1px solid #333;
}
.header_drawer_inner_right ul {
		display: block !important;
		margin-right: 50px;
		padding-top: 0;
}
.category_drawer .header_drawer_inner_right ul {
		display: block !important;
		margin-right: 0px;
}
.header_drawer_inner_right ul:last-child {
		margin-right: 0;
}
.header_drawer_inner_right ul li {
		list-style: none;
		font-size: 16px;
		font-family: 'Neulis Sans';
		font-weight: 400;
		font-style: normal;
		margin: 0 0 9px;
		line-height: 1;
}
.category_drawer .header_drawer_inner_right ul li {
		font-size: 14px;
}
.header_drawer_inner_left_hd, .header_drawer_inner_left .link_btn, .header_drawer_inner_right ul {
		transition: filter 1.2s;
		transition-delay: 0.1s;
		filter: blur(2px);
}
.isOpen .header_drawer_inner_left_hd, .isOpen .header_drawer_inner_left .link_btn, .isOpen .header_drawer_inner_right ul {
		filter: blur(0px);
}
.overlay, .productOverlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		display: none;
		z-index: 500;
		mix-blend-mode: multiply;
}
.productOverlay {
		background: none;
}
/* ===================== */
@media(min-width: 768px) {
		.drawerSP, .drawerSnsSP {
				display: none;
		}
}
@media(max-width: 767px) {
		.drawerPC, .drawerSnsPC {
				display: none;
		}
		.top_header_logo img, .header_logo img{
			width: 40% !important;
		}
}
.drawer-p{
	font-size: 3.5vw;
}
@media(min-width: 1400px){
	.drawer-p{
		font-size: 14px;
	}	
}
@media (max-width: 767px){
	.global_drawer_inner{
		width: 80% !important;
	}
}

@media (min-width: 1024px){
	.global_drawer_inner h4 {
		font-size: 2vw;
	}
	.drawer-p {
		font-size: 1vw;
	}
	.global_drawer_inner li {
		font-size: 1vw;
	}
	}
@media (max-width: 1024px){
	.global_drawer_inner{
		width: 80% !important;
	}
	.global_drawer_inner h4 {
		font-size: 3.5vw;
	}
	.drawer-p {
		font-size: 2vw;
	}
	.global_drawer_inner li {
		font-size: 2vw;
	}
	}
	
	@media (max-width: 426px) {
		.global_drawer_inner h4{
			font-size: 4.5vw;
		}
		.global_drawer_inner li{
			font-size: 3.5vw;
		}
		.drawer-p {
			font-size: 3vw;
		}
	}
.global_drawer {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #BF2026;
		color: #FFF3DE;
		z-index: 5000;
		display: none;
}
.global_drawer h1.header_logo::before {
		display: none;
}
.global_drawer h1.header_logo, .global_drawer h1.header_logo img {
		opacity: 1;
}
.global_drawer_cont {
		display: flex;
		justify-content: center;
		align-items: center;
		height: calc(100vh - 150px);
		margin-top: 100px;
		min-height: 500px;
}
.global_drawer_inner {
		width: 60%;
		color: #FFF3DE;
		display: flex;
		padding: 0 30px;
}
.global_drawer_col {
	/* margin-right: 50px; */
    width: 25%;
    flex: 1;
	padding-left: 20px;
}
.global_drawer_inner .global_drawer_col:last-child {
		margin-right: 0;
		width: 25%;
		flex: 1;
}
.global_drawer_inner a {
		color: #FFF3DE;
		text-decoration: none;
		transition: color 0.3s;
}
.global_drawer_inner li {
		list-style: none;
		/* font-size: 14px; */
		margin: 0 0 15px;
}
.global_drawer_col_menu {
		display: flex;
}
.global_drawer_col_menu ul:first-child {
		margin-right: 35px;
}
.global_drawer_col_menu ul li:last-child, .global_drawer_col_last ul li:last-child {
		margin-bottom: 0;
}
.global_drawer_inner h4 {
		/* font-size: 20px; */
		font-weight: normal;
		margin: 0 0 6px;
}
.global_drawer_inner .global_drawer_col_ttl_en {
		margin: 0;
		font-family: 'Neulis Sans';
		font-weight: 400;
		font-size: 12px;
		color: #FFF3DE;
}
.global_drawer_col_ttl {
		margin-bottom: 25px;
}
.global_drawer_col.global_drawer_col_last {
		display: flex;
		flex-flow: column;
		justify-content: space-between;
}
.global_drawer_col_last li a {
		color: #FFF3DE;
}
.global_drawer .footer_inner_sns {
		margin-left: 50px;
		position: relative;
		top: -20px;
}
.global_drawer_inner h4, .global_drawer_inner li, .global_drawer_inner p {
		transition: filter 0.6s;
		transition-delay: 0.25s;
		filter: blur(3px);
}
.isActive .global_drawer_inner h4, .isActive .global_drawer_inner li, .isActive .global_drawer_inner p {
		filter: blur(0px);
		font-weight: 900;
}
@media(max-width: 1300px) {
		.global_drawer_cont {
				margin-top: 60px;
				min-height: 480px;
				width: 100%;
		}
		.global_drawer_col_ttl {
				margin-bottom: 20px;
		}
		.global_drawer_inner li {
				margin: 0 0 12px;
		}
}
@media(max-width: 1024px) {
		/* .global_drawer_inner h4 {
				font-size: 22px;
		} */
		/* .global_drawer_col {
				margin-right: 45px;
		} */
}
@media(max-width: 960px) {
		.global_drawer_col_menu {
				display: block;
		}
}
@media (max-width: 840px) {
		.global_drawer_inner {
				transform: translateY(-5vh);
		}
		/* .global_drawer_inner h4 {
				font-size: 20px;
		} */
}
@media (min-width: 768px) {
		.drawerSP_cont p {
				display: none;
		}
		.global_drawer_inner h4 sup {
				font-size: 10px;
				margin-left: 5px;
				transform: translateY(-2px);
				display: inline-block;
		}
}
@media (max-width: 767px) {
		.contents_body.isLock {
				position: fixed !important;
				width: 100%;
				height: 100vh;
				overflow: hidden;
		}
		.global_drawer_inner {
			display: block;
			padding: 0px;
			transform: translateY(0);
			width: 90% !important;
			margin: auto;
		}
		.global_drawer_col {
				margin-right: 0;
		}
		.global_drawer_cont {
				display: block;
				height: calc(100vh - 200px);
				/* overflow: auto; */
				overscroll-behavior-y: contain;
				margin-top: 110px;
				min-height: inherit;
		}
		.global_drawer_col_ttl {
				padding: 20px 0 22px;
				border-top: 1px solid rgba(255, 255, 255, 0.2);
				margin-bottom: 0;
				position: relative;
				cursor: pointer;
		}
		.global_drawer_col_ttl.last {
				border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		}
		.global_drawer_col_ttl .drawer_col_trigger {
				position: absolute;
				width: 11px;
				height: 11px;
				right: 2px;
				top: calc(50% - 6px);
				pointer-events: none;
		}
		.drawer_col_trigger::before, .drawer_col_trigger::after {
				content: '';
				display: block;
				position: absolute;
				top: 5px;
				left: 0;
				width: 12px;
				height: 1px;
				background: #fff;
				transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		}
		.drawer_col_trigger::after {
				transform: rotate(90deg);
		}
		.isOpen .drawer_col_trigger::before {
				transform: rotate(180deg);
		}
		.isOpen .drawer_col_trigger::after {
				transform: rotate(270deg);
				opacity: 0;
		}
		.global_drawer_col_menu {
				display: flex;
		}
		.global_drawer_col_menu ul {
				width: calc(50% - 20px);
		}
		.global_drawer_col_menu ul:first-child {
				margin-right: 20px;
		}
		.global_drawer_col_menu li {
				white-space: nowrap;
		}
		/* .global_drawer_inner h4 {
				font-size: 18px;
				margin: 0 0 2px;
		} */
		.global_drawer_inner h4 sup {
				/* font-size: 11px; */
				margin-left: 7px;
				display: inline-block;
				position: relative;
				top: 0px;
		}
		.global_drawer_col{
			width: unset;
			border: 0px !important;
		}
		.global_drawer_inner .global_drawer_col:last-child{
			width: unset;
		}
		.drawerSP_cont {
				padding: 0px 0 30px;
				/* display: none; */
		}
		.drawerSP_cont p {
				margin-bottom: 20px;
		}
		.global_drawer .footer_inner_sns {
				position: static;
				margin: 45px auto 0;
				width: auto;
		}
		.global_drawer .footer_inner_sns ul {
				display: flex;
				align-items: center;
				justify-content: center;
		}
		.global_drawer .footer_inner_sns ul li {
				margin: 0 8px;
		}
		.global_drawer_col_bottom {
				padding-top: 42px;
		}
}
@media (max-width: 375px) {
		.global_drawer {
				min-height: inherit;
				height: 100vh;
		}
		.global_drawer_cont {
				margin-top: 100px;
		}
		.global_drawer_col_ttl {
				padding: 16px 0 18px;
		}
}
/* ===================== */
/* .selectionHover {} */
::selection {
		background: #333 !important;
		-webkit-background-clip: inherit;
		-webkit-text-fill-color: #fff;
		color: #fff;
}
::-moz-selection {
		background: #333;
}
/* =========== */
@media (orientation: landscape) and (max-width: 940px) {
		/* .global_drawer {
				overflow: auto;
		} */
		.global_drawer_inner li {
				margin: 0 0 8px;
		}
		.global_drawer_cont {
				display: flex;
				justify-content: center;
				/* align-items: flex-start; */
				padding-bottom: 150px;
		}
		.footer_inner_sns ul {
				bottom: 80px
		}
}