body {
    background: #000; /* 背景色を黒に指定 */
    /* 改行禁則 */
    line-break:strict;
    word-break:break-word;
    overflow-wrap:break-word;
    word-wrap:break-word;
  }

  .before-event {
    display: none;
  }

  .start-event {
    display: none
  }

  .after-event {
    display: none;
  }

  .neon {
    color: #FFF;       /* 文字色を白に変更 */
    font-family: Beon; /* ネオン風のフォントを指定(ダウンロードしたもの) */
    animation: flash 10s infinite; /* アニメーションflashを1秒ごとに繰り返す */
  }
  
  @keyframes flash {
    0%, 100% {
      /* 明るく光るよう影を重ねる */
      text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
    }
    50% {
      /* 淡く光るよう影を重ねる */
      text-shadow: 0 0 10px #fff, 0 0 20px #fcfcfc, 0 0 30px #fcfcfc, 0 0 40px #fc00de;
    }
  }

  .neon-fix {
    color: #FFF;       /* 文字色を白に変更 */
    font-family: Beon; /* ネオン風のフォントを指定(ダウンロードしたもの) */
    text-shadow: 0 0 10px #fff, 0 0 20px #fcfcfc, 0 0 30px #fc00de, 0 0 40px #fc00de;
  }

  /* neonが重いので少し軽いやつ */
  .neon-fix2 {
    color: #FFF;       /* 文字色を白に変更 */
    font-family: Beon; /* ネオン風のフォントを指定(ダウンロードしたもの) */
    text-shadow: 0 0 10px #fff, 0 0 40px #fc00de;
  }

  .neon-box {
    box-shadow: 0 0 5px #ddd, 0 0 10px #ccc, 0 0 15px #ccc, 0 0 20px #f8d;
  }

  .rounded-border {
    border: 1px solid #fff; /* ボーダーの色と太さ */
    border-radius: 5px; /* 角丸の半径 */
    padding: 2px 70px; /* 内側の余白 */
    display: inline-block; /* インライン要素として表示 */
    text-decoration: none; /* テキストの下線を削除 */
  }

  /* Googleカレンダー用 */
  .rounded-border2 {
    border: 1px solid #fff; /* ボーダーの色と太さ */
    border-radius: 8px; /* 角丸の半径 */
    padding: 2px 10px; /* 内側の余白 */
    display: inline-block; /* インライン要素として表示 */
    text-decoration: none; /* テキストの下線を削除 */
    background-color: #f33bea; /* 背景色を薄い紫に設定 */
    animation: rounded-border2-flash 3s infinite; /* アニメーションを適用 */

  }
  @keyframes rounded-border2-flash {
    0%, 100% {
      background-color: #a3239d;
    }
    50% {
      background-color: #000000;
    }
  }

rt {
    font-size: 40%;
}

  

/*--------------------------------------------------------------
. head-border
--------------------------------------------------------------*/

.head-border {
  display: flex;
  align-items: center;
}

  .head-border:before,
  .head-border:after {
      content: "";
      height: 1px;
      flex-grow: 1;
      background-color: #666;
      box-shadow: 0 0 10px #fff, 0 0 20px #fcfcfc, 0 0 30px #fcfcfc, 0 0 40px #fc00de;
    }

  .head-border:before {
      margin-right: 1rem;
  }

  .head-border:after {
      margin-left: 1rem;
  }

/*--------------------------------------------------------------
.image-fadein 画像フェードイン
--------------------------------------------------------------*/
.image-fadein {
  opacity: 0;
  transition: opacity 1s;
}

/*--------------------------------------------------------------
.map グーグルマップ
--------------------------------------------------------------*/
.map {
  width: 98%;
  position: relative;
  padding-top: 70%;
  margin: auto;
}

  .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

/*--------------------------------------------------------------
#neon-line ネオン点滅
--------------------------------------------------------------*/
.neon-line {
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.1em;
    /* 初期状態のネオンシャドウ */
    text-shadow:
        0 0 2px #fff,
        0 0 4px #fff,
        0 0 16px #f0f,
        0 0 32px #f0f;
}

/* 1行目を小さくする */
.neon-line.text-sm {
    /* font-size: clamp(1.5rem, 5vw, 4rem); */
}

.neon-line span {
    display: inline-block;
    transition: all 0.3s ease-in-out;
    animation: flicker 2.5s infinite alternate; /* アニメーション時間を少し長くして脈動を表現 */
}

@keyframes flicker {
    /* ベースとなる光の弱い状態 */
    0%, 100% {
        text-shadow:
            0 0 2px #fff,
            0 0 4px #fff,
            0 0 16px #f0f,
            0 0 32px #f0f,
            0 0 64px #f0f,
            0 0 128px #f0f;
    }
    /* ランダムなちらつき */
    20%, 22%, 24%, 55% {
        text-shadow: none;
    }
    /* 脈動のピーク（最も明るい状態） */
    50% {
        text-shadow:
            0 0 4px #fff,
            0 0 8px #fff,
            0 0 24px #f0f,
            0 0 48px #f0f,
            0 0 96px #f0f,
            0 0 192px #f0f;
    }
}