/*#########################################################
# お知らせ(notice)色設定
#########################################################*/
.ym-glnav__notification > a.__inn {
  background-color: #eb551c;
}

.__inn span {
   animation   : scrollAnime 10s linear infinite;
}

@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}



/*#########################################################
# ヘッダードロップダウン調整
#########################################################*/

.ym-glnav__gl-ulist__dm-ul.ym-glnav__gl-ulist__dm-ul--1 {
  width: min(60vw,340px);
  left:calc(50% - min(25vw,170px));
}
.ym-glnav__gl-ulist__dm-ul.ym-glnav__gl-ulist__dm-ul--2 {
  width: min(60vw,340px);
  left:calc(50% - min(25vw,170px));
}

.ym-glnav__gl-ulist__dm-ul.ym-glnav__gl-ulist__dm-ul--3 {
  width: min(70vw,860px);
  left: initial;
  grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
  right:calc(50% - min(35vw,430px));
}

.ym-glnav__gl-ulist__dm-ul.ym-glnav__gl-ulist__dm-ul--4 {
  width: min(60vw,260px);
  left:calc(50% - min(25vw,130px));
}
.ym-glnav__gl-ulist__dm-ul.ym-glnav__gl-ulist__dm-ul--5 {
	width: min(60vw, 125px);
	left: initial;
	right: calc(50% - min(25vw, 63px));
}

.item-article .brand-image{
display:none;
}


/*#########################################################
# SPの商品詳細ページにて画像拡大サイズを調整するCSS
#########################################################*/


/*#########################################################
# レイクカテゴリページ用CSS
#########################################################*/
.category_l4k3 {
    display:　flex;
    flex-wrap: wrap;
    gap: 2%; /* 画像の間に余白を設定 */
    align-items: center; 
}

.category_l4k3 img {
    width:16%; /* 6列に設定 */
}
@media (max-width: 768px) {
    .category_l4k3{
        gap:30px;
    }
    .category_l4k3 img {
        width:31%; /* 3列に設定 */
    }
}


.category_pc4_sp2 {
    display:　flex;
    flex-wrap: wrap;
    gap: 2%; /* 画像の間に余白を設定 */
    align-items: center; 
}

.category_pc4_sp2 img {
    width:24%; /* 6列に設定 */
}
@media (max-width: 768px) {
    .category_pc4_sp2{
        gap:30px;
    }
    .category_pc4_sp2 img {
        width:45%; /* 2列に設定 */
    }
}



/*#########################################################
# カテゴリページ用CSS
#########################################################*/
.category_contents4 {
    display:　flex;
    flex-wrap: wrap;
    gap: 2%; /* 画像の間に余白を設定 */
    align-items: center; 
}

.category_contents4 img {
    width:24%; /* 4列に設定 */
}
@media (max-width: 768px) {
    .category_contents4 {
        gap:30px;
    }
    .category_contents4 img {
        width:48%; /* 4列に設定 */
    }
}


.category_contents4  {
    display:　flex;
    flex-wrap: wrap;
    gap: 3%; /* 画像の間に余白を設定 */
    align-items: center; 
    }


/*#########################################################
 パスワード再設定、送信押下後の表示の記述JavaScript
#########################################################*/

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
$(function(){
  if($('.fs-c-panel--info').length){
    $('.fs-c-inputInformation').hide();
    $('.fs-c-panel--info').text('届いたメールに従って、仮パスワードから「変更後パスワード」にご変更ください。');
  }
});
</script>

/*#########################################################
商品詳細の画像羅列削除
#########################################################*/
p.small {
  display: none;
}

