body {
            font-family: 'Noto Sans JP', 'Inter', sans-serif;
            background-color: #1a1a1a; /* ダークな背景色 */
            color: #f0f0f0; /* 明るいテキスト色 */
            caret-color: transparent;
        }
        .header-bg {
            background-color: rgba(0, 0, 0, 0.8); /* 半透明の黒 */
            backdrop-filter: blur(10px);
        }
        .event-card {
            background-color: #2c2c2c; /* カードの背景色 */
            border: 1px solid #444;
        }
        .btn-primary {
            background-color: #ff4081; /* アクセントカラー（ピンク系） */
            transition: background-color 0.3s ease;
        }
        .btn-primary:hover {
            background-color: #f50057;
        }
        .text-accent {
            color: #ff4081;
        }
        .section-title {
            border-bottom: 2px solid #ff4081;
            padding-bottom: 0.5rem;
        }
        .nav-link {
            position: relative;
            transition: color 0.3s ease;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #ff4081;
            transition: width 0.3s ease;
        }
        .nav-link:hover::after {
            width: 100%;
        }
        .nav-link:hover {
            color: #ff4081;
        }
        .hero-section {
            background: url('../images/top-bg.png');
            background-size: contain;
            background-position:top center; background-repeat: no-repeat;
            border: 10px white solid;
        }
.bg-bl{text-shadow: 2px 2px 10px #1a1a1a ,
-2px 2px 10px #1a1a1a ,
2px -2px 10px #1a1a1a ,
-2px -2px 10px #1a1a1a;}
.mob-part{ display: none;}
        @media (max-width: 630px) {
        .hero-section {
			height: 90vh;

            border: none;
        }
.pc-part{ display: none;;}
.mob-part{ display: block;}
		}

a.ticket-link { margin: 10px; display: inline-block;
  color: #ff4081;
  font-size: 16px;
  font-weight: bold;
  background: transparent;
  padding: 5px 20px;
  border: 3px solid #ff4081;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  transition: .3s;
}
a.ticket-link::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #ff4081;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}
a.ticket-link:hover {
  color: #fff;
}
a.ticket-link:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
	.br-sp { display: none;}
	.br-pc { display: block;}

        @media screen and (min-width:631px) and (max-width:768px){
        .hero-section {
			height: 100vh;
            background: url('../images/top-bg.png');
            background-size: 100%;
            background-position:top center; background-repeat: no-repeat;
        }
	.br-pc { display: none;}
	.br-sp { display: block;}
		}
        @media screen and (min-width:769px) and (max-width:1700px){
        .hero-section {
			height: 86vh;
            background: url('../images/top-bg.png');
            background-size: 100%;
            background-position:top center; background-repeat: no-repeat;
        }

.align-left{ float: left;  }
.wid-60{ width: 60%; height: auto !important;}
.wid-100{ width: 100%; text-align: left; }
		}
.box-shadow-img{ filter: drop-shadow(5px 5px 5px #000);}


.x-box{ width: 30px; height: 30px; background-image: url(../images/logo-white.png); background-size: contain; float: left; margin-right: 5px; }
.x-box img{ width: 100%; height: auto; }

.insta-box{ width: 30px; height: 30px; background-image: url(../images/Instagram_Glyph_White.png); background-size: contain; float: left; margin-right: 5px;}
.insta-box img{ width: 100%; height: auto; }

.pinkline{border: 1px magenta solid;}
.yellowline{border: 1px yellow solid;}

        .footer-bg {
            background-color: #000;
        }
        .modal-bg {
            background-color: rgba(0, 0, 0, 0.7);
        }
        .modal-content {
            background-color: #2c2c2c;
        }