@charset "utf-8";

#loading { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; 100ldh; z-index: 10;}
#loading .inner { position: relative; width: 100%; height: 100%; background: #fff;}
#loading .logo { width: 40%; max-width: 400px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-60%);}
#loading .logo svg { width: 100%; stroke-dasharray: 500; stroke-dashoffset: 500; stroke-width: 0.6px; fill: rgba(255,255,255,0);
 animation: strokeAnime 2.5s linear 0.5s forwards;
}
@keyframes strokeAnime {
  0% { stroke-dashoffset: 500; fill: rgba(255,255,255,0); stroke: #6f181d;}
	60% { fill: rgba(255,255,255,0);}
	80% { stroke-dashoffset: 0;}
  100%{ fill: rgba(111,24,29,1); stroke: #fff;}
}


.wrap { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; background: linear-gradient(90deg,#ffecaa,#ffe7e6,#fff7f2);}


#kv .inner-kv { position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
#kv .logo { width: 20%; max-width: 188px; position: absolute; left: 5%; top: 50px; z-index: 2;}
#kv .logo img { width: 100%;}
#kv .bg { position: relative; z-index: 1;}
#kv .bg picture { width: 100%;}
#kv .bg picture img { width: 100%;}
@media (max-width: 801px) {
	#kv .logo { width: 36%; max-width: 240px; left: 50%; top: 8vw; transform: translateX(-50%);}
}



.ttl { position: absolute; left: 0; top: 0; width: 100%; padding: 20px 0; text-align: center;}
.ttl:after { content: ''; display: block; width: 100%; height: 180px; z-index: 1;
 position: absolute; left: 0; top: 0;
}
.ttl.bg-1:after { background: url('../img/bg/ttl-1.png') no-repeat 50% 0 / auto auto;}
.ttl.bg-2:after { background: url('../img/bg/ttl-2.png') no-repeat 50% 0 / auto auto;}
.ttl h2 { position: relative; z-index: 2;}
.ttl h2 img { width: 85%; max-width: 500px;}
@media (max-width: 481px) {
	.ttl { padding: 9px 0;}
	.ttl:after { height: 100px;}
	.ttl.bg-1:after { background-size: auto 100%;}
	.ttl.bg-2:after { background-size: auto 100%;}
}


span.ruby { position: relative; display: inline-block; padding-bottom: 10px;}
span.ruby span.rt { position: absolute; right: 0%; bottom: 0; font-size: 12px; line-height: 1;}
@media (max-width: 481px) {
	span.ruby span.rt { font-size: 8px; bottom: 2px;}
}


@keyframes wave {
	0% { transform: translateY(0px);}
	50%{ transform: translateY(20px);}
	100%{ transform: translateY(0px);}
}
.bubble { width: 180px; height: 300px; position: absolute;  z-index: 1;}
.bubble:after { content: ''; display: block; width: 100%; height: 100%; animation: wave 4s linear infinite;}
.bubble.bubble-L{ left: 0;}
.bubble.bubble-L:after { background: url('../img/index/bubble-1.png') no-repeat 100% 100% / auto 400px;}
.bubble.bubble-R{ right: 0;}
.bubble.bubble-R:after { background: url('../img/index/bubble-2.png') no-repeat 0% 0% / auto 400px;}
@media (max-width: 801px) {
	.bubble { width: 120px; height: 200px;}
	.bubble.bubble-L:after { background-size: auto 250px;}
	.bubble.bubble-R:after { background-size: auto 250px;}
}
@media (max-width: 481px) {
	.bubble { width: 65px; height: 120px;}
	.bubble.bubble-L:after { background-size: auto 180px;}
	.bubble.bubble-R:after { background-size: auto 180px;}
}



#award .award-tit { position: relative; background: #ffc81e; padding: 12px 0; cursor: pointer;}
#award .award-tit:after { content: ''; display: block; width: 12px; height: 12px; border-top: solid 3px #fff; border-right: solid 3px #fff;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(135deg); margin-left: 300px;
}
#award .award-tit.open:after { transform: translate(-50%,-35%) rotate(-45deg);}
#award .award-tit h2 { color: #5b341c; font-size: 30px; line-height: 1; text-align: center;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42"><path d="M587.92,8214.28a12,12,0,0,0-2.78-2c-.13-.08-.27-.12-.4-.19a26.2,26.2,0,0,0,1.92-2.48,18,18,0,0,0,1.56-3.14,2.37,2.37,0,0,0,.13-1.38c-.1-.47-.35-.83-.79-.88a1.11,1.11,0,0,0-1.1.63,2.65,2.65,0,0,0-.3,1.18,14.33,14.33,0,0,1-.55,3.15,6.38,6.38,0,0,1-1.69,2.54,8.46,8.46,0,0,0-4.21-.61,5.83,5.83,0,0,0-3.39,1.61,1.2,1.2,0,0,0-.35,1.36.48.48,0,0,0,.57.26,1.48,1.48,0,0,0,.8-.46,4.52,4.52,0,0,1,2.49-1.64,6.4,6.4,0,0,1,3,.44c-.12.1-.23.2-.36.29a34.24,34.24,0,0,1-5.89,3.14c-1.86.81-3.87,1.6-6,2.37-.89-.63-2.44-1.82-3.69-2.81a22,22,0,0,0-4.2-2.85,10.28,10.28,0,0,0-5.22-1.13,6.34,6.34,0,0,0-4.92,2.61,6.12,6.12,0,0,0-1,5.86,6.68,6.68,0,0,0,3.9,3.81,10.7,10.7,0,0,0,5.9.26c2.44-.47,9.4-3.66,9.81-3.85a29.26,29.26,0,0,0,7.38,3.48,10.89,10.89,0,0,0,7.16-.43c2.17-.87,4.06-2.86,4.09-5.16A5.58,5.58,0,0,0,587.92,8214.28ZM565,8220.34a27.5,27.5,0,0,1-4.21,1.14,15.74,15.74,0,0,1-4-.17,4.69,4.69,0,0,1-2.76-2.2,3.92,3.92,0,0,1,.23-3.58,4.36,4.36,0,0,1,3.34-2.15,8.24,8.24,0,0,1,4.42.71,20.22,20.22,0,0,1,4,2.56c1,.8,2,1.57,3,2.32Zm21.22,0a9.12,9.12,0,0,1-4.93,1.41,18.74,18.74,0,0,1-8.64-2.06c1.61-.76,3.14-1.52,4.56-2.3,2.21-1.21,6.31-4.07,6.55-4.28,1.15.48,4.13,2.68,4.07,4.94A3.07,3.07,0,0,1,586.19,8220.32Zm-16.38-5.47a27.18,27.18,0,0,1-3.94-4.65,9.27,9.27,0,0,1-1.62-5.15,5.8,5.8,0,0,1,1.91-3.95,6.62,6.62,0,0,1,8.79,0,5.89,5.89,0,0,1,1.91,3.95,9.27,9.27,0,0,1-1.62,5.15,28.15,28.15,0,0,1-3.94,4.65,1.44,1.44,0,0,1-.75.35A1.42,1.42,0,0,1,569.81,8214.85Zm.74-.64c.27,0,1.86-2.15,2.8-3.77a11.49,11.49,0,0,0,1.46-4,3.81,3.81,0,0,0-1.06-3.23,4.63,4.63,0,0,0-6.39,0,3.78,3.78,0,0,0-1.06,3.23,11.49,11.49,0,0,0,1.46,4C568.7,8212.06,570.28,8214.21,570.55,8214.21ZM565.71,8232c0-.13.06-.29.1-.45h9.49c0,.16.07.32.1.45a3.75,3.75,0,0,1,0,1.14h-9.61A3.21,3.21,0,0,1,565.71,8232Zm8.24-3.64c.32.57.58,1.11.79,1.59h-8.37a15.32,15.32,0,0,1,.78-1.59Zm-3.4-4.51a11.66,11.66,0,0,1,2.42,2.91h-4.84A12.13,12.13,0,0,1,570.55,8223.87Zm0,12.89a5.54,5.54,0,0,1-3.55-1.38,3.67,3.67,0,0,1-.56-.63h8.22a3.6,3.6,0,0,1-.55.63A5.54,5.54,0,0,1,570.55,8236.76Zm-1.59,1.15.84,1.27a.88.88,0,0,0,1.5,0c.26-.4.65-1,.84-1.27a6.68,6.68,0,0,0,2.9-1.32,5.08,5.08,0,0,0,1.84-4,11.67,11.67,0,0,0-1.87-4.92,31.6,31.6,0,0,0-3.72-4.69,1.45,1.45,0,0,0-.74-.36,1.43,1.43,0,0,0-.73.36,30.94,30.94,0,0,0-3.72,4.69,11.53,11.53,0,0,0-1.87,4.92,5.1,5.1,0,0,0,1.83,4A6.73,6.73,0,0,0,569,8237.91Z" transform="translate(-551.15 -8199.43)" fill="%23ffe48f" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%; 
}
#award .award-tit h2:before,
#award .award-tit h2:after { content: ''; display: inline-block; width: 38px; height: 30px;
 background: url('/img/awards/icn.png') no-repeat 50% 50% / 100% auto; vertical-align: middle;
}
#award .award-tit h2 span { display: inline-block; padding: 9px 30px 12px; vertical-align: middle;}
@media (max-width: 801px) {
	#award .award-tit:after { left: auto; right: 30px; transform: translate(0%,-50%) rotate(135deg); margin-left: 0px;}
}
@media (max-width: 481px) {
	#award .award-tit { padding: 6px 0;}
	#award .award-tit:after { right: 20px; width: 10px; height: 10px;}
	#award .award-tit h2 { font-size: 20px;}
	#award .award-tit h2:before,
	#award .award-tit h2:after { width: 32px; height: 24px;}
}
#award .ctn { display: none;}
#award .ctn .inner { background: #fff;}




#concept .inner-sct { position: relative; padding: 220px 0 80px;}
#concept .inner-sct:after { content: ''; display: block; width: 260px; height: 340px; position: absolute; right: 0; bottom: 40px;
 background: url('../img/aside/honey.png') no-repeat 0 50% / auto 100%;
}
#concept .ctn { position: relative; margin-bottom: 40px; z-index: 10;}
#concept .ctn h3 { margin-bottom: 40px; text-align: center;}
#concept .ctn h3 img { width: 50%; max-width: 300px;}
#concept .movie { width: 80%; max-width: 540px; margin: 0 auto 40px;}
#concept .movie .inner { position: relative; width: 100%; padding-top: 56%; background: #fff;}
#concept .movie span { display: block; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
	color: #b3b3b3; font-size: clamp(20px,3.5vw,35px); font-weight: 700; text-align: center;
}
#concept .ctn p { font-size: clamp(14px,2.5vw,25px); font-weight: 700; text-align: center;}
#concept .ctn p span.ruby span.rt { position: absolute; right: -20%;}
#concept .notes ul { width: 88%; max-width: 1120px; margin: 0 auto;}
#concept .bubble-L { top: 50%;}
#concept .bubble-R { top: 24%;}
@media (max-width: 1001px) {
	#concept .inner-sct:after { width: 200px; height: 300px;}
}
@media (max-width: 801px) {
	#concept .inner-sct:after { content: none;}
	#concept .ctn h3 { margin-bottom: 30px;}
	#concept .bubble-L { top: 20%;}
	#concept .bubble-R { top: 60%;}
}
@media (max-width: 481px) {
	#concept .inner-sct { padding: 120px 0 40px;}
	#concept .ctn { margin-bottom: 20px;}
	#concept .ctn h3 { margin-bottom: 12px;}
	#concept .ctn p span.br { display: block; padding-bottom: 10px;}
	#concept .movie { margin-bottom: 20px;}
	#concept .notes ul li br { display: none;}
	#concept .bubble-L { top: 15%;}
	#concept .bubble-R { top: 55%;}
}


#point .inner-sct { position: relative; padding: 220px 0 80px;}
#point .ctn-pc { position: relative;}
#point .bloc { position: absolute; left: 0; top: 0; width: 100%;}
#point .ctn-pc.fixed .bloc { position: fixed;}
#point .bloc .inner { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 50px 0; visibility: hidden;}
#point .bloc.show .inner { visibility: visible;}
#point .bloc .ctn { position: relative; display: flex; justify-content: space-between; width: 92%; max-width: 1080px; margin: 0 auto; z-index: 2;}
#point .bloc .point-menu{ width: 45%; padding: 40px 0;}
#point .bloc .point-ctn { position: relative; width: 52%; }
#point .bloc .point-menu ul li { position: relative; padding: 20px 0; cursor: pointer;}
#point .bloc .point-menu ul li img { width: 100%;}
#point .bloc .point-menu ul li img.on { position: absolute; left: 0; opacity: 0;}
#point .bloc .point-menu ul li.active img.on { opacity: 1;}
#point .bloc .point-ctn .point-box { position: absolute; left: 0; top: 0; width: 100%; padding: 30px; background: #fff; border-radius: 30px; box-shadow: 0 0 8px #fff,0 0 8px #fff; transition: 0.4s linear; opacity: 0;}
/*#point .bloc .point-ctn .point-box.box-1 { position: relative;}*/
#point .bloc.show .point-ctn .point-box { opacity: 1;}

#point .bloc .point-ctn .point-box figure { display: block;}
#point .bloc .point-ctn .point-box figure img { width: 100%;}
#point .bloc .bubble-L { top: 2%; transition: 0.4s linear; opacity: 0;}
/*
#point .bloc .bubble-L.pos-1 { top: 20%;}
#point .bloc .bubble-L.pos-2 { top: 38%;}
*/
#point .bloc .bubble-L.top-2 { top: 25%;}
#point .bloc .bubble-L.top-3 { top: 48%;}

#point .bloc.show .bubble-L{ opacity: 1;}

#point .bloc .bubble-R { top: 500px;}


#point .ctn-sp { display: none; position: relative; width: 100%;}
#point ul.point-toggle { position: relative; width: 88%; margin: 0 auto; max-width: 600px; z-index: 5;}
#point ul.point-toggle li { padding: 6px 0;}
#point ul.point-toggle li dl {}
#point ul.point-toggle li dl dt { position: relative;}
#point ul.point-toggle li dl dt img { position: relative; width: 100%; z-index: 1;}
#point ul.point-toggle li dl dd { padding: 10px;}
#point ul.point-toggle li dl dd .inner { padding: 20px; background: #fff; border-radius: 30px; box-shadow: 0 0 8px #fff,0 0 8px #fff;}
#point ul.point-toggle li dl dd figure img { width: 100%;}
#point ul.point-toggle .notes ul li { padding: 0;}
@media (max-width: 801px) {
	#point .inner-sct { position: relative; padding: 150px 0 0px;}
	#point .ctn-pc { display: none;}
	#point .ctn-sp { display: block; padding: 60px 0;}
	#point .ctn-sp .bubble-L { top: 0px;}
	#point .ctn-sp .bubble-R { bottom: 20px;}
}
@media (max-width: 481px) {
	#point .inner-sct { padding: 80px 0 0px;}
	#point .ctn-sp { padding: 40px 0;}
	#point ul.point-toggle li { padding: 2px 0;}
}



#choose .inner-sct { position: relative; padding: 150px 0 80px;}
#choose .tab { position: relative; padding: 60px 0; z-index: 5;}
#choose .tab ul { width: 92%; max-width: 680px; margin: 0 auto; font-size: 0; text-align: center;}
#choose .tab ul li { display: inline-block; width: 50%; padding: 0 10px; font-size: 22px; line-height: 1;}
#choose .tab ul li span { display: block; width: 100%; max-width: 240px; margin: 0 auto; padding: 21px 0;
 border: solid 2px #fff; border-radius: 50px; cursor: pointer;
 color: #fff; font-weight: 700; letter-spacing: 0.05rem;
}
#choose .tab ul li span.daily { background: #ffc81e;}
#choose .tab ul li span.special { background: #673b1c;}
#choose .tab ul li.active span { box-shadow: inset 0px 0px 8px #cbb9a3;}
#choose .ctn { position: relative; width: 88%; max-width: 1040px; margin: 0 auto 90px; z-index: 2;}
#choose .ctn .tab-ctn { display: none; padding: 30px; background: #fff; border-radius: 30px; box-shadow: 0 0 8px #fff,0 0 8px #fff;}
#choose .ctn .tab-ctn.show { display: block;}
#choose .ctn .type { margin-bottom: 30px;}
#choose .ctn .type picture { text-align: center;}
#choose .ctn .type picture img { width: 100%; max-width: 1000px;}
#choose .ctn .howto picture { text-align: center;}
#choose .ctn .howto picture img { width: 100%;}
#choose .ctn ul { width: 88%; max-width: 580px; padding-top: 40px; padding-left: 40px;}
#choose .ctn ul li { font-size: 10px;}
#choose .aside { position: relative; width: 94%; max-width: 1080px; margin: 0 auto; z-index: 4;}
#choose .aside ul { font-size: 0; text-align: center;}
#choose .aside ul li { display: inline-block; width: 33.333334%; vertical-align: top;}
#choose .aside ul li:nth-child(odd) { padding: 60px 0;}
#choose .aside ul li dl dt { margin-bottom: 20px;}
#choose .aside ul li dl dt img { position: relative; width: 100%; max-width: 360px; animation: wave 4s linear infinite;}
#choose .aside ul li:nth-child(2) dl dt img { animation-delay: 0.7s;}
#choose .aside ul li:nth-child(3) dl dt img { animation-delay: 1.3s;}
#choose .aside ul li dl dd { font-size: clamp(14px,1.6vw,18px); font-weight: 700; line-height: 2;}
#choose .aside ul li dl dd span.note { font-size: 11px; vertical-align: baseline;}
#choose .notes ul { width: 88%; max-width: 1120px; margin: 0 auto;}
#choose .bubble-1 { top: 200px;}
#choose .bubble.bubble-1:after { background: url('../img/bg/bubble-3.png') no-repeat 100% 100% / auto 400px;}
#choose .bubble-L { top: 50%; width: 150px;}
#choose .bubble-R { top: 35%;}
@media (max-width: 801px) {
	#choose .tab { padding: 40px 0;}
	#choose .ctn { margin-bottom: 60px;}
	#choose .aside { margin-bottom: 30px;}
	#choose .aside ul li { display: block; width: 100%;}
	#choose .aside ul li:nth-child(odd) { padding: 20px 0;}
	#choose .aside ul li dl { display: flex; align-items: center; width: 100%;}
	#choose .aside ul li:nth-child(even) dl { flex-direction: row-reverse;}
	#choose .aside ul li dl dt,
	#choose .aside ul li dl dd { width: 50%;}
	#choose .aside ul li dl dt { margin-bottom: 0px;}
	#choose .aside ul li dl dd { width: 50%; text-align: left; font-size: 2.4vw;}
	#choose .aside ul li:nth-child(even) dl dd { text-align: right;}
	
	#choose .bubble-1 { top: 200px;}
	#choose .bubble.bubble-1:after { background-size: auto 300px;}
}
@media (max-width: 641px) {
	#choose .tab ul li { font-size: 18px;}
	#choose .tab ul li span { padding: 18px 0;}

	#choose .ctn { margin-bottom: 30px;}
	#choose .ctn .tab-ctn { padding: 20px 0;}
	#choose .aside ul li:nth-child(odd) { padding: 0px;}
	#choose .aside ul li dl dt { width: 45%;}
	#choose .aside ul li dl dd { width: 55%; font-size: 12px;}
	#choose .aside ul li dl dd span.br { display: block;}
	#choose .aside ul li dl dd br.pc { display: none;}
	#choose .aside ul li dl dd span.note { font-size: 10px;}
}
@media (max-width: 481px) {
	#choose .inner-sct { padding: 100px 0 40px;}
	#choose .tab { padding: 20px 0;}
	#choose .tab ul li { font-size: 16px;}
	#choose .tab ul li span { padding: 12px 0;}

	#choose .ctn .tab-ctn { padding: 12px 0; border-radius: 20px;}
	#choose .ctn .type { margin-bottom: 20px;}
	#choose .ctn ul { margin: 0 auto; padding-top: 20px; padding-left: 0px;}
	#choose .ctn ul li { font-size: 8px;}

	#choose .notes ul li { font-size: 8px;}

	#choose .aside ul li dl dd span.note { font-size: 8px;}

	#choose .bubble-1,
	#choose .bubble-L,
	#choose .bubble-R { display: none;}
}


#lineup .inner-sct { position: relative; padding: 200px 0 80px;}
#lineup .ctn { position: relative; width: 88%; max-width: 1080px; margin: 0 auto 50px; z-index: 2;}
#lineup .box .inner { position: relative; padding: 12px; padding-top: 90px;}
#lineup .box .icn { width: 150px; position: absolute; left: 5%; top: 0; z-index: 2;}
#lineup .box img { position: relative; width: 100%; z-index: 1;}
#lineup .box img.base{ border-radius: 16px; box-shadow: 6px 6px 6px #cbb9a3;}
#lineup .box ul { width: 100%; padding: 0 12px 24px; position: absolute; left: 0; bottom: 0; z-index: 3; text-align: center;}
#lineup .box ul li { padding: 12px 0; font-size: clamp(14px,2.0vw,20px); font-weight: 700;}
#lineup .box ul li.cart { font-size: clamp(12px,1.6vw,16px);}
#lineup .box ul li a { position: relative; display: block; width: 92%; margin: 0 auto; border-radius: 50px; color: #5b341c; text-decoration: none;}
#lineup .box ul li.cart a::before { content: ''; display: block; width: 32px; height: 34px;
 position: absolute; left: 18%; top: 50%; transform: translate(0,-50%);
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="33" height="34" viewBox="0 0 33 34"><g fill="%235b341c"><path class="cls-1" d="M27.73,0c-.62,0-1.16.42-1.32,1.02l-1.35,5.21H1.36c-.43,0-.83.2-1.09.54-.26.34-.34.78-.22,1.19l3.9,13.55c.17.58.7.98,1.31.98h15.6l-.59,2.28H5.38v2.4h15.7c.62,0,1.16-.42,1.32-1.02L28.53,2.4h4.35V0h-5.15ZM22.67,15.51l-1.19,4.6h-3v-4.6h4.18ZM24.44,8.63l-1.16,4.48h-4.8v-4.48h5.95ZM16.09,15.51v4.6h-5.12v-4.6h5.12ZM16.09,8.63v4.48h-5.12v-4.48h5.12ZM8.96,8.63v4.48h-4.93l-1.29-4.48h6.22ZM8.96,15.51v4.6h-2.92l-1.32-4.6h4.24Z"/><path class="cls-1" d="M7.67,28.98c-1.34,0-2.43,1.09-2.43,2.43s1.09,2.43,2.43,2.43,2.43-1.09,2.43-2.43-1.09-2.43-2.43-2.43Z"/><path class="cls-1" d="M19.34,29.11c-1.34,0-2.43,1.09-2.43,2.43s1.09,2.43,2.43,2.43,2.43-1.09,2.43-2.43-1.09-2.43-2.43-2.43Z"/></g></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; 
}

#lineup .box ul li.cart form { display: none; position: relative; width: 92%; margin: 0 auto; border-radius: 50px;}
#lineup .box ul li.cart form svg { width: 32px; height: 34px; fill: #5b341c; position: absolute; left: 50%; top: 50%; transform: translate(-80px,-50%);}
#lineup .box ul li form input[type="submit"] { position: relative; display: block; width: 100%; padding: 15px 0;
	background: rgba(255,255,255,0); border: none; color: #5b341c; font-weight: 700; text-indent: 20px; transition: 0.3s ease;
}
#lineup .box ul li.cart form input[type="submit"]:hover { background: rgba(255,255,255,0.2);}
#lineup .box ul li.cart span { position: relative; display: block; width: 92%; margin: 0 auto; padding: 12px 0; border-radius: 50px; color: #5b341c; background: #eee; }

#lineup .box ul.deep li a,
#lineup .box ul.deep li form { background: #ffe97d;}
#lineup .box ul.melty li a,
#lineup .box ul.melty li form { background: #ffcec2;}
#lineup .box ul.premium li a,
#lineup .box ul.premium li form { background: #fac873;}

#lineup .box ul li a span { display: inline-block; padding: 12px 0;}
#lineup .box ul li.cart a span { padding: 15px 0; text-indent: 20px;}
#lineup .box ul li a:hover { opacity: 0.8;}

#lineup .slick-arrow { top: 50%;}
#lineup .slick-prev { left: 21%;}
#lineup .slick-next { right: 21%;}

#lineup .notes ul { width: 88%; max-width: 1120px; margin: 0 auto;}
#lineup .bubble-L { top: 20%;}
#lineup .bubble-R { top: 65%;}
@media (max-width: 1001px) {
	#lineup .box ul li { padding: 7px 0;}
	#lineup .box ul li a span { padding: 9px 0;}
	#lineup .box ul li.cart a span { padding: 12px 0;}
	#lineup .box ul li form input[type="submit"] { padding: 12px 0;}
}
@media (max-width: 801px) {
	#lineup .ctn { width: 100%; margin-bottom: 30px;}
	#lineup .box .inner { padding: 80px 20px 12px;}
	#lineup .box ul { padding-bottom: 13%;}
	#lineup .box ul li a { width: 80%;}
	#lineup .box ul li form { width: 80%;}
	#lineup .box ul li.cart span { width: 80%;}
}
@media (max-width: 641px) {
	#lineup .bubble { display: none;}
}
@media (max-width: 481px) {
	#lineup .inner-sct { padding: 100px 0 40px;}
	#lineup .ctn { margin-bottom: 20px;}
	#lineup .box .inner { padding: 50px 16px 12px;}
	#lineup .box .icn { width: 100px;}
	#lineup .box img.base{ border-radius: 12px; box-shadow: 4px 4px 4px #cbb9a3;}
	#lineup .box ul { padding-bottom: 10%;}
	#lineup .box ul li a span { padding: 10px 0;}
	#lineup .box ul li.cart a span { text-indent: 12px;}
	#lineup .box ul li.cart a::before { width: 20px; height: 24px; }
	#lineup .box ul li form svg { transform: translate(-72px,-50%);}
	#lineup .box ul li form input[type="submit"] { text-indent: 12px;}
	#lineup .box ul li.cart span { padding: 10px 0;}
	#lineup .slick-prev { left: 10.5%;}
	#lineup .slick-next { right: 10.0%;}
}



#campaign .inner-sct { position: relative; padding: 240px 0 80px;}
#campaign h3 { margin-bottom: 40px; font-size: clamp(21px,3.0vw,30px); text-align: center;}
#campaign .ctn { display: flex; justify-content: space-between; align-items: center; width: 88%; max-width: 1040px; margin: 0 auto 30px;}
#campaign .ctn .img { width: 52%;}
#campaign .ctn .txt { width: 48%;}
#campaign .ctn .img figure { text-align: center;}
#campaign .ctn .img figure img { width: 100%; max-width: 540px;}
#campaign .ctn .txt p { text-align: center;}
#campaign .ctn .txt p img { width: 100%; max-width: 430px;}
#campaign .btn { width: 84%; max-width: 540px; margin: 0 auto;}
#campaign .btn a { position: relative; display: block; padding: 10px 0 12px; background: #ee858c; border: solid 2px #fff; border-radius: 50px; box-shadow: 2px 2px 2px #cbb9a3;
 color: #fff; font-size: 35px; font-weight: 700; line-height: 1; text-align: center; text-decoration: none;
}
#campaign .btn a:after { content: ''; display: block; width: 12px; height: 12px; border-top: solid 3px #fff; border-right: solid 3px #fff;
 position: absolute; right: 30px; top: 50%; transform: translateY(-50%) rotate(45deg);
}
#campaign .btn a:hover { opacity: 0.8;}
#campaign .notes ul { width: 88%; max-width: 1120px; margin: 0 auto;}
@media (max-width: 801px) {
	#campaign .btn { margin-bottom: 20px;}
}
@media (max-width: 641px) {
	#campaign .ctn { display: block;}
	#campaign .ctn .img { width: 80%; margin: 0 auto 12px;}
	#campaign .ctn .txt { width: 80%; margin: 0 auto;}
}
@media (max-width: 481px) {
	#campaign .inner-sct { position: relative; padding: 120px 0 40px;}
	#campaign h3 { margin-bottom: 20px; font-size: 18px;}
	#campaign h3 span { display: block;}
	#campaign .btn a { padding: 8px 0; font-size: 20px;}
}



#series { background: #fff;}
#series .inner-sct { padding: 80px 0;}
#series h2 { margin-bottom: 30px; text-align: center;}
#series h2 img { width: 80%; max-width: 420px;}
#series h3 { margin-bottom: 20px; font-size: clamp(16px,2.3vw,23px); font-weight: 700; text-align: center;}
#series .ctn { width: 88%; max-width: 980px; margin: 0 auto;}
#series .ctn ul { font-size: 0px; text-align: center;}
#series .ctn ul li { display: inline-block; width: 20%; padding: 18px; vertical-align: middle;}
#series .ctn ul li.blank { display: none;}
#series .ctn ul li a { position: relative; display: block; width: 94%; max-width: 164px; margin: 0 auto; color: #fff; text-decoration: none;}
#series .ctn ul li dl dt { position: relative; width: 60px; margin: 0 auto 10px;}
#series .ctn ul li dl dt img { width: 100%;}
#series .ctn ul li dl dd { font-size: clamp(15px,2.0vw,18px); font-weight: 700; line-height: 1.2;}
#series .ctn ul li:nth-child(5) dl dd { font-size: clamp(11px,1.5vw,13px); line-height: 1.65; text-indent: -8px;}
#series .ctn ul li dl dd { position: relative;}
#series .ctn ul li dl dd:before,
#series .ctn ul li dl dd:after { content: ''; display: block; width: 0; height: 0; position: absolute; top: 50%; transform: translate(0,-50%);
 border: solid 24px transparent;
}
#series .ctn ul li dl dd:before{ left: 0; border-right: 0; border-left: solid 13px #fff;}
#series .ctn ul li dl dd:after { right: 0; border-left: 0; border-right: solid 13px #fff;}

#series .ctn ul li dl dd span { display: block; padding: 12px 6px;}
#series .ctn ul li dl dd br { display: none;}
#series .ctn ul li:nth-child(1) dl dd span { background: #e5864b;}
#series .ctn ul li:nth-child(2) dl dd span { background: #e78c8f;}
#series .ctn ul li:nth-child(3) dl dd span { background: #ffcf26;}
#series .ctn ul li:nth-child(4) dl dd span { background: #e06b51;}
#series .ctn ul li:nth-child(5) dl dd span { background: #bdccd4;}
#series .ctn ul li dl dd span:after { content: ''; display: block; width: 6px; height: 6px; border-top: solid 2px #fff; border-right: solid 2px #fff;
 position: absolute; right: 20px; top: 50%; transform: translate(0,-50%) rotate(45deg);
}
#series .ctn ul li a:hover { opacity: 0.8;}
#series .ctn.show{ opacity: 1;}
@media (max-width: 1001px) {
	#series .ctn ul li { padding: 12px;}
}
@media (max-width: 801px) {
	#series h2 { margin-bottom: 20px;}
	#series .ctn ul li dl dd { font-size: 15px;}
	#series .ctn ul li dl dd:before,
	#series .ctn ul li dl dd:after { border: solid 20px transparent;}
	#series .ctn ul li dl dd:before{ border-right: 0; border-left: solid 10px #fff;}
	#series .ctn ul li dl dd:after { border-left: 0; border-right: solid 10px #fff;}

	#series .ctn ul li dl dd span { padding: 8px;}
	#series .ctn ul li dl dd br { display: block;}
	#series .ctn ul li dl dd span:after { right: 20px;}
}
@media (max-width: 641px) {
	#series .ctn ul li { width: 50%; padding: 10px;}
	#series .ctn ul li.blank { display: inline-block;}
	#series .ctn ul li dl dd { font-size: 14px;}
}
@media (max-width: 481px) {
	#series .inner-sct { padding: 40px 0;}
	#series h2 { margin-bottom: 12px;}
	#series h3 span { display: block; }
	#series .ctn ul li dl dt { width: 50px;}
	#series .ctn ul li dl dd { font-size: 12px;}
	#series .ctn ul li dl dd span:after { width: 6px; height: 6px;}
}




#shop { background: url('../img/bg/shop.jpg') no-repeat 50% 50% / cover;}
#shop .inner-sct { padding: 80px 0 60px;}
#shop h2 { margin-bottom: 30px; text-align: center;}
#shop h2 img { width: 80%; max-width: 420px;}
#shop h3 { margin-bottom: 20px; font-size: clamp(14px,2.1vw,21px); font-weight: 600; letter-spacing: 0.08rem; line-height: 1.4; text-align: center;}
#shop p { margin-bottom: 30px; font-size: 13px; text-align: center;}
#shop .ctn { width: 88%; max-width: 850px; margin: 0 auto;}
#shop .ctn ul { font-size: 0;}
#shop .ctn ul li { display: inline-block; width: 33.33334%; padding: 12px; font-size: 18px; font-weight: 700; line-height: 1.25;}
#shop .ctn ul li a { position: relative; display: block; padding: 3px; background: linear-gradient(#f3c900,#ff7f37); border-radius: 6px;
 color: #fff; text-decoration: none;
}
#shop .ctn ul li a:hover { opacity: 0.8;}
#shop .ctn ul li a span { position: relative; display: block; padding: 18px 0; padding-left: 30px; border: solid 2px #fff; border-radius: 4px;}
#shop .ctn ul li a::before,
#shop .ctn ul li a::after { content: ''; display: block; position: absolute; top: 50%;}
#shop .ctn ul li a::before{ width: 18px; height: 18px; left: 10px; transform: translate(0,-50%);
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 42"><path d="M587.92,8214.28a12,12,0,0,0-2.78-2c-.13-.08-.27-.12-.4-.19a26.2,26.2,0,0,0,1.92-2.48,18,18,0,0,0,1.56-3.14,2.37,2.37,0,0,0,.13-1.38c-.1-.47-.35-.83-.79-.88a1.11,1.11,0,0,0-1.1.63,2.65,2.65,0,0,0-.3,1.18,14.33,14.33,0,0,1-.55,3.15,6.38,6.38,0,0,1-1.69,2.54,8.46,8.46,0,0,0-4.21-.61,5.83,5.83,0,0,0-3.39,1.61,1.2,1.2,0,0,0-.35,1.36.48.48,0,0,0,.57.26,1.48,1.48,0,0,0,.8-.46,4.52,4.52,0,0,1,2.49-1.64,6.4,6.4,0,0,1,3,.44c-.12.1-.23.2-.36.29a34.24,34.24,0,0,1-5.89,3.14c-1.86.81-3.87,1.6-6,2.37-.89-.63-2.44-1.82-3.69-2.81a22,22,0,0,0-4.2-2.85,10.28,10.28,0,0,0-5.22-1.13,6.34,6.34,0,0,0-4.92,2.61,6.12,6.12,0,0,0-1,5.86,6.68,6.68,0,0,0,3.9,3.81,10.7,10.7,0,0,0,5.9.26c2.44-.47,9.4-3.66,9.81-3.85a29.26,29.26,0,0,0,7.38,3.48,10.89,10.89,0,0,0,7.16-.43c2.17-.87,4.06-2.86,4.09-5.16A5.58,5.58,0,0,0,587.92,8214.28ZM565,8220.34a27.5,27.5,0,0,1-4.21,1.14,15.74,15.74,0,0,1-4-.17,4.69,4.69,0,0,1-2.76-2.2,3.92,3.92,0,0,1,.23-3.58,4.36,4.36,0,0,1,3.34-2.15,8.24,8.24,0,0,1,4.42.71,20.22,20.22,0,0,1,4,2.56c1,.8,2,1.57,3,2.32Zm21.22,0a9.12,9.12,0,0,1-4.93,1.41,18.74,18.74,0,0,1-8.64-2.06c1.61-.76,3.14-1.52,4.56-2.3,2.21-1.21,6.31-4.07,6.55-4.28,1.15.48,4.13,2.68,4.07,4.94A3.07,3.07,0,0,1,586.19,8220.32Zm-16.38-5.47a27.18,27.18,0,0,1-3.94-4.65,9.27,9.27,0,0,1-1.62-5.15,5.8,5.8,0,0,1,1.91-3.95,6.62,6.62,0,0,1,8.79,0,5.89,5.89,0,0,1,1.91,3.95,9.27,9.27,0,0,1-1.62,5.15,28.15,28.15,0,0,1-3.94,4.65,1.44,1.44,0,0,1-.75.35A1.42,1.42,0,0,1,569.81,8214.85Zm.74-.64c.27,0,1.86-2.15,2.8-3.77a11.49,11.49,0,0,0,1.46-4,3.81,3.81,0,0,0-1.06-3.23,4.63,4.63,0,0,0-6.39,0,3.78,3.78,0,0,0-1.06,3.23,11.49,11.49,0,0,0,1.46,4C568.7,8212.06,570.28,8214.21,570.55,8214.21ZM565.71,8232c0-.13.06-.29.1-.45h9.49c0,.16.07.32.1.45a3.75,3.75,0,0,1,0,1.14h-9.61A3.21,3.21,0,0,1,565.71,8232Zm8.24-3.64c.32.57.58,1.11.79,1.59h-8.37a15.32,15.32,0,0,1,.78-1.59Zm-3.4-4.51a11.66,11.66,0,0,1,2.42,2.91h-4.84A12.13,12.13,0,0,1,570.55,8223.87Zm0,12.89a5.54,5.54,0,0,1-3.55-1.38,3.67,3.67,0,0,1-.56-.63h8.22a3.6,3.6,0,0,1-.55.63A5.54,5.54,0,0,1,570.55,8236.76Zm-1.59,1.15.84,1.27a.88.88,0,0,0,1.5,0c.26-.4.65-1,.84-1.27a6.68,6.68,0,0,0,2.9-1.32,5.08,5.08,0,0,0,1.84-4,11.67,11.67,0,0,0-1.87-4.92,31.6,31.6,0,0,0-3.72-4.69,1.45,1.45,0,0,0-.74-.36,1.43,1.43,0,0,0-.73.36,30.94,30.94,0,0,0-3.72,4.69,11.53,11.53,0,0,0-1.87,4.92,5.1,5.1,0,0,0,1.83,4A6.73,6.73,0,0,0,569,8237.91Z" transform="translate(-551.15 -8199.43)" fill="%23fbd889" /></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; 
}
#shop .ctn ul li a::after { width: 9px; height: 9px; border-top: solid 2px #fff; border-right: solid 2px #fff;
 right: 18px; transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 801px) {
	#shop .ctn ul li { padding: 6px; font-size: 16px;}
}
@media (max-width: 641px) {
	#shop .ctn ul li { width: 50%;}
}
@media (max-width: 481px) {
	#shop .inner-sct { padding: 40px 0px;}
	#shop h2 { margin-bottom: 20px;}
	#shop h3 { margin-bottom: 12px; font-weight: 700; letter-spacing: 0.02rem;}
	#shop p { margin-bottom: 20px; font-size: 12px;}
	#shop .ctn ul li { padding: 4px; font-size: 12px;}
	#shop .ctn ul li a { padding: 2px;}
	#shop .ctn ul li a span { padding: 12px 0; padding-left: 24px; border-width: 1px;}
	#shop .ctn ul li a::before{ width: 14px; left: 8px;}
	#shop .ctn ul li a::after { width: 6px; height: 6px; right: 12px;}
}