/*ヘッダーバナー*/
/*PC*/
@media (min-width: 1200px) {
.spdb_tf{display:none!important;}
.tbdb_tf{display:none!important;}
.pcdb_tf{display:block!important;}
}
/*tab*/
@media (min-width: 768px) and (max-width: 1199px) {
.spdb_tf{display:none!important;}
.tbdb_tf{display:block!important;}
.pcdb_tf{display:none!important;}
}
/*SP*/
@media (max-width: 767px) {
.spdb_tf{display:block!important;}
.tbdb_tf{display:none!important;}
.pcdb_tf{display:none!important;}
}
/*ヘッダーバナー*/
.headbanner_tf{
  text-align:center;
  img{
    width:auto;
  }
}

/*リンクボタン用*/
.btn_tf{
  display:inline-flex!important;
}

/*アウトレット赤字用*/
.menu__panel > .menu__item:nth-of-type(6) span{
  font-weight:bold;
  color:#c90000;
}

/*固定ミニバナー*/
.fixed-mini-banner {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #f8f8f8;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.fixed-mini-banner__container {
  position: relative;
}

.fixed-mini-banner__link {
  display: inline-block;
  position: relative;
}

.fixed-mini-banner__image {
  max-width: 100px;
  height: auto;
  display: block;
}
@media (min-width: 768px) and (max-width: 1199px) {
.fixed-mini-banner__image {
max-width: 150px;
}
}
@media (min-width: 1200px) {
.fixed-mini-banner__image {
max-width: 200px;
}
}

.fixed-mini-banner__close {
  position: absolute;
  top: -10px;
  right: -10px;
  background: #000;
  border: none;
  color: white;
  font-size: 14px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*パンクズ*/
.breadcrumb{
  text-align:left;
  padding:0.5em;
}
@media (min-width: 1200px) {
  .breadcrumb{
    width:1200px;
    margin-left:auto;
    margin-right:auto;
  }          
}

/*商品ラベル*/
.product-image__overlay-top.position-absolute.d-flex.flex-wrap.top-0.left-0.w-100.px-10.pt-10{
  bottom:0!important;
  top:auto!important;
  padding-left:0px!important;
.product-image__overlay-top-left.product-collection__labels.position-relative.d-flex.flex-column.align-items-start.mb-10{
  margin-bottom:0!important;
}
  
}

/*商品ページ用*/

.custom-txtbrandlink a{
background-color: #222;
    color: #fff !important;
    display: inline-block;
    margin-bottom: 1em;
    padding: 0.5em;
}


/*獲得ポイント用*/
.product_point_tf{
background-color: #081752;
    display: inline-block;
    color: #fff;
    padding: 5px 7px;
    border-radius: 5px;
}

.shopify-block.shopify-app-block.sa-050-ur-prod-dis-login{
  padding-left:0;
.discount-value-text.animation{
  font-weight:bold;
a{
  font-size:var(--body-lg-size);
}
}
}

#shopify-block-shopify_apps_blocks_product_discount_text_0c8078e9_21ba_4c7d_8c40_ccfaecb3ab4c_wUWXRi.sa-050-ur-prod-dis-login .discount-value-text{
  color:#cc0000;
  font-size:1.2em;
  line-height:1.5;
}


.custom_zeikomi {
  font-size: 0.5em;
  margin-left: 5px;
  color: var(--theme-c);
}
.product-page-info__title,.item_parts.itemtxt,.product-page-info__details,.product-page-info__price,.product-page-info__custom-liquid{
  text-align: left !important;
}

.product-page-info__text {
  text-align: left !important;
  margin-top: 20px !important;
}
.product-page-info__text h5 {
  margin-bottom: 10px; 
} 
/*出荷案内*/
#shipping-info{
  border:1px solid #081752;
  border-left:10px solid #081752;
  padding:1em;

p{
margin-bottom:5px;
color:#141414;
font-size:1.2em;
}
a{
  color:#081752;
  font-size:1em;
}
}
/*お気に入りボタン日本語化*/
.loo-regular:before{
  content:"お気に入りに追加";
  font-size:12px;
}
.loo-active:before{
  content:"お気に入りを解除";
    font-size:12px;
}
.loo-regular,.loo-active{
font-size:0;
}

/*サイズ表*/
.item_parts.sizetable {
  margin: 15px 0 0;
  padding: 0 15px;
}
.item_parts.sizetable table,
.item_parts.sizetable th,
.item_parts.sizetable td {
  padding: 10px 13px;
  border: 1px solid #eee;
  border-collapse: collapse;
  line-height: 1.5;
}
.item_parts.sizetable th {
  font-weight: normal;
  white-space: nowrap;
  padding: 10px 15px;
  vertical-align: top;
  background: #f3f3f3;
  color: #888;
}
.item_parts.sizetable td {
  color: #333;
  text-align: center;
}
.item_parts.sizetable .sticky_table_wrapper {
  overflow-x: scroll;
  width: 100%;
  box-shadow: -7px 0 11px -8px rgba(0, 0, 0, 0.25) inset;
  margin: 0 0 30px;
}
.item_parts.sizetable .sticky_table_wrapper .sticky_table {
  width: 100%;
}
.item_parts.sizetable .sticky_table thead th {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: 0; /*z-index: -1;*/
}
.item_parts.sizetable .sticky_table th:first-child {
  /* 横スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}
.item_parts.sizetable .sticky_table thead th:first-child {
  /* ヘッダー行内の他のセルより手前に表示する */
  z-index: 1;
} /* indexspスライダー矢印 */
.slider__prev.cursor-pointer.slick-arrow,
.slider__nexte.cursor-pointer.slick-arrow {
  display: block !important;
}


.price.price--sale span:nth-of-type(2) {
  color: #f00;
  font-weight: bold;
  font-size: 1.2em;
}
.productTag_custom {
  display: flex;
  margin-top:15px;
}
.productTag_custom a {
  background-color: #081752;
  padding: 8px;
  margin-right: 5px;
  color: #fff!important;
}
.itemimgalt_tf {
  padding: 1em 0;
}
@media screen and (min-width: 1025px) {
.custom-banner{
  img{
    width:50%;
  }
}
}
/*閲覧履歴*/
#recently-view-upsell .product-template__title{
  margin:0.5rem 0;
}
.recently-viewed-product__page-margin{
  margin:0 auto;
}
.recently-viewed-product__page-width,#shopify-block-rempro_display_recent_view_products_7Rrmb9{
  padding:0;
}

.recently-viewed-product__title{
  margin-bottom:25px;
}


/*ブランドページ用 タイル調整*/
#aphlotusアプロタス,
#jiggys-shopジギーズショップ,
#crazy-ferretクレイジーフェレット,
#crazy-ferretクレイジーフェレット,
#lulu-amp-arnie-ルルアンドアーニー,
#g-o-cジー-オー-シー  {
  /*PC*/
@media screen and (min-width: 1025px) {
  .instafeed__item.col-4.mb-10.mb-lg-30 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  
}
}

/* セクション全体のスタイル */
.blog-list_tf {
  .container{
    padding-right:0;
  }
  ul {
    list-style-type: none; /* リストの黒丸を消す */
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
   overflow-x: scroll;
    -webkit-overflow-scrolling: touch; /* スムーズスクロール */

  }

  li {
    background-color: #fff;
    overflow: hidden;
    flex: 0 0 calc(25% - 20px); /* PCで4つのアイテムが並ぶ */
    margin:20px 0;
    transition: transform 0.3s;
    position: relative;


    &:hover {
      transform: translateY(-2px);
      border-color: #d0d0d0;
    }

    a {
      color: inherit;
      text-decoration: none;
      display: block;
      height: 100%;
    }

    img {
      width: 100%;
      height: 200px; /* 高さを固定 */
      object-fit: cover; /* アスペクト比を維持してトリミング */
      display: block;
      transition: opacity 0.3s;
    }

    .title {
      font-size: 1em;
      margin: 15px;
      color: #333;
      transition: color 0.3s;

      &:hover {
        color: #007aff; /* Appleのリンク色 */
      }
    }

    .date {
      display: block;
      font-size: 12px;
      color: #999;
      margin: 0 15px 15px 15px;
    }
  }

  @media (max-width: 1024px) {
    /* PCの小さめの画面やタブレット横向き */
    li {
      flex: 0 0 calc(33.33% - 20px); /* 3つ並ぶ */
    }
  }

  @media (max-width: 768px) {
    /* タブレット縦向き */
    li {
      flex: 0 0 calc(50% - 20px); /* 2つ並ぶ */
    }
  }

  @media (max-width: 576px) {
    /* スマホ */
    ul {
      flex-wrap: nowrap;
    }

    li {
      flex: 0 0 calc(42% - 20px); /* 2つと次が少し見える */
    }
  }
}


/* セクション全体のスタイル*/
.ranking-collection {
  background-color: #f8f8f8;
  .container{
    padding-right:0;
  }
  ul {
    list-style-type: none; /* リストの黒丸を消す */
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
     overflow-x: scroll;
    -webkit-overflow-scrolling: touch; /* スムーズスクロール */

    
  }

  li {
    background-color: #fff;
    overflow: hidden;
    flex: 0 0 calc(25% - 20px); /* PCで4つのアイテムが並ぶ */
    margin:0 0 20px;
    transition: transform 0.3s;
    position: relative;
        padding:0!important;

    &:before {
      display:none!important;
    }
    
    &:hover {
      transform: translateY(-2px);
      border-color: #d0d0d0;
    }



    a {
      color: inherit;
      text-decoration: none;
      display: block;
      height: 100%;
.imgadjust_tf{
        padding-top:120%;
}
      
    }

    img {
      width: 100%;
      height: auto; 
      object-fit: cover; /* アスペクト比を維持してトリミング */
      display: block;
      transition: opacity 0.3s;
      position:absolute;
      top:0;
      left:0;
    }

    .title {
      font-size: 1em;
      margin: 15px;
      color: #333;
      transition: color 0.3s;

      &:hover {
        color: #007aff; /* Appleのリンク色 */
      }
    }
    .price{
      text-align:center;
      display:block;
      padding-bottom:15px;
    }
   .rank {
      position:absolute;
      top:0;
      left:0;
      width:20px;
      height:20px;
      text-align:center;
      font-weight:bold;
           color:#fff;
     background-color: rgba(0, 0, 0, 0.2);
    }    

    &:nth-of-type(1) .rank {
      background:rgb(238 158 0);

    } 
    &:nth-of-type(2) .rank {
      background:rgb(104 103 100);
    }
    &:nth-of-type(3) .rank {
      background:rgb(159 84 0);
    } 
  }

  @media (max-width: 1024px) {
    /* PCの小さめの画面やタブレット横向き */
    li {
      flex: 0 0 calc(33.33% - 20px); /* 3つ並ぶ */
    }
  }

  @media (max-width: 768px) {
    /* タブレット縦向き */
    li {
      flex: 0 0 calc(50% - 20px); /* 2つ並ぶ */
    }
  }

  @media (max-width: 576px) {
    /* スマホ */
    ul {
      flex-wrap: nowrap;
    }

    li {
      flex: 0 0 calc(42% - 20px); /* 2つと次が少し見える */
    }
  }
}


/* indexブランドバナー */
  @media (max-width: 768px) {
.custombrandbana .row{
display:grid;
  grid-template-columns:1fr 1fr;
}
.custombrandbana .row > div.col-6{
  max-width:100%;

}
}

/* index・ブランドページランキング */
[data-section-id="template--17082492387503__carousel_products_iqp9eK"],
[data-section-id="template--17291665146031__carousel_products_rGj8Mn"],
[data-section-id="template--17341698605231__carousel_products_xUwdM6"],
[data-section-id="template--17342273618095__carousel_products_aeW6Cf"],
[data-section-id="template--17342410686639__carousel_products_mQ7rzP"],
[data-section-id="template--17342410686639__carousel_products_jNjFDA"]
{
.slick-track [data-slick-index] .rimage:before{
      position:absolute;
      top:0;
      left:0;
      width:20px;
      height:20px;
      text-align:center;
      font-weight:bold;
      color:#fff;
     background-color: rgba(0, 0, 0, 0.2);
   content: ""; 
    z-index:1;
}
.slick-track  [data-slick-index="0"]  .rimage:before{
    content:"1";

   background:rgb(238 158 0);
}
  .slick-track  [data-slick-index="1"]  .rimage:before{
    content:"2";
    background:rgb(104 103 100);
}
  .slick-track  [data-slick-index="2"]  .rimage:before{
    content:"3";
      background:rgb(159 84 0);
}
   .slick-track  [data-slick-index="3"]  .rimage:before{
    content:"4";
} 
   .slick-track  [data-slick-index="4"]  .rimage:before{
    content:"5";
}   
    .slick-track  [data-slick-index="5"]  .rimage:before{
    content:"6";
} 
     .slick-track  [data-slick-index="6"]  .rimage:before{
    content:"7";
} 
       .slick-track  [data-slick-index="7"]  .rimage:before{
    content:"8";
} 
         .slick-track  [data-slick-index="8"]  .rimage:before{
    content:"9";
}
           .slick-track  [data-slick-index="9"]  .rimage:before{
    content:"10";
} 
}

/* ブランドページメインバナーリンクボタン位置 */
#aphlotusアプロタス,
#jiggys-shopジギーズショップ,
#crazy-ferretクレイジーフェレット,
#crazy-ferretクレイジーフェレット,
#lulu-amp-arnie-ルルアンドアーニー,
#g-o-cジー-オー-シー  {
[data-section-id="template--17291665146031__home_builder_zPEXrz"],
[data-section-id="template--17341698605231__home_builder_zPEXrz"],
[data-section-id="template--17342273618095__home_builder_zPEXrz"],
[data-section-id="template--17342410686639__home_builder_zPEXrz"]{
  .flex-center{
    align-items:end !important;
  .p-15{
    padding:60px !important;
  }
  }
}
}

/* index・ブランドページランキング */
.ranking100-section{

.list-unstyled {
  display: grid;
grid-template-columns: repeat(2, 1fr);
  list-style: none;  /* リストマーカーを削除 */
  padding: 0;
  margin: 0;
  grid-gap:1rem;
@media (min-width: 768px) {
grid-template-columns: repeat(4, 1fr);
}
}
  
#products-list li{
a{
position:relative;
&:before{
position:absolute;
top:0;
left:0;
width:20px;
height:20px;
text-align:center;
font-weight:bold;
color:#fff;
background-color: rgba(0, 0, 0, 0.2);
}    
}
&:nth-of-type(1) a:before {
background:rgb(238 158 0);
} 
&:nth-of-type(2) a:before  {
background:rgb(104 103 100);
}
&:nth-of-type(3) a:before  {
background:rgb(159 84 0);
} 
&:nth-of-type(1) a:before{content:"1";}
&:nth-of-type(2) a:before{content:"2";}
&:nth-of-type(3) a:before{content:"3";}
&:nth-of-type(4) a:before{content:"4";}
&:nth-of-type(5) a:before{content:"5";}
&:nth-of-type(6) a:before{content:"6";}
&:nth-of-type(7) a:before{content:"7";}
&:nth-of-type(8) a:before{content:"8";}
&:nth-of-type(9) a:before{content:"9";}
&:nth-of-type(10) a:before{content:"10";}
&:nth-of-type(11) a:before{content:"11";}
&:nth-of-type(12) a:before{content:"12";}
&:nth-of-type(13) a:before{content:"13";}
&:nth-of-type(14) a:before{content:"14";}
&:nth-of-type(15) a:before{content:"15";}
&:nth-of-type(16) a:before{content:"16";}
&:nth-of-type(17) a:before{content:"17";}
&:nth-of-type(18) a:before{content:"18";}
&:nth-of-type(19) a:before{content:"19";}
&:nth-of-type(20) a:before{content:"20";}


  }
}

.blogfooterlist{
  text-align:left;
h3{
  font-size:1em;
}
details{  
summary{
  padding:1em 0 1em 1em;
  background-color:#f4f4f4;
&:after{
  right:10px;
}
}
div.articlelist{
    display:grid;
    grid-template-columns:0.2fr 1fr;
    grid-gap:1em;
  margin-bottom:1em;
  border:1px solid #eee;
  padding:0.5em;
}
}
details[open]{
summary{
  background-color:#fff;
  font-weight:bold;
  color:#222;
} 
} 
}

/*フッターSNSアイコン*/
.footersns{
    display: flex;
    align-items: center;
    justify-content: center;
  margin-bottom: 3em;
div {
    width: 5em;
    padding: 1em;
}
}

/*試着不可ラベル*/
p.fitting_no{
  background: #f00;
  padding:0.5em;
  display: inline-block;
  color: #fff;
}

/*お気に入りボタンハートマーク*/
.mxpr-favorites-button::before {
  content: "❤";         /* ハートマークを追加 */
  color: 575f86;            /* ハートマークの色 */
  margin-right: 6px;     /* ハートとテキストの間のスペース */
  font-size: 1.8em;      /* ハートのサイズ（調整可能） */
  vertical-align: middle; /* テキストと高さを揃える */
}

.ranking-list li::before {
display: none !important;
}

.ranking-list ul:not(.list-unstyled):not([list-unstyled]) li{
  padding-left: initial;
}

/*TOPページ背景変更
a.d-flex span{
  color: #000 !important;
}
.menu__panel > .menu__item:nth-of-type(6) span {
    font-weight: bold !important;
    color: #c90000 !important;
}
.template-index,.template-index #shopify-section-template--17569959084207__spacer_zbKyRt, 
.template-index #shopify-section-template--17569959084207__home_builder_PcgX6p,
.template-index #shopify-section-template--17569959084207__1586280477165,
.template-index #shopify-section-template--17569959084207__1586280453180{ 
  background-image: url("/cdn/shop/files/bg8.jpg") !important;
  background-size: cover; 
  background-attachment: fixed;
  background-position: center; 
  color:#fff  !important;
}
.template-index #shopify-section-sections--17569939783855__custom_liquid_section_LaXNPN,
.template-index #shopify-section-sections--17569939783855__spacer_8Q6CB3,
.template-index #shopify-section-sections--17569939783855__spacer_xnNxz4{
  background:#fff;
}
*/

/*カートボタン*/

[data-js-footbar-product-limit] .d-flex {
  display: flex;
  flex-wrap: wrap; /* 要素を折り返せるようにする */
}
.product-page-info__quantity {
  width:100%;
}
.product-page-info__button-add-to-cart .btn {
  margin-top:5%;
  padding:6% 0;
  background-color:#136ddd !important;
  border-color: #136ddd !important;
  color:#fff;
  font-size:1.2em;
}
@media (min-width: 1000px) {
  .product-page-info__button-add-to-cart .btn {
    padding:4% 0;
  }
}

 /*商品名掲載用（メタフィールド『商品名（検索結果掲載に使用）』を使用）*/
.itemname_view{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9em;
  padding-bottom: 10px;
  width: 100%;
  color: #333 !important;
}
.product-collection__more-info{
  font-size: 0.8em; 
  font-weight: normal;
  color: #555 !important;
}
.product-collection__price span.price span{
  color: #000 !important;
}
.product-collection__price span.price--sale span{
  color: #f00 !important;
}