@charset "UTF-8";
.ch { background: var(--COLOR_white); z-index: 99999; position: relative; }
.ch--top { width: 100vw; }
.ch--bottom--main_menu-customer_navi-ul-li .-_logged_in { display: none; }
.ch .ch--top--customer_navi--function-ul-li-a-button-icon-counter { display: none; }
.hero,
.hero.-_fixed { position: relative; }
.fs-l-page > *:not(header) a, a:link, a:visited {
        color: var(--BASE_color);
}
a:hover, a:link:hover, a[href]:hover {
    color: var(--BASE_color);
}
a.ch--top--customer_navi--function-ul-li-a.__i {
    overflow: visible;
}
.shopinfo {
    font-size: revert;
    line-height: revert;
    margin: revert;
    float: revert;
    width: revert;
}
#address.__board {
    margin-bottom: 60px;
}
.items .items-link a,
.service .service-ol .service-li .service-li-foot .service-li-foot-right .service-li-foot-right-link {
    border: none;
    border-radius: 50rem;
    box-shadow: none;
    max-width: unset;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    width: 276px;
    padding: 16px 40px;
    font-size: var(--font-size__large);
    font-style: normal;
    font-weight: var(--font-weight-medium);
    line-height: 24px;
    color: var(--color__white) !important;
    background-color: var(--color__gray-555);
}
.items .items-link a {
    color: var(--color__gray-777) !important;
    background-color: var(--color__white);
    border: 1px solid var(--color__gray-DDD);
    max-width: 100%;
    font-weight: var(--font-weight-regular);
}
.items .items-link {
    border: none;
}
.vr_space-content {
    margin: 2.5rem 0 0;
    aspect-ratio: 4 / 3;
}
.__board-darkgray {
    margin-bottom: 60px;
}
@media screen and (min-width:640px) {
    .ch--top--customer_navi--function-ul-li.-_logged_in { display: none; }
    .hero { position: absolute; margin-top: 0; }
    .hero.-_fixed { top: 0; position: fixed; }
    .vr_space-content {
        aspect-ratio: 16 / 9;
    }
    #address.__board {
        margin-bottom: 120px;
    }
    .__board-darkgray {
        margin-bottom: 120px;
    }
}

/* 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);
}

.showroom-spotlight-container {
    position: relative;
    width: 100%;
    padding-top: 100%;
    border-radius: 4px;
    overflow: hidden;
    background-color: #F5F5F5;
    margin-top: 40px;
    color: var(--color__white);
}

.showroom-cover {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
}

a.showroom-cover, a.showroom-cover:visited {
    color: #fff;
}

a.showroom-cover[href]:hover {
    color: #fff;
    text-decoration: none;
}

.showroom-main-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    z-index: 1;
    max-width: unset;
    object-fit: cover;
}

.bg-overlay {
    background-color: rgba(0,0,0,0.3);
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.showroom-cover-content {
    z-index: 3;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.showroom-cover-sub-title {
    font-size: 14px;
}

.showroom-cover-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 1;
    margin-top: 8px;
    margin-bottom: 12px;
}

.play-icon {
    display: block;
    width: 50px;
}

.showroom-tour-description {
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 700;
    background: rgba(51, 51, 51, 0.8);
    position: absolute;
    top: 13px;
    right: 10px;
    border-radius: var(--card-radius);
}
.tour-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    z-index: 1;
    opacity: 0;
}

.breadcrumb .breadcrumb-li_a:after {
    content: "/";
    transform: none;
    position: static;
    margin: 0 6px;
    width: auto;
}

.breadcrumb .breadcrumb-li {
    padding: 0;
    vertical-align: middle;
}

.breadcrumb {
    margin: 8px 20px;
}

.breadcrumb .breadcrumb-li_a,
.breadcrumb .breadcrumb-li_span {
    text-decoration: none !important;
    color: var(--color__gray-777) !important;
    font-weight: var(--font-weight-normal);
}

.title .title-head_ja {
    color: var(--color__gray-AAA);
}

.shopinfo-detail-address-right-dl_dd a,
.fs-l-page > *:not(header) .shopinfo-address_wrap a,
.fs-l-page > *:not(header) .shopinfo-address_wrap a:link,
.fs-l-page > *:not(header) .shopinfo-address_wrap a:visited {
    color: var(--color__blue-82B);
}

.shopinfo-detail-access-li_inner-dl_dt,
.shopinfo-detail-access-li_inner-head,
.blog-head,
.recommend-items_item-info_category,
.vr_space-head,
.title .title-head_en_bold, .title .title-head_en_light,
.shopinfo-detail-address-left-dl_dt, .shopinfo-detail-address-right-dl_dt,
.message .message-head .message-head_left,
.items .items-dl .items-dt {
    color: var(--color__gray-333);
}

.items .items-dl {
    margin-top: 10px;
}

.shopinfo .shopinfo-detail-address-left-dl_dt,
.shopinfo .shopinfo-head,
.blog-items-li_time {
    color: var(--color__gray-777);
}

.shopinfo .shopinfo-detail-address-left-dl_dt {
    font-family: var(--font-family__roboto);
}

.blog-description {
    margin-top: 20px;
}

.shopinfo .shopinfo-detail-address-right-dl_dd a {
    color: var(--color__blue-82B);
}

a.blog-link:hover,
.items .items-link a:hover {
    text-decoration: none;
    color: var(--color__gray-777);
    background-color: var(--color__gray-EBE);
}

.service .service-ol .service-li .service-li-foot .service-li-foot-right .service-li-foot-right-link:hover {
    text-decoration: none;
    color: var(--color__white);
    background-color: var(--color__gray-333);
}

/* to handle height of lazy loading image */
img.recommend-items_item-img {
    min-height: calc((100vw - 8rem) / 2);
}

@media screen and (min-width: 640px) {
    .ch--category_for_middle, .ch--category_for_middle.-_sp {
        display: none;
    }
    .blog .content.reason-to-buy-container {
        margin-top: 80px;
    }

    body.home.blog {
        background-color: var(--COLOR_white);
    }

    .showroom-spotlight-container {
        padding-top: 45%;
    }

    .showroom-cover-sub-title {
        font-weight: 700;
        font-size: 20px;
    }

    .showroom-cover-title {
        font-weight: 500;
        font-size: 54px;
        margin-top: 16px;
        margin-bottom: 22px;
    }

    .play-icon {
        width: 64px;
    }

    .showroom-tour-description {
        padding: 15px 20px;
        font-size: 15px;
        top: 30px;
        right: 30px;
    }

    img.recommend-items_item-img {
        min-height: calc((100vw - 12.5rem) / 3);
    }
}

@media screen and (min-width: 1100px) {
    img.recommend-items_item-img {
        min-height: calc((1100px - 12.5rem) / 3);
    }
}

@media screen and (min-width: 1280px) {
    .breadcrumb {
        max-width: var(--pc-content-width);
        margin: 10px 20px;
    }

    .__maxbody.__board.__adj .breadcrumb {
        margin-left: 3rem;
        margin-right: 3rem;
        margin-top: 3rem;
    }

    .breadcrumb .breadcrumb-li,
    .breadcrumb .breadcrumb-li_a,
    .breadcrumb .breadcrumb-li_span {
        font-size: var(--font-size__small);
        line-height: 24px;
    }
}