@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 660px){
.imgbox {/*margin:0 auto 13vw !important;*/position: relative !important;/*width: 80vw !important;*/ text-align: center !important;}
.imgbox img {margin: 0 auto; height: auto;}
#main_img {height: auto !important;max-width: 80vw;max-height: 80vw;}
.itemimg_list {border: 1px #ddd solid; overflow: hidden;}
.imgbox .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: -6vw; }
.imgbox .swiper-container-horizontal > .swiper-pagination-bullets span {
display: inline-block; }
.imgbox .swiper-slide {}
.imgbox .item-img {padding:10vw 10vw;}
.imgbox .item-img img{margin: 0 auto;display: block;}


#item_zoom_area {position: relative;
    min-height: 100vh;padding-bottom: 50vh;}
#item_zoom_area header {position: fixed; top: 0; left: 0; width: 100vw; background-color: rgba(255,255,255,.6); z-index:10; color:#333; display: flex; justify-content: space-between; align-items: center; padding: .25vw 2.5vw;border-bottom: 1px #ccc solid;}
#item_zoom_area .num_box { background-color: #fff; border: 1px #cccccc solid; border-radius: 2px; font-size: .75rem; padding: .2em .5em; margin-right: .2vw; color: #999;}
#item_zoom_area .imgZoom {border-bottom: 1px #ccc solid; }
#imgContainer { /*padding-bottom: 100vh;*/}
#imgContainer img {padding:5vw 0; max-width: 90vw; margin-left: auto; margin-right: auto;}

}