@charset "utf-8";

html {
    scroll-behavior: smooth;
}

/* 共通スタイル */
body {
  margin: 0;
  font-family: 'Arial', sans-serif;
  color: #333;
  line-height: 1.6;
  background: #f9f9f9;
}

h1, h2 {
  text-align: center;
  margin: 15px 0 10px 0;
}

section {
  padding: 20px 20px;/*元40 20*/
}


/*目次ボタン*/
.category-container {
  display: flex;
  width: 100%;
  background-color: white;
  flex-wrap: nowrap; /* 横並びを維持 */
}

.category-item {
  flex: 1 0 33%; /* 3分割で横幅を確保 */
  text-align: center;
  padding: 12px 0 18px 0;/*元15　0*/
  text-decoration: none;
  color: #ffffff;
  background-color: #365b8c;
  font-weight: bold;
  border-right: 2px solid #ffffff; /* 区切り線 */
  white-space: nowrap;
  position: relative;
}

/* 最後の項目の区切り線を消す */
.category-item:last-child {
  border-right: none;
}


.category-container {
  -ms-overflow-style: none; /* IE/Edge */
  scrollbar-width: none; /* Firefox */
}
/* ホバー時 */
.category-item:hover {
  background-color: #fabe1f;/*元fef0ce*/
  color: #ffffff;
  text-decoration: none;
}

@media (max-width: 600px) {
  .category-container {
    flex-wrap: wrap; /* 折り返しを許可 */
    justify-content: center;
  }

  .category-item {
    width: 0 0 33.33%; /* 上段：3つ*/
    font-size: 12px;
    padding: 10px 0;
    border-right: none; /* 一旦区切り線を消す（任意） */
    border-bottom: 1px solid #ffffff; /* 任意：下線で区切る */
    box-sizing: border-box;
    border-right: 1px solid #ffffff;
  }
 
 .category-item:nth-child(n+4) {
    flex: 0 0 50%;          /* 下段2つ */
  }
  /* 下段2つの幅調整 */
  /*.category-item:nth-child(4),
  .category-item:nth-child(5) {
    width: 50%;
    border-bottom: none;
    border-top: 1px solid #ffffff;
  }*/
  /* 右端になる3番目・5番目の項目だけ線を消す */
  .category-item:nth-child(3),
  .category-item:nth-child(5) {
  border-right: none;
}
}
/* 矢印 */
.category-item .arrow {
  position: absolute;
  left: 50%;
  bottom: 6px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
}

/*ボタン_目次*/
/* もっと見るボタン用ラッパー */
.button-wrapper1 {
  text-align: center;
  margin: 40px 0;/*上下左右*/
}

@media (max-width: 600px) {
  .button-outline {
    width: 90vw; /* ビューポート幅の90%にする */
    max-width: 100%; /* 念のため */
    box-sizing: border-box; /* 追加 */
  }
}

/*ボタン_もっと見る*/
.button01 {
  background-color: #fff;
  border: solid 2px #fe7c00;
  color: #fe7c00;
  width: 600px;
  height: 50px;
  border-radius: 30px;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 1em;
  box-shadow: 0 5px 0 #f17600;
  display: inline-block;
  transition: .3s;
}
.button01:hover {
  color: #fe7c00;
  transform: translateY(5px);
  box-shadow: 0 0 0 #f17600;
  text-decoration: none;
}

/* もっと見るボタン用ラッパー */
.button-wrapper {
  text-align: center;
  margin: 40px 0;/*上下左右*/
}

@media (max-width: 600px) {
  .button01 {
    width: 90vw; /* ビューポート幅の90%にする */
    max-width: 100%; /* 念のため */
    box-sizing: border-box; /* 追加 */
  }
}

/*ボタン_トップに戻る*/
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}

/* セールタイトル */
.saleTitle {
  text-align: center;
}

.saleTitle_period {
  font-size: 24px;
  font-weight: 900;
}

.saleTitle_period span {
  font-size: 16px;
}

@media (max-width: 1024px) {
  .saleSP {
    display: inline;
  }
  .saleTitle_period {
    font-size: 20px;
  }
  .saleTitle_period span {
    font-size: 12px;
  }
}



/* バナー全体セクション */
.banner {
  color: #365b8c; /*文字色カレントブルー */
  text-align: center;
  padding: 20px 0px 10px 0px;/*上 右 下 左 */
}

/* バナー中央寄せ + サイズ制限 */
.banner-content {
  max-width: 1000px;
  margin: 0 auto;
}

/* メインバナー画像 */
.main-banner {
  width: 100%;
  max-width: 100%;
  /*max-width: 950px;*/
  height: auto;
  max-height: 500px;
  object-fit: cover;
}

@media screen and (max-width: 1000px) {
  .main-banner {
    max-width: 100%;
  }
}


/* 20250605開催期間 */
.sale-date-text {
  display: inline-block;
  font-size: 16px;
}

.date-large {
  font-size: 22px;
  /*font-weight: bold;*/
  color: #365b8c;
}

.date-small {
  font-size: 16px;
  color: #666;
}

/* スマホ対応 */
@media (max-width: 600px) {
  .sale-date {
    font-size: 14px; /* 全体の文字サイズを少し小さく */
    text-align: center; /* 必要に応じて中央揃え */
    line-height: 1.4;
  }

  .sale-date-text {
    display: inline-block;
    font-size: 14px;
    white-space: nowrap; /* ← スマホだけ改行を防ぐ */
  }

  .date-large {
    font-size: 18px;
  }

  .date-small {
    font-size: 12px;
  }
}
/* 開催期間 */


/* 検索ボタン */
.search-buttons {
  background-color: #f0f0f0;
  text-align: center;
}

/* 価格帯から探す */
.buttons button {
  background-color: #007ACC;
  color: white;
  border: none;
  padding: 12px 24px;
  margin: 10px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
}

.buttons button:hover {
  background-color: #005f99;
}
/* 価格帯から探す */

/* 超目玉商品の最上部タイトル */
.special-deals {
  margin: 10px 0; /* 適宜調整 */
}

.special-deals-container {
  display: flex;
  align-items: center;
  /*max-width: 1000px;*/
  margin: 0 auto;
  background-color: #fff; /* 必要に応じて */
  padding: 5px 10px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
/*
.special-deals-img {
  width: 90px; 
  height: auto;
  margin-right: 20px;
}*/
/*
.special-deals-title {
  font-size: 26px;
  font-weight: 900;
  color: #365b8c; 
  margin: 0;
  flex-grow: 1;
  text-align: center;
}*/

/* 超目玉商品の最上部のタイトル */
.special-banner-tlt {
  background-color: #ffffff;
  color: #365b8c;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 0 0;         /* 上下のpaddingをなくす */
  height: 50px;         /* 高さを明確に指定 */
  line-height: 50px;    /* テキストを縦中央に揃える */
  /*padding: 16px 0;*/
  border-radius: 15px;
}

/* 超目玉商品 スマホ対応（幅600px以下） */
@media (max-width: 600px) {
  .special-banner-tlt {
    font-size: 18px;     /* スマホではやや小さめに */
    height: 40px;        /* 高さを縮小 */
    line-height: 40px;   /* 縦中央揃え */
    border-radius: 8px;
  }
}
/* 20250619_16 */
.coupon-banner{
  padding: 10px 10px;/
}

/* クーポンバナー、%OFF商品の最上部のタイトル */
.coupon-banner-tlt {
  background-color: #365b8c;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  /*padding: 8px;*/         
  height: 50px;         /* 高さを明確に指定 */
  /*line-height: 50px;*/    /* テキストを縦中央に揃える */
  border-radius: 10px;
  display: flex;               /* ← Flexboxで配置 */
  align-items: center;         /* 上下中央 */
  justify-content: center;     /* 左右中央 */
  text-align: center;
  padding: 0 10px;             /* 左右に少し余白（必要に応じて） */
  box-sizing: border-box;
}

/* スマホ対応（幅600px以下） */
@media (max-width: 600px) {
  .coupon-banner-tlt {
    font-size: 18px;     /* スマホではやや小さめに */
    height: 40px;        /* 高さを縮小 */
    line-height: 40px;   /* 縦中央揃え */
    border-radius: 8px;
    padding-top: 4px;   /* 上余白を少し小さく */
    padding-bottom: 4px; /* 下余白を少し小さく */
    margin-top: 8px;    /* 上マージンも調整 */
    margin-bottom: 8px; /* 下マージンも調整 */
  }
}

/* 上段：大きなクーポン画像 */
.coupon-main {
  margin-bottom: 30px;
  text-align: center;
}

.coupon-main img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/* 下段：並列クーポン画像 */
/*.coupon-sub-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}*/

/* 20250619 */
/* スマホ（縦並び：初期状態） */
/*.coupon-sub-container {
  display: block;
  gap: 16px;
  text-align: center;
}*/

/* PCのみ横並びにする */
/*@media screen and (min-width: 768px) {*/
  /*.coupon-sub-container {
    display: flex;
    justify-content: center;
    gap: 20px; 
  }

  .coupon-sub-container a {
    display: inline-block;
    margin-bottom: 12px; 
  }
*/

/* 短時間クーポンの上部 */
/* スマホでも横並びにする */
.coupon-sub-container_top {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 5px 0px 10px; /*上　左右　下*/
  box-sizing: border-box;
}

.coupon-sub-container_top a {
  display: block;
  text-align: center;
  box-sizing: border-box;
}

.coupon-sub-container_top img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}


 .coupon-sub-container_top a:last-child {
    margin-bottom: 0; /* 最後の画像だけ余白をなくす */
  }
  
/* スマホ表示：3等分 */
@media (max-width: 600px) {
  .coupon-sub-container_top a {
    flex: 1 1 calc((100% - 24px) / 3); /* gap 12px × 2 を引く */
    max-width: calc((100% - 24px) / 3);
  }
}

/* PC表示：最大1000px内で少し余裕を持たせた3列 */
@media (min-width: 601px) {
  .coupon-sub-container_top {
    max-width: 880px; /* やや小さめにする */
    margin: 0 auto;
  }
  .coupon-sub-container_top a {
    flex: 1 1 280px; /* 幅を固定気味に 元270↓280*/
    max-width: 290px;
  }
}

.coupon-banner1{
  padding: 5px; /*元5px 10px*/
}


/* 短時間クーポンの上部 */

/* 短時間クーポンの下部 */
/* スマホでも横並びにする */
.coupon-sub-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 25px 8px 5px 8px; 
  box-sizing: border-box;
}

.coupon-sub-container a {
  display: block;
  text-align: center;
  box-sizing: border-box;
}

.coupon-sub-container img {
  width: 110%;
  height: auto;
  border-radius: 10px;
}


 .coupon-sub-container a:last-child {
    margin-bottom: 0; /* 最後の画像だけ余白をなくす */
  }
  
/* スマホ表示：3等分 */
@media (max-width: 600px) {
  .coupon-sub-container a {
    flex: 1 1 calc((100% - 24px) / 3); /* gap 12px × 2 を引く */
    max-width: calc((100% - 24px) / 3);
  }
}

/* PC表示：最大1000px内で少し余裕を持たせた3列 */
@media (min-width: 601px) {
  .coupon-sub-container {
    max-width: 880px; /* やや小さめにする */
    margin: 0 auto;
  }
  .coupon-sub-container a {
    flex: 1 1 280px; /* 幅を固定気味に 元270↓280*/
    max-width: 290px;
  }
}
/* 短時間クーポンの下部 */





/* クーポン画像共通 */
.coupon-image {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  transition: transform 0.2s ease;
}

.coupon-image:hover {
  transform: scale(1.03);
}

/* モバイルでは縦並び */
/*@media (max-width: 600px) {
  .coupon-sub-container {
    flex-direction: column;
    align-items: center;
  }
}*/

/* デフォルトではスマホ画像を非表示 */
.only-sp {
  display: none;
}

/* PCでもスマホ画像は非表示 */
.only-pc {
  display: block;
}

/* スマホ表示（600px以下）で切り替える */
@media screen and (max-width: 600px) {
  .only-pc {
    display: none !important;
  }

  .only-sp {
    display: block !important;
  }
}



/*au三太郎の日クーポン-*/
.au-coupon img {
  width: 640px; /* PCや大きい画面用のデフォルト幅 */
  max-width: 100%;
  height: auto;
}

@media (max-width: 600px) {
  .au-coupon img {
    width: 90vw; /* スマホは画面幅の90% */
  }
}
/*au三太郎の日クーポン-*/

/* ボタン_カテゴリから探す */
.category-section {
  margin-top: 30px;
  text-align: center;
}

.category-section h3 {
  margin-bottom: 10px;
}

/* カテゴリから探す */
/* ボタン_各カテゴリ */
.category-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding-bottom: 10px;
}

.category-list a {
  background-color: #FFA500;
  color: white;
  border: none;
  text-decoration: none;
  padding: 10px 16px;
  font-size: 14px;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  transition: background 0.2s;
}

.category-list a:hover {
  background-color: #cc8400;
}
/* カテゴリから探す */

/* カテゴリから探す_キッチン以降 */
.category-list1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding-bottom: 10px;
}

.category-list1 a {
  background-color: #FFA500;
  color: white;
  border: none;
  text-decoration: none;
  padding: 10px;
  font-size: 14px;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  transition: background 0.2s;
}

.category-list1 a:hover {
  background-color: #cc8400;
}
/* カテゴリから探す */

/* 価格帯から探す */
.price-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding-bottom: 10px;
}

.price-list a {
  background-color: #007ACC;
  color: white;
  border: none;
  text-decoration: none;
  padding: 12px 15px;
  font-size: 16px;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  transition: background 0.2s;
}

.price-list a:hover {
  background-color: #004f84;
}
/* 価格帯から探す */

/* 価格帯から探す1 */
.price-list1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding-bottom: 10px;
}

.price-list1 a {
  background-color: #007ACC;
  color: white;
  border: none;
  text-decoration: none;
  padding: 12px 12px;
  font-size: 16px;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
  transition: background 0.2s;
}

.price-list1 a:hover {
  background-color: #004f84;
}
/* 価格帯から探す */


/* ボタン_各カテゴリ */
/* 両端背景色つき：デフォルト（画面幅950px以上） */
.outer-bg {
  background-color: #fef0ce; /* 両端の色 */
  padding: 0 15px; 
}

.inner-container {
  max-width: 1000px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  padding: 15px; /* コンテンツ用パディング（任意） */
  box-sizing: border-box;
}

/* 画面が950px以下のとき：両端10pxで背景色 */
@media screen and (max-width: 950px) {
  .outer-bg {
    background-color: #fef0ce;  /* 両端の色 */
    padding: 0 3px;/*元0 8*/
  }

  .inner-container {
    max-width: 100%; /* フル幅にする */
    box-shadow: none; /* 影もなくす（任意） */
  }
}


/* 20250603 */
/* コンテナ：中央1000pxに制限 */
.saleItemList__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;/*12px*/
  padding-left: 0;
  list-style: none;
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
}

.saleItemList__grid li {
  /*width: 25%;*/  /*4列（1000px前提、隙間含む）23*/ 
  width: calc((100% - 16px * 3) / 4);
  /*flex: 0 1 230px;*/ /* 幅を固定せず自然なグリッド 1アイテムの基本幅（調整可） */
  background: #fff;
  border-radius: 8px;
  padding: 6px;
  box-sizing: border-box;
  /*align-items: center; *//* 中央揃え */
  text-align: center;  /* テキストも中央 */
}

/* スマホ対応：2列に切り替え */
@media (max-width: 600px) {
  .saleItemList__grid {
    gap: 10px;
    justify-content: center; /* 中央揃え */
  }
  .saleItemList__grid li {
    width: calc((100% - 10px) / 2); /* 2列表示 */
    padding: 10px 5px;/*元10*/
    box-sizing: border-box;
    text-align: center;
  }
}
/*2025603_13ji*/
/* 商品画像部分のパディングと枠を調整 */
.saleItemList_item_img {
  aspect-ratio: 1 / 1; /* 正方形に拡大（追加） */
  height: auto;
  padding: 0;
  border: none;
  margin: 0 auto;
  /*margin-bottom: 10px;*/
  border-radius: 6px;
}

/* 画像を大きく見せるために隙間なしでフィット */
.saleItemList_item_img img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
  margin: 0 auto; /* ← 中央に寄せる */
  /*object-fit: cover;*/ /* トリミングしてキレイにフィット */
}

/* リンクと中身の配置 */
.saleItemList_item {
  display: flex;
  flex-direction: column;
  align-items: center;/* 横方向の中央揃え */
  text-align: center;   /* テキストも中央に */
  height: 100%;
  width: 100%;/* 念のため幅を100%に */
  box-sizing: border-box;
}

/* 商品画像 */
.saleItemList_item_img {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 10px;
  /* 画像ホバー：白くフェード */
  position: relative;
  overflow: hidden;
}
.saleItemList_item_img img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  display: block;
  transition: 0.3s ease;
}
/* 商品画像にカーソルあてたとき */
.saleItemList_item_img::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(255, 255, 255, 0); /* 初期透明 */
  transition: background 0.3s ease;
}

.saleItemList_item_img:hover::after {
  background: rgba(255, 255, 255, 0.3); /* 白くなる */
}

/* 商品名 */
.saleItemList_item_name {
  margin: 10px 0;
  font-size: 14px;
  font-weight: bold;
  flex-grow: 1;
  transition: 0.2s;
  text-align: center;
}

.saleItemList_item_name:hover {
  text-decoration: underline;
}

/* 二重価格 */
.saleItemList_item_price {
  text-align: center;/*元right*/
  font-size: 15px;
}

/* 元価格：取り消し線付き */
.original-price {
  font-size: 13px;
  color: #666;
  text-decoration: line-through;
  display: inline-block;
  margin-bottom: 4px;
}

/* セール価格：赤くて大きめ */
.current-price {
  font-size: 20px;
  font-weight: bold;
  color: #ff0000;
  display: inline-block;
  line-height: 1.3;
}
.current-price span {
  font-size: 13px;
  color: #ff0000;
}



@media (max-width: 600px) {
  .saleItemList_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .saleItemList_item_img {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    padding: 0;
    margin-bottom: 10px;
  }

  .saleItemList_item_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
  }

  .saleItemList_item_name {
    font-size: 13px;
    font-weight: bold;
    margin: 8px 0;
    width: 100%;
  }

  .saleItemList_item_price {
    width: 100%;
    text-align: center;
    font-size: 15px;
  }

  .original-price,
  .current-price {
    display: block;
  }
}
/*20250704_13ji_out*/
/* 超目玉商品 */
/* 超目玉商品の日付バナー */
/*.daily-banner {
  font-size: 19px;
  font-weight: bold;
  position: relative;
  padding: 0.6em;
  background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
  border-radius: 7px;
  margin: 15px 0 20px; 
}*/

/*.daily-banner:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffebbe;
  width: 0;
  height: 0;*/
}

/* 20250708*/
.daily-specials {
  padding: 10px 0px;/*元20*/
  max-width: 800px;/*元750*/     
  margin: 0 auto;           
  text-align: center;       
}

/* ホバー時にズームイン */
.daily-specials img {
  width: 100%;
  max-width: 800px;/*元750*/
  height: auto;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: block;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: transform 0.3s ease; /* スムーズなアニメーション */
}

.daily-specials img:hover {
  transform: scale(1.05); /* 拡大率：1.1倍 */
}

/* --- PC表示（601px以上） --- */
@media (min-width: 601px) {
  .daily-specials {
    max-width: 800px;/*元800*/
    margin: 20px auto; 
    text-align: center;
    padding: 0;
  }

  .daily-specials img {
    width: 100%;
    max-width: 750px;          /* 画像サイズ制限（任意） */
    height: auto;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
  }
}

@media (max-width: 600px) {
  .daily-specials {
    padding: 10px 0;
    width: 95%;               /* 画面幅の95%に */
    margin: 0 auto;
    text-align: center;
  }

  .daily-specials img {
    width: 100%;
    max-width: 100%;          
    height: auto;
    border-radius: 5px;
  }
}

/* 20250708*/

/* PC用（幅601px以上）に幅制限 */
/*@media (min-width: 601px) {
  .daily-banner {
    max-width: 800px;   
    margin: 15px auto 20px;
  }*/

  /*.daily-banner:after {
    left: 30px; 
  }
}*/

/* 商品画像リスト（2列） */
.daily-products {
  display: flex;
  justify-content: center;
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.daily-products li {
  width: calc((100% - 20px) / 2); /* gap分引いて2列 元-40 */
  max-width: 360px;
  box-sizing: border-box;
  margin: 10px 0 0 0;
  overflow: hidden; /* ← 追加 */
  border-radius: 3px; /* ← お好みで */
}

/* auバナー */
.images_au {
  width: 640px;
  display: flex;
  gap: 10px;
}

.images_au img {
  width: 315px;   /* (640 - 10) / 2 */
  height: 315px;  /* 正方形 */
  object-fit: cover;
}
/* auバナー */

/* ホバー時にズームイン */
.daily-products img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: block;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: transform 0.3s ease; /* スムーズなアニメーション */
}

.daily-products img:hover {
  transform: scale(1.08); /* 拡大率：1.1倍 */
}

/* スマホ対応：2列キープ */
@media (max-width: 600px) {
  .daily-banner {
    font-size: 16px;
    padding: 8px 0;
    margin: 26px 0 16px; /* スマホでは少し詰める */
  }
  
  .daily-products {
    flex-wrap: wrap;
    gap: 10px;
  }

  .daily-products li {
    width: 48%; /* ← より安定した2列表示に */
    box-sizing: border-box;
    /*width: calc((100% - 8px) / 2); *//* スマホでも2列 元10*/
  }
}

/* 超目玉商品 */