/*	slider
============================== */
#slider_sp { width: 84%; max-width: 480px; margin: 0 auto 2em auto; z-index: 1000;}
.swiper-area { width: 100%;}
.swiper { width: 100%;}
.swiper-slide { width: 100%; height: 0; padding-top: 177.777777777777778%; padding-top: -webkit-calc(1600 / 900 * 100%); padding-top: calc(1600 / 900 * 100%); position: relative;}
.swiper-slide a:hover { opacity: .9;}
.swiper-slide .shadow { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 63%,rgba(0,0,0,0.65) 100%);}
.swiper-slide .img_sp { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*pagination*/
.swiper-pagination { padding-top: 1.2em; text-align:center; transition:.3s opacity; transform:translate3d(255,255,255); position: relative; z-index:1000;}
.swiper-pagination-bullet { width: 10px; height: 10px; display:inline-block; border-radius: 50%; background: rgba(255, 255, 255, .4); margin: 0;}
.swiper-pagination-bullet-active { background: rgba(255, 255, 255, 1);}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px;}
.swiper-pagination-bullet:hover { cursor: pointer;}
/*for_W640-*/
@media all and (min-width: 640px) { 
#slider_sp { margin: 2em auto 4em auto;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#slider_sp { width: 90%; max-width: 1280px; margin: 2em auto 4em auto;}
.swiper-slide { width: 100%; height: 0; padding-top: 56.25%; padding-top: -webkit-calc(1350 / 2400 * 100%); padding-top: calc(1350 / 2400 * 100%);}
}

/*	products
============================== */
/*for_W768-*/
@media all and (min-width: 768px) {
#products { margin: -14em auto 0 auto; max-width: 1280px;}
#products #kirari1 { display: block; width: 30%; max-width: 300px; margin: 4em 0 0 -3em; position: relative; z-index: 500;}
#products h2 { margin: -6.5em auto 0 auto;}
#products .cont { display: flex; flex-flow: row wrap; justify-content: center;}
#products .product_sp { width: 48%; flex-basis: 47.9%; margin: 0 1% 3em 1%;}
#products .product_sp .img_sp0 .img { background-color: rgba(80, 80, 80, 1); margin-bottom: 0;}
#products .product_sp .img_sp0 + .txt_sp { display: block;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#products .cont { margin: 3em auto 6em auto;}
#products .product_sp { width: 30%; flex-basis: 30%;}
}
/*for_W1100-*/
@media all and (min-width: 1100px) {
#products { margin: -18em auto 0 auto; }
#products .cont { margin: 3em auto 8em auto;}
}
/*for_W1280-*/
@media all and (min-width: 1280px) {
#products { margin: -20em auto 0 auto; }
#products #kirari1 { margin: 8em 0 0 -3em;}
#products .cont { width: 100%; margin: 4em auto 10em auto;}
}