@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+128+Text&family=Zen+Maru+Gothic&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Zeyada&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap');

@font-face{
font-family:"猫";
src:url(https://dl.dropboxusercontent.com/scl/fi/r46q7ea930jrncy1to8ho/kitty-cats-tfb.woff2?rlkey=ajbljk8kr2tnku1h8kormxw3z&e=1&st=stm4g256&)
format('woff2');
}

@font-face{
font-family:"コウモリ";
src:url(https://dl.dropboxusercontent.com/scl/fi/vtxqi29rp649ad8xscnjl/Bats.woff2?rlkey=d2w8n59ocf7hletspj9fjwdac&e=1&)
format('woff2');
}

@font-face{
font-family:"星";
src:url(https://dl.dropboxusercontent.com/scl/fi/nxfvp3a1r9c3gl0kd3ccq/pizzadudestars.woff2?rlkey=wkqyu3uptn28vreota3ye8h91&e=1)
format('woff2');
}

@font-face{
font-family:"アイコン";
src:url(https://dl.dropboxusercontent.com/scl/fi/mcx132m2um0ufpx72zb0c/Type-Icons.woff2?rlkey=w7gdvxs3gg0a2f0sx3sg67fu7&e=1&)
format('woff2');
}


@font-face{
font-family:"百合";
src:url(https://dl.dropboxusercontent.com/scl/fi/zjujgcgxvpfguarw6kvlk/KR-Easter-2003.woff2?rlkey=13bqjlk6alln56kuz1tkelgq0)
format('woff2');
}

@font-face{
font-family:"キャンドル";
src:url(https://dl.dropboxusercontent.com/scl/fi/rt9s7uip5jak8wsd8re2o/Chandelier.woff2?rlkey=34sackw58shmzcm1vh2357ze3&d)
format('woff2');
}

@font-face{
font-family:"エジプト";
src:url(https://dl.dropboxusercontent.com/scl/fi/5wlck2hv4x453n9nyjvn0/Mystiqious.woff2?rlkey=744ogls7ffk75lfqs3ju684na&)
format('woff2');
}

@font-face{
font-family:"輝き";
src:url(https://dl.dropboxusercontent.com/scl/fi/15qv89ko1q4nxxexgtpv5/fotograami-sun.woff2?rlkey=2otwpungt2zh7iyomncyjte7z&)
format('woff2');
}

@font-face{
font-family:"kaso";
src:url(https://dl.dropboxusercontent.com/scl/fi/x4v03j5ym7rcy8j0sthe3/Cursors.woff2?rlkey=hl20356boivbmrurb8gak6gwm&)
format('woff2');
}

@font-face {/* じゅう　*/
 font-family:"jyuu";
 src: url("https://dl.dropboxusercontent.com/scl/fi/9yt4dyaxojwuixailm07m/Outgunned.woff2?rlkey=ov2wbrlah99aibbb6m404flvb&st=0xsylvmz&dl") format('woff2');
}

/* 全体 */

body{
background:#ffffff; / 背景色*/
animation: fadeIn 3.5s ease 0s 1 normal;
-webkit-animation: fadeIn 3.5s ease 0s 1 normal;
}

*{
font-family: "Zen+Maru+Gothic", serif;
font-weight: 400;
font-style: normal;
color:#000000;
border:none;
text-decoration: none;
}

/* たいとる */

.title{
font-family: "zeyada", serif;
system-ui;
font-weight: 400;
font-style: normal; 
width:90%;
max-width:300px;
position:relative;
margin: 20px auto;
padding: 30px 15px;
text-align:center;
font-size: 20px;
}

/* たいとる2 */

.ti2{
font-family: "zeyada", serif;
width:90%;
max-width:300px;
position:relative;
margin: 20px auto;
padding: 30px 15px;
text-align:center;
font-size: 20px;
}

ezi{
font-family:"エジプト";
font-size: 100px;
color: #000000;
text-shadow: 0 0 3px #fff;
text-align:center;
margin:0px auto;
}

/* テンプレート */

.temp{
position: relative;
margin: 0 auto;
Line-height: normal;
padding: 65px 30px 65px 30px; 
width: 65%;
background-color: #f5f5f5;
font-family: "Zen Maru Gothic", serif;
color:#000000;
font-size:10.2px;
border: solid 0.5px white;
border-radius: 0px;
text-align:center;
}

/* てきすとえりあ */

textarea{
border: solid 0.5px white;
color:black;
-ms-overflow-style: none;
scrollbar-width: none;
}

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

/* 書き換え　*/


a[href*="/dt"] { font-size: 0;}
a[href*="/dt"]::before{ font-family: '猫';  font-size: 13px; content:'R'; padding: 3px ; margin: auto;} /*  スレを消す　*/

a[href*="/dm?"] { font-size: 0;}
a[href*="/dm?"]::before{ font-family: '猫'; content:'Q'; font-size: 13px; padding:3px; margin: auto;} /*  記事を消す　*/

a[href*="/um?"] { font-size: 0;}
a[href*="/um?"]::before { font-family: '猫'; content: "n"; font-size: 13px; padding:3px; margin: auto;} /*  編集　*/

a[href*="/cp?"] { font-size: 0;}
a[href*="/cp?"]::before { font-family: '猫' ; content: "U"; font-size: 13px; padding: 3px ;} /*  コピー　*/

/* タイムライン */

.TL{
position: relative;
width: 65%;
margin: 35px auto;
padding: 25px 20px;
background: none;
font-family: "Zen Maru Gothic", serif;
font-size: 10px;
color: #000000;
line-height: 1.4;
overflow: hidden;
overflow:scroll;
border-radius: 15px;
border:solid 0.5px white;
height:100px;
text-align:center;
}

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

/* スクロール */

.scroll{
margin: 0em 0;
padding:1em; 0;
height: 130px;
width: 250px;
overflow-y: scroll;
-ms-overflow-style: #fff;
scrollbar-width: #fff;
text-align:center;
}

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

/* アイコン */

ickzh{
font-family: "アイコン";
vertical-align: -5px;
font-size: 20px;
color: #ACA7BB;
padding:0px 15px 0px 0px;
text-align:center;
}

ickne{
font-family: "アイコン";
vertical-align: -5px;
font-size: 20px;
color: #ABD3D8;
padding:0px 15px 0px 0px;
text-align:center;
}

/* ふきだし */

.talk {
font-size: 10px;
width: 70%;
max-width: 400px;
height: 150px;
margin: 0 auto;
padding: 10px 0;
border: 1px #000 solid;
border-radius: 15px;
color: #333;
line-height: 1;
overflow: hidden;
overflow-y: scroll;
-ms-overflow-style: #fff;
scrollbar-width: #fff;
text-align:left;
}

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

/* くずは 左 */

.talk .kzhl {
position: relative;
display: inline-block;
max-width: 170px;
margin: 1px 10px 6px;
padding: 9px 14px;
border-radius: 19px;
overflow-wrap: break-word;
clear: both;
box-sizing: content-box;
font-size:10px;
float: left;
background: #ACA7BB;
color: #000000;
}

/* くずは 右 */

.talk .kzhr {
position: relative;
display: inline-block;
max-width: 170px;
margin: 1px 10px 6px;
padding: 9px 14px;
border-radius: 19px;
overflow-wrap: break-word;
clear: both;
box-sizing: content-box;
font-size:9px;
float: right;
background: #ACA7BB;
color: #000000;
}

/* くずは左 しっぽなし */

.talk .kzhl.nt {
margin-bottom: 0;
}

/* くずは右 しっぽなし */

.talk .kzhr.nt {
margin-bottom: 0;
}

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

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

.talk .kzhl::after {
left: -6px;
border-radius: 0px 0  17px 0px/ 0px 0 13px 0; 
box-shadow: -14px 2px 0 -3px #ACA7BB inset; 
}

.talk .kzhr::after {
right: -6px;
border-radius: 0px 0  0 17px/ 0px 0 0 13px; 
box-shadow: 14px 2px 0 -3px #ACA7BB inset; 
}

.talk .kzhl.nt::after {
content: none;
}

.talk .kzhr.nt::after {
content: none;
}

/* かなえ 左 */

.talk .knel {
position: relative;
display: inline-block;
max-width: 170px;
margin: 1px 10px 6px;
padding: 9px 14px;
border-radius: 19px;
overflow-wrap: break-word;
clear: both;
box-sizing: content-box;
font-size:10px;
float: left;
background: #ABD3D8;
color: #000000;
}

/* かなえ 右 */

.talk .kner {
position: relative;
display: inline-block;
max-width: 170px;
margin: 1px 10px 6px;
padding: 9px 14px;
border-radius: 19px;
overflow-wrap: break-word;
clear: both;
box-sizing: content-box;
font-size:9px;
float: right;
background: #ABD3D8;
color: #000000;
}

/* かなえ左 しっぽなし */

.talk .knel.nt {
margin-bottom: 0;
}

/* かなえ右 しっぽなし */

.talk .kner.nt {
margin-bottom: 0;
}

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

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

.talk .knel::after {
left: -6px;
border-radius: 0px 0  17px 0px/ 0px 0 13px 0; 
box-shadow: -14px 2px 0 -3px #ABD3D8 inset; 
}

.talk .kner::after {
right: -6px;
border-radius: 0px 0  0 17px/ 0px 0 0 13px; 
box-shadow: 14px 2px 0 -3px #ABD3D8 inset; 
}

.talk .knel.nt::after {
content: none;
}

.talk .kner.nt::after {
content: none;
}

/* 記事　*/

.kne{
font-family: "Kiwi Maru", serif;
 font-size: 10px;
 padding:0.25em 1em; 
 color:#5c6c6e;
	background: #f5f5f5;
	position: relative;
  max-width: 280px;
  margin-right: auto;
 margin-left: auto;
 margin-top: 20px;
 border-radius: 10px;
 text-align: justify;
 text-justify: inter-ideograph;
 line-height: 2;
}

.kne:after{
	background-color:#b0c4de;
	border:none;
	content: '';
	position: absolute;
	top: 9px;
	left: 12px;
	width: 100%;
	height: 100%;
  border-radius: 10px;
	z-index: -1;
}

  /* おりたたみ */
summary{
font-family: "Kiwi Maru", serif;
 list-style: none;
 cursor: pointer;
 outline: none;
 color:#808080;
}

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

details summary::before {
 font-family:"jyuu";
 content: 'c';
 font-size: 20px;
 color:#5c6c6e;
}

details[open] {
 font-family: "Kiwi Maru", serif;
 background:#EEEEEE;
 color:#000000;
 border-radius:5px;
 Padding:10px 10px 10px 10px;
}

details[open] > summary {
 color:#e7eae5;
}

details[open] summary::before{
 content: '';/* ひらいたとき */
 font-size: 11px;
}

/* かなえぷれいりすと */

.knepl{
border: 0px #ffffff solid;
overflow: hidden;
padding: 0em;
color:black;
border-radius: 15px;
background-color: #ABD3D8;
}

.knepl p{
display: inline-block;
padding-left: 100%;
white-space: nowrap;
animation: knepl 9s linear infinite;
}

@keyframes knepl { 0% { transform: translate(0); } 100% { transform: translate(-100%); } }

/* くずは ぷれいりすと */

.kzhpl{
border-radius: 15px;
border: 0px #ffffff solid;
background-color: #ACA7BB;
overflow: hidden;
padding: 0em;
color:black;
}

.kzhpl p{
display: inline-block;
padding-left: 100%;
white-space: nowrap;
animation: kzhpl 9s linear infinite;
}

@keyframes kzhpl { 0% { transform: translate(0); } 100% { transform: translate(-100%); } }

/* くずは おりたたみ */

.kzh summary {
font-family: 'Zen Maru Gothic', sans-serif;
display: block;
color: #000000;
font-size: 10.5px;
}

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

.kzh details {
font-family: 'Zen Maru Gothic', sans-serif;
border: none;
font-size: 10.5px;
color: #000000;
margin: 0px;
transition: 1.3s;
}

.kzh summary::before {
font-family:"コウモリ";
content: "I";
font-size:20px;
color: #ACA7BB;
padding:0px 5px 0px 0px;
}

.kzh details[open] {
background-color: #dcdcdc;
border-radius: 0px;
color:#000000;
font-size:10.5px;
margin:15px 0px;
padding:10px 10px 20px 10px;
}

.kzh details[open] summary::before {
font-family:"コウモリ";
content:"F";
color: #ACA7BB;
font-size: 20px;
padding:0px 5px 0px 0px;
}

/* さーしゃ おりたたみ */

.ssy summary {
font-family: 'Zen Maru Gothic', sans-serif;
display: block;
color: #8b0000;
font-size: 10.5px;
}

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

.ssy details {
font-family: 'Zen Maru Gothic', sans-serif;
border: none;
font-size: 10.5px;
color: #8b0000;
margin: 0px;
transition: 1.3s;
}

.ssy summary::before {
font-family:"コウモリ";
content: "I";
font-size:20px;
color: #ACA7BB;
padding:0px 5px 0px 0px;
}

.ssy details[open] {
background-color: rgba(0,0,0,0.55);
border-radius: 0px;
color:#8b0000;
font-size:10.5px;
margin:15px 0px;
padding:10px 10px 20px 10px;
}

.ssy details[open] summary::before {
font-family:"コウモリ";
content:"F";
color: #ACA7BB;
font-size: 20px;
padding:0px 5px 0px 0px;
}

/* 打ち消し線 */

utks{
text-decoration: line-through;
}

/* ぼかし */

bks{
color: transparent;
text-shadow: 0 0 10px rgba(255,255,253,0.5);
}

/* くずはまーかー */

kz{
  background:linear-gradient(transparent 70%, #B5B5AC 70%);/*linear-gradient(transparent ◯◯%, 使用する色 ◯◯%)*/
}

/* かなえまーかー */

kn{
  background:linear-gradient(transparent 70%, #33CCFF 70%);/*linear-gradient(transparent ◯◯%, 使用する色 ◯◯%)*/
}

/* さろめまーかー */

srm{
  background:linear-gradient(transparent 70%, #dbb7ff 70%);/*linear-gradient(transparent ◯◯%, 使用する色 ◯◯%)*/
}