html, body, #page{
	overflow: hidden;
}
@keyframes logo_anime {
  0% {
    stroke-dashoffset: 500;
    fill:#1e2f3f;
  }
  50%{
  	fill:transparent;
  }
  100% {
    stroke-dashoffset: 0;
    fill:#00ffc0;
  }
}
.sp-menu-btn:not(.is-open){
	border-color: var(--gnav-color);

}
.sp-menu-btn:not(.is-open) .-line{
	background-color: var(--gnav-color);
}
.sp-menu-btn:not(.is-open) .-line:before,
.sp-menu-btn:not(.is-open) .-line:after{
	background-color: var(--gnav-color);
}
.page-about .header .logo svg path {
	stroke-dasharray: 2000;
	stroke-dashoffset: 0;
	stroke-width: .5;
}
.page-about .header .logo:hover svg path {
	stroke:#17a5ff;
	animation: logo_anime 0.5s ease-in 0s forwards;
	fill-opacity: 1;
}
.page-child-shopdesign #slideContainer{
	width: 400%;
}
.page-child-shopdesign #pinContainer{
	width: 100%;
}
.page-child-shopdesign .panel{
	width: 25%;
}
.page-child-shopdesign #sec0{
	background: url(../images/about/shop_design_intro.webp) 50% 50%;
	background-size: cover;
}
.page-child-shopdesign .center-box{
	background-color: rgba(0, 255, 192, 0.49);
}
.page-child-shopdesign #pinContainer .sec-title{
	color: #00ffc0;
}
.page-child-shopdesign .group-caption h3{
	font-size: calc(18% / 0.16);
}
.page-child-shopdesign .group-caption h3 .bigger{
	font-size: calc(20% / 0.18);
	margin-top: 0.75em;
	display: inline-block;
}
@media(max-width: 767px){
	html, body, #page{
		overflow: inherit;
	}
	.page-child-shopdesign .box-title img{
		height: 40px;
	}
	.page-child-shopdesign .text-img img{
		width: 200px;
	}
}