/* @preserve
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
原則として、許可なしの再配布は禁止させていただきます。
また、無料でお使いになる場合は、【ＰＲ枠】のリンクは全て削除禁止です。
（※加工後の削除も禁止させていただいておりますのでご了承ください。）
PR枠の削除（有料プラン）に関するお問い合わせや、その他ご不明な点は、
http://www.s-hoshino.com/info.html、または、
https://www.megapx.com/contact.htmlのフォームよりお問い合わせください。
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
@endpreserve
*/

/*
一覧ページ用の追加のスタイル。
*/

/* 3列に並んだコンテンツの画像の調整 */
.cont_list .list_box img {
    object-fit: contain;
    margin-top: 0px;
    height: auto;
}

/* 販売終了のものを暗くするスタイル */
.discontinued img {
    filter: brightness(50%);
}

/* 詳細を見るボタンを下揃えにする */
.cont_list .list_box {
    display: flex;
    flex-direction: column;
}

/* 詳細を見るボタンを下揃えにする */
.btn_more {
    margin-top: auto;
}

/* Newアイコンの微調整 */

@media (max-width: 1000px) {
    .brand-new_red::after {
        top: -50px;
        transition: top 0.5s, right 0.5s;
    }
}

@media (max-width:560px) {
    .brand-new_red::after {
        top: -30px;
        transition: top 0.5s, right 0.5s;
    }
}


.cont_list .list_box h3 {
    padding-left: 22px;
    padding-right: 22px;
}

.cont_list .list_box h3.long_title {
    font-size: 0.98em;
}

/* 2行以上になったときh3の縦棒を長くする */
.content h3::before {
    height: auto;
    bottom: 13px;
}