@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* 日付ごとの全体の白い背景ボックス */
.raiten-date-group-wrapper {
  background: #ffffff;
  padding: 15px;
  margin-bottom: 25px;
  border-radius: 8px;
}

/* 日付見出し（黒背景・白文字） */
.raiten-date-heading {
  background: #000;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: bold;
  margin-bottom: 12px;
}

/* 中のイベント行レイアウト（前のCSS流用） */
.raiten-event-item {
  display: flex;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.raiten-event-item:last-child {
  border-bottom: none;
}

.raiten-event-thumb img {
  width: 90px;
  height: auto;
  border-radius: 6px;
}

.raiten-event-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.raiten-event-pref {
  font-size: 0.9em;
  color: #555;
}

.raiten-event-store {
  font-weight: bold;
}

.raiten-event-star {
  font-size: 0.9em;
  color: #333;
}

/* カード全体の幅と中央寄せ */
.raiten-date-group-wrapper {
  max-width: 820px;
  margin: 0 auto 25px;
}


.raiten-date-heading.is-sat {
  background: #2196F3; /* 水色（お好みで変えてOK） */
  color: #fff;
}

.raiten-date-heading.is-sun {
  background: #E53935; /* 赤（濃いめの赤） */
  color: #fff;
}