/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 28 2025 | 04:45:31 */
#About .section1{
	padding-top:80px;
	padding-bottom:100px;
}
#About .section1 h2{
	 font-size: 22px;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
	margin-bottom:15px;
	color:#1D86C8;
}
#About .section1 p{
	margin-bottom:10px;
}

#About .shopInfo{
	padding-top:100px;
	padding-bottom:100px;
	background-color:#F9F9F7;
}
#About .shopInfo pre{
	 font-size: 36px;
  font-weight: 400;
   font-family: "Lora", serif;
	text-align:center;
	line-height:1.2;
}
#About .shopInfo h2{
	 font-size: 16px;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
	text-align:center;
	margin-bottom:20px;
}
#About .shopInfo h3{
	 font-size: 22px;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
	margin-bottom:5px;
	color:#1D86C8;
	text-align:center;
}
#About .shopInfo p{
	margin-bottom:20px;
	text-align:center;
}

.smb-spider-slider>.spider__dots[data-thumbnails=true] .spider__dot {
    flex: 0 0 auto;
    width: calc(14.15% - var(--smb-spider-slider--dots-gap)*3/4);
}
.smb-spider-slider>.spider__dots[data-thumbnails=true] {
    --smb-spider-slider--dots-gap: var(--_margin-2);
}
.spider+.spider__dots {
    margin-top: -0.3em;
}
.spider__dots:not([data-thumbnails=true]) .spider__dot[aria-current=true] {
    background-color: #F04D6A;
}
.spider__arrow[data-direction=prev]:before {
    border-bottom: 3px solid var(--spider--arrow-color);
    border-left: 3px solid var(--spider--arrow-color);
	top: calc(30% - var(--spider--arrow-size) / 2);
	 width: 30px;
    height: 30px;
}
.spider__arrow[data-direction=next]:before {
    border-right: 3px solid var(--spider--arrow-color);
    border-top: 3px solid var(--spider--arrow-color);
	bottom: calc(30% - var(--spider--arrow-size) / 2);
    width: 30px;
    height: 30px;
}


@media (max-width: 833px) {
	#About .section1{
	padding-top:40px;
	padding-bottom:50px;
		padding-left:15px;
		padding-right:15px;
}
#About .section1 h2{
	 font-size: 20px;
	margin-bottom:10px;
}
#About .section1 p{
	margin-bottom:10px;
}

#About .shopInfo{
	padding-top:50px;
	padding-bottom:50px;
	padding-left:15px;
		padding-right:15px;
}
#About .shopInfo pre{
	 font-size: 32px;
}
#About .shopInfo h2{Gothic New", sans-serif;
	text-align:center;
	margin-bottom:15px;
}
#About .shopInfo h3{
	 font-size: 20px;
}
#About .shopInfo p{
	margin-bottom:15px;
}

}


