@charset "UTF-8";
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/icon?family=Material+Symbols+Rounded');
@import url('https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&family=Zen+Kurenaido&display=swap');

@font-face {
font-family: "title1";/* Pandora　*/
src: url(3o91lf9l64bz7tuwswljj/Pandora-s_Ruins_Fonts.ttf?rlkey=kqk8sl0dv0rcj1y0yr9ajj8ab&st=r8xdo2z5) format("truetype");
}

@font-face {
font-family: "title2";/* LoC　*/
src: url(vkrlucn6hig3wahom55cf/LoCursive.ttf?rlkey=s21qlckj9cksizqpf0y9n9eto&st=12dhaxjv) format("truetype");
}

@font-face {
font-family: "em_2";
src: url(https://dl.dropboxusercontent.com/s/bboe5dn8isv3uuvjqgxou/Mixed-Silhouettes-Free-vol-4.ttf?rlkey=32t59f5rwh3sfsp7xjocjpm16&st=9kd6rx40) format("truetype");
}




@font-face {
font-family: "Main1";/* AngleS　*/
src: url(https://dl.dropboxusercontent.com/s/how61svzq00h64xuhuadd/TOKAngle-S2.ttf?rlkey=f59mfuqj7e5nlil8g76d64rh0&st=95e32czx) format("truetype");
}

@font-face {
font-family: "Sub1";/* Icing　*/
src: url(https://dl.dropboxusercontent.com/s/qy8dvhbl6uaxxnp6ewvni/Icing-soda2_.ttf?rlkey=c5p6iaqhkcwqwkbnj3ozjxbpp&st=21zvkpj7) format("truetype");
}

@font-face {
font-family: "Main2";/* karakaze　*/
src: url(https://dl.dropboxusercontent.com/s/z0pmcug4v6dq9pl964ftd/karakaze-R.ttf?rlkey=fhbj3689gkoy4vtg4ro4fjbsa&st=afdqcn8l) format("truetype");
}

@font-face {
font-family: "Sub2";/* しょかき　*/
src: url(https://dl.dropboxusercontent.com/s/t2360c135f244al27gdci/shokaki.ttf?rlkey=8p2ara284io2h50hc2d3y2v0q&st=6fm9ckmx) format("truetype");
}

@font-face {
font-family: "Sub3";/* Alpen　*/
src: url(https://dl.dropboxusercontent.com/s/slnhuo2ul2tikemxd63au/AlpenFont.otf?rlkey=3w38gja9u9ixenph0jrto3j5g&st=aiqoo54t) format("OpenType");
}

@font-face {
font-family: "em_1";
src: url(https://dl.dropboxusercontent.com/s/4jm8zdewbx61majhgbt5w/212-Boys-Stuff.otf) format("OpenType");
}


/*============================
　　　　　　　全体
=============================*/
* {
  font-family: "Zen Kurenaido", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.1em;
}

/* 背景 */
body {
  font-family: "Zen Kurenaido", sans-serif;
  font-weight: 400;
  font-style: normal;
  background-color: #3d3942;
  color: #3d3942;
  font-size: 13px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}


/*============================
　　　　　下線部装飾
=============================*/

hr {
  border:none;
}

/*============================
　　　　　リンク装飾
=============================*/
#container { color: transparent;}

a,a:visited {
  color: #f4f6f6;
  text-decoration: none;
}


 /* 全体 */

a[href*="/thread-setting"] { font-size: 0; }
a[href*="/thread-setting"]::before {
  padding: 3px;
  content:'\f622'; /* 管理　*/
  font-family: 'Material Symbols Rounded';
  font-size: 15px;
  color: #f40791;
  margin: 0px 0px 0px 10px; /* ↑ → ← ↓の余白 */
}

a[href*="/edit?"]{ font-size: 0; }
a[href*="/edit?"]::before { 
  content:'\e429'; /* 編集　*/
 font-family: 'Material Symbols Rounded';
 font-size: 15px;
 color: #f40791; 
}

a.delete + a[href*="https://nanos.jp/starry0eyed/"] { font-size: 0; }
a.delete + a[href*="https://nanos.jp/starry0eyed/"]::before {
  padding: 3px;
  content:'\e042'; /* 戻る　*/
  font-family: 'Material Symbols Rounded';
  font-size: 14px;
  color: #f40791;
}

a.delete + a[href*="https://starry01.nieru.net/"] { font-size: 0; }
a.delete + a[href*="https://starry01.nieru.net/"]::before {
  padding: 3px;
  content:'\e042'; /* 戻る　*/
  font-family: 'Material Symbols Rounded';
  font-size: 14px;
  color: #f40791;
}

a[href*="/delete?post="] ,
a[href*="/search?query="] ,
span[class="name"]
{
  display: none;
}

/*============================
　　　　　表紙素材
=============================*/

txB {
  font-family: "Klee One", cursive;
  font-weight: 400;
  font-style: normal;
  letter-spacing: -0.1em;
  font-size: 12px;

  color: #201e22;
}

txW {
  font-family: "Klee One", cursive;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  font-size: 13px;

  color: #f4f6f6;
}


.cover{
  position: relative; /* 超重要 */
  width: 80%;
  margin: 1em auto;
  padding: 1em 2.5em 2.5em 1em;
  border-radius: 8px;
  background: #f40791;
  color: #fff;
  overflow: hidden;

  --footer-line: 12px; /* 下線基準 */
}

/* 背景 Icon */
.cover::before {
  content: "F";
  font-family: "em_2", sans-serif;

  position: absolute;
  right: 3px;
  bottom: -15px;

  /* スマホ〜PCで安定 */
  font-size: clamp(220px, 40vw, 380px);
  line-height: 1;

  transform: rotate(5deg);
  transform-origin: right bottom;

  color: #47424c;
  opacity: 0.16;
  pointer-events: none;
  z-index: 0;
}

@media (max-width: 480px) {
  .cover::before {
    font-size: clamp(260px, 80vw, 420px);
    right: 8px;
    bottom: -70px;
  }

  .cover {
    padding-bottom: 3em;
  }
}

/* 下線 */
.cover::after {
  content: "";
  position: absolute;
  left: 1em;
  right: 42px; /* EQ分スペース */
  bottom: var(--footer-line);
  height: 1px;
  background: #f4f6f6;
  z-index: 1;
}

/* title */
.title {
  position: relative;
  z-index: 2;

  font-family: "title1", "Sub1", sans-serif;
  font-size: 15px;
  text-align: left;
  line-height: 1;
  margin: 0 0 1px 0;
}

/* lyrics */
.lyrics {
  position: relative;
  z-index: 2;

  font-family: "Main1", "Sub1", sans-serif;
  font-size: 18px;
  text-align: left;
  line-height: 1;

  margin: 0;
  padding-bottom: 1px;
}

/* Equalizer */
.equalizer {
  position: absolute;
  right: 12px;
  bottom: calc(var(--footer-line) - 1px);

  width: 18px;
  aspect-ratio: 1;

  --c: no-repeat linear-gradient(#fff 0 0);
  background:
    var(--c) 15% 100%,
    var(--c) 50% 100%,
    var(--c) 85% 100%;

  animation: eq 1.1s infinite linear;
  filter: drop-shadow(0 0 3px rgba(255,255,255,.4));
  z-index: 2;
}

/* EQ_move */
@keyframes eq {
  0% { background-size: 12% 40%, 12% 75%, 12% 50%; }
  20% { background-size: 12% 60%, 12% 45%, 12% 75%; }
  40% { background-size: 12% 75%, 12% 55%, 12% 40%; }
  60% { background-size: 12% 50%, 12% 75%, 12% 60%; }
  80% { background-size: 12% 45%, 12% 60%, 12% 75%; }
  100% { background-size: 12% 40%, 12% 75%, 12% 50%; }
}

/*============================
　　　　　テキスト素材
=============================*/

bks {
  color: transparent;
  text-shadow: 0px 0px 5px #655e6b;
}