/* header (JanQutE override）
---------------------------------------------------------- */
.janqute.is-nav-open .header {
	background: #fefbe5;
}

.janqute .header.is-stuck {
    background: rgba(243, 247, 211, 0.3);
	-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.no-backdropfilter .janqute  .header.is-stuck {
	background: rgba(243, 247, 211, 0.95);
}

.janqute .header .header-siteroot {
	/* width: 98px; */
	margin-top: 10px;
	margin-bottom: 10px;
}

.janqute .header .header-audio {
	position: absolute;
	top: 50%;
	right: 80px;
	transform: translateY(-50%);
}

.janqute .header .audio-controller {
	width: 29px;
}

.janqute .header .audio-controller > a {
	display: block;
	pointer-events: none;
}

.janqute .header .audio-controller.is-ready > a {
	pointer-events: auto;
}

.janqute .header .audio-controller > a:before {
	content: '';
	display: block;
	padding-top: 95%;
	background: url(../img/icon_audio.png) no-repeat center;
	background-size: contain;
}

.janqute .header .audio-controller.is-muted > a:before {
	background-image: url(../img/icon_audio_off.png);
}

.janqute .siteroot > a:before,
.janqute .siteroot > span:before {
	padding-top: 41.25%;
    background-image: url(../img/logo_janqute.png);
	/* background-size: 98px auto; */
}

.janqute .sammy > a:before {
    background-image: url(../img/logo_sammy.png);
}

.janqute .gnav .gnav-toggle > a {
	width: 48px;
	padding: 14px 15px;
    background-image: url(../img/icon_menu.png);
	background-size: 40px auto;
}

.janqute .gnav .gnav-toggle > a:before {
	padding-top: 100%;
}

.janqute .gnav.is-open .gnav-toggle > a{
	background-image: url(../img/icon_menu_close.png);
}

.janqute .gnav .gnav-body {
	height: calc(100vh - 76px);
	background: #fefbe5;
}

.janqute .gnav .gnav-primary-item.new > a > span:before {
	content: '';
    min-width: 52px;
	height: 24px;
    margin-right: 12px;
    padding: 0;
    background: url(../img/icon_new.png) no-repeat center;
	background-size: contain;
}

.janqute .gnav .mod-separator {
	opacity: 1;
}

.janqute .gnav .feature-banners {
	width: 86.39%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 767px) {
	.janqute .header .header-inner {
		padding-top: 0;	
	}

	/* .janqute .header .header-siteroot {
		width: 122px;
	}

	.janqute .siteroot > a:before,
	.janqute .siteroot > span:before {
		background-size: 122px auto;
	} */

	.janqute .header .header-audio {
		right: 130px;
	}

	.janqute .header .audio-controller {
		width: 57px;
	}

	.janqute .gnav .gnav-toggle > a {
		width: 60px;
		background-size: 60px auto;
	}

	.janqute .gnav .gnav-body {
		height: calc(100vh - 88px);
	}

	.janqute .gnav .gnav-primary-item.new > a > span:before {
		width: 105px;
		height: 48px;
		margin-right: 24px;
		padding: 0;
	}
}

/* feature banners (JanQutE override）
---------------------------------------------------------- */
.janqute .feature-banners .slick-dots li button {
	background-image: url(../img/bg_dots_off.png);
}

.janqute .feature-banners .slick-dots li.slick-active button {
	background-image: url(../img/bg_dots_on.png);
}

.janqute .feature-banners .feature-banners-prev button:before {
	background-image: url(../img/btn_feature_banner_prev.png);
}

.janqute .feature-banners .feature-banners-next button:before {
	background-image: url(../img/btn_feature_banner_next.png);
}


/* main / structure (JanQutE override）
---------------------------------------------------------- */
.janqute .structure .structure-container {
	max-width: 588px;
}

.janqute .structure .structure-container.full {
	max-width: none;
	margin: 0 -16px;
}


/* footer (JanQutE override）
---------------------------------------------------------- */
.janqute .footer {
	background: #fefbe5;
}

.janqute .footer .copyright {
	color: #330101;
}

.janqute .backtotop .backtotop-body > a:before {
	background: #090331;
}

.janqute .backtotop .backtotop-body > a:after {
	background-image: url(../img/btn_pagetop.png);
}