@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300&display=swap');
@import 
url('https://use.fontawesome.com/releases/v6.0.0/css/all.css');
 



@font-face {
  font-family: bad;
  src: url('https://dl.dropboxusercontent.com/scl/fi/rf0h6y45ordg5747h38oo/Remain3kSymbolic-Regular.woff?rlkey=kq9zh0r822vo4c7gw6kp1ok6p&dl=0') format('woff');
}
@font-face {
    font-family: tuyoi;
    src: url('https://dl.dropboxusercontent.com/s/3d5rmdn1ol9oyk2/851CHIKARA-DZUYOKU_kanaA_004.woff') format('woff');
}
@font-face {
    font-family: yowai;
    src: url('https://dl.dropboxusercontent.com/s/0twndgid5ni26b4/851CHIKARA-YOWAKU_002.woff') format('woff');
}

*{
  font-family: 'Kiwi Maru', serif;
    font-size: 10px;
}


body {
  background: #0D1433;
  font-size: 11px;
  color: #F4FBFD;
}




/* 絵文字フォント */
about::before {
    font-family: "bad";
    content: "L";
    color: #F4FBFD;
    font-size: 100px;
}
tyi {
  font-family: 'tuyoi';
}
ywi {
  font-family: 'yowai';
}
big {
  font-size: 14px;
}




/* Separation */
xxx::before {
  content: '\f1b0  \f1b0  \f1b0';
  font-family: "FontAwesome";
  font-weight: 900;
  font-size: 10px;
  color: #F4FBFD;
}




/* 三枝Box */
.akn {
  color: #F4FBFD;
  border: none;
  margin: 2em auto;
  padding: 20px;
  width: 70%;
}



/* ペン一覧 */
/* 三枝明那 */
aknc {
     color: #F03C32;
}
aknm {
    background: linear-gradient(transparent 80%, #F03C32 80%);
     color: #F4FBFD;
}


/* 叢雲カゲツ */
kgc {
     color: #6EB487;
}
kgm {
    background: linear-gradient(transparent 80%, #6EB487 80%);
     color: #F4FBFD;
}


/* アクシア・クローネ */
axc {
     color: #00A6FE;
}
axm {
    background: linear-gradient(transparent 80%, #00A6FE 80%);
     color: #F4FBFD;
}


/* ローレン・イロアス */
lrc {
     color: #C10E49;
}
lrm {
    background: linear-gradient(transparent 80%, #C10E49 80%);
     color: #F4FBFD;
}


/* 四枝暗那 */
krnc {
     color: #3141F0;
}
krnm {
    background: linear-gradient(transparent 80%, #3141F0 80%);
     color: #F4FBFD;
}


/* レイン・パターソン */
ptc {
     color: #F74848;
}
ptm {
    background: linear-gradient(transparent 80%, #F74848 80%);
     color: #F4FBFD;
}


/* 一ノ瀬うるは */
nsc {
     color: #4382F9;
}
nsm {
    background: linear-gradient(transparent 80%, #4382F9 80%);
     color: #F4FBFD;
}


/* 魔界ノりりむ */
rrmc {
     color: #EF6F94;
}
rrmm {
    background: linear-gradient(transparent 80%, #EF6F94 80%);
     color: #F4FBFD;
}


/* 不破湊 */
fwc {
     color: #BF69F4;
}
fwm {
    background: linear-gradient(transparent 80%, #BF69F4 80%);
     color: #F4FBFD;
}


/* 黛灰 */
myc {
     color: #086776;
}
mym {
    background: linear-gradient(transparent 80%, #086776 80%);
     color: #F4FBFD;
}


/* 叶 */
knec {
     color: #ABD3D8;
}
knem {
    background: linear-gradient(transparent 80%, #ABD3D8 80%);
     color: #F4FBFD;
}


/* 白雪レイド */
ridc {
     color: #C3C6F3;
}
ridm {
    background: linear-gradient(transparent 80%, #C3C6F3 80%);
     color: #F4FBFD;
}


/* 小森めと */
mtc {
     color: #ffc000;
}
mtm {
    background: linear-gradient(transparent 80%, #ffc000 80%);
     color: #F4FBFD;
}


/* 橘ひなの */
hnnc {
     color: #F9B2C3;
}
hnnm {
    background: linear-gradient(transparent 80%, #F9B2C3 80%);
     color: #F4FBFD;
}


/* 星川サラ */
src {
     color: #FAB80D;
}
srm {
    background: linear-gradient(transparent 80%, #FAB80D 80%);
     color: #F4FBFD;
}


/* 渋谷ハル */
halc {
     color: #ff8805;
}
halm {
    background: linear-gradient(transparent 80%, #ff8805 80%);
     color: #F4FBFD;
}


/* らっだぁ */
rdc {
     color: #1E90FF;
}
rdm {
    background: linear-gradient(transparent 80%, #1E90FF 80%);
     color: #F4FBFD;
}


/* うるか */
urcc {
     color: #E50040;
}
urcm {
    background: linear-gradient(transparent 80%, #E50040 80%);
     color: #F4FBFD;
}


/* リゼ・ヘルエスタ */
lzc {
     color: #42FFFF;
}
lzm {
    background: linear-gradient(transparent 80%, #42FFFF 80%);
     color: #F4FBFD;
}


/* 戌亥とこ */
tkc {
     color: #92F3A4;
}
tkm {
    background: linear-gradient(transparent 80%, #92F3A4 80%);
     color: #F4FBFD;
}






/* ぼかし文字 */
bks {
  -ms-filter: blur(3px);
  filter: blur(3px);
}




/* Details Summary */
details {
  margin: 0 auto;
}
summary {
  cursor: pointer;
  outline: none;
  display: block;
  list-style: none;
  color: #F4FBFD;
}
details summary::-webkit-details-marker {
  display: none;
}
details summary::before {
  font: var(--fa-font-solid);
  content: "\f6a9";
  color: #F4FBFD;
  font-size: 10px;
}
details[open] {
  background-color: transparent;
  color: #F4FBFD;
}
details[open] summary::before {
  font: var(--fa-font-solid);
  content: "\f028";
  color: #F4FBFD;
  font-size: 10px;
}




/* Now Playing */
.music {
  width: 250px;
  height: 18px;
  margin : auto;
  border-radius: 150px;
  background-color: rgba(25,36,94,0.6);
  overflow   : hidden;
}
.music span{
  display : inline-block;
  padding-left: 100%;
  color : #F4FBFD;
  white-space : nowrap;
  animation   : scrollAnime 10s linear infinite;
}
@keyframes scrollAnime{
    0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}




/* Real Time */
.now {
  border-left: 1px dashed #3E3E63;
  margin-left: 10px;
  padding: 2px 8px;
  color: #F4FBFD;
}
time {
  display: inline-block;
  background: transparent;
  padding: 5px 5px 5px 23px;
  position: relative;
  font-size: 12px;
  color: #F4FBFD;
}
time:before{
  content: '\f017';
  font-family: "FontAwesome";
  font-weight: 900;
  font-size: 14px;
  color: #F4FBFD;
  position: absolute;
  left: 4px;
  top: 8px;
}




/* Link */
a {
color: #F4FBFD;
text-decoration: none;
}




/* 罫線消し */
hr {
    border: none;
}




/* テキストエリア */
textarea {
  background-color: rgba(24,36,94,0.3);
    color: #f2f2f2;
    border: none;
    padding: 10px;
    width: 90%;
    height: 65px;
    border-radius: 15px;
}




/* タイトル用文字 */
.title{
       color: #F4FBFD;
       font-size: 15px; 
}




/* リアタイBox */
.real {
  color: #F4FBFD;
  border: none;
  height: 100px;
  margin: 2em auto;
  padding: 20px;
  width: 70%;
  overflow-y: scroll;
}