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

    /* 既存のbeforeのボタン見た目削除 */
    .js-dlpo-searcharrival-display-default .btn::before,
    .js-dlpo-searcharrival-display-a .btn::before,
    .js-dlpo-searcharrival-display-b .btn::before,
    .js-dlpo-searcharrival-display-c .btn::before,
    .js-dlpo-searcharrival-display-d .btn::before,
    .js-dlpo-searcharrival-display-e .btn::before,
    .js-dlpo-searcharrival-display-f .btn::before,
    .js-dlpo-searcharrival-display-g .btn::before,
    .js-dlpo-searcharrival-display-h .btn::before,
    .js-dlpo-searcharrival-display-i .btn::before,
    .js-dlpo-searcharrival-display-j .btn::before,
    .js-dlpo-searcharrival-display-k .btn::before,
    .js-dlpo-searcharrival-display-l .btn::before,
    .js-dlpo-searcharrival-display-m .btn::before,
    .js-dlpo-searcharrival-display-n .btn::before {
        display: none;
    }

    /* ボタンデザイン調整 */
    .js-dlpo-searcharrival-display-default .productItem__btns .btn,
    .js-dlpo-searcharrival-display-a .productItem__btns .btn,
    .js-dlpo-searcharrival-display-b .productItem__btns .btn,
    .js-dlpo-searcharrival-display-c .productItem__btns .btn,
    .js-dlpo-searcharrival-display-d .productItem__btns .btn,
    .js-dlpo-searcharrival-display-e .productItem__btns .btn,
    .js-dlpo-searcharrival-display-f .productItem__btns .btn,
    .js-dlpo-searcharrival-display-g .productItem__btns .btn,
    .js-dlpo-searcharrival-display-h .productItem__btns .btn,
    .js-dlpo-searcharrival-display-i .productItem__btns .btn,
    .js-dlpo-searcharrival-display-j .productItem__btns .btn,
    .js-dlpo-searcharrival-display-k .productItem__btns .btn,
    .js-dlpo-searcharrival-display-l .productItem__btns .btn,
    .js-dlpo-searcharrival-display-m .productItem__btns .btn,
    .js-dlpo-searcharrival-display-n .productItem__btns .btn {
        border: 2px solid;
        height: auto;
        padding: 12px 3%;
        line-height: 1.2;
        border-radius: min(36px, 78%);
    }

    /* セットボタン縁取り */
    .js-dlpo-searcharrival-display-default .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-a .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-b .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-c .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-d .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-e .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-f .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-g .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-h .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-i .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-j .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-k .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-l .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-m .productItem__btns .btn--blue,
    .js-dlpo-searcharrival-display-n .productItem__btns .btn--blue {
        border-color: #003894;
    }

    /* 解除ボタン縁取り */
    .js-dlpo-searcharrival-display-default .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-a .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-b .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-c .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-d .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-e .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-f .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-g .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-h .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-i .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-j .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-k .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-l .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-m .productItem__btns .btn.-added,
    .js-dlpo-searcharrival-display-n .productItem__btns .btn.-added {
        border-color: #ccc;
    }

    /* カート入前ボタン縁取り */
    .js-dlpo-searcharrival-display-default .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-a .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-b .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-c .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-d .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-e .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-f .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-g .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-h .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-i .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-j .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-k .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-l .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-m .productItem__btns .btn--orange,
    .js-dlpo-searcharrival-display-n .productItem__btns .btn--orange {
        border-color: #EF7000;
    }

    /* カート入後ボタン縁取り */
    .js-dlpo-searcharrival-display-default .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-a .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-b .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-c .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-d .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-e .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-f .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-g .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-h .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-i .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-j .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-k .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-l .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-m .productItem__btns .btn.-added.btn--orange,
    .js-dlpo-searcharrival-display-n .productItem__btns .btn.-added.btn--orange {
        border-color: #EF7000;
    }

    /* 2個ボタンが並んでる＆ボタン内が2行の時に上要素に被らないよう高さ確保 */
    .js-dlpo-searcharrival-display-default .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-a .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-b .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-c .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-d .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-e .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-f .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-g .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-h .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-i .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-j .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-k .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-l .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-m .productItem--btns3col .productItem__detail,
    .js-dlpo-searcharrival-display-n .productItem--btns3col .productItem__detail {
        margin-bottom: 78px;
    }

    /* ボタン内テキスト折り返し用 */
    .js-dlpo-searcharrival-display-a .btn__txt,
    .js-dlpo-searcharrival-display-b .btn__txt,
    .js-dlpo-searcharrival-display-c .btn__txt,
    .js-dlpo-searcharrival-display-d .btn__txt,
    .js-dlpo-searcharrival-display-e .btn__txt,
    .js-dlpo-searcharrival-display-f .btn__txt,
    .js-dlpo-searcharrival-display-g .btn__txt,
    .js-dlpo-searcharrival-display-h .btn__txt,
    .js-dlpo-searcharrival-display-i .btn__txt,
    .js-dlpo-searcharrival-display-j .btn__txt,
    .js-dlpo-searcharrival-display-k .btn__txt,
    .js-dlpo-searcharrival-display-l .btn__txt,
    .js-dlpo-searcharrival-display-m .btn__txt,
    .js-dlpo-searcharrival-display-n .btn__txt {
        display: inline-block;
    }

}


/* 以下、ボタン内3段になるの防止 */
/* 1行目8文字用（F） */
@media only screen and (max-width: 359px) {
    .js-dlpo-searcharrival-display-f .btn__txt {
        display: inline;
    }
}

/* 1行目7文字用（B,J,N） */
@media only screen and (max-width: 350px) {

    .js-dlpo-searcharrival-display-b .btn__txt,
    .js-dlpo-searcharrival-display-j .btn__txt,
    .js-dlpo-searcharrival-display-n .btn__txt {
        display: inline;
    }
}