/*新着 スマホタブレット非表示*/
@media screen and (max-width: 959px) {
  #news{ display:none;}
  
}

/*一行お知らせ ここから*/
.info {
    border: 1px solid #eaeaea;
    width:90%;
    margin: 0 5% 40px 5%;
    padding: 0 auto;
  }
  .info:hover {
    background:#f5f8fa;
  }
  
  .info p{
    text-align: center;
   }
  .info a {
     font-size: 14px;
     letter-spacing: 0.12em;
     text-decoration: none;
   }
  .info span{
    display: inline-block;
    background-color:#FFF445;
    margin-right: 10px;
    padding: 0 10px;
    font-size: 14px;
    line-height:1.4em;
    border-radius: 3px; 
  }
   .info svg{
       width: 18px;
       height: 18px;
       vertical-align: -.1em;
       fill: currentColor; 
   }
  @media screen and (max-width: 959px) {
    .info{margin: 0 5% 20px 5%;}
    .info p{padding:5px 10px;}
    .info span{
        display:block;
        width: max-content;
        margin: 0 auto 5px;
     }
    }
  /*一行お知らせ ここまで*/
/* バナーリスト小*/
  
  .banner-s-container {
    width: 100%;
    max-width: 1100px; /* 必要に応じて変更 */
    margin: 0 auto;
  }
  
  .banner-s {
    display: grid;
    gap: 10px; /* バナー間の余白 */
    list-style: none;
    padding: 0;
  }
  
  .banner-item {
    width: 100%;
  }
  
  .banner-item img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  /* PC (横3×縦2) */
  @media (min-width: 1025px) {
    .banner-s {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(2, auto);
    }
  }
  
  /* タブレット (横2×縦3) */
  @media (max-width: 1024px) and (min-width: 768px) {
    .banner-s {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(3, auto);
    }
  }
  
  /* スマホ (横1×縦6) */
  @media (max-width: 767px) {
    .banner-s-container {
        width: 90%;
        margin:0 5% 0 5%;
      }
    .banner-s {
      grid-template-columns: 1fr;
      grid-template-rows: repeat(6, auto);
    }
  }
  /* //バナーリスト小*/
  /* コンセプトスライド重ね */
  .overlay-svg {
      position: absolute; /* 絶対配置 */
      top: 40%; /* スライドショーの上に配置 */
      left: 50%;
      transform: translate(-50%,-50%);
      width: 60%;
      pointer-events: none; /* SVGがクリックを邪魔しないように */
      z-index: 200; /* スライドショーより前面に */
    }
  .svg-white {
      filter: invert(1) brightness(2); /* 色を白に */
  }
  /* スマホ用ヘッダータイトル */
  .sp-header{width:100%; margin-top:0px;}
  .sp-header__tips{text-align: center; background-color: #DBE7ED;}
  .sp-header__tips span{display:inline-block; padding: 5px 0; font-size: 0.8em;letter-spacing:0.12em}
  
  @media screen and (min-width: 599px) {
  .sp-header{display: none;}
  }
  /* スマホ用ヘッダータイトル */
  
  /* スマホ用ショップロゴ */
  .p-top-logo {
    font-size: 20px;
    line-height: 1.4;
    max-width: 60%;
    margin: 20px auto;
    text-align: center;
  }
  
  .p-top-logo a {
    display: block;
    transition: opacity .2s;
    text-decoration: none;
    color: #333;
  }
  
  .p-top-logo a:hover {
    opacity: .66;
  }
  
  .p-top-logo a:active {
    opacity: 1;
  }
  
  #slider-wrapper {
      position: relative; /* スライドショーの基準点に */
      z-index: 1; /* 背面に配置 */
    }
  
  #slider-wrapper .bx-controls-direction a {
    z-index: 100;
  }
  
  #slider-wrapper .bx-viewport {
    top: 0;
    left: 0;
    border: 0;
    background: #f8f8f8;
    box-shadow: none;
  }
  
  #slider-wrapper .bx-wrapper img {
    margin: 0 auto;
    position: relative;
  }
  
  #slider-wrapper .bx-caption {
    top: auto;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
  }
  
  #slider-wrapper .bx-caption span {
    padding: 0.5em;
  }
  
  #slider-wrapper .bx-pager {
    position: relative;  /* 親要素に対して相対的に配置 */
    top:auto;
    bottom: 0;  /* bottom の指定を解除 */
    text-align: center; /* ドットを中央揃え */
  }
  
  #slider-wrapper .bx-pager a {
    background: #f5f8fa;
    width: 8px;  /* ドットの幅 */
    height: 8px;  /* ドットの高さ */
    background: #999;  /* ドットの色（お好みで変更） */
    border-radius: 50%;  /* 丸い形を維持 */
    display: inline-block; /* 横に並べる */
    margin: 0 5px; /* ドット間の余白 */
  }
  
  #slider-wrapper .bx-pager a:hover,
  #slider-wrapper .bx-pager a.active {
    background: #0099BD;
  }
  
  /*スライドショー 左右ボタン非表示に*/
  .bx-wrapper .bx-prev,
  .bx-wrapper .bx-next {
    display: none;
  }  
  .p-news {
    line-height: 1.5;
    margin: 0;
  }
  
  .p-news::after {
    display: block;
    clear: both;
    content: '';
  }
  
  .p-news__label {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    width: 180px;
    margin: 0;
    letter-spacing: 1px;
  }
  
  .p-news__content {
    line-height: 1.6;
    margin: 5px 0 20px 10px;
  }
  
  .p-news__content p:nth-child(1) {
    margin-top: 0;
  }
  
  .p-news__label {
    font-family: 'Montserrat', sans-serif;
  }
  
  .p-news__label::before {
    content: '-';
  }
  
  .p-info {
    line-height: 1.5;
  }
  
  .p-contents {
    line-height: 1.5;
    margin-bottom: 40px;
  }
  
  .p-contents__list {
    margin: 0 0 20px;
    padding: 0;
    list-style-type: none;
  }
  
  .p-contents__list::after {
    display: block;
    clear: both;
    content: '';
  }
  
  .p-contents__list li {
    position: relative;
    box-sizing: border-box;
    padding: 0 2em 0 1em;
  }
  
  .p-contents__list li::before {
    position: absolute;
    top: .5em;
    left: 0;
    content: '-';
  }
  
  .p-contents__list a {
    display: block;
    max-width: 100%;
    padding: .5em 0;
    transition: opacity .2s;
    text-decoration: none;
    color: #333;
  }
  
  .p-contents__list a:hover {
    opacity: .66;
  }
  
  .p-contents__list a:active {
    opacity: 1;
  }
  
  .p-custom-banner {
    width: 90%;
    margin:0 5% 0 5%;
  }
  
  .p-custom-banner__unit {
    background:#f5f8fa;;
  }
  
  .p-custom-banner__unit--text {
    font-family: 'Montserrat', sans-serif;
    padding: 30px 10px;
    color: #666;
    background:#f5f8fa;>;
    text-align: center;
  }
  
  .p-custom-banner__unit--text a {
    color: #666;
  }
  
  .p-custom-banner__image {
    width: 100%;
  }
  
  .p-custom-banner__heading {
    font-size: 1.2em;
    padding: 10px 0;
  }
  
  .p-custom-banner__body {
    line-height: 1.5;
    padding: 10px 0;
  }
  
  @media screen and (min-width: 600px) {
    .p-top-logo {
      display: none;
    }
  
    #slider-wrapper .bx-pager {
      bottom: 30px;
    }
  
    .p-contents__list li::before {
      top: 0;
    }
  
    .p-contents__list li {
      float: left;
      width: 50%;
      margin-bottom: 20px;
    }
  
    .p-contents__list li:nth-child(2n + 1) {
      clear: left;
    }
  
    .p-contents__list a {
      display: inline-block;
      padding: 0;
    }
  
    .p-custom-banner {
      display: table;
      table-layout: fixed;
    }
  
    .p-custom-banner__unit {
      display: table-cell;
      box-sizing: border-box;
      width: 50%;
      max-width: 50%;
      vertical-align: middle;
      word-break: break-all;
    }
  
    .p-custom-banner__unit--text {
      padding: 10px 20px;
    }
  }
  
  @media screen and (min-width: 960px) {
    .p-news__label {
      float: left;
      clear: left;
      margin-right: 20px;
    }
  
    .p-news__content {
      overflow: hidden;
      margin: 0 0 20px;
    }
  
    .p-custom-banner__heading {
      font-size: 1.2em;
    }
  }
  /* カテゴリリスト */
  
  .category-container {
      display: grid;
      gap: 30px; /* バナー間のスペースを広げる */
      padding: 40px 5vw; /* コンテナの左右に空白を追加 */
      max-width: 1200px;
  }
  
  /* PC（5列 × 2行 + 2個） */
  @media (min-width: 1024px) {
      .category-container {
          grid-template-columns: repeat(6, 1fr);
      }
  }
  
  /* タブレット（4列 × 3行） */
  @media (min-width: 768px) and (max-width: 1023px) {
      .category-container {
          grid-template-columns: repeat(4, 1fr);
      }
  }
  
  /* スマホ（3列 × 4行） */
  @media (max-width: 767px) {
      .category-container {
          grid-template-columns: repeat(3, 1fr);
      }
  }
  
  .category {
      text-align: center;
      transition: transform 0.3s ease-in-out; /* ホバー時のふわっと拡大 */
  }
  
  .category:hover {
      transform: scale(1.1); /* ホバー時に拡大 */
  }
  
  .category img {
      width: 100%;
      max-width: 200px; /* 画像をひとまわり小さく */
      aspect-ratio: 1 / 1; /* 正方形 */
      border-radius: 50%; /* 正円 */
      object-fit: cover;
      display: block;
      margin: 0 auto;
  }
  
  /* //カテゴリリスト/ */