@charset "utf-8";
#wrapper { background: #dad2f7;}

.stl { background: #d59ed2 url('../img/ms/bg-stl.jpg') no-repeat 50% 50% / cover;}
.stl h2 { text-align: center;}
.stl h2 img { width: 92%; max-width: 740px;}
.stl h2 img.sp { display: none;}
@media (max-width: 641px) {
	.stl h2 img.pc { display: none;}
	.stl h2 img.sp { display: block; margin: 0 auto;}
}

.note { margin: 0 auto;}
.note p,
.note ul li { color: #999; font-size: 12px;}
@media (max-width: 481px) {
	.note p,
	.note ul li { font-size: 10px; line-height: 1.5;}
}


.bg-fix { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 1;}
.bg-fix:after { content: ''; display: block; width: 100%; max-width: 1280px; height: 100%; margin: 0 auto; background: url('../img/ms/bg-1.jpg') no-repeat 50% 50%;}
@media (max-width: 641px) {
	.bg-fix:after { background: url('../img/ms/bg-1-sp.jpg') repeat-y 50% 50% / 100% auto;}
}

.kira { position: absolute; z-index: 3; opacity: 0; animation: 1.8s star ease infinite;}
.kira.kira-1 { width: 60px; height: 60px; background: url('../img/ms/kira-1.png') no-repeat 50% 50% / 100% 100%; animation-delay: 0.0s;}
.kira.kira-2 { width: 40px; height: 40px; background: url('../img/ms/kira-2.png') no-repeat 50% 50% / 100% 100%; animation-delay: 0.2s;}
.kira.kira-3 { width: 60px; height: 60px; background: url('../img/ms/kira-2.png') no-repeat 50% 50% / 100% 100%; animation-delay: 0.4s;}
.kira.kira-4 { width: 60px; height: 60px; background: url('../img/ms/kira-1.png') no-repeat 50% 50% / 100% 100%; animation-delay: 0.0s;}
.kira.kira-5 { width: 40px; height: 40px; background: url('../img/ms/kira-2.png') no-repeat 50% 50% / 100% 100%; animation-delay: 0.6s;}
@keyframes star{
 0% { opacity: 0; transform: scale(0.7);}
 50% { opacity: 1; transform: scale(1.0);}
 100% { opacity: 0; transform: scale(0.7);}
}


#kv { position: relative; width: 100%; max-width: 1280px; min-height: 650px; margin: 0 auto; background: url('../img/ms/bg-kv.jpg') no-repeat 50% 50% / cover;}
#kv .inner-kv { position: relative; width: 92%; margin: 0 auto; z-index: 2;}
#kv .ctn { width: 52%; max-width: 600px; margin-bottom: 30px; padding-top: 100px;}
#kv .ctn h1 { margin-bottom: 10px; text-align: center;}
#kv .ctn h1 img { position: relative; width: 80%; max-width: 300px; transition: 0.4s linear 0.3s; opacity: 0; transform: translateY(20px);}
#kv .ctn h2 { text-align: center;}
#kv .ctn h2 img { position: relative; width: 100%; max-width: 500px; transition: 0.4s linear 0.6s; opacity: 0; transform: translateY(20px);}

#kv .news .inner { width: 92%; margin: 0 auto;}
#kv .news .news-ctn { width: 52%; max-width: 600px;}
#kv .news .news-ctn a {  display: flex; justify-content: space-between; align-items: center;
 width: 96%; max-width: 460px; margin: 0 auto; padding: 25px; color: #5a5a5a;
 background: url('../img/ms/bg-news.png') no-repeat 50% 50% / 100% 100%;
 position: relative; transition: 0.4s linear 0.9s; opacity: 0; transform: translateY(20px);
}
#kv .news .news-ctn .pht { width: 23%; text-align: center;}
#kv .news .news-ctn .txt { width: 75%;}
#kv .news .news-ctn .pht img { width: 96%;}
#kv .news .news-ctn .txt p { color: #8e3179; font-size: 11px;}
#kv .news .news-ctn .txt p span { display: block; font-size: 12px; font-weight: 700;}
#kv .news .news-ctn .txt p.date { font-size: 11px;}

#kv .bg-kv { display: none; position: relative; z-index: 1;}
#kv .bg-kv img { width: 100%;}
#kv.show .ctn h1 img,
#kv.show .ctn h2 img { opacity: 1; transform: translateY(0px);}
#kv.show .news .news-ctn a { opacity: 1; transform: translateY(0px);}
@media (max-width: 1201px) {
}
@media (max-width: 1001px) {
	#kv .news .news-ctn { padding: 20px 25px;}
}
@media (max-width: 801px) {
	#kv { min-height: auto; background: none;}
	#kv .inner-kv { position: absolute; width: 100%; left: 0; top: 0;}
	#kv .ctn { width: 100%; max-width: 100%; padding-top: 20px;}
	#kv .ctn h1 img { width: 50%;}
	#kv .ctn h2 img { width: 80%; max-width: 450px;}
	#kv .bg-kv { display: block; width: 100%;}
	#kv .news { width: 100%; position: absolute; left: 0; bottom: -10%; z-index: 3;}
	#kv .news .news-ctn { width: 100%; max-width: 600px; margin: 0 auto; padding: 30px;}
	#kv .news .news-ctn .txt { padding-left: 20px;}
}
@media (max-width: 481px) {
	#kv .bloc .ctn h1 { margin-bottom: 8px;}
	#kv .ctn h1 img { width: 35%;}
	#kv .ctn h2 img { width: 72%;}
	#kv .news { bottom: -14%;}
	#kv .news .news-inner{ width: 100%;}
	#kv .news .news-ctn { padding: 0px;}
	#kv .news .news-ctn a { width: 100%;}
	#kv .news .news-ctn .pht { width: 60px;}
	#kv .news .news-ctn .txt { width: calc( 100% - 60px); padding-left: 12px;}
	#kv .news .news-ctn .txt p { font-size: 10px;}
}



#about { position: relative; z-index: 2;}
#about .inner-sct { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; background: url('../img/ms/bg-about.jpg') no-repeat 50% 50% / cover;}
#about .ctn { position: relative; width: 92%; margin: 0 auto; padding: 80px 0;}
#about h2 { margin-bottom: 30px; text-align: center;}
#about h2 img { width: 52%; max-width: 360px;}
#about p { margin-bottom: 30px; color: #fff; font-size: 21px; font-weight: 700; text-align: center;}
#about p img { width: 90%; max-width: 520px;}
#about .movie { position: relative; z-index: 10; width: 80%; max-width: 700px; margin: 0 auto 20px;}
#about .movie video { width: 100%;}
#about .movie video.sp { display: none;}
#about .note { width: 90%; max-width: 500px;}


#about .kira.kira-1 { right: 20%; bottom: 35%;}
#about .kira.kira-2 { right: 25%; bottom: 10%;}
#about .kira.kira-3 { left: 15%; bottom: 32%;}
#about .kira.kira-4 { left: 18%; bottom: 20%;}
@media (max-width: 1401px) {
	#about .kira.kira-1 { right: 10%;}
	#about .kira.kira-2 { right: 20%;}
	#about .kira.kira-3 { left: 8%;}
	#about .kira.kira-4 { left: 10%;}
}
@media (max-width: 1001px) {
	#about .kira.kira-1 { right: 4%;}
	#about .kira.kira-2 { right: 10%;}
	#about .kira.kira-3 { left: 0%;}
	#about .kira.kira-4 { left: 2%;}
}
@media (max-width: 801px) {
	#about .ctn { padding: 150px 0 80px;}
	#about .kira.kira-1 { right: 0%;}
	#about .kira.kira-2 { right: 8%; bottom: 5%;}
}
@media (max-width: 641px) {
	#about .inner-sct { background: url('../img/ms/bg-about-sp.jpg') no-repeat 50% 0 / 100% auto;}
	#about .ctn { padding: 120px 0 50px;}
	#about p { font-size: 3.5vw;}
	#about p sup { font-size: 9px;}
	#about .movie { margin: 0 auto 20px;}
}
@media (max-width: 481px) {
	#about .ctn { padding: 90px 0 40px;}
	#about h2 { margin-bottom: 15px;}
	#about h2 img { width: 30%;}
	#about p { margin-bottom: 20px; font-size: 13px;}
	#about .movie { margin: 0 auto 12px;}
	#about .movie video.pc { display: none;}
	#about .movie video.sp { display: block;}
	#about .note ul li { font-size: 10px;}

	#about .kira.kira-1 { width: 40px; height: 40px;}
	#about .kira.kira-2 { width: 30px; height: 30px; bottom: 2%;}
	#about .kira.kira-3 { width: 40px; height: 40px; left: -4%;}
	#about .kira.kira-4 { width: 40px; height: 40px; left: 0%;}
}


#story { position: relative; z-index: 2;}
#story .inner-sct { position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
#story #flg-1 { position: relative;}
#story .stl { padding: 38px 0;}
#story .bloc { width: 100%; margin: 0 auto;}
#story .inner-bloc { position: relative;}
#story .ctn { position: absolute; left: 0; top: 0; width: 100%;}
#story.fixed .bloc .ctn { position: fixed;}
#story .ctn .inner{ position: relative; width: 92%; max-width: 800px; margin: 0 auto; padding: 40px 0;
 transition: 0.3s linear; opacity: 0;
}
#story .ctn.show .inner{ opacity: 1;}
#story .ctn h2 { display: none;}
#story .ctn h3 { margin-bottom: 20px; text-align: center;}
#story .ctn h3 img { width: 100%; max-width: 580px; height: auto;}
#story .ctn .ctn-flex { width: 100%; max-width: 600px; margin: 0 auto 10px; display: flex; align-items: center; justify-content: space-between;}
#story .ctn .ctn-flex .point { position: relative; width: 15%;}
#story .ctn .ctn-flex .point:before { content: ''; display: block; width: 3px; position: absolute; left: 50%; top: 2%; transform: translateX(-50%);}
#story .ctn .ctn-flex .point:before{ height: 96%; background: #a0abdb;}
#story .ctn .ctn-flex .point.point-3:before{ height: 96%; background: #e52564;}
#story .ctn .ctn-flex .point .bar { display: block; width: 3px; position: absolute; left: 50%; top: 2%; transform: translateX(-50%); height: 15%; background: #e52564;}
#story .ctn .ctn-flex .point .light { width: 100%; padding-top: 100%; border-radius: 50%; z-index: 11;
 position: absolute; left: 0; overflow: hidden;
}
#story .ctn .ctn-flex .point .light.light-1{ top: 0;}
#story .ctn .ctn-flex .point .light.light-2{ top: 50%; transform: translateY(-50%);}
#story .ctn .ctn-flex .point .light.light-3{ bottom: 0%;}
#story .ctn .ctn-flex .point .light::before { content: ''; display: block; width: 40px; height: 200px; background-color: #fff; position: absolute; top: -180px; left: 0;
 animation: shiny-btn1 3s ease-in-out infinite;
}
@keyframes shiny-btn1 {
   0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0;}
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5;}
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1;}
 100% { -webkit-transform: scale(20) rotate(45deg); opacity: 0;}
}
#story .ctn .ctn-flex .fig { width: 82%;}
#story .ctn .ctn-flex .point img { position: relative; width: 100%; max-width: 90px; height: auto; z-index: 10;}
#story .ctn .ctn-flex .fig img { width: 100%; max-width: 480px; height: auto;}
#story .ctn .ctn-flex .fig img.sp { display: none;}
#story .bloc .note { width: 94%; max-width: 460px; padding-left: 60px;}
@media (max-width: 1001px) {
	#story .stl { padding: 20px 0;}
}
@media (max-width: 641px) {
	#story .ctn h3 { margin-bottom: 20px;}
	#story .ctn .ctn-flex { margin: 0 auto 20px;}
	#story .bloc .note { padding-left: 0px;}
}
@media (max-width: 481px) {
	#story #flg-1 { position: absolute; top: 0;}
	#story .stl { display: none;}
	#story .bloc { padding: 0;}
	#story .ctn h2 { display: block; padding: 12px 0; background: #d59ed2 url('../img/ms/bg-stl.jpg') no-repeat 50% 50% / cover;}
	#story .ctn h2 img { width: 100%;}
	#story .ctn .inner{ padding: 30px 0;}
	#story .ctn h3 { margin-bottom: 10px;}
}


#develop { position: relative; z-index: 2;}
#develop .inner-sct { width: 100%; max-width: 1280px; margin: 0 auto; padding: 80px 0; background: url('../img/ms/bg-develop.jpg') no-repeat 50% 50% / cover;}
#develop h3 { text-align: center;}
#develop h3 img { width: 90%; max-width: 560px;}
@media (max-width: 641px) {
	#develop .inner-sct { display: none;}
}
@media (max-width: 481px) {
}




#slideshow { position: relative; z-index: 2;}
#slideshow .inner-sct { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; background: #e8e2fc;}
#slideshow .ctn { position: relative; width: 100%; overflow: hidden; z-index: 2;}
#slideshow .ctn.fixed { position: fixed; top: 0; left: 0;}
#slideshow .ctn .ctn-inner { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 40px 0px; overflow: hidden; z-index: 2;}
#slideshow .ctn .ctn-inner:after { content: ''; width: 100%; height: 400px; background: url('../img/ms/bg-2.png') no-repeat 50% 100% / 100% auto;
 position: absolute; left: 0; bottom: 0; z-index: 1;
}
#slideshow .dev-sp { display: none; width: 100%; padding: 40px 0; background: url('../img/ms/bg-develop.jpg') no-repeat 50% 50% / cover;}
#slideshow .dev-sp h3 { text-align: center;}
#slideshow .dev-sp h3 img { width: 72%;}
#slideshow .slider { position: relative; margin: 0 auto 20px;}
#slideshow .slider:after { content: ''; display: block; width: 160px; height: 100%; background: #e8e2fc;
 position: absolute; right: -65px; top: 50%; transform: translateY(-50%) skew(10.2deg);}
#slideshow .slider .inner { position: relative; width: 100%; max-width: 1200px; margin: 0 auto;}
#slideshow .slider img { position: relative; width: 100%;}
#slideshow .slider img.sp { display: none;}
#slideshow .slider .base { position: relative; width: 100%; z-index: 10;}
#slideshow .slider .bg-slide { position: absolute; left: 0; top: 0; width: 100%;}
#slideshow .slider .bg-slide.bg-1 img { transform: translateX(100%);}
#slideshow .slider .bg-slide.bg-2 img { transform: translateX(100%);}
#slideshow .slider .bg-slide.bg-3 img { transform: translateX(100%);}
#slideshow .read { position: relative; width: 100%; margin: 0 auto 20px; z-index: 2;}
#slideshow .read p { margin: 0 auto 40px; text-align: center;}
#slideshow .read p img { width: 92%; max-width: 820px;}
#slideshow .read p img.sp { display: none;}
#slideshow .read .btn { width: 72%; max-width: 420px; margin: 0 auto;}
#slideshow .read .btn a { display: block; padding: 4px; background: #fff; border-radius: 12px;
 color: #bb78bb; font-size: 26px; font-weight: 700; text-align: center;
}
#slideshow .read .btn a span { display: block; padding: 8px 0; border: solid 2px #bb78bb; border-radius: 10px;}
#slideshow .read .btn a:hover { opacity: 0.8;}
#slideshow .note { width: 90%;}
#slideshow .note p { text-align: right;}
@media (max-width: 1281px) {
	#slideshow .slider:after { right: -7vw;}
}
@media (max-width: 1201px) {
	#slideshow .slider:after { right: -110px;}
	#slideshow .read .btn a { font-size: 24px;}
}
@media (max-width: 1001px) {
	#slideshow .slider:after { right: -120px;}
	#slideshow .read { background-position: 50% 100%;}
}
@media (max-width: 801px) {
	#slideshow .slider:after { content: none;}
	#slideshow .slider img.pc { display: none;}
	#slideshow .slider img.sp { display: block;}
	#slideshow .slider .bg-slide { position: absolute; left: 50%; top: 50%; width: auto; height: 100%; transform: translate(-50%,-50%);}
	#slideshow .slider .bg-slide img{ width: auto; height: 100%;}
	#slideshow .read .btn a { font-size: 20px;}
}
@media (max-width: 641px) {
	#slideshow .inner-sct { padding-top: 0px;}
	#slideshow .ctn .ctn-inner { padding: 20px 0px;}
	#slideshow .dev-sp { display: block;}
	#slideshow .read p { margin: 0 auto 20px;}
	#slideshow .read p img.pc { display: none;}
	#slideshow .read p img.sp { display: block; margin: 0 auto;}
}
@media (max-width: 481px) {
	#slideshow .read .btn a { font-size: 16px;}
	#slideshow .read .btn a span { padding: 6px 0;}
}



.bg-long { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; background: url('../img/ms/bg-3.jpg') no-repeat 50% 0; z-index: 2;}
@media (max-width: 801px) {
/*	.bg-top { background-size: calc(2000px - 12vw) auto; } */
}
@media (max-width: 641px) {
	.bg-long { background: url('../img/ms/bg-3-sp.jpg') no-repeat 50% 0 / 100% auto;}
}
#lineup {}
#lineup .stl { padding: 44px 0;}
#lineup .inner-sct { position: relative; width: 94%; height: 1200px; margin: 0 auto; padding-top: 60px;}
#lineup .item-nav { width: 100%; max-width: 800px; margin: 0 auto; padding: 30px 0;}
#lineup .item-nav ul { font-size: 0; text-align: center;}
#lineup .item-nav ul li { display: inline-block; width: 50%;}
#lineup .item-nav ul li a { display: block; width: 92%; margin: 0 auto;}
#lineup .item-nav ul li a img { width: 100%;}
#lineup .item-nav ul li a img.sp { display: none;}

#lineup .slide-tit { margin: 0 auto 20px;}
#lineup .slide-tit p { text-align: center;}
#lineup .slide-tit p img { width: 92%; max-width: 900px; margin: 0 auto;}
#lineup .slide-tit p img.skr { max-width: 700px;}
#lineup .slide-tit p img.sp { display: none;}
#lineup .slide-item { position: relative; width: 100%; max-width: 880px; margin: 0 auto; padding: 0 140px;}
#lineup .slide-item div { padding: 30px 0; text-align: center; }
#lineup .slide-item img { width: 62%; margin: 0 auto; opacity: 0.4; transition: 0.4s linear;}
#lineup .slide-item .slick-center img { position: relative; opacity: 1; transform: scale(1.4);}

#lineup .slide-item2 { width: 100%; max-width: 880px; margin: 0 auto; padding: 0 140px;}
#lineup .slide-item2 div { padding: 30px 0; text-align: center; }
#lineup .slide-item2 img { width: 62%; margin: 0 auto; opacity: 0.4; transition: 0.4s linear;}
#lineup .slide-item2 .slick-center img { position: relative; opacity: 1; transform: scale(1.4);}

#lineup .slide-item3 { width: 100%; margin: 0 auto; padding: 0px;}
#lineup .slide-item3 div { padding: 30px 0; text-align: center; }
#lineup .slide-item3 img { width: 90%; margin: 0 auto; opacity: 0.4; transition: 0.4s linear;}
#lineup .slide-item3 .slick-center img { position: relative; opacity: 1; transform: scale(1.4);}

#lineup .slide-descript h3 { margin-bottom: 15px; text-align: center;}
#lineup .slide-descript h3 img{ width: 90%; max-width: 400px; margin: 0 auto;}
#lineup .slide-descript p { margin-bottom: 20px; text-align: center;}
#lineup .slide-descript p img{ width: 72%; max-width: 360px; margin: 0 auto;}
#lineup .slide-descript p.price { margin-bottom: 20px; color: #5f5f5f; }
#lineup .slide-descript .btn { width: 62%; max-width: 320px; margin: 0 auto;}
#lineup .slide-descript .btn a { display: block; padding: 8px 0; background: #fff; border-radius: 50px;
 color: #bb78bb; font-size: 24px; font-weight: 700; letter-spacing: 0.075rem; text-align: center;
}
#lineup .slide-descript .btn a:hover{ opacity: 0.8;}
#lineup .slide-descript .note { width: 90%; max-width: 620px; padding-top: 50px;}
#lineup .slide-descript .note ul li { text-align: justify;}

#lineup .item-flex { display: flex; justify-content: space-around; max-width: 900px; margin: 0 auto;}

#lineup .item-note { width: 90%; max-width: 840px; margin: 0 auto; padding-top: 50px;}
#lineup .item-note ul li { color: #999; font-size: 12px; text-align: justify;}

#lineup .copyright { bottom: 80px;}
#lineup .copyright p { color: #aaa;}

#lineup .code { position: absolute; left: 10%; bottom: 50px; width: 160px;}
#lineup .code img { width: 100%;}
#lineup .sp-show { display: none;}
@media (max-width: 1001px) {
	#lineup .stl { padding: 20px 0;}
	#lineup .slide-item { padding: 0 100px;}
	#lineup .code { left: 0px; bottom: 20px;}
}
@media (max-width: 801px) {
	#lineup .code { left: 20px; bottom: 0px;}
}
@media (max-width: 641px) {
	#lineup .inner-sct { height: 230vw; padding-top: 12vw;}
	#lineup .item-nav ul li { display: block; width: 100%; border-top: solid 2px #fff;}
	#lineup .item-nav ul li a { width: 100%;}
	#lineup .item-nav ul li a img.pc { display: none;}
	#lineup .item-nav ul li a img.sp { display: block;}
	#lineup #item1 { min-height: 200vw;}
	#lineup #item2 { min-height: 220vw;}
	#lineup #item3 { min-height: 200vw; padding: 40px 0 120px;}
	#lineup .slide-tit p img.pc{ display: none;}
	#lineup .slide-tit p img.sp{ display: block; width: 100%;}
	#lineup .slide-item { padding: 0;}
	#lineup .slide-item2 { padding: 0;}
	#lineup .slide-descript .inner { padding-top: 30px;}
	#lineup .slide-descript h3 img{ max-width: 90%;}
	#lineup .slide-descript .btn a { font-size: 20px;}

	#lineup .item-flex,
	#lineup .item-note { display: none;}
	#lineup .sp-show { display: block;}

	#lineup .slide-parts3 h3 img{ max-width: 64%;}
	#lineup .slide-parts3 h3.wide img{ max-width: 78%;}
	#lineup .slide-parts3 p.price { margin-bottom: 40px;}
}
@media (max-width: 481px) {
	#lineup .stl { padding: 12px 0;}
	#lineup .inner-sct { padding-top: 10vw;}
	#lineup .slide-tit { margin: 0 auto;}
	#lineup .slide-descript .inner { padding-top: 8px;}
	#lineup .slide-descript h3 { margin-bottom: 6px;}
	#lineup .slide-descript p { margin-bottom: 10px;}
	#lineup .slide-descript p.price { margin-bottom: 8px; font-size: 13px;}
	#lineup .slide-descript .btn a { padding: 6px 0; font-size: 16px;}
	#lineup .slide-descript .note { padding-top: 20px;}
	#lineup .slide-parts3 .inner{ padding-top: 0px;}
	#lineup .slide-parts3 h3 { margin-bottom: 0px;}
	#lineup .slide-parts3 p img{ width: 60%;}
	#lineup .slide-parts3 p { margin-bottom: 0px;}
	#lineup .slide-parts3 p.price { margin-bottom: 8px;}
	#lineup .item-note ul li { font-size: 10px;}
	#lineup .code { left: 10px; width: 100px;}
	#lineup .copyright { bottom: 20px;}
}



#shop {}
#shop .inner-sct { width: 92%; height: 540px; margin: 0 auto; padding-top: 80px;}
#shop h2 { margin-bottom: 60px; text-align: center;}
#shop h2 img{ width: 50%; max-width: 330px;}
#shop p { margin-bottom: 30px; color: #fff; font-size: 28px; font-weight: 700; text-align: center;}
#shop p.note { margin-bottom: 40px; font-size: 18px;}
#shop .btn { width: 62%; max-width: 360px; margin: 0 auto;}
#shop .btn a { display: block; padding: 8px 0; background: #fff; border-radius: 50px;
 color: #bb78bb; font-size: 24px; font-weight: 700; text-align: center;
}
#shop .btn a:hover{ opacity: 0.8;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
}
@media (max-width: 641px) {
	#shop .inner-sct { height: 70vw; padding-top: 8vw;}
	#shop p { font-size: 4.8vw;}
	#shop p.note { font-size: 3vw;}
	#shop .btn a { font-size: 20px;}
}
@media (max-width: 481px) {
	#shop .inner-sct { min-height: 68vw;}
	#shop h2 { margin-bottom: 20px;}
	#shop p { margin-bottom: 16px; font-size: 18px;}
	#shop p.note { margin-bottom: 12px; font-size: 14px;}
	#shop .btn a { padding: 6px 0; font-size: 18px;}
}



#insta .inner-sct { width: 92%; margin: 0 auto; padding: 60px 0 120px;}
#insta h2 { margin-bottom: 20px; text-align: center;}
#insta h2 img{ width: 60%; max-width: 330px;}
#insta .ctn-flex { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; max-width: 512px; margin: 0 auto 20px;}
#insta .ctn-flex div { width: 30%; padding: 15px 0;}
#insta .ctn-flex div img { width: 100%;}
#insta .btn { width: 62%; max-width: 360px; margin: 0 auto;}
#insta .btn a { display: block; padding: 8px 0; background: #fff; border-radius: 50px;
 color: #bb78bb; font-size: 24px; font-weight: 700; text-align: center;
}
#insta .btn a:hover{ opacity: 0.8;}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
}
@media (max-width: 641px) {
	#insta .inner-sct { padding: 14vw 0 8vw;}
	#insta .ctn-flex div { padding: 8px 0;}
	#insta .btn a { padding: 6px 0; font-size: 18px;}
}
@media (max-width: 481px) {
	#insta .inner-sct { padding: 60px 0 40px;}
}


#choose .inner-sct { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; z-index: 2;}
#choose .stl { padding: 44px 0;}
#choose figure { text-align: center;}
#choose figure img { width: 100%;}
#choose figure img.sp { display: none;}
#choose .more-ds { padding: 85px 0 80px; background: url('../img/ms/bg-ds.jpg') no-repeat 50% 50% / cover;}
#choose .more-ds .inner { width: 78%; margin: 0 auto;}
#choose .more-ds h2 { width: 53%; margin-bottom: 20px; text-align: center;}
#choose .more-ds h2 img { width: 92%; max-width: 360px;}
#choose .more-ds .btn { width: 53%;}
#choose .more-ds .btn a { display: block; width: 100%; max-width: 360px; margin: 0 auto; padding: 8px 0;
 background: #fff; border-radius: 50px; box-shadow: 0 0 18px #f49229;
 color: #f49229; font-size: 24px; font-weight: 700; text-align: center;
}
#choose .btn a:hover{ opacity: 0.8;}


@media (max-width: 1201px) {
}
@media (max-width: 1001px) {
	#choose .stl { padding: 20px 0;}
}
@media (max-width: 641px) {
	#choose .stl { padding: 12px 0;}
	#choose figure img.pc { display: none;}
	#choose figure img.sp { display: block;}
	
	#choose .more-ds .inner { width: 92%;}
	#choose .more-ds { padding: 60px 0 40px;}
}
@media (max-width: 481px) {
	#choose .more-ds { padding: 20px 0 30px;}
	#choose .more-ds h2 { margin-bottom: 10px; }
	#choose .more-ds .btn a { padding: 5px 0; box-shadow: 0 0 12px #f49229; font-size: 18px;}
}

