@charset "UTF-8";
/*____________________________________________________________________________

SITE TITLE: BOEM Lucida
TITLE: SP egnyte

(1) 全体
(2) テキストリンクスタイル
____________________________________________________________________________*/

/*_________________________________

トップページ スタイル調整
__________________________________*/


/* 人気ワード */
#hotword #hotword__list {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 12px 0 0 10px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  /* margin: 10px 2% 2px; */
}
#hotword .hotWord__title,
#hotword .hotWord__item a {
  line-height: initial;
  margin-right: 4px;
  margin-bottom: 12px;
  border-radius: 20px;
  padding: 4px 10px;
}
#hotword .hotWord__item a {
  color: #222;
  display: block;
  border: 1px solid #e2e2e2;
}
#hotword .hotWord__item a:hover {
  background: #eee;
}
#hotword .hotWord__title {
  background: #aaa;
  color: #fff;
}

/* TOP トピックス */
#sec_topics {
  margin: 32px 0;
  padding-top: 16px;
  overflow: hidden;
}
#arc-topics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -16px;
  margin-bottom: 24px;
}
#arc-topics li.item {
  width: 49.5%;
  margin-bottom: 1%;
}
#arc-topics a {
  display: block;
}
#arc-topics .img-block img {
  width: 100%;
}

/* TOP ランキング */
#item_ranking {
  margin-bottom: 32px;
  overflow: hidden;
}
#main_content .ranking_contents ol li {
  width: 48% !important;
}
#item_ranking .d-none {
  display: none;
}
#item_ranking .d-block {
  display: block;
}
#item_ranking .tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 24px auto;
  line-height: 27px;
  font-size: 15px;
  box-sizing: border-box;
  list-style: none;
  overflow-x: hidden;
  border-bottom: 1px solid #f3f3f3;
  color: #999;
}
#item_ranking .tab__item {
  cursor: pointer;
  padding: 6px 10px;
  text-align: center;
  flex-grow: 1;
  white-space: nowrap;
}
#item_ranking .tab__item:not(:first-child) {
  position: relative;
}
#item_ranking .tab__item.current {
  position: relative;
  cursor: default;
  color: #444;
}
#item_ranking .tab__item:not(:first-child):before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  bottom: 12px;
  width: 1px;
  pointer-events: none;
}
#item_ranking .tab__item.slick-current:after, .tab__item.current:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #444;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  #item_ranking .tab {
    margin: 0 auto 24px;
    font-size: 13px;
    margin-left: 2%;
  }
  #item_ranking .tab--scroll-sp {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  #item_ranking .ranking_contents p {
    margin-bottom: 24px;
  }
  /* SPトップのタブ表示解除 2×3に変更 */
  #item_ranking .tab-sp-top {
    border-bottom: none !important;
    justify-content: space-between;
    flex-wrap: wrap !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
    margin-bottom: 4px !important;
  }
  #item_ranking .tab-sp-top .tab__item {
    width: 32%;
    border: 1px solid #eee;
    flex-grow: unset;
    margin-bottom: 0.5em;
    padding: 4px 10px;
  }
  #item_ranking .tab-sp-top .tab__item.current {
    background: #aaa;
    color: #fff;
    border: 1px solid #aaa;
  }
  #item_ranking .tab-sp-top .tab__item.current:after {
    background-color: #aaa;
  }
}

/* TOP 中TCB */
#sec_middletcb,
#sec_lookbook,
#sec_shoplist {
  margin-top: 48px;
}
#middletcb ul li a,
#lookbook ul li a,
#shop-list ul li a {
  display: block;
  width: 100%;
}
#middletcb ul li img,
#lookbook ul li img,
#shop-list ul li img {
  display: block;
  width: 100%;
}
#middletcb,
#lookbook,
#shop-list {
  position: relative;
}
#middletcb .flex-control-nav,
#lookbook .flex-control-nav,
#shop-list .flex-control-nav {
  bottom: 6px !important;
  z-index:10;
}
#middletcb.flexslider,
#lookbook.flexslider,
#shop-list.flexslider {
  border: none !important;
  margin: 0 !important;
}
#middletcb-static ul li {
  margin-bottom: 3% !important;
}

/* TOP フィーチャー */
#sec_feature {
  margin-top: -24px !important;
}

/* TOP ニュース */
#sec_news {
  margin: 32px 0;
  padding-top: 16px;
}
#list-news {
  margin: 0 4%;
}
#list-news li.item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 16px;
}
#list-news .img-block {
  width: 34%;
}
#list-news .img-block img {
  width: 100%;
}
#list-news .txt-block {
  width: 66%;
  padding: 16px 0 16px 16px;
  line-height: 1.6;
}
#list-news .txt-title {
  font-size: 15px;
  margin-bottom: .5em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#list-news .txt-sub {
  color: #6D6F71;
}
#list-news small {
  color: #6D6F71;
  font-size: 90%;
}
#sec_news .btn_s {
  margin-top: 24px;
}

/* TOP STAFF SNAP */
#sec_staffsnap {
  margin: 32px 0;
  padding-top: 16px;
  overflow: hidden;
}
#arc-coordinate {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 16px;
}
#arc-coordinate li.item {
  width: 47.5%;
  display: inline-block;
  margin-right: 2px;
  vertical-align: top;
}
#arc-coordinate a {
  display: block;
}
#arc-coordinate .img-block img {
  width: 100%;
}
#arc-coordinate .txt-title,
#arc-coordinate .txt-sub {
  margin: 10px auto 6px;
  font-size: 11px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #6D6F71;
  width: 90%;
  text-align: center;
}
#arc-coordinate .txt-sub {
  margin-top: 4px;
}

/* TOP Instagram */
#instagram {
  margin-top: 32px !important;
}
#gallerlycontent {
  margin-bottom: 24px !important;
}
ul#instafeed li {
  width: 33.33%;
}

/* TOP 共通ボタンスタイル */
.container_top_starcrea .btn_s {
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #333 !important;
  width: 50% !important;
  padding: 5px 0 !important;
}



/* VISUMOセクション個別調整 */
#sec_rearrival {
  margin-top: 48px;
}
#sec_recommend {
  margin-top: 48px;
}
#sec_video {
  margin-top: 48px;
}
#sec_newarrival {
  margin-top: 48px;
  background-color: #dfd3c3;
  padding-top: 30px; /* margin ではなく padding に変更 */
}
#sec_trenditem {
  margin-top: 48px;
}
#sec_coordinate {
  margin-top: 48px;
}
#sec_preorder {
  margin-top: 48px;
}
#sec_userstyling {
  margin-top: 48px;
}

/* VISUMO共通スタイリング */
.ecbn-selection-page-wrapper .ecbn-selection-more-btn {
  margin-top: 4px !important;
}
.ecbn-selection-page-wrapper .ecbn-selection-image-loading-more {
  display: none;
}
.morebtn-on .ecbn-selection-page-wrapper .ecbn-selection-image-loading-more {
  display: block;
}
/* .ecbn-selection-preview .ecbn-selection-preview-close {
  width: 52px;
  height: 52px;
  right: auto;
  left: 50%;
  bottom: 10px;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: #222;
  top: auto !important;
}
.ecbn-selection-preview .ecbn-selection-preview-close:before {
  content: "";
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 2px;
  background: #ffffff;
  transform: translate(-50%,-50%) rotate(135deg);
}
.ecbn-selection-preview .ecbn-selection-preview-close:after {
  content: "";
  width: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 2px;
  background: #ffffff;
  transform: translate(-50%,-50%) rotate(45deg);
} */
.ecbn-selection-preview .ecbn-selection-preview-close {
  position: static;
  transform: none;
  top: unset!important;
  left: unset;
  height: 0;
  width: 0;
  font-size: 0;
}
.ecbn-selection-preview .ecbn-selection-preview-close:before {
  content: "×" !important;
  position: absolute !important;
  width: 52px !important;
  height: 52px !important;
  right: -8px !important;
  left: auto !important;
  top: 40px !important;
  bottom: auto !important;
  transform: translate(-50%,-50%) !important;
  border-radius: 50% !important;
  background: #222 !important;
  color: #fff !important;
  font-size: 20px !important;
  vertical-align: middle !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-weight: bold !important;
}
.ecbn-selection-preview .ecbn-selection-preview-close:after {
  content: "×" !important;
  position: absolute !important;
  width: 52px !important;
  height: 52px !important;
  right: auto !important;
  left: 50% !important;
  bottom: 10px !important;
  top: auto !important;
  transform: translate(-50%,-50%) !important;
  border-radius: 50% !important;
  background: #222 !important;
  color: #fff !important;
  font-size: 20px !important;
  vertical-align: middle !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-weight: bold !important;
}
.ecbn-selection-preview .ecbn-selection-preview-content {
  z-index: -1 !important;
}

/* VISUMO [タイル表示] 共通スタイル */
.visumo-tile .vsm-tile .ecbn-selection-snap {
  width: 100% !important;
  height: auto !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.visumo-tile .vsm-tile .ecbn-selection-item {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}
.visumo-tile .vsm-tile .ecbn-selection-item:nth-child(odd) {
  padding-right: 4.5px !important;
}
.visumo-tile .vsm-tile .ecbn-selection-item:nth-child(even) {
  padding-left: 4.5px !important;
}
.visumo-tile .vsm-tile .ecbn-selection-free-comment {
  font-size: 11px !important;
}
.visumo-tile .vsm-tile .ecbn-selection-detail--free-comment1 {
  margin-top: 1em;
}
.visumo-tile.with-price-display .vsm-tile .ecbn-selection-detail--free-comment2 .ecbn-selection-free-comment {
  font-size: 12px !important;
  font-weight: bold !important;
  margin-top: .4em;
}
.visumo-tile .vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item > div > a {
  padding-top: calc(100% / 3 * 4);
}

/* VISUMO [スライダー表示] 共通スタイル */
.visumo-slider .vsm-slider .ecbn-selection-wrapper li.ecbn-selection-item,
.visumo-slider .vsm-goods .ecbn-selection-wrapper li.ecbn-selection-item {
  padding: 3px;
  width: calc((100vw / 2) - 4px);
}
.visumo-slider .vsm-slider .ecbn-selection-wrapper li.ecbn-selection-item > div > a {
  position: relative;
  display: inline-block;
  width: calc((100vw / 2) - 10px) !important;
  height: calc(((100vw / 2) - 10px) * 1.7) !important;
  overflow: hidden;
  background: transparent;
  vertical-align: bottom;
}
.visumo-slider .vsm-slider .ecbn-selection-wrapper .ecbn-selection-slide-wrapper img.ecbn-selection-image {
  width: 98% !important;
}
.visumo-slider .ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a.ecbn-selection-slider-next {
  top: calc(((100vw / 1.8) - -108px) / 2) !important;
}
.visumo-slider .ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a.ecbn-selection-slider-prev {
  top: calc(((100vw / 1.8) - -108px) / 2) !important;
}
.visumo-slider .ecbn-selection-widget .ecbn-video-icon, .ecbn-user-post-content-wrapper .ecbn-video-icon {
  background-size: contain;
  width: 16px !important;
  height: 16px !important;
  top: 7px !important;
}

/* VISUMO [スライダー2] 表示共通スタイル */
.visumo-slider2 .vsm-slider .ecbn-selection-wrapper li.ecbn-selection-item,
.visumo-slider2 .vsm-goods .ecbn-selection-wrapper li.ecbn-selection-item {
  padding: 1px;
  width: calc((100vw / 2.5) - 4px);
}
.visumo-slider2 .vsm-slider .ecbn-selection-wrapper li.ecbn-selection-item > div > a {
  position: relative;
  display: inline-block;
  height: calc(((100vw / 2) - 10px) * 1) !important;
  overflow: hidden;
  background: transparent;
  vertical-align: bottom;
}
.visumo-slider2 .vsm-slider .ecbn-selection-wrapper .ecbn-selection-slide-wrapper img.ecbn-selection-image {
  width: 98% !important;
}
.visumo-slider2 .ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a.ecbn-selection-slider-next {
  top: calc(((100vw / 1.8) - 26px) / 2) !important;
}
.visumo-slider2 .ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a.ecbn-selection-slider-prev {
  top: calc(((100vw / 1.8) - 26px) / 2) !important;
}
.visumo-slider.mini-height .ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a.ecbn-selection-slider-next {
  top: calc(((100vw / 2.7) - -98px) / 2) !important;
}
.visumo-slider.mini-height .ecbn-selection-wrapper .ecbn-selection-slider-controls-direction a.ecbn-selection-slider-prev {
  top: calc(((100vw / 2.7) - -98px) / 2) !important;
}



/*_________________________________

CMSコンテンツ スタイル調整
__________________________________*/
#cms-contents .ql-size-small{
  font-size: 10px !important;
}
#cms-contents .ql-size-large{
  font-size: 14px !important;
}
#cms-contents .ql-size-huge{
  font-size: 18px !important;
}
#cms-contents p {
  margin: 0 0 .4em 0 !important;
}


/*_________________________________

2024年9月 SPトップ改修依頼 スタイル調整
__________________________________*/
.container_top_starcrea h2 {
  font-size: 20px;
}
#hotword.grid {
  margin-top: 32px;
}
#hotword.grid #hotword__list {
  display: grid;
  grid-template-columns: 32% 32% 32%;
  gap: 8px 2%;
  margin-bottom: 32px;
  padding: 0 10px;
}
#hotword.grid #hotword__list .hotWord__item a {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 0;
  margin-bottom: 0;
  padding: 5px 8px;
}