@media (max-width: 767px) {
  .shoptxt {
    text-align: left;
  }
  .slider {
    margin-bottom: 0;
    margin-top: 39px;
  }
  .slider .bx-wrapper .bx-caption span {
    font-size: 10px;
  }
  #contents .bx-wrapper .bx-controls-direction a {
    width: 24px;
    height: 24px;
    top: 42%;
  }
  #contents .bx-wrapper .bx-next {
    right: 10px;
    background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_w.png);
    background-position: -24px -216px;
  }
  #contents .bx-wrapper .bx-prev {
    left: 10px;
    background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_w.png);
    background-position: -504px -192px;
  }

  .info {
    margin-bottom: 40px;
  }
  .seller {
    margin-bottom: 0px;
  }
  .contents {
    margin-top: 0;
  }
    .main {
    padding-top: 0px;
  }
}
.news-list {
  margin-bottom: 23px;
}
.news-list li {
  list-style: disclosure-closed;
}
.ninja-recommend.image .ninja-recommend-articles {
	margin: 20px 0 20px !important;
}




/* 雪粒のアニメーション */
@keyframes snow-fall {
    0% {
        /* 初期位置：Y軸方向を0に設定 */
        transform: translateY(0); 
    }
    100% {
        /* 終了位置：ビューポートの高さ分だけ下に移動 (GPU処理で軽量) */
        transform: translateY(100vh);
    }
}

/* 真雪 */
/* @keyframes は変更なし */
@keyframes sway-and-fall {
    0% {
        transform: translateY(0) translateX(-30px);
    }
    50% {
        transform: translateY(50vh) translateX(20px);
    }
    100% {
        transform: translateY(105vh) translateX(-30px);
    }
}

/* --- コンテナ設定 --- */
.snow-field {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden;
}

/* --- 疑似要素の共通スタイル --- */
/* ::beforeと::afterで共通するプロパティをまとめる */
.snow-field::before,
.snow-field::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    /* colorではなく、background-colorで雪の色と透明度を指定 */
    color: rgba(255, 255, 255, 0.7);
    
    /* box-shadowは共通。ただし、個別に調整したい場合は分ける */
    box-shadow:
        10vw -10vh 2px 3px,
        25vw -30vh 3px 4px,
        40vw -5vh 2px 3px,
        5vw -45vh 2px 2px,
        60vw -20vh 4px 5px,
        75vw -50vh 2px 3px,
        90vw -15vh 3px 4px,
        15vw -60vh 2px 3px,
        50vw -70vh 4px 5px,
        85vw -25vh 2px 2px;

    /* animation は共通プロパティとしてここで指定 */
    animation: sway-and-fall 10s linear infinite;
}

/* --- 個別のスタイル (アニメーションの遅延時間のみ) --- */
.snow-field::after {
    /* ::afterのみアニメーション開始を遅延させる */
    animation-delay: 5s;
}
ul.ninja-recommend-articles li:nth-child(1),
ul.ninja-recommend-articles li:nth-child(2),
ul.ninja-recommend-articles li:nth-child(3),
ul.ninja-recommend-articles li:nth-child(4),
ul.ninja-recommend-articles li:nth-child(5),
ul.ninja-recommend-articles li:nth-child(8){
display:none !important;}