@charset "utf-8";

@media screen and (max-width:768px) {

    .sp_none {
        display: none;
    }

    .sidebar__section {
        display: none;
    }

    .contents__section {
        float: none;
        width: 100%;
    }

    .info__section,
    .recommend__section,
    .new-item__section,
    .seller__section,
    .free-space__section,
    .product__section,
    .product-list__section {
        padding: 0 20px;
    }

    .footer__guide {
        display: flex;
        flex-wrap: wrap;
    }
    
    .col-md-12 {
        width: 98%;
        margin: 0 auto;
        text-align: center;
    }
    
    .col-sm-12 {
        width: 100%;
    }
    
    .image__main,
    .product__image-thumbs,
    .product__image-main img {
        width: 100%;
    }
    
    .image__thumb {
        width: 100%;
    }

    /* slider */
    #slider {
        position: relative;
        width: 100%;
    }
    #slider:before {
        content:"";
        display: block;
        padding-top: 100%;
    }
    
    #slider div {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .slider {
        margin: 0 auto 60px;
    }

   #slider img {
        object-fit: cover;
        width: auto;
        height: 100%;
        position: absolute;
    }

    .slider .bx-wrapper {
        z-index: 0;
        margin-bottom: 0;
    }

    .slider .bx-wrapper,
    .slider .bx-viewport {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        left: 0 !important;
        border: none !important;
    }

    .bx-caption {
        background: rgba(0, 0, 0, 0);
    }

    .bx-caption span {
        position: absolute;
        font-size: 14px;
        padding: 30px;
        bottom: 0;
        background: rgba(0, 0, 0, 0.6);
    }

    .slider .bx-wrapper .bx-pager {
        padding-top: 20px !important;
        bottom: -30px !important;
    }


}

@media screen and (max-width:640px) {

    .pc_none {
        display: block;
    }

    .promo__text {
        font-size: 12px;
    }

    #header {
        width: 100%;
    }

    .header__section {
        text-align: center;
        margin-bottom: 40px;
    }

    .header-tools {
        float: right;
        margin: 10px 10px 0 0;
        width: 100%;
        text-align: right;
    }

    /* 追加 */
    .header-tools__unit-account {
        display: none;
    }

    .slider .bx-wrapper .bx-caption span {
        font-size: 14px;
        padding: 15px;
    }


    .h_top {
        margin: 10px 0;
        position: relative;
        height: auto;
        text-align: center;
    }

    .top_logo {
        display: none;
        position: static;
    }

    .top_tel {
        display: none;
        position: static;
    }


    .header-gnavi__link {
        padding: 12px 12px;
    }


    .container {
        padding: 0 0px;
    }

    .slider .bx-wrapper .bx-caption span {
        font-size: 15px;
        padding: 15px;
    }


    .product-list li {
        width: 30%;
        margin: 0 1.5%;
    }

    .footer__guide p {
        text-align: center;
        border-bottom: 1px solid #444444;
        font-size: 14px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .footer__guide {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .guide__col--one-third {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        padding: 0 20px;
    }

    .footer_tit {
        font-size: 16px;
    }

    .footer_l,
    .footer_r {
        float: none;
        width: 100%;
        text-align: center;
    }

    .f_list_box {
        display: flex;
        flex-wrap: wrap;
    }

    .footer_list {
        display: none;
    }

    .footer_l img {
        margin-bottom: 30px;
    }

    .info__section,
    .recommend__section,
    .new-item__section,
    .seller__section,
    .free-space__section,
    .product__section,
    .product-list__section {
        padding: 0 10px;
    }    

    /* ウェアハウスジャパン用リンクバナーSP版 ----*/
    .whj_links_sp {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        margin-top: 20px;
    }
    
    .whj_links_sp li {
        width: 45%;
        list-style: none;
    }
    
    .whj_links_sp img {
        width: 100%;
    }
    
    
}









}