/* テンプレート自動生成スマホメニューを非表示 */
@media (max-width: 959px) {
  .sp-header-menu, .sp-nav, .nav-sp,
  .sp-menu-area, .sp-category-menu, .sp-global-menu,
  .sp-menu-list, .sp-cat-list {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}

/* ヘッダー：wrapperで1000px中央寄せ */
#wrapper {
  max-width: 1000px;
  margin: 0 auto;
}

/* PC：global-navを1000px内に収める */
@media (min-width: 960px) {
  #global-nav {
    background: #1a3020;
  }
}

/* secondary エリア */
#secondary {
  background: #1a3020;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 5%;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

#secondary .left-block {
  width: 160px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

#secondary .right-block {
  flex: 1;
  min-width: 0;
}

#secondary .footer-logo img {
  width: 160px;
  height: 160px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
  margin: 0 auto;
}

/* SNSアイコン */
#secondary .sns {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 8px;
}
#secondary .sns li a {
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

/* カレンダー */
#secondary .secondary-head h3.title2 {
  font-size: 15px;
  letter-spacing: 0.15em;
  color: #fff;
  margin-bottom: 16px;
  font-weight: bold;
}
#secondary .months {
  font-size: 14px;
  color: #fff;
  margin-bottom: 8px;
}
#secondary .schedule-area2 { margin-bottom: 24px; }

.block-in {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  margin-bottom: 24px;
}
.schedule-area2 { width: calc(50% - 12px); }

.calendar table {
  border-collapse: collapse;
  width: 100%;
}
.calendar td,
.calendar th {
  background: #1a3020;
  color: #fff;
  border: 1px solid #2d5535;
  text-align: center;
  padding: 0;
  font-size: 13px;
  width: calc(100% / 7);
  height: 36px;
  line-height: 36px;
}
.calendar td i { font-style: normal; color: #fff; }
.calendar td.sun i, .calendar th.sun { color: #e05555; }
.calendar td.sat i, .calendar th.sat { color: #5599cc; }

/* SHOPPING GUIDE */
#secondary .guide-nav {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}
#secondary .guide-nav li a {
  font-size: 13px;
  color: rgba(255,255,255,0.75);
  text-decoration: none;
}

/* footer */
#footer {
  background: #1a3020;
  text-align: center;
  padding: 16px 20px 24px;
  border-top: 1px solid rgba(255,255,255,0.15);
}
#footer .copyright { font-size: 11px; color: rgba(255,255,255,0.45); }

/* スマホ (max-width: 767px) */
@media (max-width: 767px) {
  #wrapper { width: 100%; max-width: 100%; }

  #secondary {
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    padding: 20px 4%;
  }
  #secondary .left-block { width: 100%; }
  #secondary .right-block { width: 100%; }

  #secondary .sns {
    justify-content: center;
    margin: 0 auto 15px;
  }

  #secondary .secondary-head h3.title2 {
    font-size: 18px;
    font-weight: bold;
  }

  #secondary .guide-nav {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 24px;
    padding: 0 8px;
  }
  #secondary .guide-nav li a {
    display: inline;
    padding: 2px 0;
    border-bottom: none;
    font-size: 15px;
    font-weight: bold;
  }

  .block-in { display: block; }
  .schedule-area2 { width: 100%; margin: 0 0 20px 0; }
  .schedule-area2 .months { font-size: 18px; color: #fff; padding: 10px 4px; }

  .calendar table { width: 100%; table-layout: fixed; }
  .calendar th, .calendar td {
    font-size: 14px;
    padding: 0;
    height: 36px;
    line-height: 36px;
    width: calc(100% / 7);
  }
  .calendar td i {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    display: inline-block;
  }
}
.sns li a.twitter {
  background: #000000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.259 5.63 5.905-5.63zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") center / 32px 32px no-repeat !important;
}

.sns li a.facebook {
  background: #1877F2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E") center / 32px 32px no-repeat !important;
}

.sns li a.instagram {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E") center / 30px 30px no-repeat,
    radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
}
#container > div[style*="Fukushima Farm"],
#container > div[style*="line-height:2.4"],
#container > div[style*="line-height: 2.4"] {
  display: none !important;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;600&display=swap');

html { font-size: 95% !important; }
body { font-family: "Noto Sans JP", sans-serif !important; background: #fff !important; margin: 0 !important; font-size: 15px !important; }
* { box-sizing: border-box; }
a { transition: opacity 0.25s; }
a:hover { opacity: 0.75; }
img { max-width: 100%; }

#top-main p,
#top-main span,
#top-main a,
#top-main li { font-size: 15px !important; }
#top-main h1 { font-size: 2.4rem !important; }
#top-main h2 { font-size: 1.8rem !important; }

@media (max-width: 560px) {
  div[style*="grid-template-columns:1fr 1fr 1fr"] { grid-template-columns: 1fr 1fr !important; }
  div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns: 1fr !important; }
}
.producer-line,
.producer-border,
#top-main .producer div[style*="background:#C9A84C"],
#top-main div[style*="width:36px"][style*="background:#C9A84C"] {
  display: none !important;
}
@media (min-width: 768px) {
  .header-menu li.mypage a {
    letter-spacing: -0.05em !important;
    font-size: 13px !important;
  }
}
@media (min-width: 768px) {
  .header-menu li.entry a,
  .header-menu li.cart a {
    letter-spacing: -0.05em !important;
    font-size: 13px !important;
  }
}
@media (min-width: 768px) {
  .calendar td, .calendar th {
    color: #fff !important;
  }
  .calendar td.sun, .calendar th.sun {
    color: #ff8080 !important;
  }
  .calendar td.sat, .calendar th.sat {
    color: #80c0ff !important;
  }
}
@media (min-width: 768px) {
  #container {
    max-width: 1000px !important;
    margin: 0 auto !important;
  }
}
@media (min-width: 768px) {
  #wrapper {
    background: #fff !important;
  }
  #secondary {
    background: #1a3020 !important;
  }
}
@media (min-width: 768px) {
  #container {
    max-width: 1000px !important;
    margin: 0 auto !important;
  }
}
.gallery-section {
  padding: 2rem 16px;
  text-align: center;
  width: 100%;
  /* max-width: 820px; ← 削除 */
  /* margin: 0 auto;  ← 削除 */
  background: #f9f7f2; /* ← 追加 */
}

.film-strip-wrap {
  width: 100%;
  max-width: 820px;  /* ← ここに移動 */
  margin: 0 auto;    /* ← ここに移動 */
  background: #1a1a1a;
  border-radius: 6px;
  overflow: hidden;
}
@media (max-width: 767px) {
  div[style*="grid-template-columns:1fr 1fr"][style*="background:#e8e0d0"] {
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }
}
@media (max-width: 767px) {
  div[style*="grid-template-columns:1fr 1fr"][style*="background:#fff"] {
    padding: 0 20px !important;
    box-sizing: border-box !important;
  }
}
.film-holes {
  height: 28px;
  background: #1a1a1a;
  background-image: repeating-linear-gradient(
    to right,
    transparent 0px,
    transparent 8px,
    #444 8px,
    #444 28px,
    transparent 28px,
    transparent 40px
  );
  background-size: 40px 14px;
  background-repeat: repeat-x;
  background-position: center;
}