/* フォント　*/
@font-face { 
font-family: "title"; 
src: url('https://dl.dropboxusercontent.com/scl/fi/1xxq6jazebm88plmr4lx7/ZenMaruGothic-Regular.woff2?rlkey=vktqgibtlymx9feprunvyd94n&st=kulehpth') format("woff2");
}

@font-face { 
font-family: "main"; 
src: url('https://dl.dropboxusercontent.com/scl/fi/lggbftluc8uk9klq4dmcp/ZenMaruGothic-Medium.woff2?rlkey=y9lpv8d3ymmve6hreq24qehgt&st=sd96viuf') format("woff2");
}

@font-face { 
font-family: "icon"; 
src: url('https://dl.dropboxusercontent.com/scl/fi/s5xae3d29ifnqzudsbiot/can-dog-tfb.ttf?rlkey=kdchws3c0uwxv0h0n23p2id93&st=svu04pfn') format("truetype");
}

/* 全体のデザイン */
body {
 background-image: linear-gradient(0deg, transparent calc(100% - 1px), #e3e3e3 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #e3e3e3 calc(100% - 1px));
 background-size: 16px 16px;
 background-repeat: repeat;
 background-position: center center;
 background-color: #e3fce7;
 border: 2px solid #8ADBBC;
 padding: 20px;
}

.name {
  max-width: 900px;
  margin: 0 auto;
}

#text {
  max-width: 900px;
  margin: 0 auto;
}

a {
  max-width: 900px;
  margin: 0 auto;
}

font {
  max-width: 900px;
  margin: 0 auto;
}

hr {
  border: none;
}

.name {
 color: #7D0000;
}

* {
font-size: small;
}

/* タイトル　*/

.title {
  background-color: white;
  padding:30px 10px;
  position:relative;
  width: 270px;
  margin: 0 auto;
  text-align: center;
  font-family: "title"; 
  color: black;
  font-size: medium;
}

.title:after {
  content:"";
  position:absolute;
  top: 0;
  right: 0;
  border-color:#e3fce7 #e3fce7 #8ADBBC #8ADBBC;
  border-style: solid;
  border-width:0 25px 25px 0;
  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
  box-shadow: -1px 1px 1px rgba(0,0,0, 0.1);
}

.top {
  transform: rotate(-15deg);
  font-size: 190%;
  color: #73de85;
  letter-spacing: 0.2em;
  font-family: "title";
  display:inline-block;
}

.high {
  font-size: 150%;
  font-family: "title"; 
　letter-spacing: 0.12em;
}

.low {
  font-size: 140%;
  font-family: "title"; 
}

/* リンク*/
a.btn_10 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 20px;
  box-sizing: border-box;
  background: #fff;
  position: relative;
  display:inline-block;
}

a.btn_10 span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
  background: #8ADBBC;
  box-sizing: border-box;
  color: #333;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-decoration: none;
  border-radius: 10px;
  position: absolute;
  top: -5px;
  left: 0;
  transition-duration: 0.2s;
  font-family: "title"; 
  font-weight: bold;
  color: black;
}

.link {
    display:flex;
    justify-content: center;
}

/* ボックス　*/
.box-010 {
    position: relative;
    padding: 2.5em 1.5em 1.5em;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    background-color: #8adbbc;
    color: #000000;
    width: 300px;
    margin: 0 auto;
    font-family: "main";
}

.tag {
    display:inline-block
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%) rotate(-5deg);
    padding: .5em 2em;
    border-right: 2px dotted rgb(0 0 0 / 10%);
    border-left: 2px dotted rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    background-color: rgb(255 255 255 / 40%);
    font-weight: 600;
    margin: 0 auto;
    font-family: "title";
    text-align:center;
    width: max-content;
}

.text {
    margin: 0 auto;
    font-family: "main";
    color: black
}

.cat {
 color: #73de85;
}

/* ボックス乱入用　*/
.box-011 {
    position: relative;
    padding: 2.5em 1.5em 1.5em;
    box-shadow: 0 2px 3px rgb(0 0 0 / 20%);
    background-color: #8aacdb;
    color: #000000;
    width: 300px;
    margin: 0 auto;
    font-family: "main";
}

.tag {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%) rotate(-5deg);
    padding: .5em 2em;
    border-right: 2px dotted rgb(0 0 0 / 10%);
    border-left: 2px dotted rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    background-color: rgb(255 255 255 / 40%);
    font-weight: 600;
    margin: 0 auto;
    font-family: "title";
}

.text {
    margin: 0 auto;
    font-family: "main";
    color: black
}

.cat2 {
 color: #73b1de;
}

/*　About　*/
.check {
 color: white;}

.b {
font-family: "title"; 
color: white;
font-weight: bold;
font-size: 110%;
}

textarea {
display: block;
margin: 0 auto;
}

/* リアルタイム　*/
.Twitter {
  position: relative;/*相対位置*/
  padding-left: 2em;/*アイコン分のスペース*/
  line-height: 1.0;/*行高*/
  color: black;/*文字色*/
}

.Twitter:before{
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  position: absolute;/*絶対位置*/
  left: 0.2em;/*アイコンの位置*/
  top: -0.09em;/*アイコンの位置*/
  font-size: 1.4em;/*サイズ*/
  content: "\f111";/*アイコンのユニコード*/
  font-weight: 900;
  color: #73de85;
}

.Twitter:after{
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;/*サイズ*/
  content: "\f099";/*アイコンのユニコード*/
  font-weight: 400;
  color: black;
  position: absolute;/*絶対位置*/
  left: 0.53em;/*アイコンの位置*/
  top: 0.08em;/*アイコンの位置*/
}

.Twittername {
  font-family: "main";
  font-size: 85%;
  font-weight: bold;
  }

 .id {
  font-family: "main";
  font-size: 85%;
  }

 .tweet {
  font-family: "main";
  font-size: 90%;
  color: black;
 }

.box1 {
  padding: 0.5em 0.5em;
  margin: 1em 0;
  border: solid 0.3px white;
  width: 350px;
  height: 100px;
  margin: 0 auto;
  background: white;
  overflow:auto;
  text-align: left;

  /* スクロールバー非表示 */
  -ms-overflow-style: none;  /* IE / Edge */
  scrollbar-width: none;     /* Firefox */
}

.box1::-webkit-scrollbar {
  display: none;             /* Chrome / Safari */
}

.line {
  color: black;
	}

/*　ラインマーカー　*/
.krna {
  color: black;
  font-family: "main";
  background: linear-gradient(transparent 70%, #00A0FF 70%);
}

.trz {
  color: black;
  background: linear-gradient(transparent 70%, #6BBC64 70%);
  font-family: "main";
}

/* 本棚 */
.book {
  font-family: "main";
}

.book a {
text-decoration: none;
color: black;
}

/* 折り畳み */
summary{
    font-family: "main"; 
    cursor: pointer;
    outline: none;
    }

    details{
    font-family: "main"; 
    }

    S {
    font-family: "main"; 
    }


    details summary {
    list-style: none;
    }

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

summary::before{
    color: #000;
    font-family: "Font Awesome 5 Free";
    content: '\f5d7';
    font-weight: 900;
    padding-right: 10px;
    }

    details[open] summary::before{
    font-family: "Font Awesome 5 Free";
    content: '\f6d3';
    font-weight: 900;
    }


/*スレ削除*/
a[href*="delete"] { font-size: 0; }
a[href*="delete"]::before{
  padding: 3px;
  content:'g';
  font-family: 'icon';
  font-size: 17px;
  font-weight: normal;
text-decoration: none;
}

/*記事削除*/
a[href*="/dm?"] { font-size: 0; }
a[href*="/dm?"]::before{
  padding: 3px;
  content:'g'; 
  font-family: 'icon';
  font-size: 17px;
  font-weight: normal;
text-decoration: none;
}

/*編集*/
a[href*="edit"] { font-size: 0; }
a[href*="edit"]::before {
  padding: 3px;
  content:'@';
  font-family: 'icon';
  font-size: 17px;
  font-weight: normal;
text-decoration: none;
}

/*管理*/
a[href*="https://starry01.nieru.net/15/thread-setting"] { font-size: 0; }
a[href*="https://starry01.nieru.net/15/thread-setting"]::before {
  padding: 3px;
  content:'a'; 
  font-family: 'icon';
  font-size: 17px;
  font-weight: normal;
text-decoration: none;
}

/*戻る*/
a[href*="https://nanos.jp/starry0eyed/"] { font-size: 0; }
a[href*="https://nanos.jp/starry0eyed/"]::before {
  padding: 3px;
  content:'Q'; 
  font-family: 'icon';
  font-size: 17px;
  font-weight: normal;
text-decoration: none;
color: #7D0000;
}

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

a.delete + a[href="https://starry01.nieru.net/"]::after {
    font-family: 'icon';
    content: "Q";
    color: #7D0000;
  font-size: 17px;
  font-weight: normal;
}

a {
  text-decoration: none;
}


a[href*="https://starry01.nieru.net/15/write"]{
  color: #7D0000;
}

}
a[href*="https://starry01.nieru.net/15/search"]{
  color: #7D0000;
}

a[href*="/15"]{
  color: #7D0000;
}

/*折り畳みの解除*/
a.show-more {
  display: none !important;
}
a.show-more,
#hidden-content-1 {
  display: none !important;
}
span[id^="hidden-content"] {
  display: inline !important;
}