@charset "UTF-8";
body { color: #6a3906;}
#hd .menu { background: #fbf9de;}
#hd .menu ul.brand li.top:after { border-right: solid 15px #fbf9de;}
.menu-trig div span { background: #42220f;}
.menu-cart a svg { fill: #42220f;}

.bogo-language-switcher .en-US { display: none !important;}

.mfp-close { right: -15px; width: 50px; height: 50px; background: #fff !important; box-shadow: 0 0 8px #999 !important; border-radius: 50% !important;}
.mfp-close:before,
.mfp-close:after { content: ''; display: block; width: 1px; height: 32px; background: #222; position: absolute; left: 25px; top: 9px;}
@media (max-width: 481px) {
	.mfp-close { right: -10px; width: 36px; height: 36px;}
	.mfp-close:before,
	.mfp-close:after { height: 24px; left: 17px; top: 6px;}
}

.wrap { background: #fbf9de;}




.ttl { width: 100%; height: 130px; padding-top: 24px; background: url('/img/en/index/bg-ttl.png') no-repeat 50% 100% / cover;}
.ttl h2 { font-size: 24px; font-weight: 600; letter-spacing: 0.2rem; text-align: center;}
@media (max-width: 641px) {
	.ttl { height: 23vw; padding-top: 6.0vw; background: url('/img/en/index/bg-ttl@sp.png') no-repeat 50% 0 / 100% auto;}
	.ttl h2 { font-size: 4.8vw;}
}
@media (max-width: 481px) {
	.ttl { padding-top: 4.2vw;}
	.ttl h2 { font-size: 21px;}
}


#kv .inner-kv { position: relative; width: 100%; margin: 0 auto;}
#kv .defhd { position: absolute; left: 0; top: 0; width: 100%; z-index: 10;}
#kv .defhd .inner { position: relative; width: 100%; margin: 0 auto; padding-top: 25px;}
#kv .defhd .inner .bg-top { position: absolute; left: 0; top: 0; width: 100%; padding-top: 240px; background: url('/img/en/index/kv/top.png') no-repeat 50% 100% / cover;}
#kv .defhd h1 { position: relative; width: 92%; max-width: 1180px; margin: 0 auto; line-height: 1; z-index: 2;}
/*#kv .defhd h1 img { width: 36%; max-width: 210px; height: 50px; fill: #6a3906; display: block !important; opacity: 1;}*/
#kv .defhd h1 svg { width: 36%; max-width: 210px; height: 50px; fill: #6a3906;}

@media (max-width: 1281px) {
	#kv .defhd .inner .bg-top{ padding-top: 18.5vw; background-size: auto 100%;}
}
@media (max-width: 641px) {
	#kv .defhd .inner { padding-top: 4.5vw;}
	#kv .defhd .inner .bg-top{ padding-top: 36.5vw; background: url('/img/bg-hd-sp.png') no-repeat 50% 0 / 100% auto;}
}
@media (max-width: 481px) {
	#kv .defhd .inner { padding-top: 3.6vw;}
	#kv .defhd h1 svg { height: 30px;}
}


#kv .slide { position: relative; width: 100%; padding-top: 680px;}
#kv .slide:before { content: ''; display: block; width: 100px; height: 142px;
 position: absolute; left: 12%; top: 130px; z-index: 10;
 background: url('/img/awards/badge-no1-en.png') no-repeat 50% 50% / 100% auto;
}

#kv .slide.slide-series { background: url('/img/en/index/kv/series.jpg') no-repeat 50% 50% / cover;}

#kv .slide a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
#kv .slide img { display: none; width: 100%; }
#kv .slick-dotted.slick-slider { margin-bottom: 0px;}

#kv .slide .note { position: absolute; left: 0; bottom: 0px;}
#kv .slide .note ul { width: 100%; max-width: 1000px; margin: 0 auto; padding: 20px;}
#kv .slide .note ul.w260 { max-width: 260px;}
#kv .slide .note ul.w300 { max-width: 300px;}
#kv .slide .note ul li { position: relative; padding-left: 1.5em; color: #5b341c;}
#kv .slide .note ul li span { display: block;}
#kv .slide .note ul li i { position: absolute; left: 0;}


#kv .slide.slide-lululun:before { content: none;}
#kv .slide.slide-cl-disney:before { content: none;}
#kv .slide.slide-pv:before { content: none;}
#kv .slide.slide-sanrio:before { content: none;}
#kv .slide.slide-kitty:before { content: none;}
#kv .slide.slide-marry:before { content: none;}
#kv .slide.slide-kuromi:before { content: none;}
#kv .slide.slide-jeonghan-2:before { content: none;}
#kv .slide.slide-vt:before { content: none;}

#kv .slide.slide-sakura:before { left: 5%; top: 60px;}
#kv .slide.slide-sakura .note { width: 50%; max-width: 660px;}
#kv .slide.slide-sakura .note ul { max-width: 400px; margin: 0 auto;}

#kv .slick-dots { bottom: -20px; display: block; width: 100%; padding: 0; margin: 0; font-size: 0; text-align: center;}
#kv .slick-dots li { position: relative; display: inline-block; width: 15px; margin: 0 5px; padding: 0; cursor: pointer; font-size: 0px;}
#kv .slick-dots li button { display: block; cursor: pointer; padding: 0px; border: 0; outline: none; background: transparent;
 color: transparent; font-size: 0; line-height: 0; text-indent: -9999em;
}
#kv .slick-dots li button:before { width: 5px; height: 5px; border-radius: 50%; background: #c1c1c1; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#kv .slick-dots li.slick-active button:before { background: #ff9c2d;}
#kv .slick-dots li button:hover,
#kv .slick-dots li button:focus{ outline: none;}
#kv .slick-dots li button:hover:before,
#kv .slick-dots li button:focus:before { opacity: 0.8;}
@media (max-width: 1281px) {
	#kv .slide { padding-top: 53%;}
	#kv .slide.slide-series { background-size: cover;}
}
@media (max-width: 1001px) {
	#kv .slide:before { width: 80px; height: 110px; left: 8%; top: 100px;}
}
@media (max-width: 641px) {
	#kv .slide:before { width: 100px; height: 142px; left: 2.5%; top: 140px;}
	#kv .slide { padding-top: 0%;}
	#kv .slide a { position: relative; left: auto; top: auto;}
	#kv .slide img { display: block;}

	#kv .slide.slide-sakura .note { width: 100%; max-width: 100%;}
	#kv .slide.slide-sakura .note ul { max-width: 580px;}
}
@media (max-width: 481px) {
	#kv .slide:before { width: 80px; height: 110px; top: 90px;}
	#kv .slick-dots li { width: 8px;}
	#kv .slide .note ul { margin: 0 auto; padding: 10px;}
	#kv .slide .note ul.w260 { max-width: 280px; margin: 0 auto; padding: 7px 0; text-align: center;}
	#kv .slide .note ul li span { display: inline;}
}




#award { background: #fff; border-bottom: solid 2px #fff;}
#award .award-tit { position: relative; padding: 6px 0; background: #ffd116; cursor: pointer;}
#award .award-tit:after { content: ''; display: block; width: 15px; height: 15px; margin-left: 320px;
 border-bottom: solid 4px #fff; border-right: solid 4px #fff;
 position: absolute; left: 50%; top: 50%; transform: translateY(-70%) rotate(45deg); transition: 0.4s linear;
}
#award .award-tit.open:after { transform: translateY(-30%) rotate(-135deg);}
#award .award-tit h2 { padding: 10px 0 14px; font-size: 24px; font-weight: 600; letter-spacing: 0.2rem; 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="%23ffdf5c" /></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: 40px; height: 30px; vertical-align: middle;
 background: url('/img/en/icn-award.png') no-repeat 50% 50% / 100% auto;
}
#award .award-tit h2 span { display: inline-block; margin: 0 20px; vertical-align: middle;}
#award .ctn { display: none;}
@media (max-width: 801px) {
	#award .award-tit:after { margin: 0px; left: auto; right: 5%;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#award { border-width: 1px;}
	#award .award-tit { padding: 4px 0;}
	#award .award-tit:after { width: 15px; height: 15px; border-width: 2px;}
	#award .award-tit h2 { padding: 8px 0; font-size: 20px; letter-spacing: 0rem;}
	#award .award-tit h2:before,
	#award .award-tit h2:after { width: 30px; height: 24px;}
	#award .award-tit h2 span { margin: 0 12px;}
}



#concept { position: relative; background: url('/img/en/index/bg-concept.jpg') no-repeat 50% 100% / cover;}
#concept .ttl { position: absolute; left: 0; top: 0;}
#concept .ctn { padding: 160px 0 50px;}
#concept .ctn h3 { margin-bottom: 40px; text-align: center;}
#concept .ctn h3 img { width: 80%; max-width: 480px;}
#concept .ctn ul { text-align: center;}
#concept .ctn ul li { padding: 10px 0;}
#concept .ctn ul li img { width: 65%; max-width: 350px;}
@media (max-width: 641px) {
	#concept .ctn { padding: 35vw 0 50px;}
}
@media (max-width: 481px) {
	#concept .ctn { padding: 32vw 0 50px;}
	#concept .ctn h3 { margin-bottom: 20px;}
	#concept .ctn ul li { padding: 6px 0;}
}



#series-en { background: #fbf9de;}
#series-en .inner-sct { padding: 100px 0;}
#series-en h2 { margin-bottom: 50px; font-size: 30px; line-height: 1.25; text-align: center;}
#series-en .ctn {}
@media (max-width: 801px) {
	#series-en .inner-sct { padding: 60px 0;}
	#series-en h2 { margin-bottom: 30px; font-size: 4.0vw;}
}
@media (max-width: 481px) {
	#series-en .inner-sct { padding: 40px 0;}
	#series-en h2 { margin-bottom: 12px; font-size: 3.6vw;}
}