@font-face {
  font-family:glitch;
   src:url(../font/グリッチ/瀞ノグリッチ黒体H2.otf) format(truetype);
   src:url(../font/グリッチ明朝/グリッチ明朝/瀞ノグリッチ明朝H3.otf) format(truetype);
}

body{
	
	text-align:center;	
	 background-size:200%;
  background-position:center ;
	}

div{
	text-align:center;	
}

.gate{filter: invert(100%); 
    margin: 40px 0;

font-size:20x; }

.gate a {
  display: block;
  margin: 10px auto;
  width: fit-content;
}


.menutitle{	color:#a30200;
	text-align:center;
	font-family:serif;
	line-height:100%;
  font-size: clamp(32px, 6vw, 60px);
      margin: 20px 0;

}



.music{
	width:80%;
		 	text-align:center;
}

.asmr{
	width:80%;
		 	text-align:center;


}

.sns{	  font-size: clamp(32px, 6vw, 60px);

color:#a30200;
filter: invert(100%);  
}

.sns-grid a,
.sns-grid a i{
  color: #a30200 !important;
}


h1{
	color:#ffffff;	
	font-family:Wingdings;
	font-size:200px;
	padding: 15px
}

h2{
	color:#a30200;
	text-align:center;
	font-family:glitch;
	line-height:100%;
  font-size: clamp(32px, 6vw, 60px);
}

h3{
	color:#e7e7e7;
	text-align:center;
	font-family:serif;
	line-height:100%;
	font-size:80px;	
}

p{	 font-size:30px;
}

内部リンク
	a{
	color:#a30200;
	text-align:center;
	font-family:serif;
	line-height:100%;
	font-size:30px;	color:#a30200;
	text-align:center;
	  font-family: serif;
;
 }
 
 a:visited{
	 color:#ff0000;
	   font-family: serif;

 }
 
 a,a:visited{
	 text-decoration:none;
 }
 

.shine {
  position: relative;
  display: inline-block;
  color: #a30200;
  font-family: serif;
  font-size: clamp(32px, 6vw, 60px);
  line-height: 100%;
  text-align: center;
  z-index: 1;
  text-shadow:
    0 0 10px rgba(255,255,255,0.08),
    0 0 22px rgba(255,240,180,0.05);
}

/* 光の筋エフェクト */
.shine::after {
  content: 'DAZED';
  position: absolute;
    display: inline-block;
     overflow: visible; /* ← これがSafariでは重要 */
  top: 0;
  left: 0;
  color: transparent;
  font-family: serif;
  font-size: clamp(32px, 6vw, 60px);
  line-height: 105%;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.9) 40%,
    rgba(255,240,180,0.9) 50%, /* ←薄い太陽色 */
    rgba(255,255,255,0.9) 60%,
    rgba(255,255,255,0) 100%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  background-position: -100% 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shineText 8s linear infinite;
  pointer-events: none 
  
;
}



@keyframes shineText {
  0% {
    background-position: 200% 0;
  }
  50% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

/* リンク縦並び調整 */
.gate a {
  display: block;
  margin: 10px auto;
  width: fit-content;
    font-family: serif;

}


i{font-size:30px;	color:#a30200}

 フッター	 
 footer{
  position: relative;      /* fixed を外した状態 */
  text-align: center;      /* 中央寄せ */
	 font-size:20px;
	 font-family:serif;
 }
 

.ui-footer{
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  z-index: 10;
  transition: opacity 220ms ease, transform 220ms ease;
  color:#a30200;
	text-align:center;
	font-family:serif;
	line-height:100%;
  font-size:20px;
}

footer.sns,
footer.sns *{
position: relative;      /* fixed を外した状態 */
  text-align: center;      /* 中央寄せ */
	 font-size:20px;
	 font-family:serif;}

/* 別メニュー用ロゴ（2.png） */
#logoImage{
  display: block;

  /* PC：文字サイズより一段上 */
  height: clamp(100px, 10vw, 140px);

  width: auto;        /* 縦横比維持 */
  margin: 12px auto 6px;
  cursor: pointer;
}

/* スマホ：横いっぱい */
@media (max-width: 768px){
  #logoImage{
    width: 100vw;
    height: auto;
    max-width: 100vw;
  }
}