@import url(https://file003.shop-pro.jp/PA01042/726/css/base.css);
@import url(https://file003.shop-pro.jp/PA01042/726/css/navi.css);
@import url(https://file003.shop-pro.jp/PA01042/726/css/pub.css);
@import url(https://file003.shop-pro.jp/PA01042/726/css/banner.css);
@import url(https://file003.shop-pro.jp/PA01042/726/css/free01.css);
@import url(https://file003.shop-pro.jp/PA01042/726/css/free03.css);
@import url(https://file003.shop-pro.jp/PA01042/726/css/free04.css);
@import url(https://file003.shop-pro.jp/PA01042/726/css/free02.css);


img.image-fit {
  max-width:100%;
  height:auto;
}
ul.s-navi li.pickup {
background:#FFC0CB;
padding:0.2rem 0;
border:#FF355A 1px solid;
}



/* 田畑茶舗 フリーペー新茶案内ブロック（640px埋め込み用）*/

  .tabata-shincha {
    box-sizing: border-box;
    width: 100%;
    max-width: 640px;
    font-family: "Hiragino Mincho ProN", "Yu Mincho", "游明朝", Georgia, serif;
    font-size: 15px;
    line-height: 1.9;
    color: #2d2318;
    background: #faf8f3;
    padding: 0;
  }

  .tabata-shincha * {
    box-sizing: border-box;
  }

  /* ── ヘッダー帯 ── */
  .tabata-shincha__header {
    background: #3d6b3a;
    color: #f5f0e0;
    text-align: center;
    padding: 22px 20px 18px;
    letter-spacing: 0.08em;
  }

  .tabata-shincha__season {
    font-size: 11px;
    letter-spacing: 0.2em;
    opacity: 0.8;
    margin-bottom: 4px;
  }

  .tabata-shincha__title {
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    letter-spacing: 0.15em;
  }

  .tabata-shincha__subtitle {
    font-size: 12px;
    margin-top: 4px;
    opacity: 0.75;
    letter-spacing: 0.1em;
    color:#fff;
  }

  /* ── 本文エリア ── */
  .tabata-shincha__body {
    padding: 24px 24px 8px;
    background: #faf8f3;
    border: 1px solid #d6ccb4;
    border-top: none;
  }

  /* 在庫切れバナー */
  .tabata-shincha__stock {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f5ede0;
    border-left: 4px solid #b5845a;
    padding: 12px 16px;
    margin-bottom: 20px;
  }

  .tabata-shincha__stock-label {
    font-size: 11px;
    color: #8a6040;
    letter-spacing: 0.1em;
    white-space: nowrap;
  }

  .tabata-shincha__stock-text {
    font-size: 14px;
    color: #4a3020;
    line-height: 1.6;
  }

  /* 案内文 */
  .tabata-shincha__notice {
    font-size: 14px;
    color: #3a3020;
    margin-bottom: 20px;
    line-height: 2;
  }
  .tabata-shincha__notice strong {
    font-size: 18px;
    color: #ff0000;
    margin-bottom: 20px;
    line-height: 2;
  }

  /* 予約受付バナー */
  .tabata-shincha__reserve-banner {
    background: #ff0000;
    color: #f5f0e0;
    text-align: center;
    padding: 14px 16px;
    margin-bottom: 20px;
    letter-spacing: 0.08em;
    font-size: 15px;
  }

  /* 注意事項ボックス */
  .tabata-shincha__caution {
    border: 1px solid #c8bfa0;
    padding: 18px 20px;
    margin-bottom: 20px;
    background: #fff;
  }

  .tabata-shincha__caution-title {
    font-size: 13px;
    letter-spacing: 0.12em;
    color: #3d6b3a;
    border-bottom: 1px solid #c8bfa0;
    padding-bottom: 8px;
    margin-bottom: 12px;
  }

  .tabata-shincha__caution-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .tabata-shincha__caution-list li {
    font-size: 13.5px;
    color: #3a3020;
    padding: 5px 0 5px 16px;
    position: relative;
    line-height: 1.7;
    border-bottom: 1px dotted #ddd6c0;
  }

  .tabata-shincha__caution-list li:last-child {
    border-bottom: none;
  }

  .tabata-shincha__caution-list li::before {
    content: "・";
    position: absolute;
    left: 0;
    color: #3d6b3a;
  }

  /* 支払い不可の強調 */
  .tabata-shincha__caution-list li em {
    font-style: normal;
    font-weight: bold;
    color: #8a3020;
  }

  /* 締め文 */
  .tabata-shincha__footer-text {
    font-size: 13px;
    color: #6a6050;
    text-align: center;
    padding: 4px 0 20px;
  }


  /* ▼ 新茶案内 アテンションバナー（メインカラム上部挿入用） */
.attention-container {
  position: relative;
  margin: 0 0 24px;
  padding: 20px 16px 18px;
  border-top: 6px solid #cc0000 !important;
  border-bottom: 4px solid #cc0000 !important;
  border-left: none !important;
  border-right: none !important;
  text-align: center;
  background: repeating-linear-gradient(
    -45deg,
    #fff200 0px,
    #fff200 12px,
    #ffe000 12px,
    #ffe000 24px
  ) !important;
  box-shadow: 0 3px 8px rgba(0,0,0,0.18);
}
 
.attention-container p {
  margin:50px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
 
/* ！アイコン + ラベル */
.attention-container p::before {
  content: "！ 重要なお知らせ ！";
  display: inline-block;
  background: #cc0000;
  color: #fff200;
  font-family: "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 4px 18px;
}
 
.attention-container p a {
  display: inline-block;
  background: #cc0000;
  color: #ffffff;
  font-family: "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0.04em;
  line-height: 1.6;
  padding: 10px 20px;
  border: 2px solid #fff;
  outline: 2px solid #cc0000;
  transition: background 0.15s, color 0.15s;
}
 
.attention-container p a:hover {
  background: #fff;
  color: #cc0000;
}