@charset “UTF-8”;

@import url('https://use.fontawesome.com/releases/v6.4.0/css/all.css');

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome-animation/0.2.1/font-awesome-animation.css');

@import url('https://cdn.linearicons.com/free/1.0.0/icon-font.min.css');

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

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

@import url('https://dl.dropboxusercontent.com/scl/fi/qom804pa2x036uego94d7/sakura.css?rlkey=alfyr3rjfnf27utf3v8rhhcks');

@font-face {
  font-family: 'book';
  src: url('https://dl.dropboxusercontent.com/scl/fi/qxdh809znlbp1hc801mgs/Book-Ends.otf?rlkey=sbopskkycjr9bgirxfo22yqc7')
  format('opentype');
}

@font-face {
  font-family: 'flower'; 
  src: url('https://dl.dropboxusercontent.com/scl/fi/mrnllu3atg3rrfpxhth25/Flowery.otf?rlkey=03k2i03fsxo2gkxdex0hetb95')
  format('opentype');
}

@font-face {
  font-family: 'sns';
  src: url('https://dl.dropboxusercontent.com/scl/fi/w010l8jxvs2qfgp4vni4n/Sosmed_phone-Regular.otf?rlkey=nwft2jl7lyq1x3o84t3474jun&dl=0')
  format('opentype');
}

/* 基本 */
body {
background-color: #afdfe4;
  background-image: radial-gradient(#FF8C9B 30%, transparent 31%),
                    radial-gradient(#FF8C9B 30%, transparent 31%);
  background-size: 100px 100px;
  background-position: 0 0, 50px 50px;
}

* {
  font-family: "Zen Maru Gothic", serif;
  font-size: 11px;
  color: #000;
}

a {
  font-family: "Zen Maru Gothic", serif;
  font-size: 11px;
  color: #000;
  text-decoration: none;
}

hr { border: none; }

#container { color: transparent; }




book {
  font-family: 'book';
  font-size: 30px;
  line-height: 2em;
}


h1 {
  font-family: "Tsukimi Rounded", sans-serif;
  font-size: 25px;
  color: #fff;
  position: relative;
}
h1::before {
  font-family: 'flower';
  content: 'I';
  color: #84C98B;
  font-size: 40px;
  position: absolute;
  bottom: 0px;
  left: 15px;
  z-index: -2;
}
h1::after {
  font-family: 'flower';
  content: 'T';
  color: #84C98B;
  font-size: 40px;
  position: absolute;
  top: 10;
  right: 15px;
  z-index: -2;
}


/* 本文 */
.wn {
	padding:2.5em;/*内側余白*/
    margin:2.5em;
    line-height: 2em;
    background: rgba(255,255,255,.5);
	border:dashed 2px #ff8c9b;/*線の種類・太さ・色*/
    position: relative;
}
.wn::before {
   font-family: 'flower';
   content: 'M';
   color: #A5A0CF;
   font-size: 30px;
   position: absolute;
   bottom: 0;
   right: 5px;
}

.wn details{
  border: none;
  transition: 1s;
  margin: 1em auto;
  padding: 1em;
  color: #000;
  border-radius: 5px;
}
.wn details[open]{
  margin: 1em auto;
  padding: 1em;
  background: rgba(255,140,155,.5);
  border-radius: 5px;
}
.wn details summary{
  text-align: left ;
  display: block;
  cursor:pointer;
  outline:none;
  color: #ff8c9b;
  font-size: 11px;
}
.wn details summary::-webkit-details-marker {
  display: none;}
.wn details summary::before {
  content:"\f07b";
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  margin-top: -1px;
  margin-right: 2px;
  display: inline-block;
  vertical-align: middle;
  color: #ff8c9b;
  font-size: 11px;
}
.wn details[open] summary { color: #000; }
.wn details[open] summary::before {
  content:"\f07c";
  font-weight: 400;
  color: #ff8c9b;
  font-size: 11px;
  vertical-align: middle;
}

.ri {
	padding:2.5em;/*内側余白*/
    margin:2.5em;
    line-height: 2em;
    background: rgba(255,255,255,.5);
	border:dashed 2px #dcff50;/*線の種類・太さ・色*/
    position: relative;
}
.ri::before {
   font-family: 'flower';
   content: 't';
   color: #A5A0CF;
   font-size: 30px;
   position: absolute;
   bottom: 0;
   right: 5px;
}

.ri details{
  border: none;
  transition: 1s;
  margin: 1em auto;
  padding: 1em;
  color: #000;
  border-radius: 5px;
}
.ri details[open]{
  margin: 1em auto;
  padding: 1em;
  background: rgba(220,255,80,.5);
  border-radius: 5px;
}
.ri details summary{
  text-align: left ;
  display: block;
  cursor:pointer;
  outline:none;
  color: #dcff50;
  font-size: 11px;
}
.ri details summary::-webkit-details-marker {
  display: none;}
.ri details summary::before {
  content:"\f07b";
  font-weight: 900;
  font-family: 'Font Awesome 5 Free';
  margin-top: -1px;
  margin-right: 2px;
  display: inline-block;
  vertical-align: middle;
  color: #dcff50;
  font-size: 11px;
}
.ri details[open] summary { color: #000; }
.ri details[open] summary::before {
  content:"\f07c";
  font-weight: 400;
  color: #dcff50;
  font-size: 11px;
  vertical-align: middle;
}

/* マーカー */
rb {
background: linear-gradient(transparent 80%, #a58cdc 0%); 
 margin: 0; 
 padding: 1.5px;
 color: #000;
 font-size:11px;
 line-height: 2em; 
}

mn {
background: linear-gradient(transparent 80%, #64c8f0 0%); 
 margin: 0; 
 padding: 1.5px;
 color: #000;
 font-size:11px;
 line-height: 2em; 
}

kg {
background: linear-gradient(transparent 80%, #6eb487 0%); 
 margin: 0; 
 padding: 1.5px;
 color: #000;
 font-size:11px;
 line-height: 2em; 
}

ky {
background: linear-gradient(transparent 80%, #5a5faa 0%); 
 margin: 0; 
 padding: 1.5px;
 color: #000;
 font-size:11px;
 line-height: 2em; 
}

wn {
background: linear-gradient(transparent 80%, #FF8C9B 0%); 
 margin: 0; 
 padding: 1.5px;
 color: #000;
 font-size:11px;
 line-height: 2em; 
}

ri {
background: linear-gradient(transparent 80%, #dcff50 0%); 
 margin: 0; 
 padding: 1.5px;
 color: #000;
 font-size:11px;
 line-height: 2em; 
}

zr {
background: linear-gradient(transparent 80%, #c34196 0%); 
 margin: 0; 
 padding: 1.5px;
 color: #000;
 font-size:11px;
 line-height: 2em; 
}

bks {
  -ms-filter: blur(3px);
  filter: blur(3px);
  text-size: 11px;
  color: #000;
}


/*最新記事*/
a[href*="/?o=-1"] {
  font-size: 0;
}
a[href*="/?o=-1"]::before{ 
  font-family: 'Linearicons-Free' ;
 font-size: 13px;
 content:'\e876';
 padding: 2px ;
}

/*前にいく*/
a[href*="/?o=1"] {
  font-size: 0;
}
a[href*="/?o=1"]::before{ 
  font-family: 'Linearicons-Free' ;
 font-size: 13px;
 content:'\e875';
 padding: 2px ;
}

/*検索*/
a[href*="/tse"] {
 font-size: 0;
}
a[href*="/tse"]::before{ 
 font-family: 'Linearicons-Free' ;
 font-size: 13px;
 content:'\e86f';
 padding: 2px ;
}

/*新規作成*/
a[href*="/nm"] {
 font-size: 0;
}
a[href*="/nm"]::before{
 font-family: 'Linearicons-Free' ;
 font-size: 13px;
 content:'\e802';
 padding: 2px ;
}

/*削除*/
a[href*="/dm?"] {
  font-size: 0;
}

/*スレ削除*/
a[href*="/dt"] {
  font-size: 0;
}

/*編集*/
a[href*="/um?"] {
  font-size: 0;
}
a[href*="/um?"]::before {
  font-family: 'Linearicons-Free';
  content: "\e810";
  font-size: 13px;
  padding: 2px;
}

/*コピー*/
a[href*="/cp?"] {
  font-size: 0;
}
a[href*="/cp?"]::before {
  font-family: 'Linearicons-Free';
  content: "\e86a";
  font-size: 13px;
  padding: 2px;
}

   
/*テキストエリア*/
textarea {
  width: 100%;
  height: 8%;
  border-solid: 1px;
  background-color: #fff;
  color: #565665;
}

.memo {
 margin: 3em auto;
 padding: 25px 25px;
 position: fixed;
  bottom: 0px;
  right: 0px;
 width: 100px; 
 height:35px;
 border: 1px solid rgba(0,0,0,1);
 background-color: #FF8C9B;
    color: #fff;
    font-family: "Yomogi", cursive;
    font-size: 12px;
  text-align:center;
   line-height: 1.7;
  z-index: 7;
}

/*テキストエリア*/
textarea {
  width: 100%;
  height: 8%;
  border-solid: 1px;
  background-color: #fff;
  color: #000;
}

.scroll{
    height: 80px;
    overflow: auto;
    }


.real {
    border:1px solid #0f0f0f80;
    margin: 3.5em;
    padding: 4em;
    height: 50px;
    background: rgba(255,255,255,.5);
    background-image: linear-gradient(0deg, transparent 19px, rgba(191,197,202,.5) 20px),linear-gradient(90deg,  transparent 19px, rgba(191,197,202,.5) 20px);
    background-size: 20px 20px;
    border-radius: 20px 20px 20px 20px;
}

.real .twimn {
   margin:0.5em auto;
   padding:0.5em 1em 0.5em 3.9em;
   border-bottom: 1px dashed #000;
   font-size: 10px;
   line-height: 1.5em;
   position: relative;
}
.real .twimn::before {
   font-family: 'sns';
   content: 'e';
   color: #64C8F0;
   font-size: 23px;
   position: absolute;
   top: 5px;
   left:13px;
}

.real .twiri {
   margin:0.5em auto;
   padding:0.5em 1em 0.5em 3.9em;
   border-bottom: 1px dashed #000;
   font-size: 10px;
   line-height: 1.5em;
   position: relative;
}
.real .twiri::before {
   font-family: 'sns';
   content: 'e';
   color: #dcff50;
   font-size: 23px;
   position: absolute;
   top: 5px;
   left:13px;
}

.real .twiwn {
   margin:0.5em auto;
   padding:0.5em 1em 0.5em 3.9em;
   border-bottom: 1px dashed #000;
   font-size: 10px;
   line-height: 1.5em;
   position: relative;
}
.real .twiwn::before {
   font-family: 'sns';
   content: 'e';
   color: #ff8c9b;
   font-size: 23px;
   position: absolute;
   top: 5px;
   left:13px;
}

.real .twirb {
   margin:0.5em auto;
   padding:0.5em 1em 0.5em 3.9em;
   border-bottom: 1px dashed #000;
   font-size: 10px;
   line-height: 1.5em;
   position: relative;
}
.real .twirb::before {
   font-family: 'sns';
   content: 'e';
   color: #a58cdc;
   font-size: 23px;
   position: absolute;
   top: 5px;
   left:13px;
}