@charset "shift_jis";

/* 商品検索 */
#usedgoods .goods_t_item_ div.img_ .goods_name_ {
    width: calc(348 / 780 * 100vw);
    height: calc(348 / 780 * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
}
#usedgoods .goods_t_item_ div.img_ img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* 最近見たアイテム */
ul.goods_h_ li figure.img_ {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px!important;
    height: 120px!important;
    box-sizing: border-box;
}
ul.goods_h_ li figure.img_ img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* 比較リスト */
table.hikaku_tbl_.tbl_body_ .list04 a {
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}
table.hikaku_tbl_.tbl_body_ .list04 a img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
table.hikaku_tbl_ tbody td .img_ a {
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}
table.hikaku_tbl_ tbody td .img_ a img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* カート */
table.cartlist_ td.img_ a {
    width: calc(260 / 780 * 100vw);
    height: calc(260 / 780 * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
}
table.cartlist_ td.img_ img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* ご注文方法の指定 */
table.destgoodslist_ td.method_goodsname_ > div:has(> img.img_) {
    width: calc(360 / 780 * 100vw);
    height: calc(360 / 780 * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
}
table.destgoodslist_ td.method_goodsname_ > div:has(> img.img_) img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* ご注文内容の確認 */
table.formlist_.goodslist_ td.name_ > div span.cartinimg {
    width: calc(360 / 780 * 100vw);
    height: calc(360 / 780 * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
}
table.formlist_.goodslist_ td.name_ > div span.cartinimg img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
table.formlist_.estimate_.destgoodslist_ td.dest_goodsname_ > div:has(> img.img_) {
    width: calc(360 / 780 * 100vw);
    height: calc(360 / 780 * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
}
table.formlist_.estimate_.destgoodslist_ td.dest_goodsname_ > div:has(> img.img_) img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* お気に入り */
li.bookmark_item_ div.img_ a {
    width: calc(200 / 780 * 100vw);
    height: calc(200 / 780 * 100vw);
    display: flex;
    justify-content: center;
    align-items: center;
}
li.bookmark_item_ div.img_ img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* 商品詳細 */
#gallery2.goodsimg_  {
    margin-bottom: calc(40 / 780 * 100vw)!important;
}
#gallery2.goodsimg_ ul.img_L_ li {
    height: calc(740 / 780 * 100vw)!important;
}
#gallery2.goodsimg_ .img_L_ a, #gallery2 div.goodsimg_ .img_L_ span {
    width: calc(740 / 780 * 100vw)!important;
    height: calc(740 / 780 * 100vw)!important;
    display: flex;
    justify-content: center;
    align-items: center;
}
#gallery2.goodsimg_ .img_L_ a img, div.goodsimg_ .img_L_ span img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
#thumb2.etc_goodsimg_ {
    margin-bottom: calc(20 / 780 * 100vw);
}
#thumb2 div.etc_goodsimg_line_ {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 10px;
    column-gap: calc((100% - (calc(135 / 780 * 100vw) * 5)) / 4);
    row-gap: calc(15 / 780 * 100vw);
}
#thumb2 div.etc_goodsimg_item_ {
    width: calc(135 / 780 * 100vw)!important;
    padding: 0;
}
#thumb2 div.etc_goodsimg_item_ a {
    width: calc(135 / 780 * 100vw)!important;
    height: calc(135 / 780 * 100vw)!important;
    display: flex;
    justify-content: center;
    align-items: center;
}
#thumb2 div.etc_goodsimg_item_ a img {
    max-width: 100%;
    max-height: 100%;
    width: auto!important;
    height: auto!important;
}
div.cartbox2_ #goods_spec .goods_spec_table_ figure.img_ {
    width: 100px;
    height: 100px;
    padding-top: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.cartbox2_ #goods_spec figure.img_ img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.gallery {
    display: none;
}

/* PhotoSwipeのカスタムスタイル */
.pswp__counter {
    font-size: 16px;
    color: white;
}
.pswp__button--close svg {
    display: none;
}
.pswp--zoom-allowed .pswp__button--zoom {
    display: none;
}
.pswp--touch .pswp__button--arrow {
    visibility: visible;
}
.pswp__button--arrow--next {
    width: calc(60 / 780* 100vw);
    height: calc(60 / 780* 100vw);
    position: absolute;
    top: calc(50% - 30 / 780* 100vw);
    right: calc(30 / 780* 100vw);
    background: url(../img/usr/sb/goods/btn_modal_next.png) no-repeat;
    background-position: initial!important;
    background-size: contain;
    border: none;
    cursor: pointer;
    z-index: 1000;
    margin-top: 0;
}
.pswp__button.pswp__button--arrow--next:active, .pswp__button.pswp__button--arrow--next:focus, .pswp__button.pswp__button--arrow--next:hover {
    width: calc(60 / 780* 100vw);
    height: calc(60 / 780* 100vw);
    position: absolute;
    top: calc(50% - 30 / 780* 100vw);
    right: calc(30 / 780* 100vw);
    background: url(../img/usr/sb/goods/btn_modal_next.png) no-repeat;
    background-position: initial!important;
    background-size: contain;
    border: none;
    cursor: pointer;
    z-index: 1000;
    margin-top: 0;
}
.pswp__button--arrow--next svg {
    display: none;
}
.pswp__button--arrow--prev svg {
    display: none;
}
.pswp__button--arrow--prev {
    width: calc(60 / 780* 100vw);
    height: calc(60 / 780* 100vw);
    position: absolute;
    top: calc(50% - 30 / 780* 100vw);
    left: calc(30 / 780* 100vw);
    background: url(../img/usr/sb/goods/btn_modal_prev.png) no-repeat center center;
    background-size: contain;
    border: none;
    cursor: pointer;
    z-index: 1000;
    margin-top: 0;
}
.pswp__button.pswp__button--arrow--prev:active, .pswp__button.pswp__button--arrow--prev:focus, .pswp__button.pswp__button--arrow--prev:hover {
    width: calc(60 / 780* 100vw);
    height: calc(60 / 780* 100vw);
    position: absolute;
    top: calc(50% - 30 / 780* 100vw);
    left: calc(30 / 780* 100vw);
    background: url(../img/usr/sb/goods/btn_modal_prev.png) no-repeat center center;
    background-size: contain;
    border: none;
    cursor: pointer;
    z-index: 1000;
    margin-top: 0;
}

.pswp__zoom-wrap {
    background: none;
}
.pswp__img {
    object-fit: contain !important;
    max-block-size: none;
}
.pswp__scroll-wrap {
    display: none;
    flex-direction: column;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.pswp__container {
    position: relative !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}
.pswp__preloader {
    display: none !important;
}

.pswp__button--close {
    position: fixed !important;
    top: calc(30 / 780 * 100vw) !important;
    right: calc(30 / 780 * 100vw) !important;
    width: calc(80 / 780 * 100vw) !important;
    height: calc(80 / 780 * 100vw) !important;
    background: url(../img/usr/sb/goods/btn_modal_close.png) no-repeat center center !important;
    background-size: contain !important;
    border: none !important;
    cursor: pointer !important;
    z-index: 10001 !important;
    opacity: 1 !important;
    margin-right: 0 !important;
}
.pswp__top-bar {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    height: auto !important;
    justify-content: center !important;
    pointer-events: auto !important;
}

.pswp__counter {
    font-size: calc(28 / 780 * 100vw) !important;
    font-weight: 300 !important;
    text-align: center !important;
    width: 100% !important;
    height: calc(100 / 780 * 100vw) !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    color: #ffffff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
    text-shadow: none !important;
    opacity: 1 !important;
    z-index: 10001 !important;
}

.loading-icon {
    background: url(../img/usr/sb/goods/loading.png) no-repeat center center;
    background-size: contain;
    width: calc(100 / 780 * 100vw);
    height: calc(100 / 780 * 100vw);
    position: fixed;
    top: calc(50% - 50 / 780 * 100vw);
    left: calc(50% - 50 / 780 * 100vw);
    z-index: 1000000;
    display: none;
}