@charset "UTF-8";
@import url("https://use.typekit.net/gvn4yxl.css");

:root {
    --IMG_braces: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OTAuOCA0OTAuOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTEuODM2OTcwMTk4NzIxMDI5N2UtMTYsMSwtMSwtMS44MzY5NzAxOTg3MjEwMjk3ZS0xNiw0OTAuNzk5ODYwMDAwNjEwMzUsLTAuMDAwMTI3NzkyMzU4MjU2MzI4OTUpIj48cGF0aCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSIiIGQ9Ik0xMzUuNjg1LDMuMTI4Yy00LjIzNy00LjA5My0xMC45OS0zLjk3NS0xNS4wODMsMC4yNjJjLTMuOTkyLDQuMTM0LTMuOTkyLDEwLjY4NywwLDE0LjgyICBsMjI3LjExNSwyMjcuMTM2TDEyMC41ODEsNDcyLjQ2MWMtNC4yMzcsNC4wOTMtNC4zNTQsMTAuODQ1LTAuMjYyLDE1LjA4M2M0LjA5Myw0LjIzNywxMC44NDUsNC4zNTQsMTUuMDgzLDAuMjYyICBjMC4wODktMC4wODYsMC4xNzYtMC4xNzMsMC4yNjItMC4yNjJsMjM0LjY2Ny0yMzQuNjY3YzQuMTY0LTQuMTY1LDQuMTY0LTEwLjkxNywwLTE1LjA4M0wxMzUuNjg1LDMuMTI4eiIgZmlsbD0iI2RkZCIgZGF0YS1vcmlnaW5hbD0iI2RkZCIvPjxwYXRoIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZD0iTTEyOC4xMzMsNDkwLjY4Yy01Ljg5MSwwLjAxMS0xMC42NzUtNC43NTctMTAuNjg2LTEwLjY0OGMtMC4wMDUtMi44NCwxLjEyMy01LjU2NSwzLjEzNC03LjU3MWwyMjcuMTM2LTIyNy4xMTUgIEwxMjAuNTgxLDE4LjIzMmMtNC4xNzEtNC4xNzEtNC4xNzEtMTAuOTMzLDAtMTUuMTA0YzQuMTcxLTQuMTcxLDEwLjkzMy00LjE3MSwxNS4xMDQsMGwyMzQuNjY3LDIzNC42NjcgIGM0LjE2NCw0LjE2NSw0LjE2NCwxMC45MTcsMCwxNS4wODNMMTM1LjY4NSw0ODcuNTQ0QzEzMy42ODUsNDg5LjU1MSwxMzAuOTY3LDQ5MC42OCwxMjguMTMzLDQ5MC42OHoiIGZpbGw9IiNkZGQiIGRhdGEtb3JpZ2luYWw9IiNkZGQiIHN0eWxlPSIiIGNsYXNzPSIiLz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvZz48L2c+PC9zdmc+);
}

.__page_contents_main {
    margin-top: 2rem;
}

.breadcrumb {
    padding: 0;
    margin: 6px 20px;
    white-space: nowrap;
    overflow: hidden;
}

.breadcrumb .breadcrumb-ul {
    margin: 0;
    padding: 0;
}

.breadcrumb .breadcrumb-ul-li {
    padding: 0.5rem 0;
}

a.breadcrumb-ul-li-a,
a.breadcrumb-ul-li-a:visited {
    color: var(--COLOR_navy);
    position: relative;
    display: block;
    letter-spacing: 0.05rem;
}

.breadcrumb-ul-li-span {
    color: var(--color__gray-777);
    display: block;
    letter-spacing: 0.05rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 190px;
}

.breadcrumb-ul-li-a:after {
    content: "\002F";
    display: inline-block;
    margin-left: 6px;
    margin-right: 6px;
    line-height: 1;
}

.coordinate_page .coordinate_page--main-pickup-btn,
.coordinate_page .coordinate_page--main-pickup-btn:link,
.coordinate_page .coordinate_page--main-pickup-btn:visited {
    color: var(--COLOR_white);
}

@media screen and (min-width: 640px) {
    .breadcrumb-ul-li-span {
        max-width: unset;
    }
}

@media screen and (min-width: 1280px) {
    .__page_contents_main {
        margin-top: 0;
    }

    .breadcrumb {
        margin: 10px 0;
        white-space: normal;
        overflow: unset;
    }

    .breadcrumb .breadcrumb-ul {
        margin: 0;
    }

    .breadcrumb .breadcrumb-ul-li {
        padding: 0.5rem 0;
    }

    .breadcrumb .breadcrumb-ul-li-a,
    .breadcrumb .breadcrumb-ul-li-span {
        font-size: 13px;
    }

    .breadcrumb .breadcrumb-ul-li-a:after {
        margin: 0 16px;
    }

    .breadcrumb .breadcrumb-ul-li-a:hover {
        text-decoration: underline;
    }
}


/* header - login/mypage */
.ch--bottom--main_menu-customer_navi-ul-li-a.-_logged_out {
    display: none;
}

.ch--bottom--main_menu-customer_navi-ul-li-a.-_logged_in .ch--bottom--main_menu-customer_navi-ul-li-a-label.__icon-mypage {
    font-size: 0;
}

.ch--bottom--main_menu-customer_navi-ul-li-a.-_logged_in .__icon-mypage:after {
    content: "ログイン / マイページ";
    font-size: 1rem;
    display: inline-block;
    vertical-align: middle;
}

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

    .ch--top--customer_navi--function-ul-li:not(.-_sp) {
        display: inline-block;
    }

    .ch--top--customer_navi--function-ul-li-a.-_logged_out {
        display: none;
    }

    .ch--top--customer_navi--function-ul-li-a.-_logged_in {
        display: block;
        font-size: 0;
    }
    
    .ch--top--customer_navi--function-ul-li-a.-_logged_in .__icon-mypage:after {
        content: "ログイン / マイページ";
        font-size: 0.6rem;
        display: inline-block;
        vertical-align: middle;
    }

}


/* header - category menu (sp only) */
.ch--category_for_middle,
.ch--category_for_middle.-_sp {
    padding: 0;
    height: auto;
    line-height: 0;
    background: #f5f5f5;
    cursor: initial;
    display: flex;
    text-align: center;
    justify-content: center;
}
.float_header_link {
    width: 100%;
    display: inline-block;
    padding: 2rem 2rem 1.75rem;
    font-size: 1.35rem;
    line-height: 0;
    border-right: 1px solid #fff;
    text-align: center;
    font-weight: 400;
    font-family: 'bebas-neue-by-fontfabric';
    letter-spacing: 0.15rem;
}
.ch--category_for_middle .float_header_link:last-of-type,
.ch--category_for_middle.-_sp .float_header_link:last-of-type{
    border-right: none;
}
.fs-c-breadcrumb {
    border-top: 1px solid #eee;
    background: #fff;
    margin-top: 1rem;
    display: block;
}
.fs-c-breadcrumb__listItem {
    font-size: 1rem;
}
.ch--float.-_on-fixed.-_scroll-up {
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 640px) {
    .ch--category_for_middle, .ch--category_for_middle.-_sp {
        display: none;
    }
}