@font-face { font-family: zen;src: url( ' https://dl.dropboxusercontent.com/scl/fi/vyvgdeefuylj4u4uxty1g/1629681472739.otf?rlkey=fz96se3k8nrc5ggk6sximtxfh&st=v4jknbbm ' )format( "opentype" ); }
@font-face { font-family: mozi;src: url( ' https://dl.dropboxusercontent.com/scl/fi/ecli8r7pmvthkauewhj96/UtsukushiFONT.otf?rlkey=mqvuikokfbug1mlxsbin653vo&st=vk3j32x3 ' )format( "opentype" ); }
@font-face { font-family: hyousi2;src: url( ' https://dl.dropboxusercontent.com/scl/fi/ffjy8abdoddlm20elpi8r/VeneerExtras.otf?rlkey=s0xfgritfzv9o9v0k3wck6kx5&st=hdf6xq95 ' )format( "truetype" ); }
@font-face { font-family: hyousi4;src: url( ' https://dl.dropboxusercontent.com/scl/fi/e9y9j4malagir8lhxlb84/OoohBaby-Regular.ttf?rlkey=lrjfrnx83wqxxxkxnq4eac0pu&st=83qkd5qd ' )format( "truetype" ); }
@font-face { font-family: abut;src: url( ' https://dl.dropboxusercontent.com/scl/fi/m70pts92prl83yboo7gj3/RampartOne-Regular.ttf?rlkey=oi8wrsbaomqlwb4daegarfg0c&st=x1bd27m4 ' )format( "truetype" ); }
@font-face { font-family: abut1;src: url( ' https://dl.dropboxusercontent.com/scl/fi/xy4rk6vqqw1gumz84t2k6/1649918750857.ttf?rlkey=iyt10jj5u9me0mde0r0q0kie2&st=v8oft224 ' )format( "truetype" ); }
@font-face { font-family: ker;src: url( ' https://dl.dropboxusercontent.com/scl/fi/623sczbp4lpttzmvyhvrn/KR-Frogs-for-Jennifer.ttf?rlkey=dmj4ut30o3pa3l6uphgdy57x8&st=0hte91vb ' )format( "truetype" ); }
@font-face { font-family: hon1;src: url( ' https://dl.dropboxusercontent.com/scl/fi/0xb3pl0hor1s23qqque7f/LISTND__.TTF?rlkey=5l7o0fcu85z7xnyv09z9f9y4a&st=jdu359xh ' )format( "truetype" ); }
@font-face { font-family: hon2;src: url( ' https://dl.dropboxusercontent.com/scl/fi/vvzvmthxuzvh96pgxkrvy/Jahreskreis.ttf?rlkey=eiz9669npwhdxuh0g9ldrpg0c&st=r5gq1fwu ' )format( "truetype" ); }
@font-face { font-family: Twitter;src: url( ' https://dl.dropboxusercontent.com/scl/fi/jdlr4ec6emnzqc8o8l76c/WebSymbols-Regular.otf?rlkey=2d6ov6hlwx9er6ynxn1jsovt9&st=jqqwz720 ' )format( "opentype" ); }
@font-face { font-family: nau;src: url( ' https://dl.dropboxusercontent.com/scl/fi/d3ol3wcepumbdrs7po77x/Font-90-Icons.ttf?rlkey=18x9kfqx2mea4z2m3rg6dloci&st=mqflqk3a ' )format( "truetype" ); }

@font-face { font-family: wanwan;src: url( ' https://dl.dropboxusercontent.com/scl/fi/6y8f0c2ccc2u29xff58bx/Dogpixur.ttf?rlkey=7ssej10z3kp5xefuvq14r8n2b&st=ui0erh6o ' )format( "truetype" ); }
@font-face { font-family: hana;src: url( ' https://dl.dropboxusercontent.com/scl/fi/sljy3fqpda6gwsdjj6v56/Florila-Frame.otf?rlkey=areses3zk2yccjftxgr868gwq&st=0ysuaeln ' )format( "opentype" ); }
@font-face { font-family: yoru;src: url( ' https://dl.dropboxusercontent.com/scl/fi/5hlezvo66vhlnzzsfaehk/fs-skylines.ttf?rlkey=797ql2mbq0swq5ztsneehv82z&st=ccke7c5m ' )format( "truetype" ); }
@font-face { font-family: pika;src: url( ' https://dl.dropboxusercontent.com/scl/fi/kejv0gu0gmwfqbub8uiyb/Hadaspa.otf?rlkey=d6u3ok7lnpupymw9a3l9ed1fo&st=kmex3b50 ' )format( "opentype" ); }





/* 全体 */
*{
font-family: zen;
font-size: 12px;
color: #ffffff;
}
.name, span[style*="color"] { 
color: #ffffff; 
}
body {
background-image: linear-gradient(to top, #CC6699 0%, #9999CC 60%, #666699 100%);
background: linear(#ffffff); 
line-height: 1.6; 
background: important; 
padding: 15px 8px ;
}
hr{
border:none;
}
a {
color: #ffffff;
text-decoration: none; 
}
a:link { 
color: #ffffff; 
text-decoration: none; 
}
a:visited { 
color: #ffffff; 
text-decoration: none; 
}
summary {
display: block;
cursor: pointer;
outline: none;
}
summary::-webkit-details-marker {
display: none;
}



/* 表紙 */
q1 {
font-family: pika;
font-size: 50px;
color: #fff;
font-weight: 100;
margin: 0px;
text-shadow: 0px 0px 8px #fff;
}
.hh {
background: rgba(255,0,0,0.0); 
margin:15px; 
padding: 0px 0px 0px 0px;
position: relative;
border: solid 1px rgba(255,0,0,0.0);
line-height: 0.7;
}
.hh::after {
font-family: "hana";
content: '3';
font-weight: 500;
font-size: 260px;
display: block;
position: absolute;
right: 30px;
bottom: -80px;
opacity:1;
color: #fff;
}
.hh1 {
background: rgba(255,0,0,0.0); 
margin:15px; 
padding: 0px 0px 0px 0px;
position: relative;
border: solid 1px rgba(255,0,0,0.0);
line-height: 0.7;
}
.hh1::after {
font-family: "yoru";
content: 'D';
font-weight: 500;
font-size: 280px;
display: block;
position: absolute;
right: 65px;
bottom: -18px;
opacity:0.5;
color: #000;
}

wa span {
font-family: hyousi4;
font-size: 14px;
height: 200px;
position: absolute;
color:#fff;
width: 20px;
left: 174px;
top: 60px;
transform-origin: bottom center;
	}
.char1 { transform: rotate(-22deg); }
.char2 { transform: rotate(-20deg); }
.char3 { transform: rotate(-18deg); }
.char4 { transform: rotate(-16deg); }
.char5 { transform: rotate(-14deg); }
.char6 { transform: rotate(-12deg); }
.char7 { transform: rotate(-10deg); }
.char8 { transform: rotate(-8deg); }
.char9 { transform: rotate(-6deg); }
.char10 { transform: rotate(-4deg); }
.char11 { transform: rotate(-2deg); }
.char12 { transform: rotate(0deg); }
.char13 { transform: rotate(2deg); }
.char14 { transform: rotate(4deg); }
.char15 { transform: rotate(6deg); }
.char16 { transform: rotate(8deg); }
.char17 { transform: rotate(10deg); }
.char18 { transform: rotate(12deg); }
.char19 { transform: rotate(14deg); }
.char20 { transform: rotate(16deg); }
.char21 { transform: rotate(18deg); }




/* 詳細 */
.abut { 
background-color: #4e4e4e; 
position: relative; 
border-radius: 3px; 
border: 1px solid #fff; 
color: #fff; 
width: 260px; 
padding: 15px ;
margin: auto;
}
a1 {
font-family: "abut";
color: #fff;
font-size: 35px;
}
a2 {
font-family: "mozi";
color: #fff;
font-size: 11px;
}
a3 {
font-family: "hon1";
color: #fff;
font-size: 60px;
}
a4 {
font-family: "hon2";
color: #fff;
font-size: 60px;
}
mo1 {
font-family: hyousi4;
font-size: 16px;
color: #fff;
font-weight: 600;
}

/* 3割マーカー */
aa { 
font-family: "mozi";
color: #fff;
font-size: 13px;
background: linear-gradient(transparent 70%, #FF8C9B 70%); 
}
ak { 
font-family: "mozi";
color: #fff;
font-size: 13px;
background: linear-gradient(transparent 70%, #5A5FAA 70%); 
}
at { 
font-family: "mozi";
color: #fff;
font-size: 13px;
background: linear-gradient(transparent 70%, #A58CDC 70%); 
}
/* 全マーカー */
aa1 { 
font-family: "zen";
color: #fff;
font-size: 13px;
background: linear-gradient(transparent 0%, #FF8C9B 0%); 
}
ak1 { 
font-family: "zen";
color: #fff;
font-size: 13px;
background: linear-gradient(transparent 0%, #5A5FAA 0%); 
}
ah1 { 
font-family: "zen";
color: #fff;
font-size: 13px;
background: linear-gradient(transparent 0%, #A58CDC 0%); 
}

/* 紹介ページ犬 */
k1 {
font-family: "wanwan";
color: #fff;
font-size: 40px;
}
k2 {
font-family: "wanwan";
color: #FF8C9B;
font-size: 40px;
}
k3 {
font-family: "wanwan";
color: #5A5FAA;
font-size: 40px;
}
k4 {
font-family: "wanwan";
color: #A58CDC;
font-size: 40px;
}

/* 紹介ページマーカー */
mo {
font-family: "mozi";
color: #fff;
font-size: 12px;
}
mo2 {
font-family: "mozi";
color: #fff;
font-size: 18px;
}
mo3 {
font-family: "mozi";
color: #fff;
font-size: 15px;
}
moa {
font-family: "mozi";
color: #fff;
font-size: 15px;
background: linear-gradient(transparent 70%, #FF8C9B 70%); 
}
mok {
font-family: "mozi";
color: #fff;
font-size: 15px;
background: linear-gradient(transparent 70%, #5A5FAA 70%); 
}
moh {
font-family: "mozi";
color: #fff;
font-size: 15px;
background: linear-gradient(transparent 70%, #A58CDC 70%); 
}

.right {
text-align: right;
margin: 0px 20px 0px 20px;

}


/* ナウ */
.he { 
position: relative; 
margin-left: 10px; 
margin-light: auto; 
border-left: dashed 1px #fff; 
padding: 5px 5px; 
color:#fff; 
line-height:1.2; 
} 
time { 
display: inline-block; 
position: relative; 
margin-left: 9px; 
margin: 0 auto; 
padding: 5px; 
color:#fff; 
line-height:0.8; 
} 
time::before{ 
position: relative; 
font-family: 'pika'; 
content: 'f'; 
color: #fff; 
font-size: 20px; 
z-index: -1; 
}
time1 { 
display: inline-block; 
position: relative; 
margin-left: 9px; 
margin: 0 auto; 
padding: 5px; 
color:#fff; 
line-height:0.8; 
} 
time1::before{ 
position: relative; 
font-family: 'wanwan'; 
content: 'm'; 
color: #fff; 
font-size: 20px; 
z-index: -1; 
} 
time2 { 
display: inline-block; 
position: relative; 
margin-left: 9px; 
margin: 0 auto; 
padding: 5px; 
color:#fff; 
line-height:0.8; 
} 
time2::before{ 
position: relative; 
font-family: 'wanwan'; 
content: 'f'; 
color: #fff; 
font-size: 20px; 
z-index: -1; 
}
time3 { 
display: inline-block; 
position: relative; 
margin-left: 9px; 
margin: 0 auto; 
padding: 5px; 
color:#fff; 
line-height:0.8; 
} 
time3::before{ 
position: relative; 
font-family: 'wanwan'; 
content: 'T'; 
color: #fff; 
font-size: 20px; 
z-index: -1; 
}

mo11 {
font-family: "mozi";
color: #fff;
font-size: 11px;
font-weight:bold;
}



/* 通常ページ */
.akg {
color: #fff;
border-radius: 20px;
margin: auto;
padding: 2em;
position: relative;
z-index: 0;
background-color: #999;
width: 240px; 
}
.akg::before {
content: '';
position: absolute;
inset: 0; 
margin: 7px;
z-index: -1;
display: block;
opacity:0.5;
}
kira {
font-family: "pika";
color: #fff;
font-size:50px;
line-height: 0.5;
opacity:0.9;
}
kira1 {
font-family: "pika";
color: #fff;
font-size:35px;
line-height: 0.5;
opacity:0.9;
}





/* 吹き出し */
.talk{
font-family: "zen";
color: #ffffff;
line-height: 1.4;
width: 90%;
height: 180px;
margin: auto;
padding: 0 1px 15px 1px;
overflow: auto;
background-color: #EEEEEE; 
border-radius: 15px;
}
/* ふきだし共通 */
.talk .nz {
font-family: "zen";
color: #ffffff ;
position: relative;
display: inline-block;
max-width: 60%;
margin: 5px 10px 6px;
padding: 9px 14px;
border-radius: 19px;
overflow-wrap: break-word;
clear: both;
box-sizing: content-box;/* はてな用 */
}
.talk::-webkit-scrollbar{ 
display:none; 
}
/* しっぽなし */
.talk .nz {
margin-bottom: 0;
}
/* ふきだし赤城ウェン */
.talk .nz.akgw {
float: right;
background: #FF8C9B;
}
/* しっぽあり */
.talk .nz::after {
position: absolute;
content: "";
width: 17px;
height: 17px;
bottom: 0;
}
/* しっぽ赤城ウェン */
.talk .nz.akgw::after {
right: -6px;
border-radius: 0px 0  0 17px/ 0px 0 0 13px; 
box-shadow: 14px 2px 0 -3px #FF8C9B inset; 
}
/* しっぽなしのとき */
.talk .nz.no::after {
content: none;
}
/* 無小柳ロウ */
.talk .nz.kyng {
float: left;
background: #5A5FAA;
}
/* 有小柳ロウ */
.talk .nz.kyng::after {
left: -6px;
border-radius: 0px 0  17px 0px/ 0px 0 13px 0; 
box-shadow: -14px 2px 0 -3px #5A5FAA inset; 
}
/* 無星導ショウ */
.talk .nz.hsrb {
float: left;
background: #A58CDC;
}
/* 有星導ショウ */
.talk .nz.hsrb::after {
left: -6px;
border-radius: 0px 0  17px 0px/ 0px 0 13px 0; 
box-shadow: -14px 2px 0 -3px #A58CDC inset; 
}
/* 無 */
.talk .nz.aiu {
float: left;
color: #999999;
background: #EEE;
font-size: 11px;
}
.talk .nz.aiu::after {
border-radius: 0px 0  17px 0px/ 0px 0 13px 0; 
box-shadow: -14px 2px 0 -3px #EEE inset; 
}
/* 無グレー */
.talk .nz.mu {
float: left;
background: #999999;
}
/* 有グレー */
.talk .nz.mu::after {
left: -6px;
border-radius: 0px 0  17px 0px/ 0px 0 13px 0; 
box-shadow: -14px 2px 0 -3px #999999 inset; 
}




/* なうぷれ */ 
/* 記事用再生バー */
h6 { 
width: 220px; 
font-size:1.3em; 
letter-spacing: 0.2em; 
font-weight:bold; 
padding: 0 0 0.2em; 
border-bottom:2px solid #fff; 
position: relative; 
margin:10px 0 10px 0; 
line-height: 3;
}
h6:before{ 
content:" "; 
display:block; 
width:4%; 
border-bottom:2px solid #FF8C9B; 
position:absolute; 
bottom:0; 
margin-bottom: -2px; 
} 
/* 記事用分数 */
.pa1 {
display: flow-root;
}
.le1 {
font-family: zen; 
float: left;
color: #fff;
font-size: 8px;
letter-spacing: 1px;
}
.ri1 {
font-family: zen; 
float: right;
color: #fff;
font-size: 8px;
letter-spacing: 1px;
}
/* 記事用再生コマンド */
n1 {
font-family: nau;
font-size: 13px;
color: #fff;
}
n2 {
font-family: nau;
font-size: 11px;
color: #fff;
}
/* 記事用曲名、人名 */
c1 {
font-family: zen; 
font-size: 12px;
color: #fff;
}
c2 {
font-family: zen; 
font-size: 11px;
color: #696969;
}
c3 {
line-height: 0.1;
}