// カレンダー
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}

.mainCalendar {
  display: flex;
  justify-content: space-between;
}
.mainCalendar table.tbl_calendar {
    max-width: calc(50% - 30px);
}
.mainCalendar table.tbl_calendar caption{
  font-weight: bold;
    margin: 0px auto 15px;
    font-size: 18px;
}
@media (max-width: 991px) {
  .mainCalendar {
    display: block;
  }
  .mainCalendar table.tbl_calendar {
      max-width: 100%;
  }
}
.conceptE__text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 25.2px;
  letter-spacing: 1px;
}
@media (max-width: 767px){
  .conceptE__text p {
    font-size: 12px;
    line-height: 21.6px;
  }  
  .h2A {
    font-size: 14px!important;
  }
}
.btn_custom a {
    border: 2px solid #068213!important;
}
.btn_custom a::after {
    border-top: 2px solid #068213!important;
    border-right: 2px solid #068213!important;
}
.topics_custom ul li:nth-child(3) {
    display: none;
}
.category_custom .bnrBox h3::before {
    right: -8px!important;
}
.category_custom .bnr {
    border: none!important;
}
.news_custom .container::before {
    top: -10px!important;
}
.story_section p{
  font-family:"ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Lucida Grande", sans-serif;		 !important;
  font-weight: 400 !important;
  font-size: 18px!important;
  line-height: 2.0;
  text-align: center;
  margin-bottom: 30px;
  color: #333;
}

/* 一行目だけ少し強調 */
.story_section p span.first-line {
  display: block;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 30px;
}

/* =========================
   写真ギャラリー
   ========================= */
div.photo-row {
  display: flex !important;
  justify-content: center !important; /* 中央寄せ */
  gap: 10px !important;               /* 写真同士の余白 */
  flex-wrap: wrap !important;         /* 折り返し対応 */
  margin-top: 20px !important;
}

div.photo-row img {
  width: 160px !important;
  height: auto !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  transition: transform 0.3s !important;
}

div.photo-row img:hover {
  transform: scale(1.05) !important; /* ホバーで軽く拡大 */
}

/* スマホ対応：2列表示 */
@media screen and (max-width: 780px) {
  div.photo-row img {
    flex: 0 0 48% !important;       /* 2列に並べる */
    margin-bottom: 10px !important;
  }
  .story_section p{
    font-size: 15px!important;   /* 小さめにしてはみ出し防止 */
    line-height: 1.5; /* 行間もさらに余裕 */
  }
  .story_section .first-line {
    display: block;               /* タイトルをブロック化して別行扱いに */
    font-size: 22px !important;   /* タイトルは少し小さめに */
    line-height: 1.6 !important;  /* 行間を確保 */
    margin-bottom: 10px;          /* 下に空間を作る */
  }
  .br-sp {
    display: block;
  }
}
.news_custom {
  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", sans-serif;
}
.story_section {
  padding: 100px 20px; /* 上下80px、左右20px */
}
.reco_item.bnrBox {
  background-color: #ffffff;  /* 白背景 */
  padding: 10px 3px;  /* 写真と枠の間に余白 */
  margin:10px 5px; /* 上下左右の外側余白 */
  max-width: 300px;       /* 枠自体の最大幅を固定 */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* optional：浮いたような影 */
  display: flex;
  flex-direction: column;      /* 写真と文字を縦並び */
  align-items: center;         /* 中央揃え */
  text-decoration: none;       /* aタグの下線を消す */
}
/* 写真を枠内で調整 */
.reco_item.bnrBox img {
  width: auto;           /* 幅を自動に */
  max-width: 250px;      /* 好きな固定幅に調整 */
  margin: 0 auto;        /* 中央寄せ */
  display: block;
}

/* 商品名（pタグ）を中央揃えに */
.reco_item.bnrBox p {
  margin: 10px 3px;
  text-align: center;
  font-size: 14px;
  color: #333;
}
@media screen and (max-width: 768px) {
  .row {
    display: flex !important;
    flex-direction: column;   /* 縦並びに */
    align-items: center;      /* 中央寄せ */
  }

  .row .col-pc-4 {
    float: none !important;   /* 左寄せ解除 */
    margin: 10px auto;        /* 真ん中に配置 */
    width: auto !important;   /* 中身に合わせる */
  }

  .reco_item.bnrBox {
    margin: 10px auto;        /* 枠自体を中央寄せ */
  }
}
.new_arrivals {
  display: none !important;
}
.itemList.itemList-pc--5 {
  justify-content: center; /* 余っているスペースを中央に寄せる */
  display: flex;
  flex-wrap: wrap;
}