/* ===============================
   Google Font
================================ */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&display=swap');

@font-face{
  font-family:"UI03";
  src:url("https://dl.dropboxusercontent.com/scl/fi/rfbds9nbg1nv8lb90ju1z/03-UI.otf?rlkey=uc52rqg3h3j1r3kkg9fii76vz&dl=1") format("opentype");
}

/* ===============================
   Custom Icon Fonts
================================ */

/* Icons Loco */
@font-face{
  font-family:"IconsLoco";
  src:url("https://dl.dropboxusercontent.com/scl/fi/3baup363zjrwoaok9dkpr/Icons_Loco_Web.otf?rlkey=6kjwf8ircc4ghksew166enmpe&dl=1") format("opentype");
  font-weight:normal;
  font-style:normal;
}

/* Iconic Stroke */
@font-face{
  font-family:"IconicStroke";
  src:url("https://dl.dropboxusercontent.com/scl/fi/zsjin69w7cwj4schqbtu2/iconic_stroke.otf?rlkey=1jsqsz7vn0p8280ym2iywj7n1&dl=1") format("opentype");
  font-weight:normal;
  font-style:normal;
}


/*　アイコン　*/

.icon-main{
  display:block;
  text-align:center;
  font-family:"IconsLoco";
  font-size:120px;
  color:#ff0080;
  line-height:1;
  margin:0 0 5px 0;
  margin-bottom:-5px;

  animation: btn_animation 1.1s infinite;
}

@keyframes btn_animation {
    0% {
        transform: scale(1.2)
    }
    5% {
        transform: scale(1)
    }
    95% {
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.2)
    }
}


/*　　共通　　*/

body{
  margin:0;
  padding:0;
  border:none !important;

  font-family:"UI03", monospace;
  font-size:12px;
  font-weight:normal;
  letter-spacing:-0.03em;
  padding-left:40px;
  padding-right:40px;

  color:#ffffff;

  background:#0f0f0f;
}

hr{
  border:none;
  border-top:1px solid #0f0f0f;
}

/* テーブルやレスの線対策 */
div, td{
  border-color:#000 !important;
}

/*　　表紙　　*/
.container{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0;
  margin-bottom:40px; 
}

.text{
  display:flex;
  justify-content:center;
  align-items:center;
  font-family:"UI03", monospace;
  font-size:4.5vw;
  font-weight:900;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:#fff;

  height:1.2em;
  overflow:hidden;
}

.char{
  display:inline-block;
  transform:translateY(110%);
  animation: upDown 4s cubic-bezier(.77,0,.175,1) infinite;
  animation-delay: calc(0.07s * var(--char-index));
}

@keyframes upDown{

  0%{
    transform:translateY(110%);
  }
  20%{
    transform:translateY(0);
  }
  60%{
    transform:translateY(0);
  }
  80%{
    transform:translateY(110%);
  }
  100%{
    transform:translateY(110%);
  }
}

a{
  text-decoration:none;
}

/*　　リンク関連　　*/
footer,
.footer {
  display: none !important;
}

/*　管理　*/
a[href*="thread-setting"]{
font-size: 0;
}

a[href*="thread-setting"]::before{
font-family: "IconicStroke";
content: 'u';
font-size: 18px;
padding: 3px;
color: #5A5FAA;
}

/*　削除　*/
a[href*="delete?"]{
font-size: 0;
}

a[href*="delete?"]::before{
font-family: "IconicStroke";
content: 't';
font-size: 18px;
padding: 3px;
color: #5A5FAA;
}


/*　編集　*/
a[href*="edit?"]{
font-size: 0;
}

a[href*="edit?"]::before{
font-family: "IconicStroke";
content: 'P';
font-size: 18px;
padding: 3px;
color: #5A5FAA;
}

/*　戻る　*/
a.delete + a[href*="https://starry04.nieru.net/"] { 
font-size: 0; 
}

a.delete + a[href*="https://starry04.nieru.net/"]::before{
font-family: "IconicStroke";
content: '!';
font-size: 18px;
padding: 3px;
color: #5A5FAA;
}


/*　　本文　　*/
.wr {
  margin: 30px 40px;    
  display: block;          
  text-align: left;        
}