@charset "utf-8";
.wrap { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; background: url('./img/bg/shop.jpg') no-repeat 50% 0%;}

#kv .inner-kv { position: relative; width: 100%; margin: 0 auto;}
#kv .ctn { padding: 120px 0 60px;}
#kv .ctn h2 { margin-bottom: 20px; font-size: clamp(20px,4.0vw,30px); font-weight: 700; text-align: center; text-shadow: 0 0 6px #fff,0 0 6px #fff,0 0 6px #fff;}
#kv .ctn p { font-size: 10px; text-align: center;}

@media (max-width: 1281px) {
}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#kv .ctn h2 { margin-bottom: 10px;}
	#kv .ctn h2 span { display: block;}
}
@media (max-width: 481px) {
	#kv .ctn { padding: 40px 0 32px;}
}



#shop { position: relative;}
#shop .inner-sct { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0px 0 60px;
 background: linear-gradient(rgba(255,255,255,0),#fff,#f7f8e6)
}
#shop ul.shoplist { width: 92%; max-width: 860px; margin: 0 auto; font-size: 0;}
#shop ul.shoplist li { display: inline-block; width: 33.333334%; padding: 10px 12px; font-size: clamp(13px,2.0vw,18px);}
#shop ul.shoplist li a { position: relative; display: block; padding: 2px; background: linear-gradient(90deg,#ff7f37,#fcb06b 75%,#ff7f37); border-radius: 6px;
 color: #fff; font-weight: 700; line-height: 1.2; text-decoration: none;
}
#shop ul.shoplist li a:after { content: ''; display: block; width: 10px; height: 10px; border-top: solid 2px #fff; border-right: solid 2px #fff;
 position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(45deg);
}
#shop ul.shoplist li a span { display: block; padding: 20px; padding-left: 30px; border: solid 2px #fff; background: linear-gradient(90deg,#ff7f37,#fcb06b 75%,#ff7f37); border-radius: 4px;}
#shop ul.shoplist li a:hover { opacity: 0.8;}


#back { background: #fff;}
#back .inner { width: 100%; max-width: 1280px; margin: 0 auto; padding: 32px 0;}

#back .btn { width: 62%; max-width: 420px; margin: 0 auto;}
#back .btn a { position: relative; display: block; padding: 2px; background: linear-gradient(90deg,#f3c900,#ff7f37); border-radius: 10px;
 color: #fff; font-size: clamp(14px,2.0vw,18px); font-weight: 700; letter-spacing: 0.1rem; text-align: center; text-decoration: none;
}
#back .btn a span { display: block; padding: 18px; padding-left: 30px; border: solid 2px #fff; border-radius: 8px;}
#back .btn a:hover { opacity: 0.8;}
@media (max-width: 641px) {
	#shop ul.shoplist li { width: 50%; padding: 8px 10px;}
	#shop ul.shoplist li a span { padding: 16px; padding-left: 20px;}
}
@media (max-width: 481px) {
	#shop ul.shoplist li { padding: 6px;}
	#shop ul.shoplist li a span { padding: 12px; padding-left: 12px; border-width: 1px;}
	#back .btn a span { padding: 10px; border-width: 1px;}
}