@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:170%;
	 background-position:left 10% ;
	}

div{
	text-align:center;	
}

.gate{filter: invert(100%); 
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:80px;	
  
}



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

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


}

.sns{	font-size:30px;	
color:#a30200;
filter: invert(100%);  
}

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:80px;	
}

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

p{	 font-size:20px;
}

内部リンク
	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;
 }
 
 フッター	 
 fotter{
	 text-align:center;
	 font-size:20px;
	 font-family:serif;
 }
 
.shine {
  position: relative;
  display: inline-block;
  color: #a30200;
  font-family: serif;
  font-size: 80px;
  line-height: 100%;
  text-align: center;
  z-index: 1;
}

/* 光の筋エフェクト */
.shine::after {
  content: 'DAZED';
  position: absolute;
    display: inline-block;
     overflow: visible; /* ← これがSafariでは重要 */
  top: 0;
  left: 0;
  color: transparent;
  font-family: serif;
  font-size: 80px;
  line-height: 105%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    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 5s ease-in-out infinite;
  pointer-events: none 
;
}

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

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

}


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