/* PCには影響させない */
.chipper-sp-header-row {
    display: contents;
}

.chipper-sale-mobile-list {
    display: none;
}

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

    /* =========================
       ヘッダー横並び
       ========================= */

    #header {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        padding: 8px 10px !important;
        box-sizing: border-box !important;
    }

    #header .chipper-sp-header-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;

        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #header .chipper-sp-header-row > h1 {
        display: block !important;
        flex: 0 1 46% !important;

        width: auto !important;
        max-width: 46% !important;
        height: auto !important;

        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #header .chipper-sp-header-row > h1 a {
        display: block !important;
        width: 100% !important;
    }

    #header .chipper-sp-header-row > h1 img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    #header .chipper-sp-header-row > .h_tel {
        display: block !important;
        flex: 0 1 51% !important;

        width: auto !important;
        max-width: 51% !important;
        height: auto !important;

        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #header .chipper-sp-header-row > .h_tel img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    #header #h_main {
        display: none !important;
    }


    /* =========================
       セールバナー4枚
       元の2カラム側を非表示
       ========================= */

    #wp_contents .chipper-sale-original-link,
    #wp_contents .chipper-sale-original-item {
        display: none !important;
    }

    /* スマホ専用に4枚を複製して縦並び */
    #wp_contents .chipper-sale-mobile-list {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: center !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 14px !important;

        margin: 0 0 25px !important;
        padding: 0 !important;
    }

    #wp_contents .chipper-sale-mobile-list > a {
        display: block !important;

        width: 100% !important;
        max-width: 470px !important;
        height: auto !important;

        flex: none !important;
        float: none !important;
        clear: both !important;

        margin: 0 auto !important;
        padding: 0 !important;
    }

    #wp_contents .chipper-sale-mobile-list > a img {
        display: block !important;

        width: 100% !important;
        max-width: 470px !important;
        height: auto !important;

        margin: 0 auto !important;
        padding: 0 !important;

        float: none !important;
    }
}

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

    #header {
        padding: 7px 8px !important;
    }

    #header .chipper-sp-header-row {
        gap: 6px !important;
    }

    #wp_contents .chipper-sale-mobile-list {
        gap: 10px !important;
    }
}


/* =========================================================
   商品詳細 メイン画像～商品情報 スマホ最終修正
   ========================================================= */

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

    /* 外側の固定幅と横スクロールを解除 */
    #wp_contents .chipper-product-mobile-wrapper {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        overflow: visible !important;
        overflow-x: visible !important;

        float: none !important;

        box-sizing: border-box !important;
    }


    /* 商品詳細上部table */
    #wp_contents .chipper-product-mobile-stack {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        table-layout: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
        overflow-x: visible !important;

        float: none !important;

        box-sizing: border-box !important;
    }

    #wp_contents .chipper-product-mobile-stack tbody,
    #wp_contents .chipper-product-mobile-stack thead,
    #wp_contents .chipper-product-mobile-stack tfoot {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        overflow: visible !important;
    }

    #wp_contents .chipper-product-mobile-stack tr {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    /*
     * 左画像・右商品情報を上下にする
     */
    #wp_contents .chipper-product-mobile-stack td,
    #wp_contents .chipper-product-mobile-stack th {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        margin: 0 0 15px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        float: none !important;

        overflow: visible !important;

        white-space: normal !important;

        box-sizing: border-box !important;
    }

    /*
     * メイン画像
     */
    #wp_contents .chipper-product-mobile-stack img {
        display: block !important;

        width: auto !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 0 auto 15px !important;

        float: none !important;
    }

    /*
     * 画像リンク自体にも固定幅がある場合
     */
    #wp_contents .chipper-product-mobile-stack a {
        max-width: 100% !important;
    }

    /*
     * 商品情報内部
     */
    #wp_contents .chipper-product-mobile-stack div,
    #wp_contents .chipper-product-mobile-stack p,
    #wp_contents .chipper-product-mobile-stack span,
    #wp_contents .chipper-product-mobile-stack strong,
    #wp_contents .chipper-product-mobile-stack font {
        max-width: 100% !important;
        min-width: 0 !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

}


/* =========================================================
   商品一覧
   スマホ：画像 → 商品説明 の1カラム
   ========================================================= */

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

    /*
     * 商品一覧全体
     */
    body.chipper-category-mobile #wp_contents {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: visible !important;
    }


    /* ========================================
       tableタイプの商品
    ======================================== */

    body.chipper-category-mobile
    #wp_contents
    table.chipper-category-product {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        margin: 0 0 25px !important;

        overflow: visible !important;
        overflow-x: visible !important;

        table-layout: auto !important;
    }

    body.chipper-category-mobile
    #wp_contents
    table.chipper-category-product tbody,

    body.chipper-category-mobile
    #wp_contents
    table.chipper-category-product tr {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
    }


    /*
     * 画像列・説明列を縦に並べる
     */
    body.chipper-category-mobile
    #wp_contents
    table.chipper-category-product td,

    body.chipper-category-mobile
    #wp_contents
    table.chipper-category-product th {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        float: none !important;

        margin: 0 !important;
        padding: 0 0 12px !important;

        box-sizing: border-box !important;

        white-space: normal !important;

        overflow: visible !important;
    }


    /*
     * 商品画像
     */
    body.chipper-category-mobile
    #wp_contents
    table.chipper-category-product img {

        display: block !important;

        width: auto !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 0 auto 15px !important;

        float: none !important;
    }


    /* ========================================
       divタイプの商品
    ======================================== */

    body.chipper-category-mobile
    #wp_contents
    .chipper-category-product-box {

        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        float: none !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }

    body.chipper-category-mobile
    #wp_contents
    .chipper-category-product-box > * {

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        float: none !important;

        box-sizing: border-box !important;
    }

    body.chipper-category-mobile
    #wp_contents
    .chipper-category-product-box img {

        display: block !important;

        width: auto !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 0 auto 15px !important;

        float: none !important;
    }


    /*
     * 商品説明
     */
    body.chipper-category-mobile
    #wp_contents
    .chipper-category-product-box p,

    body.chipper-category-mobile
    #wp_contents
    .chipper-category-product-box div,

    body.chipper-category-mobile
    #wp_contents
    table.chipper-category-product p,

    body.chipper-category-mobile
    #wp_contents
    table.chipper-category-product div {

        max-width: 100% !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;
    }

}



/* =========================================================
   商品一覧 スマホ最終版
   上：画像
   下：商品説明
   ========================================================= */

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

    #wp_contents.chipper-category-final {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        overflow: visible !important;
    }


    /* 商品1件 */
    #wp_contents .chipper-product-list-final {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        float: none !important;
        clear: both !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /*
     * 商品の直下要素をすべて縦積み
     */
    #wp_contents .chipper-product-list-final > * {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        float: none !important;
        clear: both !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /*
     * 古いテーマの左右カラム指定を完全解除
     */
    #wp_contents .chipper-product-list-final div,
    #wp_contents .chipper-product-list-final dl,
    #wp_contents .chipper-product-list-final figure,
    #wp_contents .chipper-product-list-final p {

        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        float: none !important;

        box-sizing: border-box !important;
    }


    /*
     * class名にleft/rightが入っている古いカラムも解除
     */
    #wp_contents .chipper-product-list-final [class*="left"],
    #wp_contents .chipper-product-list-final [class*="right"] {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        float: none !important;
        clear: both !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /*
     * 商品画像を最上部・中央
     */
    #wp_contents .chipper-product-image-final {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        margin: 0 0 15px !important;

        text-align: center !important;
    }

    #wp_contents .chipper-product-list-final img {
        display: block !important;

        width: auto !important;
        max-width: 100% !important;
        height: auto !important;

        float: none !important;

        margin: 0 auto 15px !important;
    }


    /*
     * 商品説明
     */
    #wp_contents .chipper-product-list-final p,
    #wp_contents .chipper-product-list-final div,
    #wp_contents .chipper-product-list-final dl,
    #wp_contents .chipper-product-list-final dt,
    #wp_contents .chipper-product-list-final dd {

        white-space: normal !important;

        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

}


/* =========================================================
   商品一覧 スマホ完全1カラム
   ========================================================= */

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

    /*
     * 商品一覧のUL
     */
    #wp_contents .chipper-product-sp-list {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        overflow: visible !important;
    }


    /*
     * 商品1件
     */
    #wp_contents .chipper-product-sp-list
    > li.chipper-product-sp-item {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        float: none !important;
        clear: both !important;

        margin: 0 0 35px !important;
        padding: 0 0 25px !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }


    /*
     * 商品内部に残っている
     * PC用左右カラムをすべて解除
     */
    #wp_contents .chipper-product-sp-item > div,
    #wp_contents .chipper-product-sp-item > dl,
    #wp_contents .chipper-product-sp-item > figure,

    #wp_contents .chipper-product-sp-item div,
    #wp_contents .chipper-product-sp-item dl,
    #wp_contents .chipper-product-sp-item figure {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        float: none !important;
        clear: both !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /*
     * left / right系クラスも強制解除
     */
    #wp_contents .chipper-product-sp-item [class*="left"],
    #wp_contents .chipper-product-sp-item [class*="right"],
    #wp_contents .chipper-product-sp-item [class*="photo"],
    #wp_contents .chipper-product-sp-item [class*="image"],
    #wp_contents .chipper-product-sp-item [class*="text"],
    #wp_contents .chipper-product-sp-item [class*="detail"] {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        float: none !important;
        clear: both !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /*
     * 画像は上
     */
    #wp_contents .chipper-product-sp-image {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        float: none !important;
        clear: both !important;

        margin: 0 0 15px !important;

        text-align: center !important;
    }


    #wp_contents .chipper-product-sp-item img {
        display: block !important;

        width: auto !important;
        max-width: 100% !important;
        height: auto !important;

        float: none !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    /*
     * 商品説明は画像の下
     */
    #wp_contents .chipper-product-sp-item p,
    #wp_contents .chipper-product-sp-item dt,
    #wp_contents .chipper-product-sp-item dd {

        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }


    /* -----------------------------------------
       スクロールを軽くする
    ----------------------------------------- */

    html,
    body {
        scroll-behavior: auto !important;

        overflow-x: hidden !important;
        overscroll-behavior-x: none;
    }

    #wrapper,
    #container,
    #contents,
    #main,
    #wp_contents {

        transform: none !important;

        overflow-x: visible !important;
    }

    /*
     * 固定背景がある場合はスマホで解除
     */
    body,
    #wrapper,
    #container {
        background-attachment: scroll !important;
    }

}


/* =========================================================
   CHIPPER SP SCROLL + PRODUCT IMAGE FINAL
   ========================================================= */

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

    /* ========================================
       スマホ縦スクロール改善
       hiddenではなくclipにして
       不要なスクロールコンテナを作らない
    ======================================== */

    html {
        width: 100% !important;
        max-width: 100% !important;

        overflow-x: clip !important;
        overflow-y: auto !important;

        scroll-behavior: auto !important;
        overscroll-behavior: auto !important;

        touch-action: pan-y pinch-zoom !important;
    }

    body {
        width: 100% !important;
        max-width: 100% !important;

        overflow-x: clip !important;
        overflow-y: visible !important;

        position: static !important;

        overscroll-behavior: auto !important;
        touch-action: pan-y pinch-zoom !important;
    }


    /* 中身に独立したスクロール領域を作らない */
    #wrapper,
    #container,
    #contents,
    #main,
    #wp_contents,
    #sideber {

        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;

        max-height: none !important;

        transform: none !important;
        perspective: none !important;

        overscroll-behavior: auto !important;

        -webkit-overflow-scrolling: auto !important;
    }


    /*
       以前追加した
       tableの横スクロール指定もスマホでは解除
    */
    #wp_contents table {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;

        -webkit-overflow-scrolling: auto !important;

        touch-action: pan-y pinch-zoom !important;
    }


    /* 商品・画像・リンク上からフリックしても縦移動させる */
    #wp_contents img,
    #wp_contents a,
    #wp_contents li,
    #wp_contents div,
    #wp_contents figure {

        touch-action: pan-y pinch-zoom;
    }


    /* ========================================
       TOPおすすめ商品＋商品一覧
       商品画像を中央・大きく
    ======================================== */

    #wp_contents .chipper-product-main-image {
        display: block !important;

        width: 96% !important;
        max-width: 520px !important;
        height: auto !important;

        float: none !important;
        clear: both !important;

        margin: 0 auto 16px !important;

        object-fit: contain !important;
    }

    /*
       商品画像を囲むリンクも中央
    */
    


    /*
       既に商品一覧で付けたクラスにも直接効かせる
    */
    #wp_contents .chipper-product-sp-image,
    #wp_contents .chipper-product-image-final {

        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }

    #wp_contents .chipper-product-sp-item img,
    #wp_contents .chipper-category-product img,
    #wp_contents .chipper-category-product-box img {

        display: block !important;

        width: 96% !important;
        max-width: 520px !important;
        height: auto !important;

        float: none !important;

        margin: 0 auto 16px !important;
    }

}


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

    #wp_contents .chipper-product-main-image,
    #wp_contents .chipper-product-sp-item img,
    #wp_contents .chipper-category-product img,
    #wp_contents .chipper-category-product-box img {

        width: 98% !important;
        max-width: 440px !important;
    }

}



/* =========================================================
   PRODUCT IMAGE / ONE COLUMN FINAL
   ========================================================= */

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


    /* ========================================
       商品一覧そのものを1カラムへ
    ======================================== */

    #wp_contents .chipper-product-list-detected {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;

        float: none !important;

        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /*
     * 商品1件
     */
    #wp_contents .chipper-product-card-detected {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        float: none !important;
        clear: both !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        box-sizing: border-box !important;
    }


    /*
     * table構造にも対応
     */
    #wp_contents tr.chipper-product-card-detected {
        display: block !important;
    }

    #wp_contents .chipper-product-card-detected > td,
    #wp_contents .chipper-product-card-detected > th,
    #wp_contents .chipper-product-card-detected > div,
    #wp_contents .chipper-product-card-detected > li {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        float: none !important;
        clear: both !important;

        box-sizing: border-box !important;
    }


    /* ========================================
       画像カラムを100%幅へ
    ======================================== */

    #wp_contents .chipper-product-image-branch {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        float: none !important;
        clear: both !important;

        margin: 0 auto 15px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* ========================================
       商品画像リンク
    ======================================== */

    #wp_contents a.chipper-real-product-link {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        float: none !important;

        margin: 0 auto !important;

        padding: 0 !important;

        text-align: center !important;
    }


    /* ========================================
       本当の商品画像だけ大型化
    ======================================== */

    #wp_contents img.chipper-real-product-image {

        display: block !important;

        width: 96% !important;
        max-width: 520px !important;
        min-width: 0 !important;

        height: auto !important;

        float: none !important;
        clear: both !important;

        margin: 0 auto 18px !important;

        padding: 0 !important;

        object-fit: contain !important;
    }


    /* ========================================
       過去の「全画像拡大」指定を解除
    ======================================== */

    #wp_contents .chipper-product-sp-item
    img:not(.chipper-real-product-image),

    #wp_contents .chipper-category-product
    img:not(.chipper-real-product-image),

    #wp_contents .chipper-category-product-box
    img:not(.chipper-real-product-image) {

        width: auto !important;

        max-width: 100% !important;

        height: auto !important;

        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }


    /* ========================================
       「詳細はこちら」の緑矢印
       絶対に拡大しない
    ======================================== */

    #wp_contents img.chipper-detail-icon,

    #wp_contents .chipper-detail-link img {

        display: inline-block !important;

        width: auto !important;
        max-width: 40px !important;

        height: auto !important;

        min-width: 0 !important;

        float: none !important;

        margin: 0 4px 0 0 !important;

        padding: 0 !important;

        vertical-align: middle !important;

        object-fit: contain !important;
    }


    /*
     * 詳細リンク自体
     */
    #wp_contents .chipper-detail-link {

        width: auto !important;
        max-width: 100% !important;

        height: auto !important;
    }

}


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

    #wp_contents img.chipper-real-product-image {

        width: 98% !important;

        max-width: 460px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

}