@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Noto+Sans+JP:wght@100..900&display=swap');


div#fs_preview_header {
    display: none;
}


:root{
--font-size-20: clamp(16px, 1.2vw, 20px);
--font-size-24: clamp(18px, 1.4vw, 24px);
--font-size-30: clamp(24px, 2.0vw, 30px);
--font-size-40: clamp(28px, 2.4vw, 40px);
--font-size-50: clamp(30px, 2.6vw, 50px);

--margin-bottom-40: clamp(20px, 3vw, 40px);
--margin-bottom-80: clamp(40px, 6vw, 80px);
}


@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

body {
    font-family: "EB Garamond", "Noto Sans JP", sans-serif;
    font-weight: 400;
    font-style: normal;
    counter-reset: number 0; 
}
img {
    border-style: none;
    max-width: 100%;
    vertical-align: top;
}





@media screen and (max-width: 768px) {
/* 共通 */

.ttl_01_en {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0 0 8px;
    padding: 0;
    line-height: 1em;
}
h2.ttl_01 {
    font-size: 18px;
    text-align: center;
    margin: 0 0 24px;
}
h1.fs-c-heading.fs-c-heading--page {
    color: #222;
    border: none;
    font-size: 28px;
    letter-spacing: 3px;
}
.fs-c-wishlistProduct__title, 
.fs-c-featuredProduct__title {
    font-weight: normal;
    font-size: 24px;
    color: #222;
    padding: 0 0 20px;
    border-bottom: solid 1px;
}
h2.section_ttl {
    font-size: var(--font-size-50);
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0 0 1em;
}
h2.fs-c-documentArticle__heading {
    background: #f4f1ed;
    color: #3c3c3c;
    padding: 12px;
    font-size: 16px;
}
h2.fs-c-documentColumn__heading,
h3.fs-c-documentColumn__heading {
    color: #3c3c3c;
    border-color: #f4f1ed;
}

h2.fs-c-newUsers__title.fs-c-subSection__title,
h2.fs-c-registeredUsers__title.fs-c-subSection__title {
    color: #3c3c3c;
    padding-bottom: 16px;
}


a.btn_01,
input.btn_01 {
        color: #cf145f;
        border: solid 1px;
        font-size: 16px;
        display: block;
        width: fit-content;
        padding: 10px 20px 12px;
        border-radius: 2em;
        margin: 0 auto;
        text-decoration: none;
        transition: 0.8s;
        line-height: 1em;
}
a.btn_01:hover,
input.btn_01:hover {
background:#E9CFC7;
color:#fff;
border:solid 1px #E9CFC7;
}


.fs-c-productName__name {
    font-size: var(--font-size-24);
    font-weight: normal;
    color: #3c3c3c;
    letter-spacing: 0.6px;
}


button.fs-c-button--addToWishList--icon.fs-c-button--particular,
button.fs-c-button--removeFromWishList--icon.fs-c-button--particular {
        position: absolute;
        top: 4px;
        right: 4px;
        background: rgba(233, 207, 199, 0.8);
        width: 2em;
        height: 2em;
        line-height: 2em;
        border-radius: 2em;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color:#fff;
    }
    .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
        padding: 0 4px;
        color: #222222;
        font-size: 2.4rem;
        line-height: 1em;
    }
.fs-c-productPrice {
    justify-content: end;
}



/*　ヘッダー　*/
.fs-l-header {
        padding: 0 0 16px;
        margin-bottom: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        background: #fff;
}
.header_obi_wrap {
    background: #d21570;
    color: #fff;
}
.header_obi {
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
}
.header_obi_ttl {
    font-size: 9px;
    margin: 0;
    padding: 4px 0;
}
.header_obi a {
    display:none;
}





.br_header_contents_wrap {
    padding: 10px 0;
}
.br_header_contents {
    margin: 0 auto;
    padding: 0 15px;
    display: grid;
    grid-template-columns: 150px 1fr auto;
    align-items: center;
    gap: 20px;
}
.br_header_contents_box.icon_wrap {
        width: fit-content;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px;
        align-items: center;
        text-align: center;
}

img.fs-p-logo__image {
    max-width: 160px;
}

.menu-container {
    display: none;
}


.br_header_contents_box.icon_wrap a {
    position: relative;
}
span.fs-p-cartItemNumber {
    top: -8px;
    right: -6px;
    width: 1.2em;
    height: 1.2em;
    line-height: 1em;
    font-size: 12px;
    padding: 0;
    margin: 0;
    align-content: center;
}
#fs_p_headerNavigation {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
}

img.header_ico {
    width: 20px;
    vertical-align: bottom;
}
label.fs-p-drawerButton {
    display: block;
    padding: 0;
}






.fs-p-headerNavBar {
    background: none;
    border: none;
}

.login_menu_list {
    display: flex;
}
.fs-p-drawer__loginLogout__login,
.fs-p-drawer__loginLogout__logout {
    background: none;
    border: none;
    color: #222;
    border-radius: 0;
    padding: 0 10px;
}
a.fs-p-drawer__loginLogout__login:hover,
.fs-p-drawer__loginLogout__logout:hover {
    background: #f1f1f1;
    color: #222;
}
span.fs-p-searchForm__inputGroup {
    background: none;
    border: none;
}
input.fs-p-searchForm__input {
    width: 300px;
    border-radius: 2em;
    border: solid 1px #999;
    padding: 0 14px;
}
button.fs-p-searchForm__button {
    background: none;
    color: #222;
}





    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }







/* パンくず */
.fs-c-breadcrumb {
    margin-top: 128px;
}
ol.fs-c-breadcrumb__list {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}





/* ドロワー */

.fs-p-drawer {
    transition-duration: 0.3s;
}
aside.fs-p-drawer.fs-l-sideArea {
        position: fixed;
        top: 0;
        left: 0;
        transform: translateX(-101%);
        width: 80vw;
}
.fs-p-ctrlDrawer:checked + .fs-p-drawer {
        transform: translateX(0);
        position: fixed;
        top: 0;
        left: 0;
        width: 80%;
        max-width: 80%;
}
ul.fs-p-sideMenu.fs-pt-menu.fs-pt-menu--lv1 {
    margin-bottom: 30px;
}
.fs-p-sideMenu a:hover {
    background: #E9CFC7;
}

aside .br_utility_menu00 li.fs-pt-menu__item.fs-pt-menu__item--lv1 {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}







/* メイン */
.fs-l-sideArea + .fs-l-pageMain,
.fs-l-pageMain + .fs-l-sideArea {
        max-width: 100%;
    }
.fs-l-main {
        margin-bottom: 0;
        padding: 0 15px;
}
.fs-l-main:not(.fs-c-breadcrumb + .fs-l-main),
.swiper:not(.fs-l-header + .swiper) {
    margin-top: 108px;
}



/* FV */

.br_top_fv_wrap {
    margin-top: 108px;
}
.br_top_fv_wrap video {
width:100%;
}


/* スライダー */
.swiper-slide img {
    border-radius: 12px;
}
.slider-thumbnail .swiper-slide {
  opacity: .5;
  transition: opacity .5s;
  width: calc(100% / 3);
}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.slider-thumbnail.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-thumbs {
    max-width: 950px;
    margin: 20px auto 0;
    width: 92%;
    display: block;
    position: relative;
}
.swiper-thumbs img {
    border-radius: 12px;
    padding: 4px;
}






/* フローティングバナー */
a.fltg_bnr.tv img {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 10000;
    display: block;
    width: 44px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}








/* 商品タグ */
.tag_new {
    background: #E9CFC7;
    color: #fff;
    font-weight: bold;
    margin-right: 0.6em;
}
.color_tip {
width:18px;
height:18px;
border-radius:50%;
}
.white {
background:#fff;
border:solid 1px #ddd;
}
.ivory {
background:#f8f4e6;
border:solid 1px #f8f4e6;
}
.indigo {
background:#043c78;
border:solid 1px #043c78;
}
.blue {
background:#0075c2;
border:solid 1px #0075c2;
}
.saxe {
background:#627DA1;
border:solid 1px #627DA1;
}
.black {
background:#222;
border:solid 1px #222;
}
.purple {
background:#9b72b0;
border:solid 1px #9b72b0;
}
.beige {
background:#eedcb3;
border:solid 1px #eedcb3;
}




/* トップページ */

.content_wrap {
    margin-bottom: 64px;
}


/* 新商品 */
.br_new_goodslist.fs-c-productListCarousel.fs-c-slick {
    display: block;
}
.br_new_goodslist span.fs-c-productListCarousel__ctrl {
    display: none !important;
}
.br_new_goodslist .fs-c-productListCarousel__list {
    display: block;
}
.br_new_goodslist div.slick-track {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-gap: 16px;
    width: 100% !important;
    transform: none !important;
}
.br_new_goodslist div.slick-track::before {
    content: none !important;
}
.br_new_goodslist article.fs-c-productListCarousel__list__item.fs-c-productListItem {
    min-width: 100%;
    margin: 0;
    position: relative;
}



.br_recommend_inr {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2vw;
}
h3.br_recommend_box_ttl {
    font-size: var(--font-size-50);
    font-weight: normal;
    letter-spacing: 1px;
}

.br_recommend_box_txt02 {
        font-size: var(--font-size-24);
        border-bottom: solid 1px #ddd;
        padding-bottom: 20px;
        margin-bottom: 20px;
}
.br_recommend_box_txt03 {
    font-size: var(--font-size-20);
    margin-bottom: 30px;
}



.br_about_inr {
    display: grid;
    grid-template-columns: 1fr;
    width: 68%;
    margin: 0 auto;
    grid-gap: 20px 60px;
    align-items: end;
}
img.br_about_inr_img {
    width: 128px;
    display: block;
    margin: 0 auto;
}
.br_about_inr_txt {
        font-size: var(--font-size-24);
        font-weight: bold;
        font-family: serif;
        margin: 0 0 16px;
}




.ranking_wrap {
    margin-bottom: 64px;
}
.ranking_inr.fs-c-productListCarousel.fs-c-slick {
    display: block;
}
.ranking_inr span.fs-c-productListCarousel__ctrl {
    display: none !important;
}
.ranking_inr .fs-c-productListCarousel__list {
    display: block;
    overflow: visible;
}
.ranking_inr div.slick-track {
    display: grid !important;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 8px;
    width: 100% !important;
    transform: none !important;
}
.ranking_inr div.slick-track::before {
    content: none !important;
}
.ranking_inr article.fs-c-productListCarousel__list__item.fs-c-productListItem {
    min-width: 100%;
    margin: 0;
}
.ranking_inr .fs-c-productListCarousel__list .slick-slider .slick-list {
    overflow: visible;
}
.ranking_inr .fs-c-productListCarousel__list .slick-slider .slick-list .slick-track .slick-slide {
    position: relative;
}
.ranking_inr .fs-c-productListCarousel__list .slick-slider .slick-list .slick-track .slick-slide::before {
        counter-increment: number 1;
        content: counter(number) " ";
        background: #d21570;
        position: absolute;
        top: -1em;
        left: -0.5em;
        width: 2em;
        height: 2em;
        line-height: 2em;
        color: #fff;
        border-radius: 2em;
        font-size: 18px;
        text-align: center;
}
.ranking_inr img.fs-c-productListItem__image__image.fs-c-productImage__image {
    border-radius: 12px;
}


.category_wrap {
    margin-bottom: 64px;
}
.category {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px;
}
.category a:nth-child(-n+2) {
    grid-column: span 2;
}
.category img {
    border-radius: 8px;
}












.sns_wrap {
    background: #f7f7f7;
    margin: 0 calc(50% - 50vw);
    padding: 128px 0;
}















/* フッター */
.fs-l-footer {
    margin-top: 0;
    border:none;
}
.br_footer_contents_wrap {
    background: #f4f1ed;
    padding: 64px 15px;
}
.br_footer_contents {
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px 10px;
}
.br_footer_contents .fs-p-sideMenu .fs-pt-menu__heading--lv1 {
    border: none;
    padding: 0;
    margin: 0;
}
.br_footer_contents a.fs-pt-menu__link.fs-pt-menu__link--lv1 {
    border-bottom: solid 1px #4f3d3f;
    margin: 0 0 12px;
    padding: 12px;
    transition: none;
}
.br_footer_contents .fs-p-sideMenu a:hover,
.br_footer_contents a.fs-pt-menu__link:hover {
    background: rgba(255, 255, 255, 0.4);
    color: #3c3c3c;
}


.fs-p-footerCopyright {
    color: #4f3d3f;
    background-color: #E9CFC7;
}


.sp_none {
display:none;
}

}







































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

/* 共通 */

.ttl_01_en {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0 0 8px;
    padding: 0;
    line-height: 1em;
}
h2.ttl_01 {
    font-size: 18px;
    text-align: center;
    margin: 0 0 24px;
}
h1.fs-c-heading.fs-c-heading--page {
    color: #222;
    border: none;
    font-size: 28px;
    letter-spacing: 3px;
}
.fs-c-wishlistProduct__title, 
.fs-c-featuredProduct__title {
    font-weight: normal;
    font-size: 24px;
    color: #222;
    padding: 0 0 20px;
    border-bottom: solid 1px;
}
h2.section_ttl {
    font-size: var(--font-size-50);
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0 0 1em;
}
h2.fs-c-documentArticle__heading {
    background: #f4f1ed;
    color: #3c3c3c;
    padding: 12px;
    font-size: 16px;
}
h2.fs-c-documentColumn__heading,
h3.fs-c-documentColumn__heading {
    color: #3c3c3c;
    border-color: #f4f1ed;
}
h2.fs-c-newUsers__title.fs-c-subSection__title,
h2.fs-c-registeredUsers__title.fs-c-subSection__title {
    color: #3c3c3c;
    padding-bottom: 16px;
}


a.btn_01,
input.btn_01 {
        color: #cf145f;
        border: solid 1px;
        font-size: 16px;
        display: block;
        width: fit-content;
        padding: 10px 20px 12px;
        border-radius: 2em;
        margin: 0 auto;
        text-decoration: none;
        transition: 0.8s;
        line-height: 1em;
}
a.btn_01:hover,
input.btn_01:hover {
background:#E9CFC7;
color:#fff;
border:solid 1px #E9CFC7;
}


.fs-c-productName__name {
    font-size: var(--font-size-24);
    font-weight: normal;
    color: #3c3c3c;
    letter-spacing: 0.6px;
}
button.fs-c-button--addToWishList--icon.fs-c-button--particular,
button.fs-c-button--removeFromWishList--icon.fs-c-button--particular {
        position: absolute;
        top: 4px;
        right: 4px;
        background: rgba(233, 207, 199, 0.8);
        width: 2em;
        height: 2em;
        line-height: 2em;
        border-radius: 2em;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color:#fff;
    }
    .fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
        padding: 0 4px;
        color: #222222;
        font-size: 2.4rem;
        line-height: 1em;
    }
.fs-c-productPrice {
    justify-content: end;
}













/*　ヘッダー　*/
.fs-l-header {
        padding: 0 0 16px;
        margin-bottom: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        background: #fff;
}
.header_obi_wrap {
    background: #d21570;
    color: #fff;
}
.header_obi {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    justify-content: space-between;
}
.header_obi_ttl {
    font-size: 12px;
    margin: 0;
    padding: 4px 0;
}
.header_obi a {
    color: #fff;
    font-size: 12px;
    align-self: center;
    font-weight: bold;
}





.br_header_contents_wrap {
    padding: 0 0 10px;
}
.br_header_contents {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 20px;
    border-bottom: solid 1px #eee;
}
img.fs-p-logo__image {
    max-width: 160px;
}

.bellaria_logo {
    width: 160px;
    padding: 10px 0;
}
.br_header_contents_box.icon_wrap {
        width: fit-content;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px;
        align-items: center;
        text-align: center;
}
.br_header_contents_box.icon_wrap a {
    position: relative;
}
span.fs-p-cartItemNumber {
    top: -8px;
    right: -6px;
    width: 1.2em;
    height: 1.2em;
    line-height: 1em;
    font-size: 12px;
    padding: 0;
    margin: 0;
    align-content: center;
}
#fs_p_headerNavigation {
    justify-content: flex-end;
    gap: 20px;
}

img.header_ico {
    width: 20px;
    vertical-align: bottom;
}
label.fs-p-drawerButton {
    display: block;
    padding: 0;
}






.fs-p-headerNavBar {
    background: none;
    border: none;
}

.login_menu_list {
    display: flex;
}
.fs-p-drawer__loginLogout__login,
.fs-p-drawer__loginLogout__logout {
    background: none;
    border: none;
    color: #222;
    border-radius: 0;
    padding: 0 10px;
}
a.fs-p-drawer__loginLogout__login:hover,
.fs-p-drawer__loginLogout__logout:hover {
    background: #f1f1f1;
    color: #222;
}
span.fs-p-searchForm__inputGroup {
    background: none;
    border: none;
}
input.fs-p-searchForm__input {
    width: 300px;
    border-radius: 2em;
    border: solid 1px #999;
    padding: 0 14px;
}
button.fs-p-searchForm__button {
    background: none;
    color: #222;
}







.menu-container {
    height: 100%;
    margin: 0 auto;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
        margin: 0 auto;
        list-style: none;
        padding: 0;
        position: relative;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: end;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    padding: 10px 20px;
    margin: 0;
    line-height: 1em;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
}

.menu > ul > li a {
    text-decoration: none;
    display: block;
    color: #222;
}

.menu > ul > li:hover {
    background: #f6f6f6;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #f6f6f6;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding: 0 20px;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #222;
    //padding: .2em 0;
    //width: 95%;
    //display: block;
    //border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
        width: 300px;
        left: auto;
        top: calc(1em + 20px);
        padding: 0;
        margin-left: -20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}
.menu > ul > li > ul.normal-sub > li:hover {
    background: #E9CFC7;
}
.menu > ul > li > ul.normal-sub > li:hover a {
    color: #fff;
}
.menu > ul > li > ul.normal-sub > li a {
        border: 0;
        line-height: 2.4em;
}








/* パンくず */
.fs-c-breadcrumb {
    margin-top: 128px;
}
ol.fs-c-breadcrumb__list {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}





/* ドロワー */

.fs-p-drawer {
    transition-duration: 0.3s;
}
aside.fs-p-drawer.fs-l-sideArea {
        position: fixed;
        top: 0;
        left: 0;
        transform: translateX(-101%);
        width: 80vw;
}
.fs-p-ctrlDrawer:checked + .fs-p-drawer {
        transform: translateX(0);
        position: fixed;
        top: 0;
        left: 0;
        width: 80%;
        max-width: 360px;
}
ul.fs-p-sideMenu.fs-pt-menu.fs-pt-menu--lv1 {
    margin-bottom: 30px;
}
.fs-p-sideMenu a:hover {
    background: #E9CFC7;
}

aside .br_utility_menu00 li.fs-pt-menu__item.fs-pt-menu__item--lv1 {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}







/* メイン */
.fs-l-sideArea + .fs-l-pageMain,
.fs-l-pageMain + .fs-l-sideArea {
        max-width: 100%;
    }

.fs-l-main:not(.fs-c-breadcrumb + .fs-l-main),
.swiper:not(.fs-l-header + .swiper) {
    margin-top: 128px;
}



/* FV */

.br_top_fv_wrap {
        margin-top: 128px;
        max-height: 86vh;
        overflow: hidden;
}
.br_top_fv_wrap video {
width:100%;
}


/* スライダー */
.swiper-slide img {
    border-radius: 20px;
}
.slider-thumbnail .swiper-slide {
  opacity: .5;
  transition: opacity .5s;
  width: calc(100% / 3);
}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.slider-thumbnail.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-thumbs {
    max-width: 950px;
    margin: 20px auto 0;
    width: 92%;
    display: block;
    position: relative;
}
.swiper-thumbs img {
    border-radius: 12px;
    padding: 4px;
}








/* フローティングバナー */
a.fltg_bnr.tv img {
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 10000;
    display: block;
    width: 64px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}







/* 商品タグ */
.tag_new {
    background: #E9CFC7;
    color: #fff;
    font-weight: bold;
    margin-right: 0.6em;
}
.color_tip {
width:18px;
height:18px;
border-radius:50%;
}
.white {
background:#fff;
border:solid 1px #ddd;
}
.ivory {
background:#f8f4e6;
border:solid 1px #f8f4e6;
}
.indigo {
background:#043c78;
border:solid 1px #043c78;
}
.blue {
background:#0075c2;
border:solid 1px #0075c2;
}
.saxe {
background:#627DA1;
border:solid 1px #627DA1;
}
.black {
background:#222;
border:solid 1px #222;
}
.purple {
background:#9b72b0;
border:solid 1px #9b72b0;
}
.beige {
background:#eedcb3;
border:solid 1px #eedcb3;
}







/* トップページ */
.content_wrap {
    margin-bottom: 6vw;
}





/* 新商品 */
.br_new_goodslist.fs-c-productListCarousel.fs-c-slick {
    display: block;
}
.br_new_goodslist span.fs-c-productListCarousel__ctrl {
    display: none !important;
}
.br_new_goodslist .fs-c-productListCarousel__list {
    display: block;
}
.br_new_goodslist div.slick-track {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    grid-gap: 16px;
    width: 100% !important;
    transform: none !important;
}
.br_new_goodslist div.slick-track::before {
    content: none !important;
}
.br_new_goodslist article.fs-c-productListCarousel__list__item.fs-c-productListItem {
    min-width: 100%;
    margin: 0;
    position: relative;
}





.br_recommend_inr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2vw;
}
.br_recommend_box {
    background: #fff;
    padding: 10px 40px 40px;
    border-radius: 20px;
    align-self: center;
    border: solid 4px #E9CFC7;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
}
h3.br_recommend_box_ttl {
    font-size: var(--font-size-50);
    font-weight: normal;
    letter-spacing: 1px;
}
.br_recommend_box_txt02 {
        font-size: var(--font-size-24);
        border-bottom: solid 1px #ddd;
        padding-bottom: 20px;
        margin-bottom: 20px;
}
.br_recommend_box_txt03 {
    font-size: var(--font-size-20);
    margin-bottom: 30px;
}






.br_about_inr {
    display: grid;
    grid-template-columns: 200px 1fr;
    width: fit-content;
    margin: 0 auto;
    grid-gap: 20px 60px;
    align-items: end;
}
.br_about_inr_txt {
        font-size: var(--font-size-24);
        font-weight: bold;
        font-family: serif;
        margin: 0 0 16px;
}







.ranking_wrap {
    margin-bottom: 128px;
}
.ranking_inr.fs-c-productListCarousel.fs-c-slick {
    display: block;
}
.ranking_inr span.fs-c-productListCarousel__ctrl {
    display: none !important;
}
.ranking_inr .fs-c-productListCarousel__list {
    display: block;
    overflow: visible;
}
.ranking_inr div.slick-track {
    display: grid !important;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 16px;
    width: 100% !important;
    transform: none !important;
}
.ranking_inr div.slick-track::before {
    content: none !important;
}
.ranking_inr article.fs-c-productListCarousel__list__item.fs-c-productListItem {
    min-width: 100%;
    margin: 0;
}
.ranking_inr .fs-c-productListCarousel__list .slick-slider .slick-list {
    overflow: visible;
}
.ranking_inr .fs-c-productListCarousel__list .slick-slider .slick-list .slick-track .slick-slide {
    position: relative;
}
.ranking_inr .fs-c-productListCarousel__list .slick-slider .slick-list .slick-track .slick-slide::before {
        counter-increment: number 1;
        content: counter(number) " ";
        background: #d21570;
        position: absolute;
        top: -1em;
        left: -0.5em;
        width: 2em;
        height: 2em;
        line-height: 2em;
        color: #fff;
        border-radius: 2em;
        font-size: 18px;
        text-align: center;
}
.ranking_inr img.fs-c-productListItem__image__image.fs-c-productImage__image {
    border-radius: 18px;
}


.category_wrap {
    margin-bottom: 128px;
}
.category {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.category a:nth-child(-n+2) {
    grid-column: span 2;
}
.category img {
    border-radius: 18px;
}



.sns_wrap {
    background: #f7f7f7;
    margin: 0 calc(50% - 50vw);
    padding: 128px 0;
}















/* フッター */
.fs-l-footer {
    margin-top: 0;
    border:none;
}
.br_footer_contents_wrap {
    background: #f4f1ed;
    padding: 128px 0;
}
.br_footer_contents {
    max-width: 1230px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    width: fit-content;
}
.br_footer_contents .fs-p-sideMenu .fs-pt-menu__heading--lv1 {
    border: none;
    padding: 0;
    margin: 0;
}
.br_footer_contents a.fs-pt-menu__link.fs-pt-menu__link--lv1 {
    border-bottom: solid 1px #4f3d3f;
    margin: 0 0 12px;
    padding: 12px;
    transition: none;
}
.br_footer_contents .fs-p-sideMenu a:hover,
.br_footer_contents a.fs-pt-menu__link:hover {
    background: rgba(255, 255, 255, 0.4);
    color: #3c3c3c;
}

.fs-p-footerCopyright {
    color: #4f3d3f;
    background-color: #E9CFC7;
}

.pc_none {
display:none;
}

}