@font-face {font-family:'donut';
src: url('https://dl.dropboxusercontent.com/scl/fi/3w13onwauj8n8bga0wbel/Donuts-Icons.otf?rlkey=y4d4x6fm6r7lefn5l3oprb3fo&st=91oosfg0&dl=0') format('opentype');
font-display: swap;
}

@font-face {font-family:'my';
src: url('https://dl.dropboxusercontent.com/scl/fi/fft70xr0oqh5a8rtms0u6/Mystiqious.otf?rlkey=2i6nlia6w57mbvemu08k0od3b&st=31eqfaxo&dl=0') format('opentype');
font-display: swap;
}

@font-face {font-family:'kh';
src: url('https://dl.dropboxusercontent.com/scl/fi/04agbkf8397zeyu58f2h7/KH-Dot-Akihabara-16.ttf?rlkey=ltpxrkhjmd3lfrr0zqpc14j2e&st=wngkhyc9&dl=0') format('truetype');
font-display: swap;
}

@font-face {font-family:'moni';
src: url('https://dl.dropboxusercontent.com/scl/fi/a00iesdja5j74ixsvbhdj/Monica.woff?rlkey=1u17vtp1vy38rfzst2oxxehiw&st=w04mhhkv&dl=0') format('woff');
font-display: swap;
}

@font-face {font-family:'con';
src: url('https://dl.dropboxusercontent.com/scl/fi/uxdmd95ksom44azkzj3j6/CONDENSEicon.woff?rlkey=bkfkdl5vs5c3s6eus0x7n8mmt&st=2vfvmkqw&dl=0') format('woff'); 
font-display: swap;
}

@font-face {font-family:'mbf';
src: url('https://dl.dropboxusercontent.com/scl/fi/dn6qlxo066ys58g6k42it/Mbf-Regular.woff?rlkey=yhxiouxvguavwhkvizqz2g328&st=usyw7pr7&dl=0') format('woff');
font-display: swap;
}

@font-face {font-family:'kiwi';
src: url('https://dl.dropboxusercontent.com/scl/fi/ullhhsk9h95o1sdh7qypk/KiwiMaru-Light.woff?rlkey=91zvmrdha87nbogtwwoykavyl&st=75ptlrfd&dl=0') format('woff');
font-display: swap;
}

/*全体*/

/*ここを見たきみの今日の夕飯は嗦丟*/

* { font-family: 'Kiwi';
color:rgba(63,63,63,0.9);
font-size:8px; }

body { color: transparent;
padding: 10px;
background-color: #fff !important;
background-size: cover;
}

p { color: transparent; }



/*線*/

hr {
border: none;
background: none !important;
}

hr::before {
content: "︎✦︎︎︎ ︎✦︎︎︎ ︎✦︎︎︎";
display: block;
text-align: center;
color: rgba(0,0,0,0.7);
font-size: 7px;
background-color: #fff !important;
}


/*表紙、タイトル*/

.all{
width:90%;
max-width:400px;
margin:0 auto;
padding:50px 0 0;
text-align:center;
}

ti{
font-size:50pt;
letter-spacing:0;
text-align:center;
font-family:'mbf';
}

tl{
font-size:6pt;
letter-spacing:3.5px;
text-align:center;
font-family:'moni';
}

/*ボックス*/

.box,.box2,.box3,.box4,.box5{
background:#fff;
border-radius:12px;
padding:30px 20px;
margin:20px auto;
font:8px/1.8 kiwi;
width:75%;
max-width:260px;
box-shadow:0 3px 8px rgba(0,0,0,.08);
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
color:#333;
}

.box::before,.box::after,
.box2::before,.box2::after,
.box3::before,.box3::after,
.box4::before,.box4::after,
.box5::before,.box5::after{
content:"✦ ✦ ✦";
display:block;
text-align:center;
font:10px serif;
}

.box::before,
.box::after{color:rgba(140,70,100,.4)}
.box2::before,
.box2::after{color:rgba(165,140,220,.4)}
.box3::before,
.box3::after{color:rgba(100,200,240,.4)}
.box4::before,
.box4::after{color:rgba(247,202,129,.4)}
.box5::before,
.box5::after{color:rgba(110,180,135,.4)}

/*仕切り*/

.box r {
border: none;
height: auto;
margin: 1.5em 0;
background: none;
}

.box r::before {
content: "┄ ︎✦︎︎︎ ┄ ";
display: block;
text-align: center;
color: rgba(63,63,63,0.5);
font-size: 9px;
font-family: serif;
margin: 1.5em 0 1.5em 0;
}


.box2 r,
.box3 r,
.box4 r,
.box5 r{
border: none;
height: auto;
margin: 1.5em 0;
background: none;
}

.box2 r::before,
.box3 r::before,
.box4 r::before,
.box5 r::before{
content: "┄ ︎✦︎︎︎ ┄ ";
display: block;
text-align: center;
color: rgba(63,63,63,0.5);
font-size: 9px;
font-family: serif;
margin: 1.5em 0 1.5em 0;
}



/*アイコン*/

.movie::before {
font-family:'con';
font-size:9px;
content:',';
}

.memo::before {
font-family:'con';
font-size:9px;
content:'C';
}

.post::before {
font-family:'con';
font-size:9px;
content:'F';
}

/*リンク*/

a {
font-size: 9px;
color: rgba(63,63,63,0.7);
text-decoration: none;
transition: color 0.3s ease;
}

a:hover {
color: #8C4664;
}

a:visited {
color: #8C4664;
}

/*管理*/

a[href*="thread-setting"]{
font-size: 0;
}
a[href*="thread-setting"]::before{
font-family: "con";
content: 'w';
font-size: 9px;
padding: 2.6px;
color: #8C4664;
}

/*削除*/

a[href*="delete?"]{
font-size: 0;
}
a[href*="delete?"]::before{
font-family: "con";
content: 'l';
font-size: 9px;
padding: 2.6px;
color: #8C4664;
}

/*編集*/

a[href*="edit?"]{font-size: 0;}
a[href*="edit?"]::before{
font-family: "con";
content: 'D';
font-size: 9px;
padding: 2.6px;
color:#8C4664;
}

/*戻る*/

a.delete + a[href*="https://starry04.nieru.net/"] { 
font-size: 0; 
}
a.delete + a[href*="https://starry04.nieru.net/"]::before{
font-family: "con";
content: 'A';
font-size: 9px;
padding: 2.6px;
color: #8C4664;
}

.btn-spacing {font-size: 0;}

.btn-spacing a {
font-size: 10px;
color: #8C4664 !important;
}

.btn-spacing a::after {
content: "：";
color: rgba(63,63,63,0.9);
margin: 0 2px;
}

.btn-spacing a:last-child::after {content: "";}

.name {color: rgba(63,63,63,0.9);}
.name a { color: inherit;}
.breadcrumb-item + .breadcrumb-item::before {color: rgba(63,63,63,0.9);}


center::before {
content: "";
display: block;
height: 1em;
}

nav::before {
content: "";
display: block;
height: 1em;
}


/*マーカー*/

tt{ font-size:7.9px; color: rgba(63,63,63,0.9); background: linear-gradient(transparent 50% ,rgba(140,70,100,0.1)10%)!important;}

rt{ font-size:7.9px; color: rgba(63,63,63,0.9); background: linear-gradient(transparent 50%, rgba(250,195,30,0.1)10%)!important;}

wn{ font-size:7.9px; color: rgba(63,63,63,0.9); background: linear-gradient(transparent 50%, rgba(255,140,155,0.1)10%)!important;}

mn{ font-size:7.9px; color: rgba(63,63,63,0.9); background: linear-gradient(transparent 50%, rgba(100,200,240,0.1)10%)!important;}

rb{ font-size:7.9px; color: rgba(63,63,63,0.9); background: linear-gradient(transparent 50%, rgba(165,140,220,0.1)10%)!important;}

kgt{ font-size:7.9px; color: rgba(63,63,63,0.9); background: linear-gradient(transparent 50%, rgba(110,180,135,0.1)10%)!important;}

ru{ font-size:7.9px; color: rgba(63,63,63,0.9); background: linear-gradient(transparent 50%, rgba(90,95,170,0.1)10%)!important;}

ri{ font-size:7.9px; color: rgba(63,63,63,0.9); background: linear-gradient(transparent 50%, rgba(220,255,80,0.1)10%)!important;}

kimi{ font-size:7.9px; color: rgba(63,63,63,0.9); background: linear-gradient(transparent 50%, rgba(44,53,189,0.1)10%)!important;}

/*ふきだし*/

.lbox {
width: 70%;
max-width: 220px;
height: 50px;
margin: auto;
padding: 10px 40px;
overflow-y: auto;
background: #fff;
font: 8px/1.8 kiwi;
color: rgba(0,0,0,0.8);
border-radius: 12px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
box-shadow: 0 3px 8px rgba(0,0,0,0.08);
position: relative;
}


.t{
background: rgba(140,70,100,0.1)!important;
border:1px solid rgba(140,70,100,0.1);
padding:4px;
margin:4px;
border-radius:14px 1px 14px 14px;
color:#3f3f3f;
font-size:8px;
display: inline-block;
margin-left: calc(100% - 150px - 80px);
text-align:left;
max-width: 150px;
float: right;
}

.us{
background: rgba(250,195,30,0.1)!important;
border:1px solid rgba(250,195,30,0.1);
padding:4px;
margin:4px;
border-radius:1px 14px 14px 14px;
color:#3f3f3f;
font-size:8px;
display: inline-block;
text-align:left;
max-width: 150px;
}

.ak{
background: rgba(255,140,155,0.1)!important;
border:1px solid rgba(255,140,155,0.1);
padding:4px;
margin:4px;
border-radius:1px 14px 14px 14px;
color:#3f3f3f;
font-size:8px;
display: inline-block;
text-align:left;
max-width: 150px;
}

.hb{
background: rgba(100,200,240,0.1)!important;
border:1px solid rgba(100,200,240,0.1);
padding:4px;
margin:4px;
border-radius:1px 14px 14px 14px;
color:#3f3f3f;
font-size:8px;
display: inline-block;
text-align:left;
max-width: 150px;
}

.hs{
background: rgba(165,140,220,0.1)!important;
border:1px solid rgba(165,140,220,0.1);
padding:4px;
margin:4px;
border-radius:1px 14px 14px 14px;
color:#3f3f3f;
font-size:8px;
display: inline-block;
text-align:left;
max-width: 150px;
}

.mr{
background: rgba(110,180,135,0.1)!important;
border:1px solid rgba(110,180,135,0.1);
padding:4px;
margin:4px;
border-radius:1px 14px 14px 14px;
color:#3f3f3f;
font-size:8px;
display: inline-block;
text-align:left;
max-width: 150px;
}

.ky{
background: rgba(90,95,170,0.1)!important;
border:1px solid rgba(90,95,170,0.1);
padding:4px;
margin:4px;
border-radius:1px 14px 14px 14px;
color:#3f3f3f;
font-size:8px;
display: inline-block;
text-align:left;
max-width: 150px;
}

.in{
background: rgba(220,255,80,0.1)!important;
border:1px solid rgba(220,255,80,0.1);
padding:4px;
margin:4px;
border-radius:1px 14px 14px 14px;
color:#3f3f3f;
font-size:8px;
display: inline-block;
text-align:left;
max-width: 150px;
}

/*リアルタイム*/

.twbox {
width: 70%;
max-width: 220px;
height: 100px;
margin: auto;
padding: 10px 40px;
overflow-y: auto;
background: #fff;
color: rgba(0,0,0,0.8);
border-radius: 12px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
box-shadow: 0 3px 8px rgba(0,0,0,0.08);
position: relative;
}

.twe {
display: flex;
align-items: flex-start;
gap: 0;
padding: 5px;
width: calc(100% - 20px);
margin: 0 auto;
margin-bottom: 4px;
font-family:'kh';
font-size:8px; 
color: rgba(0,0,0,0.8);
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

.twe:last-child {
border-bottom: none;
}

.twe p {
margin: 0;
padding: 6px 5px 12px 6px;
font-family:'kh';
font-size:6.5px;
color: rgba(0,0,0,0.8);
line-height: 1.5; 
border-radius: 12px;
}

.twe bs{
display: inline-block;
margin: 2px 0;
border-bottom: 0.8px solid rgba(63,63,63,0.2);
font-size:8px;
font-family:'kh';
}

.ttc::before {
content: "7";
font-family: 'my';
font-size: 36px;
color: rgba(140,70,100,1);
display: inline-flex;
width: 30px;
height: 36px;
align-items: center;
justify-content: center;
}

.rtc::before {
content: "Y";
font-family: 'my';
font-size: 36px;
color: rgba(250,195,30,1);
width: 30px;
height: 36px;
align-items: center;
justify-content: center;
}

.wnc::before {
content: "I";
font-family: 'my';
font-size: 36px;
color: rgba(255,140,155,1);
width: 30px;
height: 36px;
align-items: center;
justify-content: center;
}

.hbc::before {
content: "W";
font-family: 'my';
font-size: 36px;
color: rgba(100,200,240,1);
width: 30px;
height: 36px;
align-items: center;
justify-content: center;
}

.rbc::before {
content: "Q";
font-family: 'my';
font-size: 36px;
color: rgba(165,140,220,1);
width: 30px;
height: 36px;
align-items: center;
justify-content: center;
}

.ruc::before {
content: "X";
font-family: 'my';
font-size: 36px;
color: rgba(90,95,170,0.7);
width: 30px;
height: 36px;
align-items: center;
justify-content: center;
}

.kgc::before {
content: "Z";
font-family: 'my';
font-size: 36px;
color: rgba(110,180,135,1);
width: 30px;
height: 36px;
align-items: center;
justify-content: center;
}

.ric::before {
content: "H";
font-family: 'my';
font-size: 36px;
color: rgba(190,225,50,1);
width: 30px;
height: 36px;
align-items: center;
justify-content: center;
}

/*折り畳み*/

summary{
position: relative;
padding-left: 25px;
cursor: pointer;
list-style: none;
transition: color .3s ease;
}

summary::-webkit-details-marker{
display:none;
}

details[open] summary{
color: transparent;
}

summary::before{
content:"z";
font-family:"donut";
font-size:13px;
color:#000;
position:absolute;
left:4px;
top:50%;
transform:translateY(-50%);
}

details[open] summary::before{
content:"x";
}

details{
transition: .5s ease;
}

details[open]{
animation: fade .5s ease;
}

@keyframes fade{
from{
opacity:0;
transform:translateY(-8px);
  }

to{
opacity:1;
transform:translateY(0);
  }
}

details{
padding: 15px 20px;
}

summary{
margin: -15px -20px 0;
}

/*デカ文字タイトル*/

big {
font-size:8pt;
letter-spacing:3.5px;
font-weight: bold;
font-family:'kh';
｝