/* ==================================================
    タイトルとパンくずを非表示にする
================================================== */

/* ==================================================
    hawk_wrapper（親div）
================================================== */

.hawk_wrapper {
    overflow-x: clip;
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}



/* ----------------------------------------
    inputのスタイル初期化
---------------------------------------- */

.hawk_wrapper input[type="radio"],
.hawk_wrapper input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}





/* ==================================================
    hawk_bc（パンくず）
================================================== */

.hawk_bc {
    background: #f4f4f4;
}

.hawk_bc a:link,
.hawk_bc a:visited {
    color: #2c3038;
    text-decoration: none;
}

.hawk_bc a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 1023px) {
    .hawk_bc .for_pc {
        display: none;
    }

    .hawk_bc .for_sp {
        padding: 10px 20px;
        font-size: 14px;
        line-height: 16px;
    }

    .hawk_bc .for_sp a {
        /* display: flex; */
        align-items: center;
        column-gap: 8px;
    }

    /* SP表示時のパンくずの表示をPCと合わせるためにコメントアウトしております */
    /* .hawk_bc .for_sp a::before {
        content: "";
        width: 16px;
        height: 16px;
        background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%232c3038" d="M5.25 8L10.295 3L11 3.7L6.665 8L11 12.3L10.295 13L5.25 8Z"></path></svg>');
    } */
}

@media screen and (min-width: 1024px) {
    .hawk_bc .for_sp {
        display: none;
    }

    .hawk_bc .for_pc {
        max-width: 1920px;
        margin: 0 auto;
        padding: 0 28px;
    }

    .hawk_bc_list {
        display: flex;
        align-items: center;
        column-gap: 6px;
        height: 44px;
    }

    .hawk_bc_list>li:not(:last-child) {
        display: flex;
        align-items: center;
        column-gap: 6px;
    }

    .hawk_bc_list>li:not(:last-child)::after {
        content: "/";
    }

    .hawk_bc_list>li:last-child {
        font-weight: bold;
    }
}





/* ==================================================
    hawk_header（タブ）
================================================== */

.hawk_header {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.hawk_header_tabs {
    position: relative;
}

@media screen and (min-width: 768px) {
    .hawk_header {
        padding-left: 1px;
    }
}

/* ----------------------------------------
    prev, next
---------------------------------------- */

.hawk_header_tabs_button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 40px;
    height: 40px;
    background: #fff;
}

.hawk_header_tabs_button.hide {
    opacity: 0;
}

.hawk_header_tabs_button.prev {
    left: 0;
}

.hawk_header_tabs_button.next {
    right: 0;
}

.hawk_header_tabs_button.prev::after,
.hawk_header_tabs_button.next::after {
    content: "";
    width: 16px;
    height: 16px;
}

.hawk_header_tabs_button.prev::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23212121" d="M6.01 3L1 8L6.01 13L6.715 12.295L2.915 8.5L15 8.5L15 7.5L2.915 7.5L6.715 3.705L6.01 3Z"></path></svg>');
}

.hawk_header_tabs_button.next::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23212121" d="M9.99 13L15 8L9.99 3L9.285 3.705L13.085 7.5L1 7.5L1 8.5L13.085 8.5L9.285 12.295L9.99 13Z"></path></svg>');
}



/* ----------------------------------------
    menu
---------------------------------------- */

.hawk_header_tabs_menu {
    overflow-x: auto;
    scrollbar-width: none;
    display: flex;
    align-items: center;
}

.hawk_header_tabs_menu button {
    position: relative;
    transition: .25s ease-out;
    min-width: 110px;
    height: 40px;
    padding: 4px 12px 0;
    color: #212121;
    font-size: 16px;
    text-align: center;
    line-height: 1.375;
    white-space: nowrap;
    background: #fff;
}

.hawk_header_tabs_menu button:hover {
    background: #d9d9d9;
}

.hawk_header_tabs_menu button::before,
.hawk_header_tabs_menu button::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
}

.hawk_header_tabs_menu button::before {
    width: 100%;
    height: 4px;
    background: transparent;
}

.hawk_header_tabs_menu button::after {
    height: 100%;
    border-right: 1px solid #a3a3a3;
}

/* カレント */
.hawk_header_tabs_menu button[aria-selected="true"] {
    pointer-events: none;
}

.hawk_header_tabs_menu button[aria-selected="true"]::before {
    background: #165dba;
}

@media screen and (min-width: 361px) {
    .hawk_header_tabs_menu {
        border-left: 1px solid #a3a3a3;
    }
}





/* ==================================================
    hawk_sticky_bar（上部固定の黒い帯）
================================================== */

.hawk_sticky_bar {
    max-width: 100%;
}

.hawk_sticky_bar {
    width: 100%;
    background: #000;
}

.hawk_sticky_bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 201;
    box-shadow: 0 2px 6px rgb(0 0 0 / .15);
}

.hawk_sort_bar {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px 16px;
    position: relative;
    max-width: 1920px;
    height: auto;
    min-height: 62px;
    margin: auto;
    padding: 12px 8px;
    color: #fff;
}

@media screen and (min-width: 425px) {
    .hawk_sort_bar {
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
    }
}

@media screen and (min-width: 1024px) {
    .hawk_sort_bar {
        padding: 12px 15px;
    }
}



/* ----------------------------------------
    検索結果のテキスト
---------------------------------------- */

.hawk_filter_product_count {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.hawk_filter_count {
    display: flex;
    align-items: center;
    column-gap: 8px;
    width: 350px;
    max-width: 100%;
    margin-right: auto;
}

.hawk_filter_count .clear {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.hawk_filter_count .clear::after {
    content: "";
    position: absolute;
    bottom: 0;
    transition: .25s ease-out;
    width: 0;
    height: 1px;
    background: #fff;
}

.hawk_filter_count .clear:hover::after {
    width: 100%;
}

.hawk_product_count {
    flex-grow: 0;
    width: auto;
    max-width: 100%;
    margin: 0 auto 0 50px;
    text-align: left;
}

.hawk_product_count .results_text {
    display: flex;
    align-items: center;
    column-gap: 4px;
}

.hawk_product_count .results_text span {
    font-weight: bold;
}

@media screen and (max-width: 1023px) {
    .hawk_product_count {
        margin: 0 auto 0 0;
    }
    .hawk_filter_count {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    .hawk_filter_product_count {
        flex-grow: 0;
        width: calc(100% - 350px);
    }

    .hawk_product_count .results_text {
        font-size: 16px;
    }

    .hawk_product_count .results_text span {
        font-size: 18px;
    }
}



/* ----------------------------------------
    モーダルを開くボタン（sp）
---------------------------------------- */

.hawk_filter_button_sp {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 4px;
    width: 100%;
    max-width: 100%;
    min-height: 46px;
    padding: 0 16px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #fff;
    border: 1px solid #212121;
}

.hawk_filter_button_sp::before {
    content: "";
    width: 16px;
    height: 16px;
    background:
        url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23000" d="M12.69 4.75C12.46 3.75 11.57 3 10.5 3C9.43 3 8.54 3.75 8.31 4.75H1.5V5.75H8.31C8.54 6.75 9.43 7.5 10.5 7.5C11.57 7.5 12.46 6.75 12.69 5.75H14.5V4.75H12.69ZM10.5 6.5C9.81 6.5 9.25 5.94 9.25 5.25C9.25 4.56 9.81 4 10.5 4C11.19 4 11.75 4.56 11.75 5.25C11.75 5.94 11.19 6.5 10.5 6.5Z"></path></svg>'),
        url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23000" d="M5.5 8.5C4.43 8.5 3.54 9.25 3.31 10.25H1.5V11.25H3.31C3.54 12.25 4.43 13 5.5 13C6.57 13 7.46 12.25 7.69 11.25H14.5V10.25H7.69C7.46 9.25 6.57 8.5 5.5 8.5ZM5.5 12C4.81 12 4.25 11.44 4.25 10.75C4.25 10.06 4.81 9.5 5.5 9.5C6.19 9.5 6.75 10.06 6.75 10.75C6.75 11.44 6.19 12 5.5 12Z"></path></svg>');
}

@media screen and (min-width: 425px) {
    .hawk_filter_button_sp {
        width: auto;
    }
}

@media screen and (min-width: 1024px) {
    .hawk_filter_button_sp {
        display: none;
    }
}



/* ----------------------------------------
    並び替えのドロップダウンボタン（pc）
---------------------------------------- */

.hawk_sort_dropdown {
    position: absolute;
    top: 12px;
    right: 16px;
    z-index: 10;
    width: 285px;
}

.hawk_sort_dropdown button {
    overflow: hidden;
    display: flex;
    align-items: center;
    transition: .25s ease-out;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 38px;
    color: #212121;
    background: #fff;
    outline: none;
    border: 1px solid #737373;
}

.hawk_sort_dropdown button.open,
.hawk_sort_dropdown button:hover {
    background: #d9d9d9;
    border-color: #212121;
}

.hawk_sort_dropdown button::after {
    content: "";
    transition: .25s ease-out;
    width: 16px;
    height: 16px;
    margin: 0 12px 0 auto;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23212121" d="M8 12L1 5.19L1.71 4.5L8 10.62L14.29 4.5L15 5.19L8 12Z"></path></svg>');
}

.hawk_sort_dropdown button.open::after {
    transform: rotate(180deg);
}

.hawk_sort_dropdown button span {
    padding: 0 16px;
    font-size: 16px;
}

.hawk_sort_dropdown button span:first-child {
    border-right: 1px solid #212121;
}

.hawk_sort_dropdown button+ul {
    overflow: auto;
    display: none;
    max-height: 100vh;
    max-height: 100dvh;
    background: #fff;
    box-shadow: 0 4px 4px 0 rgb(33 33 33 / .251);
}

.hawk_sort_dropdown button+ul li {
    display: flex;
    align-items: center;
    transition: .25s ease-out;
    cursor: pointer;
    min-height: 42px;
    padding: 12px;
    color: #212121;
    background: #fff;
    border-top: 1px solid #d9d9d9;
}

.hawk_sort_dropdown button+ul li:hover {
    background: #d9d9d9;
}

@media screen and (max-width: 1023px) {
    .hawk_sort_dropdown {
        display: none;
    }
}





/* ==================================================
    hawk_body
================================================== */

.hawk_body {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
}

.hawk_body .hawk_result_tiles {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1023px) {
    .hawk_body .hawk_menu {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    .hawk_body {
        display: flex;
        justify-content: space-between;
    }

    .hawk_body .hawk_menu {
        width: 250px;
    }

    .hawk_body .hawk_result_tiles {
        width: calc(100% - (242px + 12px));
    }
}





/* ==================================================
    hawk_accordion
================================================== */

.hawk_accordion_title {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    transition: .25s ease-out;
    width: 100%;
    padding: 16px;
    background: #fff;
}

.hawk_accordion_title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    width: calc(100% - 32px);
    height: 1px;
    background: #e8e8e8;
}

.hawk_accordion_title .text {
    font-size: 16px;
}

.hawk_accordion_title .icon {
    display: grid;
    place-content: center;
    position: relative;
    width: 20px;
    height: 20px;
}

.hawk_accordion_title .icon::before,
.hawk_accordion_title .icon::after {
    content: "";
    position: absolute;
    transition: .25s ease-out;
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path fill="%232c3038" d="M29,21H11a1,1,0,0,1,0-2H29a1,1,0,0,1,0,2Z"></path></svg>');
}

.hawk_accordion_title .icon::after {
    transform: rotate(90deg);
}

.hawk_accordion_title.open .icon::before,
.hawk_accordion_title.open .icon::after {
    transform: rotate(180deg);
}

.hawk_accordion_content {
    padding: 8px 11px;
}


/* label -------------------- */

.hawk_accordion_content label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 12px;
    transition: .25s ease-out;
    cursor: pointer;
    padding: 4px 12px;
    color: #2c3038;
    font-size: 16px;
}

.hawk_accordion_content label:hover {
    background: #e8e8e8;
}


/* radio_list -------------------- */

.hawk_accordion_content .radio_list .check {
    width: 40px;
    height: 40px;
}

.hawk_accordion_content .radio_list .check input+span {
    display: block;
    width: 40px;
    height: 40px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path fill="%23000" d="M20,33A13,13,0,1,1,33,20,13,13,0,0,1,20,33ZM20,8A12,12,0,1,0,32,20,12,12,0,0,0,20,8Z"></path></svg>');
}

.hawk_accordion_content .radio_list label .check input:checked+span {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><path fill="%23000" d="M12,20.1A8,8,0,1,0,19.9,12,8,8,0,0,0,12,20.1ZM20,33A13,13,0,1,1,33,20,13,13,0,0,1,20,33ZM20,8A12,12,0,1,0,32,20,12,12,0,0,0,20,8Z"></path></svg>');
}


/* checkbox_list -------------------- */

.hawk_accordion_content .checkbox_list>li:nth-child(n+6) {
    display: none;
}

.hawk_accordion_content .checkbox_list h4 {
    flex: 1;
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
}

.hawk_accordion_content .checkbox_list h5 {
    padding: 2px;
    font-size: 14px;
    font-weight: normal;
}

.hawk_accordion_content .checkbox_list .check {
    order: 1;
}

.hawk_accordion_content .checkbox_list .check input+span {
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #767676;
}

.hawk_accordion_content .checkbox_list .check input:checked+span {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="%23000" d="M0 0v20h20V0Zm17.72 6.69-8.62 9a1 1 0 0 1-1.45 0l-4.37-4.54a1 1 0 0 1 0-1.42 1 1 0 0 1 1.41 0l3.66 3.8 7.9-8.25a1 1 0 0 1 1.44 1.38Z"></path></svg>') no-repeat center center / 24px 24px;
    border: none;
}


/* more -------------------- */

.hawk_accordion_content a.more {
    padding: 4px 12px;
    color: #0096d6;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
}





/* ==================================================
    hawk_modal（sp）
================================================== */

.hawk_modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 202;
    width: 100%;
    height: 100dvh;
}

.hawk_modal_inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100dvh;
    background: #fff;
}


/* モーダルが表示されてる時 -------------------- */

body.hawk_modal_show {
    overflow: hidden;
}

body.hawk_modal_show .store_navi,
body.hawk_modal_show .header,
body.hawk_modal_show .footer {
    z-index: 1;
}


/* header -------------------- */

.hawk_modal_header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 16px;
    border-top: 1px solid #f4f4f4;
}

.hawk_modal_header .close {
    position: absolute;
    left: 16px;
    width: 20px;
    height: 20px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23000" d="m9.41 8 4.29-4.29a1 1 0 0 0-1.41-1.41L8 6.59 3.71 2.3A1 1 0 0 0 2.3 3.71L6.59 8 2.3 12.29a1 1 0 0 0 0 1.41 1 1 0 0 0 .7.3 1 1 0 0 0 .7-.29L8 9.41l4.29 4.29a1 1 0 0 0 .71.3 1 1 0 0 0 .71-.29 1 1 0 0 0 0-1.41Z"></path></svg>') no-repeat center center / 16px 16px;
}

.hawk_modal_header .counter {
    font-size: 16px;
    line-height: 1.375;
}

.hawk_modal_header .counter :nth-child(1) {
    color: #2c3038;
}

.hawk_modal_header .counter :nth-child(2) {
    margin-left: 8px;
    color: #767676;
}


/* content -------------------- */

.hawk_modal_content {
    overflow: scroll;
    flex: 1;
}


/* footer -------------------- */

.hawk_modal_footer {
    display: flex;
    height: 50px;
}

.hawk_modal_footer button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
}

.hawk_modal_footer button.clear {
    flex: 1;
    color: #165dba;
}

.hawk_modal_footer button.show {
    flex: 2;
    color: #fff;
    background: #165dba;
}

@media screen and (min-width: 1024px) {
    .hawk_modal {
        display: none !important;
    }
}





/* ==================================================
    検索結果一覧（製品）
================================================== */

.hawk_search_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    width: 100%;
    margin: 16px auto auto;
    padding: 0 16px;
    text-align: center;
}

.hawk_search_content_tile {
    width: 100%;
    max-width: 100%;
    color: #2c3038;
    text-align: left;
}

.hawk_search_content_tile_inner {
    position: relative;
}

@media screen and (min-width: 768px) {
    .hawk_search_content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        padding-right: 8px;
        padding-left: 8px;
    }

    .hawk_search_content_tile_inner {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .hawk_search_content {
        grid-template-columns: repeat(3, 1fr);
        padding-right: 15px;
        padding-left: 0;
    }
}

@media screen and (min-width: 1366px) {
    .hawk_search_content {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (min-width: 1920px) {
    .hawk_search_content {
        gap: 28px;
        padding-left: 0;
    }
}



/* ----------------------------------------
    画像
---------------------------------------- */

.hawk_search_content_tile .content_card_image {
    margin-bottom: 20px;
}

.hawk_search_content_tile .content_card_image img {
    object-fit: cover;
    width: 100%;
    max-width: 100%;
    height: 266px;
    aspect-ratio: 3/2;
}



/* ----------------------------------------
    タイトル
---------------------------------------- */

.hawk_search_content_tile .content_card_title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: 20px;
    line-height: 26px;
    text-overflow: ellipsis;
}

.hawk_search_content_tile hr {
    margin: 8px 0;
    border-top: 1px solid #231f20;
}



/* ----------------------------------------
    説明文
---------------------------------------- */

.hawk_search_content_tile .content_card_description {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: 16px;
    line-height: 22px;
    text-overflow: ellipsis;
}



/* ----------------------------------------
    box全体を囲むaタグ
---------------------------------------- */

.hawk_search_content_tile .content_card_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: transparent;
    font-size: 0;
    line-height: 0;
}



/* ----------------------------------------
    リンク
---------------------------------------- */

.hawk_search_content_tile .content_card_button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    column-gap: 12px;
    margin-top: 8px;
}

.hawk_search_content_tile .content_card_button a {
    display: inline-flex;
    align-items: center;
    transition: .25s ease-out;
    min-width: 44px;
    min-height: 38px;
    padding: 0 16px;
    text-align: center;
    background: #212121;
}

.hawk_search_content_tile .content_card_button a:hover {
    text-decoration: none;
    background: #404040;
}

.hawk_search_content_tile .content_card_button a span {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}





/* ==================================================
    検索結果一覧（オンラインストア）
================================================== */

.hawk_search_product {
    display: grid;
    grid-template-columns: repeat(1, 100%);
}

.hawk_product_tile_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 16px;
    border: 1px solid #f4f4f4;
}

@media screen and (min-width: 768px) {
    .hawk_search_product {
        grid-template-columns: repeat(2, 50%);
    }
}

@media screen and (min-width: 1280px) {
    .hawk_search_product {
        grid-template-columns: repeat(3, 33.33333%);
    }
}

@media screen and (min-width: 1920px) {
    .hawk_search_product {
        grid-template-columns: repeat(4, 25%);
    }
}



/* ----------------------------------------
    slider
---------------------------------------- */

.hawk_product_tile_slider {
    display: none;
    padding: 16px 48px;
    text-align: center;
}

.hawk_product_tile_slider.slick-initialized {
    display: block;
}

/* arrow -------------------- */

.hawk_product_tile_slider .slick-prev,
.hawk_product_tile_slider .slick-next {
    transition: .25s ease-out;
    z-index: 1;
    width: 48px;
    height: 48px;
    padding: 7px;
}

.hawk_product_tile_slider .slick-prev:hover,
.hawk_product_tile_slider .slick-next:hover {
    background: #212121;
}

.hawk_product_tile_slider .slick-prev {
    left: 0;
}

.hawk_product_tile_slider .slick-next {
    right: 0;
}

.hawk_product_tile_slider .slick-prev::before,
.hawk_product_tile_slider .slick-next::before {
    display: block;
    content: "";
    transition: .25s ease-out;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px 32px;
}

.hawk_product_tile_slider .slick-prev::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%23212121" d="M10.5 16L20.59 6L22 7.4L13.33 16L22 24.6L20.59 26L10.5 16Z"></path></svg>');
    ;
}

.hawk_product_tile_slider .slick-next::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%23212121" d="M21.5 16L11.41 26L10 24.6L18.67 16L10 7.4L11.41 6L21.5 16Z"></path></svg>');
    ;
}

.hawk_product_tile_slider .slick-prev:hover::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%23fff" d="M10.5 16L20.59 6L22 7.4L13.33 16L22 24.6L20.59 26L10.5 16Z"></path></svg>');
    ;
}

.hawk_product_tile_slider .slick-next:hover::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="%23fff" d="M21.5 16L11.41 26L10 24.6L18.67 16L10 7.4L11.41 6L21.5 16Z"></path></svg>');
    ;
}



/* ----------------------------------------
    製品名
---------------------------------------- */

.hawk_product_tile_title {
    display: block;
    margin-top: 16px;
}

.hawk_product_tile_title:link,
.hawk_product_tile_title:visited,
.hawk_product_tile_title:hover {
    color: #000;
    text-decoration: none;
}

.hawk_product_tile_title h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.375;
}



/* ----------------------------------------
    スペック
---------------------------------------- */

.hawk_product_tile_spec {
    margin-top: 16px;
    color: #212121;
    font-size: 14px;
    line-height: 24px;
    list-style: none;
}

.hawk_product_tile_spec>li {
    position: relative;
    padding-left: 15px;
}

.hawk_product_tile_spec>li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #212121;
    border-radius: 50%;
}



/* ----------------------------------------
    footer
---------------------------------------- */

.hawk_product_tile_footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #231f20;
}



/* ----------------------------------------
    価格
---------------------------------------- */

.hawk_product_tile_price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 4px;
}

.hawk_product_tile_price .regular_price_text_cam,
.hawk_product_tile_price .regular_price {
    color: #767676;
    font-size: 12px;
    line-height: 16px;
}

.hawk_product_tile_price .price {
    width: 100%;
    color: #2c3038;
}



/* ----------------------------------------
    リンク
---------------------------------------- */

.hawk_product_tile_cta {
    display: flex;
    column-gap: 16px;
    min-height: 46px;
    margin-top: 28px;
}

.hawk_product_tile_cta a {
    display: flex;
    align-items: center;
    transition: .25s ease-out;
}

.hawk_product_tile_cta a:hover {
    text-decoration: none;
}

.hawk_product_tile_cta a span {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
}


/* さらに詳しく -------------------- */

.hawk_product_tile_cta .view_details_link {
    column-gap: 4px;
}

.hawk_product_tile_cta .view_details_link::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="%23000" d="M10.75 8L5.705 13L5 12.3L9.335 8L5 3.7L5.705 3L10.75 8Z"></path></svg>');
}

.hawk_product_tile_cta .view_details_link span {
    position: relative;
    color: #212121;
}

.hawk_product_tile_cta .view_details_link span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .25s ease-out;
    width: 0;
    height: 1px;
    background: #212121;
}

.hawk_product_tile_cta .view_details_link:hover span::after {
    width: 100%;
}


/* カートに入れる -------------------- */

.hawk_product_tile_cta .add_to_cart {
    padding: 0 16px;
    background: #212121;
}

.hawk_product_tile_cta .add_to_cart:hover {
    background: #404040;
}

.hawk_product_tile_cta .add_to_cart span {
    color: #fff;
}

/* ツールチップの表示 */
.hpj-hawksearch-result .hawk_accordion_title .hawk_accordion_tooltip-title {
    justify-content: space-between;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.hpj-hawksearch-result .dy-tooltip-icon {
    width: 20px;
    height: 20px;
    gap: 0px;
    border-radius: 20px;
    background-color: #666666;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hawk_wrapper .tooltip-close-button {
    padding: 8px;
}

.hawk_wrapper .tooltip-close-button:hover,
.hawk_wrapper .tooltip-close-button:focus {
    background-color: #212121;
}

.hawk_wrapper .tooltip-close-button:hover svg,
.hawk_wrapper .tooltip-close-button:focus svg {
    fill: #fff;
}

#facet>div.facet_content>div.facet_form>div>h3>span.facet_form_box_title_text,
span.dmf_accordion_title_text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hawk_wrapper .dy-tooltip {
    position: relative;
    width: 25px;
    text-align: left;
}

.hawk_wrapper .dy-tooltip .dy-tooltiptext {
    display: none;
    width: 250px;
    background-color: #FFFFFF;
    color: #000000;
    padding: 10px 10px;
    position: absolute;
    left: 280%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
    z-index: 200;
}

.hawk_wrapper .dy-tooltip .dy-tooltip-title {
    font-size: 20px;
}

.hawk_wrapper .dy-tooltip .dy-tooltip-title-wrapper {
    display: grid;
    background-color: #FFFFFF;
    grid-template-columns: 1fr auto;
}

/* 検索結果0件時のスタイル */
@media screen and (min-width: 1024px) {
    .hawk_wrapper .hawk-no-result-tiles {
        grid-gap: 24px;
        margin-top: 24px;
    }

    .hawk_wrapper .hawk-no-result-tile {
        width: 474px;
    }
}

@media screen and (max-width: 1023px) {
    .hawk_wrapper .hawk-no-result-tiles {
        flex-wrap: nowrap;
    }

    .hawk_wrapper .hawk-no-result-tile {
        width: 88%;
    }
}

.hawk_wrapper .hawk-no-result-tiles {
    margin-left: 28px;
    grid-gap: 16px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
    min-height: 6.5rem;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.hawk_wrapper .hawk-no-result-tile {
    background-color: #fff;
    border: 1px solid #212121;
    color: #000;
    color: initial;
    display: flex;
    min-height: 6.375rem;
    text-decoration: none;
    transition: box-shadow .25s ease-out;
}

.hawk_wrapper .tile-image-wrapper.store {
    background-color: #a3acfa;
}

.hawk_wrapper .tile-image-wrapper.support {
    background-color: #c1fcaa;
}

.hawk_wrapper .tile-image-wrapper {
    align-items: center;
    align-self: center;
    height: 96px;
    justify-content: center;
    margin-right: 2px;
    width: 96px;
    display: flex;
    padding: .25rem;
    aspect-ratio: 1 / 1;
    margin-left: .5rem;
}

.hawk_wrapper .no-result-tile-text-wrapper {
    grid-gap: .25rem;
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: .25rem;
    margin: .5rem;
}

.hawk_wrapper .no-result-description-more {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-top: 5px;
}

.hawk_wrapper .no-result-tile-title {
    font-size: 19px;
}

.hawk_content .search-suggestion-message {
    width: 100%;
    background-color: #fff3e5;
    height: auto;
    min-height: 48px;
    padding: 8px 36px 8px 16px;
    position: relative;
    text-align: left;
    display: none;
}

.hawk_content .search-suggestion-message-content {
    grid-gap: 12px;
    display: grid;
    grid-template-columns: 32px auto;
    max-width: 1218px;
}

.hawk_content .search-suggestion-message-content {
    margin-left: 16px;
}

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

    .hawk_content .search-suggestion-message-content,
    .hd_hawk_result .search-suggestion-message-content {
        margin-left: auto;
    }
}

.hawk_content .search-suggestion-message-content p.search-suggestion-message-text {
    font-weight: 400;
    align-items: center;
    display: flex;
    padding-top: 4px;
}

/* A・Bパターンのスペック用スタイル */
.hawk_product_tile_spec.v2>li {
    padding-left: 0;
}

.hawk_product_tile_spec.v2>li::before {
    content: none;
}

.hawk_product_tile_spec.v2>li>span {
    margin-right: 1em;
    font-weight: bold;
}

.hpj-hawksearch-result .dmf_price_range {
    padding: 0 0 8px 0px;
}

.hpj-hawksearch-result .hawk_menu.facets_sp .dmf_price_range {
    padding: 0 12px 12px;
}

.hpj-hawksearch-result .dmf_price_range.price_sale_sid1 .dmf_input_module input {
    width: 73px;
    border-radius: 0;
    border: 1px solid #212121;
}

.hpj-hawksearch-result .dmf_price_range.price_sale_sid1 .dmf_price_range_btn {
    margin-left: 14px;
    background-color: transparent;
    border: 1px solid #212121;
    border-radius: 0;
}

.hpj-hawksearch-result .dmf_price_range.price_sale_sid1 .dmf_price_range_btn::before {
    color: #212121;
}

.hpj-hawksearch-result .dmf_price_range.price_sale_sid1 .dmf_price_range_btn:hover {
    background-color: #212121;
}

.hpj-hawksearch-result .dmf_price_range.price_sale_sid1 .dmf_price_range_btn:hover::before {
    color: #fff3e5;
}

.hpj-hawksearch-result .dmf_price_range.price_sale_sid1 .divider::before {
    background-color: #767676;
}

.hpj-hawksearch-result .hawk_menu.facets_sp .dmf_price_range.price_sale_sid1 .dmf_input_module input {
    width: 100px;
}

.hpj-hawksearch-result .hawk_menu.facets_sp .dmf_price_range .divider {
    width: 120px;
}

.hpj-hawksearch-result .hawk_menu.facets_sp .dmf_price_range .divider::before {
    background-color: #767676;
}

/* Chrome, Safari, Edge, Opera */
.hpj-hawksearch-result .dmf_price_range.price_sale_sid1 .dmf_input_module input::-webkit-outer-spin-button,
.hpj-hawksearch-result .dmf_price_range.price_sale_sid1 .dmf_input_module input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.hpj-hawksearch-result .dmf_price_range.price_sale_sid1 .dmf_input_module input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.current-filter_pc {
    display: none;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    background-color: #fff;
    padding: 12px 16px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    color: #333;
}

@media (min-width: 769px) {
    .current-filter_pc.is-active {
        display: flex;
    }
}

/* 左側：フィルター件数 + クリアボタン */
.n-filter-count {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 8px;
    white-space: nowrap;
    position: relative;
}

.n-filter-count .number-of-filters {
    font-weight: 500;
    color: #666;
}

.n-filter-count .clear {
    background: none;
    border: none;
    color: #666;
    font-weight: bold;
    cursor: pointer;
    padding-right: 16px; /* 縦線との間隔を確保 */
    position: relative;
}

.n-filter-count .clear::after {
    content: "";
    position: absolute;
    top: -18px; /* 親padding分をカバー */
    bottom: -18px;
    right: 0;
    width: 1px;
    background-color: #000; /* 黒ボーダー */
}

/* 縦線の右に少し余白 */
.n-filter-count::after {
    content: "";
    display: block;
    width: 14px;
}

/* 右側：選択済みフィルタータグ */
@media (min-width: 769px) {
    .selected-filters {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-start;
        flex-grow: 1;
    }
}

/* 各タグ */
.selected-facet {
    display: flex;
    align-items: center;
    background-color: #808080;
    color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
    font-size: 13px;
    position: relative;
}

/* ×アイコン */
.selected-facet::after {
    content: "×";
    font-size: 12px;
    margin-left: 8px;
    cursor: pointer;
    color: #fff;
    opacity: 0.9;
}

.selected-facet:hover::after {
    opacity: 1;
}
/* ---------- SP用フィルター表示 ---------- */

.hawk-filter_sp {
    display: none; /* デフォルトは非表示（PC時） */
    background-color: #fff;
    padding: 8px 16px;
    font-family: "Noto Sans JP", sans-serif;
}

/* スマホ時のみ表示 */
@media (max-width: 768px) {
    .hawk-filter_sp {
        display: flex;
        flex-wrap: wrap;
        gap: 8px; /* タグ間の余白 */
    }
}

/* タグ要素（共通スタイル） */
.hawk-filter_sp .selected-facet {
    display: flex;
    align-items: center;
    background-color: #808080;
    color: #fff;
    padding: 4px 10px;
    border-radius: 2px;
    font-size: 13px;
    position: relative;
}

/* ×アイコン */
.hawk-filter_sp .selected-facet::after {
    content: "×";
    font-size: 12px;
    margin-left: 8px;
    cursor: pointer;
    color: #fff;
    opacity: 0.9;
}

.hawk-filter_sp .selected-facet:hover::after {
    opacity: 1;
}