@charset "utf-8";

@import url('https://use.fontawesome.com/releases/v6.1.1/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Reggae+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yomogi&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');



/* 英語文字 */
@font-face {
  font-family: "orz";
  src: url(https://dl.dropboxusercontent.com/scl/fi/6jss0zlyghlpg26neds8j/City-of-Sympathy.woff?rlkey=c20xy7207g46y6yahctqbalnu&st=57spqwbz&dl=0);
  format:('woff');
}
/* タイトル絵文字 */
@font-face {
  font-family: "title";
  src: url(https://dl.dropboxusercontent.com/scl/fi/cuk3fekrx8zslavxubju8/scenery.woff?rlkey=9eacxph5e6ugwat7iytdroli2&st=3mz4rfpu&dl=0);
  format:('woff');
}
/* 肉球 */
@font-face {
  font-family: "nikukyuu";
  src: url(https://dl.dropboxusercontent.com/scl/fi/bya83rj5a60bpq2iddq9g/ANIMT___.woff?rlkey=1zlj09pn3bsf32kulq9vgewvo&st=dq1hefe9&dl=0);
  format:('woff');
}
/* ハート */
@font-face {
  font-family: "love";
  src: url(https://dl.dropboxusercontent.com/scl/fi/ajet6lz5p6syqwqolfj70/BonusHearts.woff?rlkey=rq3wx6xjj6w4kzcraxlkgh01q&st=0t1rju07&dl=0);
  format:('woff');
}
/* 星、隠し文字のところ */
@font-face {
  font-family: "star";
  src: url(https://dl.dropboxusercontent.com/scl/fi/pxb5copj5rcg2uy865x4u/RainbowStars.woff?rlkey=4402296dwz165vm3gf76ki2h5&st=dj3zftzx&dl=0);
  format:('woff');
}
/* ダイアモンド、ロウのところの上のきれいなヤツｎでできる */
@font-face {
  font-family: "dia";
  src: url(https://dl.dropboxusercontent.com/scl/fi/5qxv8vb3pizjuu95q362f/Diamondo.woff?rlkey=119pnbaefr4f0dco76d469x0m&st=jwzkjxmx&dl=0);
  format:('woff');
}
/* 音楽、なうぷれ */
@font-face {
  font-family: "music";
  src: url(https://dl.dropboxusercontent.com/scl/fi/e8hfqvlqtjv4aqfh7x742/Music-and-Party.woff?rlkey=u1zlgsz7tjji3qt98f65isbea&st=2hs52p0q&dl=0);
  format:('woff');
}
/* あかちゃんの */
@font-face {
  font-family: "cute";
  src: url(https://dl.dropboxusercontent.com/scl/fi/fwqj9lmkbtgbxjeci2hb9/Mystiqious.woff?rlkey=28xwx06sd6ix1jejor1zvw8q5&st=tb3pmbq5&dl=0);
  format:('woff');
}
/*  */
@font-face {
  font-family: "";
  src: url();
  format:('woff');
}



/* 背景 */
body{
 background: #FFF;
 }

html:before, html:after, body:before, body:after {
 content: "";
 background: #000;
 position: fixed;
 display: block;
 z-index: 1;
 }

 html:after {
 width: 8px;
 height: 100vh;
 right: 0;
 top: 0;
 }

 body:after {
 width: 8px;
 height: 100vh;
 top: 0;
 left: 0;
 }
/* 文字関連 */
*{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color: #777;;
  border:none;
}
a {
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color: #777 ; 
  display: inline-block;
  text-decoration: none;
  outline: none;
}
a:link {
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color: #777 ;
  text-decoration: none;
}
a:visited {
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color: #777 ;
  text-decoration: none;
}
a,a:hover,a:visited {
  color: #777;
}
a::-webkit-details-marker {
 display:none;
}

hr {
  border: none;
  box-sizing: border-box;
}
#container { 
  color: transparent; 
}
p {
  display: inline-block;
}
.topbtn {
  font-family: "nikukyuu";
  content: 'i';
  font-size: 15px;
  color: #ff8c9b;
  position: fixed;
  bottom: 5px;
  right: 20px;
  transition: all ease-in-out .3s;
}   



/* タイトル絵文字 */
ti{
  font-family: "title";
  font-size:130px;
  text-align: center;
  color: #000;
}
/* 回転くん */
.fulfilling-square-spinner, .fulfilling-square-spinner * {
  box-sizing: border-box;
}
.fulfilling-square-spinner {
  height: 10px;
  width: 10px;
  position: relative;
  border: 1px solid #777;
  animation: fulfilling-square-spinner-animation 4s infinite ease;
}
.fulfilling-square-spinner .spinner-inner {
  vertical-align: top;
  display: inline-block;
  background-color: #777;
  width: 100%;
  opacity: 1;
  animation: fulfilling-square-spinner-inner-animation 4s infinite ease-in;
}
@keyframes fulfilling-square-spinner-animation {
0% {
  transform: rotate(0deg);
}
25% {
  transform: rotate(180deg);
}
50% {
  transform: rotate(180deg);
}
75% {
  transform: rotate(360deg);
}
100% {
  transform: rotate(360deg);
}
}
@keyframes fulfilling-square-spinner-inner-animation {
0% {
  height: 0%;
}
25% {
  height: 0%;
}
50% {
  height: 100%;
}
75% {
  height: 100%;
}
100% {
  height: 0%;
}
}



/* ペン */
/* ハピトリ */
mgpn{
  font-size: 10px;
  color: #FF899D;
} 
rrpn{
  font-size: 10px;
  color: #BFFFFF;
} 
gkpn{
  font-size: 10px;
  color: #FFCB5B;
}
typn{
  font-size: 10px;
  color: #A590AF;
}
/* ヴォルタ、いでぃおす */
kntpn{
  font-size: 10px;
  color: #FAD246;
} 
nzmpn{
  font-size: 10px;
  color: #E6325F;
} 
krmcpn{
  font-size: 10px;
  color: #EB4682;
} 
/* ヒーロー */
ttpn{
  font-size: 10px;
  color:  #8C4664;
}
wnpn{
  font-size: 10px;
  color:  #FF8C9B;
}
rtpn{
  font-size: 10px;
  color:  #FAC31E;
}
mnpn{
  font-size: 10px;
  color:  #64C8F0;
}
rbpn{
  font-size: 10px;
  color: #A58CDC;
} 
kgtpn{
  font-size: 10px;
  color:  #6EB487;
}
rupn{
  font-size: 10px;
  color: #5A5FAA;
} 
ripn{
  font-size: 10px;
  color: #DCFF50;
} 

/* マーカー */
/* ハピトリ */
mg{
  background:linear-gradient(transparent 60%, rgba(255, 137, 157, 0.5) 60%);
  font-size: 10px;
  color:  #777;
}
rr{
  background:linear-gradient(transparent 60%, rgba(191, 255, 255,  0.5) 60%);
  font-size: 10px;
  color:  #777;
}
gk{
  background:linear-gradient(transparent 60%, rgba(255, 203, 91,  0.5) 60%);
  font-size: 10px;
  color:  #777;
}
ty{
  background:linear-gradient(transparent 60%, rgba(165, 144, 175, 0.5) 60%);
  font-size: 10px;
  color:  #777;
}
/* ヴォルタ、いでぃおす */
knt{
  background:linear-gradient(transparent 60%, rgba(250, 210, 70,  0.5) 60%);
  font-size: 10px;
  color:  #777;
} 
/* ヒーロー */
tt{
  background:linear-gradient(transparent 60%, rgba(140, 70, 100, 0.4) 60%);
  font-size: 10px;
  color:  #777;
} 
wn{
  background:linear-gradient(transparent 60%, rgba(255, 140, 155, 0.5) 60%);
  font-size: 10px;
  color:  #777;
}
rt{
  background:linear-gradient(transparent 60%, rgba(250, 195, 30, 0.5) 60%);
  font-size: 10px;
  color:  #777;
}
mn{
  background:linear-gradient(transparent 60%, rgba(100, 200, 240, 0.5) 60%);
  font-size: 10px;
  color:  #777;
}
rb{
  background:linear-gradient(transparent 60%, rgba(165, 140, 220, 0.5) 60%);
  font-size: 10px;
  color:  #777;
}
kgt{
  background:linear-gradient(transparent 60%, rgba(110, 180, 135, 0.5) 60%);
  font-size: 10px;
  color:  #777;
}
ru{
  background:linear-gradient(transparent 60%, rgba(90, 95, 170, 0.4) 60%);
  font-size: 10px;
  color:  #777;
}
ri{
  background:linear-gradient(transparent 60%, rgba(220, 255, 80, 0.5) 60%);
  font-size: 10px;
  color:  #777;
} 
/* タイトルフォント */
orz{
  font-family: 'orz';
  font-size: 15px;
  color:  #7F7D79 ;
  top: 4px;
}
bks {
  color: transparent;
  text-shadow: 0px 0px 6px #aba9a9;
}
b{
  font-size: 10px;
  color:  #777;
}
i{
  font-size: 10px;
  color:  #777;
}
u{
  font-size: 10px;
  color:  #777;
}
s{
  font-size: 10px;
  color:  #777;
}
.ati{
  animation: ati 3s infinite ease-in-out .8s alternate;;
  background: linear-gradient(to right,#FF919F,#FFCF90,#F9FF90,#96FF90,#90FFFD,#9096FF,#D290FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  display: inline-block;
}
@keyframes ati { /* backgroundを移動させる */
  100% { background-position-x: 200%; }
}



/* なうぷれ */
.music {
  animation:3s linear infinite rotation1;
  font-family: "music";
  font-size:18px;
  color: #777 ;
  display:inline-block;
  -ms-transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
}
@keyframes rotation1{/* animation:3s linear infinite rotation1; */
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
@keyframes rotate_anime {
    0% {
        transform:rotate(0deg);/* アニメーションの進みが0%の時の状態 */
    }
    100% {
        transform:rotate(360deg);/* アニメーションの進みが100%の時の状態 */
    }
}



/* テキストボックスにつける絵文字 */
.mugi{
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background:  #FFAEBB ;
  background: linear-gradient(0deg, #F3D3A7 20%, #FFAEBB 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #F3D3A7 20%, #FFAEBB 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.riri{/* タイトルフォント */
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background:  #D3FFFF ;
  background: linear-gradient(0deg, #FBD8E3 20%, #D3FFFF 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #FBD8E3 20%, #D3FFFF 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gaku{/* タイトルフォント */
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background:  #FFC26B ;
  background: linear-gradient(0deg, #FFDB8E 20%, #FFC26B 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #FFDB8E 20%, #FFC26B 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.toya{/* タイトルフォント */
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background: linear-gradient(0deg, #C2B2C8 60%, #C8D591 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #C2B2C8 60%, #C8D591 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.kanato{/* タイトルフォント */
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background: linear-gradient(0deg, #F5F4F7 20%, #FCDF80 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #F5F4F7 20%, #FCDF80 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nozomi{/* タイトルフォント */
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background: linear-gradient(0deg, #EE7291 20%, #C4E6DA 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #EE7291 20%, #C4E6DA 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.meruto{/* タイトルフォント */
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background: linear-gradient(0deg, #F180A9 20%, #99C2E0 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #F180A9 20%, #99C2E0 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tetu{/* タイトルフォント */
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background: linear-gradient(0deg, #B07F94 20%, #A296B0 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #B07F94 20%, #A296B0 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.wen{/* タイトルフォント */
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background: linear-gradient(0deg, #FF8C9B 60%, #A8E5E5 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #FF8C9B 60%, #A8E5E5 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sho{/* タイトルフォント */
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background: linear-gradient(0deg, #D4EEF4 20%, #C2B0E7 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #D4EEF4 20%, #C2B0E7 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.rou{/* タイトルフォント */
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background: linear-gradient(0deg, #E2D9B2 20%, #8F92C5 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #E2D9B2 20%, #8F92C5 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.kaisei{/* タイトルフォント */
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background: linear-gradient(0deg, #1A646F 20%, #F25434 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #1A646F 20%, #F25434 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.souma{/* タイトルフォント */
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background: linear-gradient(0deg, #DDD9B9 20%, #D19CC2 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #DDD9B9 20%, #D19CC2 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.nagisa{/* タイトルフォント */
  font-family: "cute";
  font-size: 30px;
  text-align: center;
  background: linear-gradient(0deg, #F8B794 20%, #A4CDD6 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #F8B794 20%, #A4CDD6 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}















/* 折りたたみ */
summary {
  font-size:10px;
  color: #777 ;
  cursor: pointer;
  outline: none;
  display: block;
}
details summary::-webkit-details-marker {
  display: none;
}
details {
  display: block;
  margin: 5px auto;
  padding: 10px;
  transition: .5s;
}
details[open] {
  color: #777 ;
  border: solid 1px #dbdbdb ;
  border-radius: 8px;
}
summary[open] {
  color: #777;
}
details[open] summary {
  color: #777;
}
details summary::before {
  font-family: "star";
  content: 'R';
  font-size:13px;
  color: #D6CA90;
  margin: 0 .4em 0 0;
}
details[open] summary::before {
  font-family: "star";
  content: 'P';
  font-size:13px;
  color: #D6CA90;
  margin: 5px .3em 0 0;
  animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
0% {
  opacity: 0;
  transform: translateY(-10px);
}
100% {
  opacity: 1;
  transform: none;
}
}
/* 箱 */
.box {
  color: #777;/* 文字色 */
  text-align: center;
  font-family: 'Kiwi Maru', serif;
  max-width: 250px;
  padding: 10px 20px 20px 20px;
  margin: 2px auto;
  margin: 0 auto;
  border: 1px solid transparent;
  position: relative;
}
.box:before,.tbox:after{ 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}
.text {
  text-align: center;
  max-width: 250px;
  padding: 10px 20px 20px 20px;
  margin: 2px auto;
  border: 1px solid #000 ;
  background-color: #fff ;/* 背景色 */
  color: #777;/* 文字色 */
  font-size: 10px;
  position: relative;
  display: block;
  line-height: 1.8;
  z-index: 1;
}
.realtime {
  text-align: left;
  max-width: 250px;
  height: 100px;
  padding: 10px 20px 20px 10px;
  margin: 2px auto;
  border: 1px solid #000 ;
  background-color: #fff ;/* 背景色 */
  color: #777;/* 文字色 */
  font-size: 10px;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display:none;
  position: relative;
  display: block;
  line-height: 1.8;
  z-index: 1;
}


/*  */
time{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
time::before{
  font-family: "love";
  content: 'p';
  color: #FF9AA1;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}
time1{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
time1::before{
  font-family: "love";
  content: 'p';
  color: #5A5FAA;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}

mgtime{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
mgtime::before{
  font-family: "dia";
  content: 'n';
  background: linear-gradient(0deg, #F3D3A7 20%, #FFAEBB 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #F3D3A7 20%, #FFAEBB 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}
rrtime{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
rrtime::before{
  font-family: "dia";
  content: 'n';
  background: linear-gradient(0deg, #FBD8E3 20%, #D3FFFF 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #FBD8E3 20%, #D3FFFF 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}
gktime{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
gktime::before{
  font-family: "dia";
  content: 'n';
  background: linear-gradient(0deg, #FFDB8E 20%, #FFC26B 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #FFDB8E 20%, #FFC26B 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}
tytime{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
tytime::before{
  font-family: "dia";
  content: 'n';
  background: linear-gradient(0deg, #C2B2C8 60%, #C8D591 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #C2B2C8 60%, #C8D591 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}
knttime{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
knttime::before{
  font-family: "dia";
  content: 'n';
  background: linear-gradient(0deg, #F5F4F7 20%, #FCDF80 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #F5F4F7 20%, #FCDF80 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}
nzmtime{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
nzmtime::before{
  font-family: "dia";
  content: 'n';
  background: linear-gradient(0deg, #EE7291 20%, #C4E6DA 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #EE7291 20%, #C4E6DA 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}
mrttime{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
mrttime::before{
  font-family: "dia";
  content: 'n';
  background: linear-gradient(0deg, #F180A9 20%, #99C2E0 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #F180A9 20%, #99C2E0 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}
tttime{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
tttime::before{
  font-family: "dia";
  content: 'n';
  background: linear-gradient(0deg, #B07F94 20%, #A296B0 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #B07F94 20%, #A296B0 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}
wntime{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
wntime::before{
  font-family: "dia";
  content: 'n';
  background: linear-gradient(0deg, #FF8C9B 60%, #A8E5E5 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #FF8C9B 60%, #A8E5E5 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}
rbtime{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
rbtime::before{
  font-family: "dia";
  content: 'n';
  background: linear-gradient(0deg, #D4EEF4 20%, #C2B0E7 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #D4EEF4 20%, #C2B0E7 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}
rutime{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
rutime::before{
  font-family: "dia";
  content: 'n';
  background: linear-gradient(0deg, #E2D9B2 20%, #8F92C5 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #E2D9B2 20%, #8F92C5 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}
sumtime{
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
sumtime::before{
  font-family: "dia";
  content: 'n';
  background: linear-gradient(0deg, #DDD9B9 20%, #D19CC2 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #DDD9B9 20%, #D19CC2 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}
ngstime{ /* 渚トラウトだけ苗字 */
  font-family: 'Kiwi Maru', serif;
  font-size: 10px;
  color:#777 ;
  display: inline-block;
  position: relative;
  text-align: left;
  padding: 5px;
  top: -33px;
  left: 5px;
}
ngstime::before{
  font-family: "dia";
  content: 'n';
  background: linear-gradient(0deg, #F8B794 20%, #A4CDD6 85%); /* 後ろがイメカラor薄い色 */
  background: -webkit-linear-gradient(90deg, #F8B794 20%, #A4CDD6 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  position: relative;
  left: -7.5px;
  bottom: -5px;
  z-index: -1;
}



.real{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #FF9AA1;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.real1{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #5A5FAA;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.mgreal{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #FF899D;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.rrreal{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #BFFFFF;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.gkreal{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #FFCB5B;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.tyreal{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #A590AF;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.kntreal{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #FAD246;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.nzmreal{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #E6325F;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.mrtreal{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #EB4682;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.ttreal{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #8C4664;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.wnreal{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #FF8C9B;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.rbreal{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #A58CDC;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.rureal{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #5A5FAA;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.sumreal{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #BA6EA5;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}
.ngsreal{
  color:#777 ;/* テキストの色 */
  margin-left: 12px;
  margin-light: auto; 
  border-left: dashed 1px #77B6C2;
  position: relative;
  padding: 0.2em 1.5em;
  top: -35px;
  line-height:1.5;
}



/*アイコン*/
#container {
  color: #777;
}
a[href*="/dt"] {
  font-size: 0;
}
a[href*="/dt"]::before{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  font-size: 10px;
  content:'\f044';
  padding: 3px 3px 3px 3px;
  color: #777;
}
a[href*="/dm?"] {
  font-size: 0;
}
a[href*="/dm?"]::before{
  font-family: "Font Awesome 6 Free";
  font-size: 10px;
  font-weight: 900;
  content:'\f12d';
  padding: 3px 3px 3px 3px;
  color: #777;
}
a[href*="/um?"] {
  font-size: 0;
}
a[href*="/um?"]::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f304";
  font-size: 10px;
  padding: 3px 3px 3px 3px;
  color: #777;
}
a[href*="/cp?"] {
  font-size: 0;
}
a[href*="/cp?"]::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  content: "\f0c5";
  font-size: 10px;
  padding: 3px 3px 3px 3px;
  color: #777;
}
a[href*="/?o=-1"] {
  font-size: 0;
}
a[href*="/?o=-1"]::before{
  font-family: "Font Awesome 6 Free";
  font-size: 10px;
  font-weight: 400;
  content:'\f101';
  padding: 3px 3px 3px 3px;
  color: #777;
}
a[href*="/tse"] {
  font-size: 0;
}
a[href*="/tse"]::before{
  font-family: "Font Awesome 6 Free";
  font-size: 10px;
  font-weight: 400;
  content:'\f002';
  padding: 3px 3px 3px 3px;
  color: #777;
}
a[href*="/nm"]{
  font-size: 0;
}
a[href*="/nm"]::before{
  font-family: "Font Awesome 6 Free";
  font-size: 10px;
  font-weight:900;
  content:'\e4ee';
  padding: 3px 3px 3px 3px;
  color: #777;
}

/*スクロールバー削除*/
.talk::-webkit-scrollbar {
  display: none;
}
.realbox::-webkit-scrollbar {
  display: none;
}