@charset "utf-8";

/* タイトルに使いたいフォント */

@font-face {
   font-family: '機械';
   src: url('https://dl.dropbox.com/scl/fi/j3bmjeq26fdb439x2q6rl/KikaiChokokuJIS-Md.otf?rlkey=s0jrw1iy90uymk77916d585hx&st=m3keahxh&raw=1')
   format('opentype')
 }

@font-face {
   font-family: 'らっかせい';
   src: url('https://dl.dropbox.com/scl/fi/saon5awjjmvkmcpsfle8c/NuRakkasei-Regular-v1.0.0.otf?rlkey=86f0i27qudlt85oo3jxk3g07u&st=jn3rg7ki&raw=1')
   format('opentype')
 }

@font-face {
   font-family: 'てがき';
   src: url('https://dl.dropbox.com/scl/fi/ntov1h69yjm88j6ktncfa/Enkasokkifont.ttf?rlkey=077v2v5p9c1lrtzhw7rd46t8w&st=qml75cu9&raw=1')
   format('truetype')
 }


@font-face {
   font-family: 'school';
   src: url('https://dl.dropbox.com/scl/fi/xdbp185cm3rkl9qx37mye/school.TTF?rlkey=59504wd0frtw6fkhxz2kp07ah&st=fjx6etiu&raw=1')
   format('truetype')
 }

@font-face {
   font-family: 'Fragment';
   src: url('https://dl.dropbox.com/scl/fi/0rvas2pu0mkdx2gt1xcqz/Flametick.woff?rlkey=5xhlamqk0f0wew1awilzo5xyj&st=hfmj34oo&raw=1')
   format('woff')
 }




/* 全体指定 */

* {
    font-family: '機械';
    font-size: 12px;
    text-decoration: none; 
    margin: 0;
}


/* ラインカット */

hr {
    border: none;
}


/* 背景 */

body {
    background-color: #2f2f2f;
    background-image:
     radial-gradient(#767676 1px, transparent 1px);
    background-size: 50px 50px;
}


/* タイトル枠*/

.title {
    font-family: 'らっかせい';
    font-size: 18px;
    color: #f5f5f5;
    background: rgba(243, 243, 243, 0.05);
    padding: 1.5em;
    margin: 1em auto;
    border: solid 2px #555;/*線*/
    width: 50%;
    text-align: center;
    position: relative;
}

.title p {
    margin: 0; 
    padding: 0;
}

moji1 {
    font-family: 'らっかせい';
    font-size: 20px;
    color: #316745;
}

moji2 {
    font-family: 'らっかせい';
    font-size: 20px;
    color: #cccc66;
}

e_t1 {
    font-family: 'Fragment';
    font-size: 34px;
    color: #f5f5f5;
    position: absolute;
    left: 17px;
    top: 20px;
    padding: 3px;
}

e_t2 {
    font-family: 'Fragment';
    font-size: 30px;
    color: #f5f5f5;
    position: absolute;
    right: 10px;
    bottom: 5px;
    padding: 6px;
}


/* 枠 */

.box {
    font-family: 'てがき';
    font-size: 14px;
    padding: 1em;
    margin: 1em auto;
    width: 75%;
    color: #f5f5f5;/*文字色*/
    border: solid 3px transparent;
    background-image: linear-gradient(135deg, rgba(119, 119, 119, 0.6), rgba(243, 243, 243, 0.6));
  /* グラデーション背景 */
    background-origin: border-box;  /* 背景の基準位置はボーダーも含める */
    background-clip: border-box;  /* 背景の適用範囲はボーダーも含める */
    position: relative;
}

.box p {
    margin: 0; 
    padding: 0;
}


.NGO {
    font-family: 'てがき';
    font-size: 14px;
    padding: 2em;
    margin: 1em auto;
    width: 70%;
    color: #f5f5f5;/*文字色*/
    border: solid 3px transparent;
    background-image: linear-gradient(135deg, rgba(98, 93, 161, 0.6), rgba(119, 119, 119, 0.6));
  /* グラデーション背景 */
    background-origin: border-box;  /* 背景の基準位置はボーダーも含める */
    background-clip: border-box;  /* 背景の適用範囲はボーダーも含める */
    position: relative;
}

.NGO p {
    margin: 0; 
    padding: 0;
}


.FM {
    font-family: 'てがき';
    font-size: 14px;
    padding: 2em;
    margin: 1em auto;
    width: 70%;
    color: #ffffff;/*文字色*/
    background-image: linear-gradient(135deg, rgba(243, 243, 243, 0.6),
  rgba(244, 228, 157, 0.6));  /* グラデーション背景 */
    background-origin: border-box;  /* 背景の基準位置はボーダーも含める */
    background-clip: border-box;  /* 背景の適用範囲はボーダーも含める */
    border: solid 3px transparent;
    border-radius: 50px;/*角の丸み*/
    position: relative;
}

.FM p {
    margin: 0; 
    padding: 0;
}


/* マーカー*/

fm {
    font-family: 'てがき';
    font-size: 14px;
    color: #505050;
    background-color: rgba(244, 228, 157, 0.8);
}

ki {
    font-family: 'てがき';
    font-size: 14px;
    color: #f5f5f5;
    background-color: rgba(98, 93, 161, 0.8);
}

/* ぼかし */

bks {
    font-size: 14px;
    color: transparent;
    text-shadow: 0px 0px 8px #fff;
}

/* 打ち消し */ 

n {
    color: #f5f5f5;
    font-family: 'てがき';
    font-size: 14px;
    text-decoration: line-through;
}


/* 折りたたみ */

details {
    display: block;/* これでコンテンツを１つの塊にする */
    font-family: 'てがき';
    font-size: 14px;
    color: #fffffc;
}

details[open] {
    display: block;/* これでコンテンツを１つの塊にする */
    background-color: transparent;
    color: #fffffc;
    border-radius: 5px;
    padding: 2px 10px 5px;
}

details[open] summary::before{
    font-size: 15px;
    font-family: 'school';
    content: 't';/* 空いているときに表示される */
    color: #fffffc;
}

summary {
    font-family: 'てがき';
    font-size: 14px;
    color: #fffffc;
    display: block;/* これでコンテンツを１つの塊にする */
    outline: none;/* これでアンダーラインを非表示にする */
}

summary:before {
    font-size: 15px;
    font-family: 'school';
    content: 'r';/* 閉じている時に表示される */
    color: #fffffc;
}

summary::-webkit-details-marker {
    display: none;/* これを書くと▼が透明になります */
}



/* なうぷれ */

.pl {
    font-family: 'てがき';
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 6px 12px;
    font-size: 12px;
    color: #fff;
    background: transparent;
    animation: soft-blink 7s ease-in-out infinite;
}

.pl:before {
    font-size: 15px;
    font-family: 'てがき';
    content: '';
    color: #fffffc;
}

/* ゆっくり点滅 */

@keyframes soft-blink {
   0%   { opacity: 1; }
   50%  { opacity: 0.25; }
   100% { opacity: 1; }
}


/* チャット */

.ct {
   overflow: auto;
   width: 90%;
   margin: 5px auto;
   padding: 5px 0;
   height: 150px;
   background: rgba(0, 0, 0, 0.3);
   border-radius: 7px;
}

/*フキダシ共通*/

.ct .fm {
   position: relative;
   display: inline-block;
   max-width: 192px;
   margin: 1px 10px 6px;
   padding: 9px 14px;
   border-radius: 19px;
   overflow-wrap: break-word;
   clear: both;
   color: #333;
   box-sizing: content-box;/*はてな用*/
}

.ct .ki {
   position: relative;
   display: inline-block;
   max-width: 192px;
   margin: 1px 10px 6px;
   padding: 9px 14px;
   border-radius: 19px;
   overflow-wrap: break-word;
   clear: both;
   color: #f4f4f4;
   box-sizing: content-box;/*はてな用*/
}

/*しっぽをつけないとき*/

.ct .fm.no {
   margin-bottom: 0;
}

.ct .ki.no {
   margin-bottom: 0;
}

/*フキダシ左*/

.ct .fm.lt {
   float: left;
   background: #F4E49D;
}

.ct .ki.lt {
   float: left;
   background: #625DA1;
}

/*フキダシ右*/

.ct .fm.rt {
   float: right;
   background: #F4E49D;
}

.ct .ki.rt {
   float: right;
   background: #625DA1;
}

/*しっぽ共通*/

.ct .fm::after {
   position: absolute;
   content: "";
   width: 17px;
   height: 17px;
   bottom: 0;
}

.ct .ki::after {
   position: absolute;
   content: "";
   width: 17px;
   height: 17px;
   bottom: 0;
}

/*しっぽ左*/

.ct .fm.lt::after {
   left: -6px;
   border-radius: 0px 0  17px 0px/ 0px 0 13px 0; 
   box-shadow: -14px 2px 0 -3px #F4E49D inset; 
}

.ct .ki.lt::after {
   left: -6px;
   border-radius: 0px 0  17px 0px/ 0px 0 13px 0; 
   box-shadow: -14px 2px 0 -3px #625DA1 inset; 
}

/*しっぽ右*/

.ct .fm.rt::after {
   right: -6px;
   border-radius: 0px 0  0 17px/ 0px 0 0 13px; 
   box-shadow: 14px 2px 0 -3px #F4E49D inset;
}

.ct .ki.rt::after {
   right: -6px;
   border-radius: 0px 0  0 17px/ 0px 0 0 13px; 
   box-shadow: 14px 2px 0 -3px #625DA1 inset;
}

/*しっぽをつけないとき*/

.ct .fm.no::after {
   content: none;
}

.ct .ki.no::after {
   content: none;
}




/*なんか全体的なやつ*/

#container { 
   color: transparent;
}

a,
a:link,
a:visited,
a:hover,
a:active {
   color: #f5f5f5;
   margin: 5px;
   text-decoration: none;
   display: inline-block;
   font-family: '機械' !important;
}

.name {
   color: #f5f5f5;
   font-family: '機械';
}
.name a {
   color: inherit;
}

.show-more {
  display: block;
  margin-bottom: 8px;
  position: static !important;
}


/* 置き換え */

/* 削除 */

a[href*="/delete?"] {
   font-size: 0;
   text-decoration: none; 
}
a[href*="/delete?"]::before {
   font-family: '機械' ;
   content: "さくじょ";
   font-size: 11px;
   padding: 1px;
}

/* 編集 */

a[href*="/edit?"] {
   font-size: 0;
   text-decoration: none; 
}
a[href*="/edit?"]::before {
   font-family: '機械' ;
   content: "へんしゅう";
   font-size: 11px;
   padding: 1px;
}

/* 管理（ス削や鍵開け等の管理） */

a[href*="thread-setting"] {
   font-size: 0;
   text-decoration: none; 
}
a[href*="thread-setting"]::before {
   font-family: '機械' ;
   content: "かんり";
   font-size: 11px;
   padding: 1px;
}

/* 戻る（Soleなどに戻れる） */

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

a.delete + a[href="https://starry02.nieru.net/"]::after {
   font-family: '機械';
   font-size: 11px;
   content: "すれっどいちらん";
   padding: 1px;
}