@charset "utf-8";

@import url("https://dl.dropboxusercontent.com/s/p9m9sxty28ykrsy/hoshi.css");

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Zen+Kaku+Gothic+New&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol&family=M+PLUS+1&family=Kiwi+Maru&display=swap');

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined');




a {
    text-decoration: none;
    color: #0C6F72;
}

* {
    font-family: 'Kiwi Maru', sans-serif;
    /* font-family: "M PLUS 1", sans-serif; */
    font-size: 10px;
    color: black;
    border-color: black;
}

body {
    color: black;
    background-color: white;
    font-family: 'Kiwi Maru', sans-serif;
    font-size: 10px;
    animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
    margin: 15px;
}

@keyframes fadeIn {
    0% { opacity: 0 }
    100% { opacity: 1 }
}
@-webkit-keyframes fadeIn {
    0% { opacity: 0 }
    100% { opacity: 1 }
}

::-webkit-scrollbar {
  display: none;
}


.name {
    color: black; /* 任意の文字色　*/
}

.breadcrumb-item +
.breadcrumb-item::before {
    color: black; /* 任意の文字色 */
}

hr {
    border: none;
    border-top: 0.8px solid black;
    margin: 4px 0; /* 上下　左右　*/
}

p {
    color: black; /* []任意の文字色 */
}




/* 画面縁ライン　*/

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

html:before { /* 上　*/
    height: 5px;
    width: 100vw;
    left: 0;
    top: 0;
}
html:after { /* 右　*/
    width: 10px;
    height: 100vh;
    right: 0;
    top: 0;
}

body:before { /* 下　*/
    height: 5px; 
    width: 100vw; 
    bottom: 0; 
    left: 0;
} 
body:after { /* 左　*/
    width: 10px; 
    height: 100vh; 
    top: 0; 
    left: 0;
}



/* 指定　*/

:root {
    --lore: #C10E49;
    --kai: #0C6F72;
    --kne: #ABD3D8;
    --urc: #fa0a3a;
}



/* 表紙　*/

@font-face{
    font-family: top;
   src: url('https://dl.dropboxusercontent.com/scl/fi/3je1wq1k80uq103b0roif/cats_csp.ttf?rlkey=5pw8htenrisrnlfvij4udlg3u&dl=0') format("truetype");
}

top {
    font-family: 'top';
    font-size: 85px;
    display: block;
    color: #66263b;
}




/* 枠 */

.free {
    padding: 1.5em 1.5em;
    margin: 0 auto;
    position: relative;
    background-color: rgba(255,255,255,0.2);
    width: 65vw;
}
.free p {
    font-family: 'Kiwi Maru', serif;
    /* font-family: 'M PLUS 1', serif; */
    font-size: 10px;
    color: black;
    margin: 0;
    padding: 0;
}

.free::after {
    position: absolute;
    font-family: 'lric';
    content: 'f';
    bottom: -20px;
    right: -10px;
    color: #C10E49;
    font-size: 60px;
}

@font-face{
   font-family: lric;
   src: url('https://dl.dropboxusercontent.com/scl/fi/6cbx7zf516px3pcqncnm9/Police-Department.ttf?rlkey=z6kw9eho75tmd6b3b1be40d0r&dl=0') format("truetype");
}

lric {
    font-family: 'lric';
    font-size: 100px;
    margin: 0 auto;
    text-align: center;
    display: block;
}




.box {
    padding: 1.5em 1.5em;
    margin: 0 auto;
    position: relative;
    width: 80vw;
}
.box p {
    font-family: 'Kiwi Maru', serif;
    font-size: 10px;
    color: black;
    margin: 0;
    padding: 0;
}


yy::after {
    font-size: 30px;
    color: black;
    font-family: 'bear';
    content: "6";
    display: flex;
    justify-content: center;
}


textarea {
    padding: 8px;
    position: relative;
    display: block;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.4);
    border-color: #450319;
    /* z-index: 0; */
    width: 60vw;
    height: 70px;
    /* overflow: auto; */
    color: black;
    font-size: 8px;
}




/* 折りたたみ　*/

details{
    border: none;
    transition: 1s;
    font-family: 'Kiwi Maru' ;
    margin: 0 auto;
    padding: 1.5em;
    width: 75vw;
    position: relative;
    border-radius: 5px;
    color: #450319;
}

details[open] {
    animation: fadeIn 0.5s ease;
    text-align: left;
    padding: 1.5em;
    width: 75vw;
    position: relative;
    color: #450319;
    border-radius: 5px;
    background-color: rgba(193,14,74,0.1);
    font-family: 'Kiwi Maru';
}

details summary{
    /* text-align: center ; */
    display: block;
    cursor: pointer;
    outline: none;
    font-family: 'Kiwi Maru' ;
    color: #450319;
}
details summary::-webkit-details-marker {
    display: none;
}

details[open] summary::before {
    font-family: 'Material Symbols Outlined' ;
    content: '\e650'; /* 開けたとき　*/
    font-weight: 900;
    color: #450319;
    margin-right: 2px;
}

details summary::before {
    font-family: 'Material Icons' ;
    content: '\e87d'; /* 閉じたとき　*/
    font-weight: 900;
    color: #450319;
    margin-right: 4px;
}




/* アイコン　*/

@font-face{
   font-family: ic;
   src: url('https://dl.dropboxusercontent.com/scl/fi/ssv8fhti47czliw099e1f/fotograami-sun.ttf?rlkey=prr120bv2ydpiqrj5w6gkitjs&dl=0') format("truetype");
}

ic {
    font-family: 'ic';
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
    display: block;
    color: #ffd700;
}


@font-face{
   font-family: space;
   src: url('https://dl.dropboxusercontent.com/scl/fi/f7bzk6dwm8byfr46oy601/Space-2.ttf?rlkey=2z6j3mxropwj9vmgqy3hf6new&dl=0') format("truetype");
}

space {
    font-family: 'space';
    font-size: 100px;
    text-align: center;
    display: block;
    color: white;
}


@font-face{
   font-family: bear;
   src: url('https://dl.dropboxusercontent.com/scl/fi/gso94pdi8ay3is3y0i8xg/WWBearySpecial.ttf?rlkey=s6195rbf7lbek8amxd1n411ab&st=5xnoi13p&dl=0') format("truetype");
}





/* マーカー　*/

bks {
    color: transparent;
    text-shadow: 0 0 5px black;
    font-family: 'Kiwi Maru', serif;
    font-size: 11px;
}

xx {
    font-family: "Dancing Script", cursive;
    font-size: 20px;
    color: black;
}

@font-face{
   font-family: bloom;
   src: url('https://dl.dropboxusercontent.com/scl/fi/p7y8mbodfgh8y3z2c2zmj/Blooming-Heart-Demo.ttf?rlkey=aaglbh1bfk1pbaf6piob4mek9&st=wagtbixn&dl=0') format("truetype");
}
bloom {
    font-family: 'bloom';
    font-size: 20px;
    font-weight: bold;
    color: black;
}

xxx {
    font-family: "Dancing Script", cursive;
    font-size: 20px;
    color: white;
}




kai {
    font-family: 'Kiwi Maru', serif;
    font-size: 10px;
    font-weight: bold;
    color: #0C6F72;
}

lore {
    font-family: 'Kiwi Maru', serif;
    font-size: 10px;
    font-weight: bold;
    color: #C10E49;
}

rrm {
    font-family: 'Kiwi Maru', serif;
    font-size: 10px;
    font-weight: bold;
    color: #EF6F94;
}

sin {
    font-family: 'Kiwi Maru', serif;
    font-size: 10px;
    font-weight: bold;
    color: #F1C8DE;
}


urc {
    font-family: 'Kiwi Maru', serif;
    font-size: 10px;
    font-weight: bold;
    color: #fa0a3a;
}

kne {
    font-family: 'Kiwi Maru', serif;
    font-size: 10px;
    font-weight: bold;
    color: #ABD3D8;
}

wen {
    font-family: 'Kiwi Maru', serif;
    font-size: 10px;
    font-weight: bold;
    color: #FF8C9B;
}

rou {
    font-family: 'Kiwi Maru', serif;
    font-size: 10px;
    font-weight: bold;
    color: #5A5FAA;
}

nrs { 
    font-family: "Kiwi Maru", sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #d69090;
    /* color: #ffabab; */
}

fuwa { 
    font-family: "Kiwi Maru", sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #BF69F4;
}

kgm { 
    font-family: "Kiwi Maru", sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #B9ADB9;
}

akn { 
    font-family: "Kiwi Maru", sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #F03C32;
}







/* なうぷれ　*/

.music {
    width : 60vw;
    padding: 5px;
    margin: 0 auto;
    background: #C10E49;
    border : 1px solid #C10E49;
    border-radius: 15px;
    overflow : hidden; /* 枠外非表示 */
}
.music p {
    color: white;
    display : inline-block; /* 必須　*/
    white-space : nowrap; /* 改行防止 */
    line-height : 1em; /* 行間（高さ）1文字分 */
    padding-left: 80%; /* 右端スタート　*/
    animation : scroll 10s linear infinite;
}
@keyframes scroll{
    0% { transform: translateX(0) }
    100% { transform: translateX(-100%) }
}

m:before {
    font-family: "Material Icons";
    content: '\e405';
    font-size: 15px;
    color: white;
    position: relative;
    margin-right: 3px;
    float: left;
}



/* リアタイ　*/

icl:before {
    font-family: "lric";
    content: 'd';
    font-size: 18px;
    color: #450319;
    position: relative;
    margin-right: 10px;
    float: left;
}

ica:before {
    font-family: "Material Symbols Outlined";
    content: '\e7fd';
    font-size: 18px;
    color: #cc7a7a;
    position: relative;
    margin-right: 3px;
    float: left;
}

.real {
    padding: 0.5em 1em;
    margin: 0 auto;
    width: 230px;
    height: 70px;
    overflow: auto;
    color: black;
}
.real p {
    font-family: 'M PLUS 1', serif;
    font-size: 9px;
    border-left: 1px solid #450319;
    padding-left: 1em;
    padding-top: 8px;
    margin-left: 3px;
}



@font-face{
   font-family: lric;
   src: url('https://dl.dropboxusercontent.com/scl/fi/6cbx7zf516px3pcqncnm9/Police-Department.ttf?rlkey=z6kw9eho75tmd6b3b1be40d0r&dl=0') format("truetype");
}

lric {
    font-family: 'lric';
    margin: 0 auto;
    text-align: center;
    display: block;
}









/* ページアイコン　*/

#container { color: transparent;}

a[href*="/?o="] { font-size: 0; }
a[href*="/?o="]::before{ 
  padding: 3px ;
  content:'\eacf'; /* 1から　*/
  font-family: 'Material Icons' ;
  font-size: 12px;
  color: #450319;
}
a[href*="/?page=-1"] { font-size: 0; }
a[href*="/?page=-1"]::before{ 
  padding: 3px ;
  content:'\ead0'; /* 新　*/
  font-family: 'Material Icons' ;
  font-size: 12px;
  color: #450319;
}
a[href*="/?o=-1"] { font-size: 0; }
a[href*="/?o=-1"]::before{ 
  padding: 3px ;
  content:'\ead0'; /* 新　*/
  font-family: 'Material Icons' ;
  font-size: 12px;
  color: #450319;
}
a[href*="/tse"] { font-size: 0; }
a[href*="/tse"]::before{ 
  padding: 3px;
  content:'\e8b6'; /* 検索　*/
  font-family: 'Material Icons';
  font-size: 12px;
  color: #450319;
}
a[href*="/nm"] { font-size: 0; }
a[href*="/nm"]::before{
  padding: 3px;
  content:'\e150'; /* 新規書込　*/
  font-family: 'Material Icons';
  font-size: 12px;
  color: #450319;
}
a[href*="/dt"] { font-size: 0; }
a[href*="/dt"]::before{
  padding: 3px;
  content:'\e8b2'; /* スレ削除　*/
  font-family: 'Material Icons';
  font-size: 12px;
  color: #450319;
}
a[href*="/delete?"] { font-size: 0; }
a[href*="/delete?"]::before{
  padding: 3px;
  content:'\e872'; /* 記事削除　*/
  font-family: 'Material Icons';
  font-size: 12px;
  color: #450319;
}

a[href*="/edit?"] { font-size: 0; }
a[href*="/edit?"]::before {
  padding: 3px;
  content:'\e8b8'; /* 編集　*/
  font-family: 'Material Symbols Outlined';
  font-size: 12px;
  color: #450319;
}

a[href*="/cp?"] { font-size: 0; }
a[href*="/cp?"]::before {
  padding: 3px;
  content:'\e14d'; /* コピー　*/
  font-family: 'Material Icons';
  font-size: 12px;
  color: #450319;
}

a[href*="/thread-setting"] { font-size: 0; }
a[href*="/thread-setting"]::before {
  padding: 3px;
  content:'\f02e'; /* 管理　*/
  font-family: 'Material Symbols Outlined';
  font-size: 12px;
  color: #450319;
}

a.delete + a[href*="https://starry02.nieru.net/"] { font-size: 0; }
a.delete + a[href*="https://starry02.nieru.net/"]::before {
  padding: 3px;
  content:'\f34f'; /* 戻る　*/
  font-family: 'Material Symbols Outlined';
  font-size: 12px;
  color: #450319;
}