.hacobune-goods {
    position: relative !important;
    z-index: 1 !important;
    font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
}

.hacobune-layout-base-top-html {
    h2 .block-category-list--free-ttl-bt {
        font-size: 20px;
        background: url(/img/usr/handicraft/sp/ttl_line.png) no-repeat center center;
        background-size: 100% 1px;
    }

    h2 .block-category-list--free-ttl-bt>span {
        display: inline-block;
        background: url(/img/usr/handicraft/sp/body_bg.png);
        padding: 0 28px 0 32px;
        letter-spacing: 0.1em;
        font-weight: bold;
        white-space: nowrap;
    }
}

.page-goods.handicraft-page {
    #variation-anchor {
        top: 100px;
        position: relative;
        display: block;
    }

    .block-topic-path--item__current {
        display: none !important;
    }

    /* 追加ブログ用スタイル */
    .hacobune-app-container {
        * {
            font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
        }

        width: 100% !important;
        max-width: 100% !important;
        background: none !important;
        padding: 0px 0 20px !important;

        .hacobune-layout-base {
            width: 100% !important;
        }

        .block-category-list--free-ttl-tp-handmade {
            display: block;
        }

        .block-category-list--free-ttl-tp.block-category-list--free-ttl-tp-handmade {
            width: 100px;
            margin: 30px auto 0;
        }

        h2 {
            background-color: transparent;
            display: block;
            font-weight: bold;
            margin-top: 10px;
            margin-bottom: 20px;
            font-size: 20px;
            letter-spacing: 0.1em;
            line-height: 30px;
            padding: 0;
            border: none;
        }

        .hacobune-grid-col.hacobune-grid-col--tile {
            max-width: 156px!important;
            min-width: 156px!important;
        }
        .hacobune-mix-list-item {
            background: none !important;
            padding: 0;
        }

    }

    .hacobune-mix-list-item-figure-thumbnail {
        object-fit: cover !important;
    }

    .hacobune-grid-row {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        gap: 5px;
    }

    .hacobune-mix-list-item {
        background: block !important;
        background-color: transparent !important;
    }

    .hacobune-mix-list-item-title {
        font-weight: normal !important;
        margin-top: 7px !important;
        font-size: 12px !important;
        overflow: hidden;
    }

    .hacobune-mix-list-item-caption {
        margin-top: 5px !important;
        font-size: 12px !important;
    }
}

.page-goods.underwear-page {
    .hacobune-layout-base-top-html {
        margin-bottom: 20px;
    }

    .hacobune-grid-row {
        display: flex;
        flex-wrap: nowrap;
        gap: 5px;
    }

    .hacobune-grid-col {
        max-width: 30% !important;
    }

    .hacobune-mix-list-item {
        padding: 0;
    }

    h2 {
        background-color: transparent;
    }

    h2 span {
        display: block;
        font-size: 20px;
        font-family: 'Montserrat', sans-serif;
        letter-spacing: 0.3em;
        color: #777;
        line-height: 1.4;
        font-weight: 500;
    }

    .hacobune-app-container {
        width: 100% !important;
        margin: 0 auto !important;
        padding: 0 0 20px !important;
    }

    .hacobune-layout-base-top-html h2 {
        border-bottom: solid 2px #f69cbb;
        padding-bottom: 10px;
        background-color: transparent;
        font-family: "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
    }

    .hacobune-grid-col {
        max-width: 32% !important;
    }
}