@charset "UTF-8";
:root{
  --fontType01: "EB Garamond",serif;
  --fontType02: Arial, Helvetica,sans-serif;
  --fontType03: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


.pane-contents > .container {
  display: block;
  width: 100%;
}
.pane-left-menu{
  display: none;
}
.pane-main {
  margin-top: 0;
}
#goodslist_floatingbtn{
  display: none;
}
.block-category-list--goods{
  width: 1200px;
  margin: 0 auto;
}
.block-category-list--sub{
  display: none;
}
.sp-only{
  display: none !important;
}
.brics-inner{
  width: 1200px;
  margin: 0 auto;
}
.block-topic-path {
  padding: 20px 0;
}
.brics-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    padding: 20px 0 40px;
    background-color: #fff;
}
.brics-header.is-active{
  background-color: #FFF;
}
.brics-header:hover{
  background-color: #FFF;
}
.brics-header-menu{
  display: none;
}
.brics-header-logo{
  text-align: center;
}

.brics-header-logo h1{
  margin-bottom: 15px;
}
.brics-nav{
  position: relative;
}
.brics-nav-list{
  display: flex;
  justify-content: center;
  gap: 40px;
}
.brics-nav-list__item a,.brics-nav-list__item span{
  font-size: 13px;
  color: #000;
  text-decoration: none;
  position: relative;
  display: block;
  cursor: pointer;
  transition: .4s;
}
.brics-nav-list__item a::after,.brics-nav-list__item span::after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  background: #000;
  transition: .4s;
}
.brics-nav-list__item a:hover::after,.brics-nav-list__item span:hover::after {
  width: 100%;
  left: 0;
}
.brics-nav-list__item.is-active span::after {
  width: 100%;
  left: 0;
}
.brics-header:hover .brics-nav-list__item a,.brics-header:hover .brics-nav-list__item span{
  color: #000;
}
.brics-header.is-active .brics-nav-list__item a,.brics-header.is-active .brics-nav-list__item span{
  color: #000;
}
.brics-nav-list__item a:hover{
  color: #000 !important;
}
.brics-header-drop{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #FFF;
  padding: 70px 0;
  display: none;
}
.brics-header-drop-inner{
  width: 750px;
  margin: 0 auto;
}
.brics-header-drop-title{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 20px;
}
.brics-header-drop-title:not(:first-of-type){
  margin-top: 70px;
}
.brics-header-drop-list{
  display: flex;
  flex-wrap: wrap;
  gap: 40px 30px;
}
.brics-header-drop-list__item{
  width: calc((100% - (30px * 5)) / 6);
}
.brics-header-drop-list__item a{
  text-decoration: none;
}
.brics-header-drop-list__item-img{
  margin-bottom: 5px;
}
.brics-header-drop-list__item-img img{
  display: block;
}
.brics-header-drop-list__item p{
  font-size: 12px;
  color: #000;
  text-align: center;
}
.brics-header-drop-list__item a:hover{
  opacity: 0.5;
}
.brics-header-drop-list__item a:hover p{
  color: #000 !important;
}
.brics-mv{
  position: relative;
}
.brics-mv-picture {
	padding-top: 176px;
}
.brics-mv-picture img {
  width: 100%;
}
.brics-mv-movie{
  min-height: 55vw;
}
.brics-mv .hacobune-app-container {
  max-width: 100%;
  padding: 0;
}
.brics-mv .hacobune-unit-video-outline{
  display: none;
}
.brics-feature{
  background: url(../img/bg2_pc.jpg);
  padding: 120px 0 100px;
}
.brics-feature-inner{
  display: flex;
  gap: 200px;
  width: 81.25vw;
  margin-left: auto;
  position: relative;
}
.brics-feature-left{
  width: 282px;
  padding-top: 155px;
}
.brics-feature-right{
  width: calc(100% - 282px);
}
.brics-headline{
  font-optical-sizing: auto;
  font-size: 44px;
  font-weight: 600;
  font-style: italic;
  color: #000;
}
.brics-headline span{
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  display: block;
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif !important;
  margin-top:10px;
}
.brics-feature .brics-headline{
  color: #FFF;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.brics-feature-slider01__item-box{
  color: #FFF;
  border-left: 1px solid #FFF;
  margin-bottom: 30px;
  padding-left: 40px;
}
.brics-feature-slider-num{
  font-optical-sizing: auto;
  font-size: 20px;
  font-weight: 500;
  color: #FFF;
  margin-bottom: 15px;
}
.brics-feature-slider01__item-box h3{
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  margin: 0 0 5px;
}
.brics-feature-slider01__item-box p{
  font-size: 12px;
}
.brics-more-btn{
  font-size: 12px;
  color: #FFF;
  text-align: center;
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  padding: 15px;
}
.brics-more-btn:hover{
  color: #CCC !important;
  opacity: 0.5;
}
.brics-feature-slider02 .swiper-slide{
  width: 545px;
}
.brics-feature-right .swiper-button-prev,.brics-feature-right .swiper-button-next{
  left: 325px;
  top: inherit;
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,0.2);
}
.brics-feature-right .swiper-button-prev{
  bottom: 45px;
}
.brics-feature-right .swiper-button-next{
  bottom: 0;
}
.brics-feature-right .swiper-button-next::after, .brics-feature-right .swiper-button-prev::after {
  font-size: 10px;
  color: #FFF;
}
.block-category-event-wrap{
  padding: 70px 0;
}

.block-category-event-wrap .brics-headline span{
  margin-top: 5px;
}
.block-category-event-tab-list{
  display: flex;
  justify-content: center;
}
.block-category-event-tab-list__item{
  font-size: 12px;
  font-weight: bold;
  position: relative;
  padding: 0 7px;
  letter-spacing: 0.1em;
  cursor: pointer;
}
.block-category-event-tab-list__item.is-active{
  cursor: auto;
}
.block-category-event-tab-list__item::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 22px;
  background: #D5D5D5;
}
.block-category-event-tab-list__item:last-child::after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1px;
  height: 22px;
  background: #D5D5D5;
}
.block-category-event-tab-list__item span{
  display: block;
  padding: 8px 5px;
  border-radius: 20px;
  text-align: center;
  min-width: 116px;
  transition: background-color .4s;
  font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  font-weight:normal;
}
.block-category-event-tab-list__item span:hover{
  background: #F0F0F0;
}
.block-category-event-tab-list__item.is-active span{
  background: #F0F0F0;
}
.block-category-event-wrap .block-category-list--event {
  margin-top: 40px;
  margin-bottom: 70px;
}
.block-category-event-wrap .block-top-event--header{
  display: none;
}
.block-category-event-wrap .block-top-event--goods{
  display: none;
}
.block-category-event-wrap .block-top-event--goods.is-active{
  display: block;
}
.block-category-event-wrap .block-ranking-r--items {
  gap: 31px;
  counter-reset: number 0;
  margin-bottom: 0;
}
.block-category-event-wrap .block-ranking-r--items li {
  width: calc((100% - (31px * 4)) / 5);
  margin: 0;
  position: relative;
}
.block-category-event-wrap .block-ranking-r--items li::before {
  counter-increment: number 1;
  content: counter(number);

  font-size: 18px;
  color: #FFF;
  line-height: 1;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #626262;
  z-index: 1;
}
.block-category-event-wrap .block-ranking-r--items .customize_block-goods-bookmark {
  display: none;
}
.block-category-event-wrap .block-ranking-r--items li:nth-child(1)::before{
  background: #C8AF72;
}
.block-category-event-wrap .block-ranking-r--items li:nth-child(2)::before{
  background: #B8B8B8;
}
.block-category-event-wrap .block-ranking-r--items li:nth-child(3)::before{
  background: #D1856A;
}
.block-category-event-wrap .block-ranking-r--goods-image figure {
  padding: 0;
  border-radius: 0;
  background: #FFF;
}
.block-category-event-wrap .block-ranking-r--goods-image figure img {
  border-radius: 0;
}
.block-category-event-wrap .block-ranking-r--goods-brand-name {
  height: auto;
  display: none;
}
.block-category-event-wrap .block-ranking-r--goods-name2 {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.block-category-event-wrap .block-ranking-r--goods .price, .block-category-event-wrap .block-ranking-r--goods .default-price, .block-category-event-wrap .block-ranking-r--goods .exchange-price, .block-category-event-wrap .block-ranking-r--goods .block-exchange-price--rate-dt, .block-category-event-wrap .block-ranking-r--scomment {
  display: block;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-align:center;
  font-weight: normal;
}
.block-category-event-wrap .block-ranking-r--goods .net-price,{
  display:none;
}
.block-ranking-r--price-infos .block-ranking-r--price-items .sale{
  color: #b81a1b;
}

.brics-product{
  background: url(../img/bg2_pc.jpg);
  padding: 100px 19px 20px;
}
.brics-product .brics-headline{
  color: #FFF;
  text-align: center;
  margin: 0 0 50px;
}
.brics-product-wrap{
  display: flex;
  gap: 10px;
}
.brics-product-main{
  width: calc((100% - 10px) / 2);
}
.brics-product-sub{
  width: calc((100% - 10px) / 2);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.brics-product-img{
  background: #000;
}
.brics-product-img a{
  display: block;
  position: relative;
}
.brics-product-img img{
  width: 100%;
  height: auto;
  display: block;
  transition: opacity .4s;
}
.brics-product-img a:hover img{
  opacity: 0.4;
}
.brics-product-desc{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  color: #FFF;
  display: none;
  padding: 15px;
}
.brics-product-img a.is-active .brics-product-desc{
  display: block;
}
.brics-product-desc-title{
  font-optical-sizing: auto;
  font-size: 20px;
  font-weight: 600;
  font-style: italic;
  margin: 0 0 20px;
}
.brics-product-desc p{
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 2;
}
.brics-product-sub .brics-product-img{
  width: calc((100% - 10px) / 2);
}
.brics-product-sub.-full .brics-product-img{
  width: 100%;
}
.brics-category{
  padding: 115px 0 156px;
}
.brics-headline{
  text-align: center;
  margin: 0 0 48px;
  font-style:normal;
  font-family: 'Playfair Display', serif;
  font-weight: normal;
}
.brics-category-list{
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.brics-category-list__item{
  width: calc((100% - 60px) / 3);
  position: relative;
}
.brics-category-list__item a{
  display: block;
}
.brics-category-list__item a img{
  display: block;
}
.brics-category-list__item a p{
  font-size: 20px;
  text-align: center;
  color: #FFF;
  letter-spacing: 0.08em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .4s;
}
.brics-category-list__item a:hover p{
  background: rgba(0,0,0,0.69);
}
.brics-news{
  background: url(../img/top/news_bg.jpg);
  padding: 70px 0 100px;
}
.brics-news .brics-headline{
  text-align: center;
}
.brics-news-list{
  display: flex;
  gap: 20px;
}
.brics-news-list__item{
  width: calc((100% - 60px) / 4);
}

.brics-news-list__item a{
  display: block;
  text-decoration: none;
}
.brics-news-list__item a:hover{
  opacity: 0.5;
  color: #3A3A3B !important;
}
.brics-news-list__item-img{
  margin-bottom: 16px;
}
.brics-news-list__item-img img{
  display: block;
}
.brics-news-list__item-tag{
  display: none;
}
.brics-news-list__item-date{
  font-size: 14px;
  color: #A2A2A2;
  margin-bottom: 5px;
}
.brics-news-list__item-name{
  font-size: 14px;
  color: #3A3A3B;
  font-weight: bold;
}
.brics-news .brics-more-btn{
  display: none;
}
.brics-banner{
  margin-bottom: 140px; 
}
.brics-banner-list{
  display: flex;
  flex-wrap: wrap;
}
.brics-banner-list__item{
  width: 50%;
  background: #000;
}
.brics-banner-list__item.--full{
  width: 100%;
}
.brics-banner-list__item a{
  display: block;
}
.brics-banner-list__item a img{
  width: 100%;
  height: auto;
  display: block;
  transition: opacity .4s;
}
.brics-banner-list__item a:hover img{
  opacity: 0.5;
}
.block-goods-detail-j--items .customize_block-goods-bookmark {
  top: 154px;
}
.brics-item-history .block-goods-detail-j--goods-description{
  display: none;
}
.brics-item-history #itemHistoryButton{
  display: none;
}
.brics-item-history .block-recent-item {
  border-top:0;
  padding-top: 100px;
  padding-bottom: 100px;
}
.brics-item-history .block-goods-detail-j--items {
  margin-bottom: 0;
}
.brics-item-history .block-goods-detail-j--items li {
  margin-bottom: 0;
}
.brics-item-history .block-goods-detail-j--goods-image figure {
  background: #fff;
  padding: 0;
}
.brics-item-history .block-recent-item--header {
  font-size: 44px;
  font-weight: 600;
  letter-spacing: 0;
  font-style: italic;
  padding: 0;
}
.brics-item-history .block-recent-item--header span{
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  display: block;
}
.brics-item-history .block-recent-item--header::after {
  display: none;
}
#block_of_itemhistory{
  display: none;
}
.pane-right-menu .block-goods-detail-j--goods-description{
  display: none;
}
.pane-right-menu  #itemHistoryButton{
  display: none;
}
.pane-right-menu  .block-recent-item {
  padding-top: 100px;
  padding-bottom: 100px;
}
.pane-right-menu  .block-goods-detail-j--items {
  margin-bottom: 0;
}
.pane-right-menu  .block-goods-detail-j--items li {
  margin-bottom: 0;
}
.pane-right-menu  .block-goods-detail-j--goods-image figure {
  background: #fff;
  padding: 0;
}
.pane-right-menu  .block-recent-item--header {
  font-size: 44px;
  font-weight: 600;
  letter-spacing: 0;
  font-style: italic;
  padding: 0;
}
.pane-right-menu  .block-recent-item--header span{
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  display: block;
}
.pane-right-menu  .block-recent-item--header::after {
  display: none;
}

@media (max-width:834px){
  .block-topic-path{
    display: none;
  }
  .block-category-list--goods {
    width: 100%;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .pc-only{
    display: none !important;
  }
  .sp-only{
    display: block !important; 
  }
  .brics-mv .hacobune-app-container {
    width: 100%;
    padding: 0 ;
  }
  .brics-header {
    padding: 30px 0;
  }
  .brics-header:hover{
    background: none;
  }
  .brics-header-logo img{
    width: 104px;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .brics-header-logo h1{
    margin: 0;
    padding: 0;
  }
  .brics-header:hover .brics-header-logo img.is-default,.brics-header.is-active .brics-header-logo img.is-default{
    display: block;
  }

  .brics-mv .brics-nav{
    display: none;
  }
  .brics-header-menu__btn{
    width: 27px;
    height: 27px;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: relative;
    background: none;
    position: absolute;
    top: 23px;
    right: 20px;
  }
  .brics-header-menu__btn-line {
    display: block;
    height: 2px;
    width: 27px;
    background-color: #000;
    position: relative;
  }
  .brics-header-menu__btn-line::before, .brics-header-menu__btn-line::after {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    right: 0;
    width: 27px;
    background-color: #000;
    transition: .4s;
  }
  .brics-header-menu__btn-line::before {
    top: -9px;
  }
  .brics-header-menu__btn-line::after {
    top: 9px;
  }
  .brics-header-menu{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    overflow-y: auto;
    background: #FFF;
    z-index: 10;
  }
  .brics-header-menu-logo{
    border-bottom: 1px solid #E3E3E3;
  }
  .brics-header-menu-logo a{
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
  }
  .brics-header-menu-logo img{
    display: block;
    margin: 0 auto;
  }
  .brics-header-menu-list__item{
    border-bottom: 1px solid #E3E3E3;
  }
  .brics-header-menu-list__item > a,  .brics-header-menu-list__item > span{
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: block;
    position: relative;
    padding: 22px 25px;
  }
  .brics-header-menu-list__item > a::after,.brics-header-menu-list__item > span::after{
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg);
  }
  .brics-header-menu-list__item.is-open > span::after{
    transform: translateY(-50%) rotate(-45deg);
  }
  .brics-header-menu__close-btn{
    position: absolute;
    top: 0;
    right: 0;
    width: 68px;
    height: 68px;
    background: none;
    outline: none;
    border: none;
    margin: 0;
    padding: 0;
  }
  .brics-header-menu__close-btn::before,.brics-header-menu__close-btn::after{
    content:"";
    width: 22px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .brics-header-menu__close-btn::before{
    transform: translate(-50%,-50%) rotate(45deg);
  }
  .brics-header-menu__close-btn::after{
    transform: translate(-50%,-50%) rotate(-45deg);
  }
  .brics-header-menu .brics-header-drop {
    position: static;
    padding: 35px 0;
    border-top: 1px solid #E3E3E3;
  }
  .brics-header-menu .brics-header-drop-inner {
    width: 100%;
  }
  .brics-header-menu .brics-header-drop-title {
    text-align: left;
    margin-bottom: 15px;
    padding: 0 28px;
  }
  .brics-header-drop-list-wrap{
    overflow-x: auto;
  }
  .brics-header-menu .brics-header-drop-list {
    gap: 25px 6px;
    width: 698px;
    padding: 0 28px;
  }
  .brics-header-drop-list__item {
    width: auto;
    flex:0 0 102px
  }
  .brics-header-drop-title:not(:first-of-type) {
    margin-top: 50px;
  }
  .brics-mv-picture {
    padding-top: 73px;
  }
  .brics-mv-movie{
    min-height: 177vw;
  }
  .brics-feature {
    background: url(../img/top/bg_feature_sp.jpg);
    padding: 20px 0 50px 20px;
  }
  .brics-feature-inner {
    flex-direction: column-reverse;
    gap: 20px;
    width: 100%;
    margin: 0;
  }
  .brics-headline {
    font-size: 30px;
    padding: 0;
  }
  .brics-headline span {
    font-size: 12px;
  }
  .brics-feature-left {
    width: 100%;
    padding: 0;
  }
  .brics-feature-right {
    width: 100%;
    padding-top: 85px;
  }
  .brics-feature-slider02 .swiper-slide {
    width: 94%;
  }
  .brics-feature-slider02 .swiper-slide img{
    width: 100%;
    height: auto;
    aspect-ratio: 334 / 223;
    object-fit: cover;
  }
  .brics-feature-right .swiper-button-prev, .brics-feature-right .swiper-button-next {
    display: none;
  }
  .brics-feature-slider01__item-box {
    margin-bottom: 0;
    padding-left: 20px;
  }
  .brics-feature .brics-more-btn{
    display: none;
  }
  .brics-feature-slider01__item-box h3 {
    padding: 0;
  }
  .brics-feature-slider-num {
    margin-bottom: 8px;
  }
  .block-category-event-wrap {
    padding: 50px 0 64px;
  }
  .brics-inner {
    width: 100%;
  }
  .block-category-event-wrap .brics-headline {
    margin-bottom: 20px;
  }
  .block-category-event-tab-list{
    overflow-x: auto;
    justify-content: flex-start;
    padding-left: 10px;
  }
  .block-category-event-tab-list__item {
    min-width: 130px;
  }
  .block-category-event-tab-list__item:first-child::before {
    display: none;
  }
  .block-category-event-wrap div.block-brand-c {
    padding: 0 0 0 20px;
  }
  .block-category-event-wrap ul.block-brand-c--items {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 31px;
    padding-right: 20px;
    counter-reset: number 0;
  }
  .block-category-event-wrap ul.block-brand-c--items li {
    width: auto;
    flex: 0 0 65%;
    margin-bottom: 0;
  }
  .block-category-event-wrap ul.block-brand-c--items li::before {
    counter-increment: number 1;
    content: counter(number);
    font-size: 18px;
    color: #FFF;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #626262;
    z-index: 1;
  }
  .block-category-event-wrap ul.block-brand-c--items li:nth-child(1)::before{
    background: #C8AF72;
  }
  .block-category-event-wrap ul.block-brand-c--items li:nth-child(2)::before{
    background: #B8B8B8;
  }
  .block-category-event-wrap ul.block-brand-c--items li:nth-child(3)::before{
    background: #D1856A;
  }
  .block-category-event-wrap .block-category-list--event {
    margin-top: 30px;
  }
  .block-category-event-wrap ul.block-brand-c--items .customize_block-goods-bookmark {
    display: none;
  }
  .block-category-event-wrap .block-brand-c--goods-image figure {
    padding: 0;
    border-radius: 0;
    background: #FFF;
  }
  .block-category-event-wrap .block-brand-c--brand-name {
    height: auto;
    display: none;
  }
  .block-category-event-wrap .block-brand-c--goods-name2 {
    font-size: 15px;
    font-weight: bold;
  }
  .block-category-event-wrap .block-brand-c--price-infos {
    display: block;
  }
  .block-category-event-wrap .block-brand-c--price-items{
    text-align: center;
  }
  .block-category-event-wrap .price{
    font-size: 13px;
  }
  .block-category-event-wrap .block-brand-c--price-items .sale {
    color: #b81a1b;
}
  .brics-product {
    background: url(../img/top/bg_feature_sp.jpg);
    padding: 50px 5px 5px;
  }
  .brics-product .brics-headline {
    margin-bottom: 30px;
  }
  .brics-product-wrap {
    flex-direction: column;
    gap: 5px;
  }
  .brics-product-main {
    width: 100%;
  }
  .brics-product-sub {
    width: 100%;
    gap: 5px;
  }
  .brics-product-sub.-full .brics-product-img,
  .brics-product-sub .brics-product-img {
    width: calc((100% - 5px) / 2);
  }
  .brics-product-img a:hover img{
    opacity: 1;
  }
  .brics-product-img a.is-active img{
    opacity: 0.4;
  }
  .brics-product-desc {
    padding: 10px;
  }
  .brics-product-desc-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .brics-product-desc p {
    font-size: 10px;
    line-height: 1.8;
    letter-spacing: 0;
}
  .brics-category {
    padding: 50px 0;
  }
  .brics-category .brics-headline {
    margin-bottom: 30px;
  }
  .brics-category-list-wrap{
    overflow-x: auto;
  }
  .brics-category-list{
    overflow-x: auto;
    padding: 0 20px;
    gap: 10px;
    width: calc(63% * 3);
  }
  .brics-category-list__item {
    width: auto;
    flex: 0 0 calc((100% - 20px) / 3);
  }
  .brics-category-list__item a img {
    display: block;
  }
  .brics-category-list__item a p {
    font-size: 18px;
  }
  .brics-news {
    background: url(../img/top/news_bg_sp.jpg);
    padding: 50px 0;
  }
  .brics-news .brics-headline {
    margin-bottom: 30px;
  }
  .brics-news-list {
    flex-direction: column;
    gap: 25px;
    padding: 0 20px;
  }
  .brics-news-list__item {
    width: 100%;
  }
  .brics-news-list__item a {
    display: flex;
    gap: 18px;
  }
  .brics-news-list__item-img {
    width: calc((100% - 18px) * 0.47);
    margin-bottom: 0;
  }
  .brics-news-list__item-info{
    width: calc((100% - 18px) * 0.53);
  }
  .brics-news-list__item-date {
    margin-bottom: 0;
  }
  .brics-news-list__item-name {
    font-size: 13px;
    line-height: 1.2;
  }
  .brics-news-list__item-tag{

    font-size: 8px;
    line-height: 1;
    color: #FFF;
    display: block;
    width: fit-content;
    background: #000;
    padding: 7px 6px 5px;
    margin-bottom: 5px;
  }
  .brics-news .brics-more-btn{
    width: 64%;
    color: #3A3A3B;
    border-color: #3A3A3B;
    margin: 40px auto 0;
    padding: 12px;
  }
  .brics-news .brics-more-btn:hover{
    opacity: 1;
    color: #3A3A3B !important;
  }
  .brics-item-history #block_of_itemhistory {
    border-top: 0;
    margin: 0;
    padding: 50px 0 20px;
  }
  .brics-item-history  .block-recent-item--body .block-thumbnail-t--items {
    gap: 15px;
    padding: 0 20px;
  }
  .brics-item-history  .block-recent-item--body .block-thumbnail-t--items li {
    width: 130px;
    margin: 0;
    padding: 0;
  }
  .brics-item-history .block-recent-item--body .block-thumbnail-t--items li:nth-child(2n+1) {
    padding-left: 0 !important;
  }
  .brics-item-history  .block-recent-item--body .block-thumbnail-t--items li a {
    display: block;
  }
  .brics-item-history .block-thumbnail-t--goods-description{
    display: none;
  }
  .brics-item-history .block-thumbnail-t--goods-image figure {
    background: #fff;
    padding: 0;
    min-width: auto;
  }
  .brics-item-history .block-thumbnail-t--goods-image {
    margin-bottom: 0;
  }
  .brics-item-history .block-recent-item--header {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0;
    font-style: italic;
    padding: 0;
    padding-bottom: 0 !important;
  }
  .brics-item-history .block-recent-item--header span{
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    display: block;
  }
  .brics-item-history .block-recent-item--header::after {
    display: none;
  }

  #block_of_itemhistory {
    margin: 0;
    padding: 50px 0 20px;
  }
  .block-recent-item--body .block-thumbnail-t--items {
    gap: 15px;
    padding: 0 20px;
  }
  .block-recent-item--body .block-thumbnail-t--items li {
    width: 130px;
    margin: 0;
    padding: 0;
  }
  .block-recent-item--body .block-thumbnail-t--items li:nth-child(2n+1) {
    padding-left: 0 !important;
  }
  .block-recent-item--body .block-thumbnail-t--items li a {
    display: block;
  }
  .block-recent-item--header {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0;
    font-style: italic;
    padding: 0;
    padding-bottom: 0 !important;
  }
  .block-recent-item--header span{
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    display: block;
  }
  .block-recent-item--header::after {
    display: none;
  }

  .brics-banner{
    margin-bottom: 75px; 
  }
  .brics-banner-list__item{
    width: 100%;
  }
  .brics-banner-list__item a img {
    width: 100%;
    height: auto;
  }
  #pane-footer-link .container.type1 {
    width: auto !important;
    display: flex !important;
    justify-content: space-between;
  }
  #sort_floatingbtn{
    display: none !important;
  }

}


body {
  font-family: 'Noto Sans JP', sans-serif !important;
}

:lang(en) {
  font-family: 'Karla', sans-serif !important;
  font-style:normal !important;
}


.block-icon,
.block-ranking-r--rank,
button{
  display:none !important;
}


.block-about-wrap {
  display: flex;

  justify-content: center;
  gap: 0px; 
}

.block-about-wrap h2.brics-headline {
  width: 450px;
  height:400px;
  margin: 0;
  background-color:#000000;
  color:#FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align:left;
  padding-left:50px;
}
.block-about-wrap img {
  width: 750px;
  height: auto;
  
}


.block-style-wrap {
  display: flex;
  flex-direction: column;
  max-width:1200px;
  margin:0 auto;
  margin-bottom:120px;
}

.block-style-wrap .img_L,
.block-style-wrap .img_R {
  width: 50%;
}

.block-style-wrap .img_L img,
.block-style-wrap .img_R img {
  width: 100%;
  height: auto;
  display: block;
}
.block-style-wrap .block-style-images {
  display: flex;
}

.block-style-wrap .img_L a img:hover,
.block-style-wrap .img_R a img:hover {
  filter: brightness(50%);
  transition: filter 0.3s ease;
}

.block-shoplist-wrap {
  display: flex;
  justify-content: center;
  gap: 0px; 
  margin-bottom:120px;
}

.block-shoplist-wrap h2.brics-headline {
  width: 450px;
  height:400px;
  margin: 0;
  background-color:#000000;
  color:#FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align:right;
  padding-right:50px;
}
.block-shoplist-wrap img {
  width: 750px;
  height: auto;
}

.block-instagram-wrap {
  display: flex;
  flex-direction: column;
  max-width:1200px;
  margin:0 auto;
  margin-bottom:120px;
}

.block-instagram-wrap p {
  text-align:center;
  margin-top:-30px;
  font-size:14px;
  margin-bottom:20px;
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: -30px!important;
    left: 0;
    width: 900px;
}
.swiper {
    overflow: visible !important;
}
.brics-mv-img .swiper-pagination-bullet {
  width: 30px;
  height: 4px;
  display: inline-block;
  border-radius: 1px; 
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  margin: 0 10px !important;

}
.brics-mv-img .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}
:root {
    --swiper-theme-color: #BA170F !important;
}
.vsm-selection-title {
  display:none;
}



/******/
.sp-only{
  display: none !important;
}
.brics-header-include{
  position: relative;
  z-index: 5;
}
.brics-header-include.is-active{
  z-index: 200;
}
.brics-header{
  margin: auto;
  z-index: 2;
  padding: 40px 0;
  background-color: #FFF;
}
.brics-header-menu{
  display: none;
}
.brics-header-logo{
  text-align: center;
}
.brics-header .brics-header-logo img.is-default{
  /*display: none;*/
}
.brics-header-logo img.is-hover{
  display: inline;
}
.brics-header-logo h1{
  margin-bottom: 25px;
}
.brics-nav{
  position: relative;
}
.brics-nav-list{
  display: flex;
  justify-content: center;
  gap: 40px;
}
.brics-nav-list__item a,.brics-nav-list__item span{
  font-family: var(--fontType02);
  font-size: 13px;
  color: #000;
  text-decoration: none;
  position: relative;
  display: block;
  cursor: pointer;
  transition: .4s;
}
.brics-nav-list__item a::after,.brics-nav-list__item span::after {
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  background: #000;
  transition: .4s;
}
.brics-nav-list__item a:hover::after,.brics-nav-list__item span:hover::after {
  width: 100%;
  left: 0;
}
.brics-nav-list__item.is-active span::after {
  width: 100%;
  left: 0;
}
.brics-nav-list__item a:hover{
  color: #000 !important;
}
.brics-header-drop{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #FFF;
  padding: 70px 0;
  display: none;
}
.brics-header-drop-inner{
  width: 750px;
  margin: 0 auto;
}
.brics-header-drop-title{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 0 0 20px;
}
.brics-header-drop-title:not(:first-of-type){
  margin-top: 70px;
}
.brics-header-drop-list{
  display: flex;
  flex-wrap: wrap;
  gap: 40px 30px;
}
.brics-header-drop-list__item{
  width: calc((100% - (30px * 5)) / 6);
}
.brics-header-drop-list__item a{
  text-decoration: none;
}
.brics-header-drop-list__item-img{
  margin-bottom: 5px;
}
.brics-header-drop-list__item-img img{
  display: block;
}
.brics-header-drop-list__item p{
  font-family: var(--fontType02);
  font-size: 12px;
  color: #000;
  text-align: center;
}
.brics-header-drop-list__item a:hover{
  opacity: 0.5;
}
.brics-header-drop-list__item a:hover p{
  color: #000 !important;
}