@charset "utf-8";

/* タブ　*/

a[href*="delete"] {
  font-size: 0px;
}
a[href*="delete"]::before {
  content: 'U';
  font-family: 'tabu';
  font-weight: 500;
  font-size: 10px;
  color: #6ed688;
  padding: 5px;
}
a[href*="edit"] {
  font-size: 0px;
}
a[href*="edit"]::before {
  content: 'E';
  font-family: 'tabu';
  font-weight: 500;
  font-size: 10px;
  color: #6ed688;
  padding: 5px;
}
a[href*="https://starry04.nieru.net/94/thread-setting"]{
  font-size: 0px;
}
a[href*="https://starry04.nieru.net/94/thread-setting"]::before {
 content: 'J';
  font-family: 'tabu';
  font-weight: 500;
  font-size: 10px;
  color: #6ed688;
  padding: 5px;
}
a[href*="https://nanos.jp/starry0eyed/"]{
  font-size: 0px;
}
a[href*="https://nanos.jp/starry0eyed/"]::before {
  content: 'X';
  font-family: 'tabu';
  font-weight: 500;
  font-size: 10px;
  color: #6ed688;
  padding: 5px;
}
a.delete + a[href="https://starry04.nieru.net/"]{
  font-size: 0px;
}
a.delete + a[href="https://starry04.nieru.net/"]::before {
  content: 'B';
  font-family: 'tabu';
  font-weight: 500;
  font-size: 10px;
  color: #6ed688;
  padding: 5px;
}

element.style{
  padding: 10px !important;
  background-color: #1a1a1a !important;
}
.embed-post {
  background: transparent !important;
}


/*上のヘッダー*/
#header1 {
  box-sizing: border-box;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #530ff0;
  width: 100%; 
  left: 0;           
  right: 0;       
  height: 50px;
  top: 0;
  z-index: 900;
}
.rogo1{
  font-size: 20px;
  font-family: 'rogo';
  color: #83ee52;
  font-weight: 50;
  line-height: 10px;
  letter-spacing: 50px;
  display: block;
}
.rogo2{
  font-size: 20px;
  font-family: 'rogo';
  color: #83ee52;
  font-weight: 50;
  display: block;
  line-height: 10px;
  letter-spacing: 50px;
  transform: scaleX(-1);
  }
@media (max-width: 600px) {
  .rogo1, .rogo2 {
    letter-spacing: 10px;
  }
}



/* 折り畳み完全解除 */
[id^="hidden-content"] {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
}
/* もっと見る完全抹消 */
a.show-more,
a.show-more *,
a.show-more::before,
a.show-more::after {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  content: none !important;
  color: transparent !important;
  text-shadow: none !important;
}


a:link{
  color: #5a5a5a4d;
  text-decoration: none;
}
.name{
  color: #5a5a5a4d;
}
hr{
  display: none;
}


.aho{
  font-family: 'rogo';
  color: #ffffff;
  font-size: 50px;
}

/*=============
　　　背景
==============*/
html, body {
  box-sizing: border-box;
  background-color: #1a1a1a;
  padding: 0;
  margin: 0;  
  width: 100%;
  font-size: xx-small;
  color: #5a5a5a4d;
  font-weight: normal;
  font-style: normal;
  border:none;
  font-family: 'Yu Mincho Demibold';
  box-sizing: border-box;
  animation: loading 2s;
  max-width: 100%;
  overflow-x: hidden;
}
@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

body {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}


*{
  box-sizing: border-box;
  font-family: 'Yu Mincho Demibold';
  font-weight: normal;
  font-style: normal;
  color: #5a5a5a4d;
  border:none;
  font-size: x-small;
  max-width: 100%;
}

a {
    text-decoration-color: #83ee52;
    text-decoration: none;    /* 下線を消す場合 */
    color: #5a5a5a;
  } 




/*日記の本文*/
.hnbn { /*ボックス*/
  position: relative;
  margin: 20px 30px auto;
  margin-top: 3em; /*上からの位置調整*/
  padding: 15px 25px 15px 25px ; /*文字の位置*/
  background: #f0f0f0; /*背景色*/
  border: 2px solid #530ff0;
  border-radius: 5px;
  font-family: 'メイリオ', Meiryo,sans-serif;
  overflow: hidden;
  color: #22227e;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 1px;
}
.namae1{
    position: relative;
      padding: 3px 2em;
      margin: auto;
      text-align: center;
      font-weight: bold;
      border: solid 2px linear-gradient(to right, #f0f0f0, #ffc56f);/*線*/
      border-radius: 30px;/*角の丸み*/
      background:linear-gradient(to right, #f0f0f0, #ffc56f);
      font-family: 'メイリオ', Meiryo,sans-serif;
      overflow: hidden;
      color: #22227e;
      font-weight: 600;
      letter-spacing: 1px;
  }
.namae2{
    position: relative;
      padding: 3px 2em;
      margin: auto;
      text-align: center;
      font-weight: bold;
      border: solid 2px linear-gradient(to right, #f0f0f0, #A590AF);/*線*/
      border-radius: 30px;/*角の丸み*/
      background:linear-gradient(to right, #f0f0f0, #A590AF);
      font-family: 'メイリオ', Meiryo,sans-serif;
      overflow: hidden;
      color: #22227e;
      font-weight: 600;
      letter-spacing: 1px;
  }
.namae3{
    position: relative;
    z-index: 1;
      padding: 3px 2em;
      margin: auto;
      text-align: center;
      width: 230px;
      height: 130px;
      left: 10px;
      font-weight: bold;
      border: solid 2px linear-gradient(to right, #f0f0f0, #83ddd9);/*線*/
      border-radius: 30px;/*角の丸み*/
      background:linear-gradient(to right, #f0f0f0, #83ddd9);
      font-family: 'メイリオ', Meiryo,sans-serif;
      overflow: hidden;
      color: #22227e;
      font-weight: 600;
      letter-spacing: 1px;
  }
.namae4{
    position: relative;
      padding: 3px 2em;
      margin: auto;
      text-align: center;
      width: 230px;
      height: 130px;
      left: 10px;
      font-weight: bold;
      border: solid 2px linear-gradient(to right, #f0f0f0, #a8e073);/*線*/
      border-radius: 30px;/*角の丸み*/
      background:linear-gradient(to right, #f0f0f0, #a8e073);
      font-family: 'メイリオ', Meiryo,sans-serif;
      overflow: hidden;
      color: #22227e;
      font-weight: 600;
      letter-spacing: 1px;
  }
  .namae5{
    position: relative;
    z-index: 1;
      padding: 3px 2em;
      margin: auto;
      text-align: center;
      width: 230px;
      height: 130px;
      left: 10px;
      font-weight: bold;
      border: solid 2px linear-gradient(to right, #f0f0f0, #6EB487);/*線*/
      border-radius: 30px;/*角の丸み*/
      background:linear-gradient(to right, #f0f0f0, #6EB487);
      font-family: 'メイリオ', Meiryo,sans-serif;
      overflow: hidden;
      color: #22227e;
      font-weight: 600;
      letter-spacing: 1px;
  }
.namae6{
    position: relative;
      padding: 3px 2em;
      margin: auto;
      text-align: center;
      width: 230px;
      height: 130px;
      left: 10px;
      font-weight: bold;
      border: solid 2px linear-gradient(to right, #f0f0f0, #8C4664);/*線*/
      border-radius: 30px;/*角の丸み*/
      background:linear-gradient(to right, #f0f0f0, #8C4664);
      font-family: 'メイリオ', Meiryo,sans-serif;
      overflow: hidden;
      color: #22227e;
      font-weight: 600;
      letter-spacing: 1px;
}


.gaku_pisu{
  text-align: center;
  font-family: 'mark';
  font-size: 65px;
  color: #ffc56f;
  pointer-events: none;
}
.ty_yubi{
  text-align: center;
  font-family: 'mark';
  font-size: 65px;
  color: #c6b1cf;
  pointer-events: none;
}
.deta{
    position: relative;
    font-family: 'suuzi';
    font-size: 25px;
    letter-spacing: 1px;
    color: #530ff0;
    pointer-events: none;
  }
p8{
  text-align: center;
  font-family: 'dakaiti';
  font-size: 100px;
  margin-top: -15px;
  color: #83ddd9;
  pointer-events: none;
}
p9{
  text-align: center;
  font-family: 'dakaiti';
  font-size: 100px;
  margin-top: -15px;
  color: #a8e073;
  pointer-events: none;
}
.kg{
  text-align: center;
  font-family: 'kg';
  font-size: 50px;
  margin-top: 0px;
  color: #6EB487;
  pointer-events: none;
}
.ttu{
  text-align: center;
  font-family: 'tt';
  font-size: 50px;
  margin-top: 0px;
  color: #8C4664;
  pointer-events: none;
}
.tkt{
  text-align: center;
  font-family: 'dakaiti';
  font-size: 70px;
  margin-top: -10px;
  color: #83ddd9;
}
.tut{
  text-align: center;
  font-family: 'dakaiti';
  font-size: 100px;
  margin-top: -15px;
  color: #a8e073;
  pointer-events: none;
}

.toy { /*ボックス*/
  position: relative;
  margin: 20px 30px auto;
  margin-top: 3em; /*上からの位置調整*/
  padding: 20px 30px 15px 30px ; /*文字の位置*/
  background-color: #ffffff; /*背景色*/
  border: 2px solid #c6b1cf;
  border-radius: 10px;
  }

.toy .toy-title { /*タイトル（テープ）*/
  position: absolute;
  top: -10px;
  width: 70px;
  background-color:  #4888ff;
  border-left:2px dotted rgba(0,0,0,.1);
  border-right:2px dotted rgba(0,0,0,.1);
  box-shadow:0 0 5px rgba(0,0,0,0.2);
  padding: 0.25em 2em;
  color: #65513f;
  transform: rotate(-3deg);
}
.hitu{
  font-family: 'メイリオ', Meiryo,sans-serif;
  overflow: hidden;
  color: #22227e;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 1px;
}
.huto{
  overflow: hidden;
  font-family:  'メイリオ', Meiryo,sans-serif;
  color: #22227e;
  font-weight:  bold;
  line-height: 15px;
  letter-spacing: 1px;
}
.huto1{
  overflow: hidden;
  font-family:  'メイリオ', Meiryo,sans-serif;
  color: #ffffff;
  font-weight:  bold;
  line-height: 15px;
  letter-spacing: 1px;
}


details[open] {
  padding: 5px 15px;
  border: 2px solid #530ff0;
  border-radius: 20px;
  outline: none;
}
details {
  margin: 20px 0px;
  transition: .5s;
  outline: none;
}
summary {
  position: relative;
  display: block;
  cursor: pointer;
}
summary{
  font-family: 'メイリオ', Meiryo,sans-serif;
  color: #530ff0;
  font-weight: 600;
  outline: none;
  display: block;
  line-height: 30px;
}
p2{
  font-family: 'メイリオ', Meiryo,sans-serif;
  color: #22227e;
  font-weight: 500;
  line-height: 15px;
  animation: fadeIn 3s ease-in;
}
details[open] summary::before {
  margin: 5px;
  font-size: 20px;
  content: 'ö';
  font-family: 'game';
  color: #530ff0;
}
details summary::before {
  margin: 5px;
  font-size: 20px;
  content: 'í';
  font-family: 'game';
  color: #530ff0;
}


.sep-dots {
  height: 3px;
  width: 70%;
  margin: 3em auto;
  background-image: repeating-linear-gradient(
    to right,
    #530ff0 ,
    #530ff0 4px,
    transparent 4px,
    transparent 10px
  );
}




/*下線*/
.gk {
 display: inline;
  font-family: 'メイリオ', Meiryo, sans-serif;
  font-weight: 500;
  color: #002f96;
  letter-spacing: 1px;

  /* 下線本体 */
  background-image: linear-gradient(
    transparent 65%,
    #ffd987 65%,
    #ffd987 100%
  );
}
.ty {
  display: inline;
  font-family: 'メイリオ', Meiryo, sans-serif;
  font-weight: 500;
  color: #002f96;
  letter-spacing: 1px;

  /* 下線本体 */
  background-image: linear-gradient(
    transparent 65%,
    #e1cdeb 65%,
    #e1cdeb 100%
  );
}

.ao {
  background: #4888ff;
  color: #ffffff;
  font-family: 'メイリオ', Meiryo,sans-serif;
  font-weight: 0;
  font-size: 9px;
}
.tt {
  background: #a8e073;
  color: #002f96;
  font-family: 'メイリオ', Meiryo,sans-serif;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 1px;
}
.tk {
  background: #83ddd9;
  color: #002f96;
  font-family: 'メイリオ', Meiryo,sans-serif;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 1px;
}
.kgt {
  background: #6EB487;
  color: #ffffff;
  font-family: 'メイリオ', Meiryo,sans-serif;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 1px;
}
.tetu {
  background: #8C4664;
  color: #ffffff;
  font-family: 'メイリオ', Meiryo,sans-serif;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 1px;
}


.can_gk{
  position: relative;
  margin: 0px 40px auto;
  height:20px;
  background:
  radial-gradient(10px 10px at 50% 0%,#66666600 46%,#666666 50%,#ffc56f 73%,#666666 96%,#66666600 100%) 11px 10px/22px 20px
  ,radial-gradient(10px 10px,#66666600 46%,#666666 50%,#ffc56f 73%,#666666 96%,#66666600 100%) 0px 0px/22px 20px
  ,radial-gradient(10px 10px at 50% 100%,#66666600 46%,#666666 50%,#ffc56f 73%,#666666 96%,#66666600 100%) 11px 10px/22px 20px
  ;
  }
.can_ty{
    position: relative;
    margin: 0px 40px auto;
    height:20px;
    background:
    radial-gradient(10px 10px at 50% 0%,#66666600 46%,#666666 50%,#c6b1cf 73%,#666666 96%,#66666600 100%) 11px 10px/22px 20px
    ,radial-gradient(10px 10px,#66666600 46%,#666666 50%,#c6b1cf 73%,#666666 96%,#66666600 100%) 0px 0px/22px 20px
    ,radial-gradient(10px 10px at 50% 100%,#66666600 46%,#666666 50%,#c6b1cf 73%,#666666 96%,#66666600 100%) 11px 10px/22px 20px
    ;
    } 

#giza a , #giza a:after , #giza a:before , #giza a span {
    content:"";
    width:70px;
    height:70px;
    background-color:#530ff0;
    position:absolute;
    top: 0;
  }
  #giza , #giza a , #giza a:after , #giza a:before {
    -webkit-transform: rotate(22.5deg);
    -moz-transform: rotate(22.5deg);

  }
  #giza a span {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    text-align: center;
    z-index: 999;
    line-height: 70px;
  }
  #giza {
    position:absolute;
    right: 1px;
    width:70px;
    height:70px;
    background-color:#530ff0;
    margin:-9px 0px 0 0px ;
    transform:rotate(40deg); 
    inset-inline-end: 60px; /* 安全に右寄せ */
}



/*表紙*/
.skk{
    position: absolute;
    margin: auto;
    left: 90px;
    bottom: 97px;
    width: 40px;
    height: 30px;
    font-weight: bold;
    background: linear-gradient(180deg, #530ff0 40%, #837eb3 70%,#b2f0cd	90%);
}
.kira{
  position: absolute;
  left: 5px;
  font-size: 30px;
  color: #1a1a1a;
}




.tag{
  position: relative;
  text-align: center;
  left: 1em;
  padding: 0em 1em;
  bottom: 15px;
  font-size: 10px;
  letter-spacing: 1px;
}
.tag2{
  position: relative;
  margin: auto;
  text-align: center;
  position: right;
  left: 32px;
  top: 30px;
  font-size: 15px; 
  letter-spacing: 1px;
  color: #6ed688;
  font-family: 'bakodo';
  float: right;
  align-items: center;
}

.hyousi{
  position: relative;
  padding: 2em 0em;
  margin: auto;
  width: 230px;
  height: 130px;
  font-weight: bold;
  border: solid 2px #530ff0;/*線*/
  border-radius: 10px;/*角の丸み*/
}
.hyousi p {
  margin: 0; 
  padding: 0;
}
.titr{
margin: auto;
text-align: center;
font-family:'gohann';
font-size: 47px;
color: #83ee52;
overflow: hidden;
}

.loader {
  background-color: #530ff0;
  --height-of-loader: 2px;
  --loader-color: #83ee52;
  width: 100%;
  top: -15px;
  height: var(--height-of-loader);
  border-radius: opx;
  background-color: #530ff0;
  position: relative;
}

.loader::before {
  content: "";
  position: absolute;
  background: var(--loader-color);
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  border-radius: 30px;
  animation: moving 10s ease-in-out infinite;
  ;
}

@keyframes moving {
  50% {
    width: 100%;
  }

  100% {
    width: 0;
    right: 0;
    left: unset;
  }
}
.saisei {
  box-sizing: border-box;
  position: absolute;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 10px;
  height: 12px;
  top: 109px;
  left: 15px;
  border-left: 3px solid;
  border-right: 3px solid;
  color: #530ff0;
}
.rink{
  display: inline-block;
  margin: auto;
  position: relative;
  font-family: 'titl';
  font-size: 7px;
  text-align: center;
  color: #6ed688;
  letter-spacing: 1px;
  transform: translateX(50px) ;
  top: -30px;
}
.rink2{
  display: inline-block;
  margin: auto;
  position: relative;
  font-family: 'titl';
  font-size: 7px;
  text-align: center;
  color: #6ed688;
  letter-spacing: 1px;
  transform: translateX(60px);
  top: -30px;
}
.rink3{
  display: inline-block;
  margin: auto;
  position: relative;
  font-family: 'titl';
  font-size: 7px;
  text-align: center;
  color: #6ed688;
  letter-spacing: 1px;
  transform: translateX(70px);
  top: -30px;
}

.sen{
  margin: auto;
  bottom: 50px;
  border:solid
  #530ff0 0.1px;
}


.hosi{
  position: relative;
  font-size: 30px;
  text-align: center;
  color: #530ff0;
  transform: translateY(-40px);
}
.boda{
  position: absolute;
  margin: 0;
  left: 95px;
  width: 35px;
  bottom: -60px ;
  border:solid #530ff0 1px;
 transform:rotate(90deg);
}


/*概要関係*/

.giy{
  position: relative;
  text-align: center;
  font-size: 50px;
  font-family: 'gohann';
  color: #83ee52;
  z-index: 1000;
}
.giy2{
  position: relative;
  text-align: center;
  font-size: 50px;
  bottom: 60px;
  font-family: 'titl2';
  color: #530ff0;
  letter-spacing: 3px;
}
.kiyk{
  position: relative;
  bottom: 50px;
  text-align: center;
  color: #83ee52;
  font-weight:  500;
  font-size: 7px;
  letter-spacing: 1px;
  line-height: 5px;
 }
 .icn {
  position: relative;
  margin: auto;
  width: 35px;
  height: 35px;
  right: 69px;
  bottom: 30px;
  background: #1a1a1a;
  border-radius: 50px;
  padding: 5px 10px  5px 10px;
  border: 2px solid #530ff0;
}
.icn3{
  position: relative;
  font-family: 'mark';
  color: #A590AF;
  font-size:20px;
  right: 1px;
}
.icn4{
  position: relative;
  font-family: 'mark';
  color: #FFCB5B;
  font-size:20px;
  right: 1.5px;
}
.icn2 {
  position: relative;
  margin: auto;
  width: 35px;
  height: 35px;
  top: 6px;
  right: 70px;
  background: #1a1a1a;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px; 
  border-radius: 50px;
  padding: 5px 10px  5px 10px ;
  border: 2px solid #530ff0;
}
.out1{
  position: relative;
  margin: auto;
  width: 150px;
  height: 50px;
  bottom: 25px;
  right: 130px;
  background: #530ff0;
  border-radius: 0px;
  border: 2px solid #530ff0;
}
.out2{
  position: relative;
  margin: auto;
  width: 150px;
  height: 20px;
  top: 10px;
  background:#83ee52;
  border-radius: 0px;
  padding: 5px 8px  5px 8px;
  z-index: 1000;
}
.out3{
  position: relative;
  margin: auto;
  width: 200px;
  height: 90px;
  top: 45px;
  right: 2px;
  background: #530ff0;
  border-radius: 0px;
  border: 2px solid #530ff0;
}
.out4{
  position: relative;
  margin: auto;
  width: 190px;
  height: 55px;
  top: 25px;
  background:#83ee52;
  border-radius: 0px;
  padding: 5px 8px  5px 8px;
  z-index: 1000;
}
p12{
  text-align: center;
  position: relative;
  color: #FFCB5B;
  font-size: 10px;
  bottom: 61px;
  left: 65px;
  letter-spacing: 1px;
}
p13{
  text-align: center;
  position: relative;
  color: #c6b1cf;
  font-size: 10px;
  bottom: 61px;
  left: 65px;
  letter-spacing: 1px;
}
.nm_1{
  position: relative;
  text-align: center;
  font-size: 10px;
  color: #FFCB5B;
  letter-spacing: 1px;
  font-weight: 600;
  bottom: 40px;
  right: 20px;
}
.nm_2{
  position: relative;
  text-align: center;
  font-size: 10px;
  color: #A590AF;
  letter-spacing: 1px;
  font-weight: 600;
  bottom: 75px;
  right: 20px;
}
.km_2{
  position: relative;
  margin: auto;
  text-align: center;
  font-size: 9px;
  color: #83ee52;
  letter-spacing: 1px;
  line-height: 13px;
  bottom: 45px;
}
.km_3{
  position: relative;
  margin: auto;
  text-align: center;
  font-size: 9px;
  width: 150px;
  color: #83ee52;
  letter-spacing: 1px;
  line-height: 13px;
  bottom: 79px;
}






.gaiy { /*ボックス*/
  margin: auto;
  text-align: center;
  padding: 10px 30px 30px 30px ; /*文字の位置*/
  width: 270px;
  height: 350px;
  background-color: #ffffff; /*背景色*/
  border: 2px solid #4888ff;
  border-radius: 10px;
  background: linear-gradient(180deg, rgb(145, 184, 255) 0%, rgb(255, 252, 244)80%);
  }
  .gai1{
    margin: 0 auto;
    font-family:'taitoru';
    font-size: 30px;
    letter-spacing: 1px;
    display: inline-block;
    color: #ffffff;
      background: linear-gradient(180deg, #ffffff 40%, #ffffff	90%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      transform   : perspective(150px)  /* 奥行 */
      rotateX(30deg);
   }
  .name1{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    width: 80px;
    padding: 3px 0px 3px 0px ; /*文字の位置*/
    background-color: #ffffff; /*背景色*/
    border: 2px solid #c6b1cf;
    border-radius: 15px;
  }
  .name_ty{
    font-family: 'kanzi';
    color: #002f96;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 1px;
    font-size: 12px;
  }
  .name2{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    width: 80px;
    padding: 3px 0px 3px 0px ; /*文字の位置*/
    background-color: #ffffff; /*背景色*/
    border: 2px solid #ffc56f;
    border-radius: 15px;
  }
.name_gk{
  font-family: 'heta';
  color: #002f96;
  font-weight: normal;
  line-height: 15px;
  letter-spacing: 1px;
  font-size: 12px;
}
.ty_pr{
  margin-top: 10px;
  margin-left: 0px;
  float: left;
  color: #002f96;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1px;
  font-size: 9px;
  font-weight: 500;
}
.gk_pr{
  margin-top: 10px;
  margin-left: 0px;
  float: right;
  color: #002f96;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1px;
  font-size: 9px;
  font-weight: 500;
}
.vertical {
  text-orientation: mixed;
}
.vertical__part {
  text-orientation: upright;
}

  .huto2{
    overflow: hidden;
    color: #002f96;
    font-weight:  bold;
    line-height: 15px;
    letter-spacing: 1px;
  }
  .sro{
    font-family:  'メイリオ', Meiryo,sans-serif;
    color: #002f96;
    font-weight: 700;
  }


.tenp { /*ボックス*/
    margin: auto;
    text-align: center;
    padding: 10px 30px 30px 30px ; /*文字の位置*/
    width: 270px;
    height: 700px;
    background-color: #ffffff; /*背景色*/
    border: 2px solid #4888ff;
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(145, 184, 255) 0%, rgb(255, 252, 244)80%);
    }
.tenp1{
      margin: 0 auto;
      font-family:'taitoru';
      font-size: 25px;
      letter-spacing: 1px;
      display: inline-block;
      color: #ffffff;
        background: linear-gradient(180deg, #ffffff 40%, #ffffff	90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        transform   : perspective(150px)  /* 奥行 */
        rotateX(30deg);
     }


/*  TL */

.rt { /*ボックス*/
      margin: auto;
      width: 270px;
      height: 350px;
      padding: 5px 20px 20px 10px ; /*文字の位置*/
      border: 2px solid #530ff0;
      border-radius: 30px;
      background: #1b1b1b;
      overflow: auto;
      scrollbar-width: none;
      }
      .tl {
        width: 270px;
        height: 1px;
        border: 2px solid #530ff0;
        border-radius: 40px;
        padding: 230px 2px 2px 230px ; /*文字の位置*/
        background: #530ff0;
        z-index: 1000;
}

.tl_waku{
  margin: auto;
      width: 140px;
      height: 30px;
      margin: 5px;
      border: 2px solid #530ff0;
      border-radius: 30px;
      background: #1b1b1b;
}
h20{
  position: relative;
  margin: auto;
  bottom: 18px;
  left: 37px;
  font-family: 'titl';
  font-size: 10px;
  letter-spacing: 1px;
  color: #83ee52;
}

.ty_nm{
  position: relative;
  bottom: 13px;
  right: -50px;
  font-family:'titl';
  color: #A590AF;
  letter-spacing: 1px;
  font-size: 8px;
}
.gk_nm{
  position: relative;
  bottom: 13px;
  right: -50px;
  font-family:'titl';
  color: #FFCB5B;
  letter-spacing: 1px;
  font-size: 8px;
}

.ty_tl2{
  position: relative;
  margin: 5px 20px auto;
  right: 20px;
  margin-top: -20px; /*上からの位置調整*/
  padding: 15px 17px 15px 17px ; /*文字の位置*/
  border: 2px solid #530ff0;
  background: linear-gradient(180deg, #1a1a1a 50%, #A590AF 150%);
  border-radius:30px;
}
.gk_tl2{
  position: relative;
  margin: 5px 20px auto;
  right: 20px;
  margin-top: -20px; /*上からの位置調整*/
  padding: 15px 17px 15px 17px ; /*文字の位置*/
  border: 2px solid #530ff0;
  background: linear-gradient(180deg, #1a1a1a 50%, #FFCB5B 150%);
  border-radius:30px;
}

hr.style17 {
	border-top: 1px solid #530ff0;
	text-align: center;
}
hr.style17:after {
	content: '︎✦︎';
	display: inline-block;
	position: relative;
	padding: 0px;
	color: #6ed688;
	font-size: 12px;
}
.icn5{
  position: relative;
  font-family: 'mark';
  color: #A590AF;
  right: 1.7px;
  font-size:20px;
}
.icn6{
  position: relative;
  font-family: 'mark';
  color: #FFCB5B;
  right: 1.7px;
  font-size:20px;
}
.icn10 {
  position: relative;
  margin: auto;
  width: 35px;
  height: 35px;
  top: 17px;
  right: 85px;
  background: #1a1a1a;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px; 
  border-radius: 50px;
  padding: 5px 10px  5px 10px;
  border: 2px solid #530ff0;
}


    
.km{
  font-family: 'メイリオ', Meiryo,sans-serif;
  overflow: hidden;
  color: #ffffff;
  font-weight: 550;
  line-height: 15px;
  letter-spacing: 1px;
}

h10{
  position: relative;
  left: 35px;
  bottom: 2px;
  font-family: 'メイリオ', Meiryo,sans-serif;
  color: #4888ff;
  font-style: italic;
  font-size: 9px;
  font-weight: 600;
  line-height: 15px;
  letter-spacing: 1px;
}


/* book */

.giy3{
  position: relative;
  text-align: center;
  font-size: 50px;
  bottom: 55px;
  font-family: 'titl2';
  color: #530ff0;
  letter-spacing: 15px;
}
.book{
  position: relative;
  margin: 20px 40px auto;
  height: 400px;
  bottom: 50px;
  padding: 30px 25px 30px 25px ; /*文字の位置*/
  border: 2px solid #530ff0;
  border-radius: 10px;
  overflow-y:scroll;
  line-height: 20px;
  }
  .bk_t{
    position: relative;
    color: #83ee52;
    font-size: 20px;
    letter-spacing: 2px;
    font-family: 'titl';
  }
  .bk_1{
    position: relative;
    color: #6ed688;
    font-size: 10px;
    letter-spacing: 1px;
  }

p a.edit,
p a.delete,
p a[href*="thread-setting"],
p a[href*="nanos.jp"] {
  text-align: left !important;
}
p:has(a.edit),
p:has(a.delete) {
  text-align: left !important;
}





/* =========================
   ウィンドウ
========================= */
.chat-window {
  width: 350px;
  margin: 40px auto;
  border: 2px solid #530ff0;
  background: #f0f0f0;
}
.title{
  color: #f0f0f0;
  font-family: 'kome';
  letter-spacing: 3px;
  font-size: 5px;
}


/* =========================
   ログ
========================= */
.chat-log {
  padding: 10px;
  line-height: 1.5;
}

/* 1ログ */
.msg {
  margin-bottom: 6px;
}

/* 日付は上 */
.datetime {
  font-size: 12px;
  color: #1a1a1a;
  margin-bottom: 1px;
  font-family: 'kome';
}

/* 中身は横並び */
.content {
  display: flex;
  align-items: flex-start;
}

/* アイコン */
.toya {
  width: 10px;
  height: 10px;
  margin: 3px 4px 0 0;
  flex-shrink: 0;
  background-color: #A590AF;
}

.gaku {
  width: 10px;
  height: 10px;
  margin: 3px 4px 0 0;
  flex-shrink: 0;
  background-color: #FFCB5B;
}

.kou{
  width: 10px;
  height: 10px;
  margin: 3px 4px 0 0;
  flex-shrink: 0;
  background-color: #F9E97A;
}

.ririmu{
  width: 10px;
  height: 10px;
  margin: 3px 4px 0 0;
  flex-shrink: 0;
  background-color: #EF6F94;
}

/* 名前 */
.name {
  margin-right: 2px;
  font-weight: bold;
  white-space: nowrap;
  flex-shrink: 0;
  font-family: 'kome';
  color: #1a1a1a;
  letter-spacing: 1px;
}

/* 本文 */
.text {
  word-break: break-word;
  font-family: 'kome';
  color: #1a1a1a;
  letter-spacing: 1px;
}




.input-placeholder {
  color: #530ff0;
}

.window-buttons {
  display: flex;
  gap: 5px;
}

.chat-header {
  position: relative;

  background: linear-gradient(#530ff0);
  border-bottom: 2px solid #530ff0;
  padding: 4px 6px;
  font-weight: bold;
}

.chat-header .title {
  font-size: 13px;
}

/* 右上固定 */
.window-buttons {
  position: absolute;
  top: 3px;
  right: 4px;

  display: flex;
  gap: 5px;
}
.window-buttons .btn {
  position: relative;
  width: 18px;
  height: 18px;

  font-size: 12px;
  line-height: 16px;
  text-align: center;

  border: 1px solid #1a1a1a;
  background: linear-gradient(#f0f0f0, #e0e0e0);
  color: #000;

  box-shadow:
    inset 1px 1px 0 #1a1a1a,
    inset -1px -1px 0 #1a1a1a,
    1px 1px 0 #1a1a1a;

  cursor: default;
}
.window-buttons .close {
  background: linear-gradient(#bcffb3, rgb(88, 255, 54));
  border-color: rgb(31, 31, 31);
  color: rgb(41, 41, 41);

  box-shadow:
    inset 1px 1px 0 #daffda,
    inset -1px -1px 0 rgb(24, 24, 24),
    1px 1px 0 #1a1a1a;
}

  
  
  
  

/*DLフォント*/
@font-face {
  font-family: 'tabu';
  src: url('https://dl.dropboxusercontent.com/scl/fi/nz8wamoax7nm596he7i81/Byom-Icons-Trial.ttf?rlkey=w6yb4f7lrn97bulnp1wqlt1yx&dl')
  format('truetype');
}
@font-face {
font-family: 'heta';
src: url('https://dl.dropboxusercontent.com/scl/fi/lciic8e15wh6l9zmi7pqj/ks-kohichisakurai-bold.ttf?rlkey=9vuc3gkn2sz2ry79ppwrwghz0&dl')
format('truetype');
}
@font-face {
  font-family: 'mark';
  src: url('https://dl.dropboxusercontent.com/scl/fi/ups20eqpbzqsckxvypmh6/Cursors.ttf?rlkey=alu7sdkj4pd2frxfxp766et1i&dl')
  format('truetype');
  }
@font-face {
    font-family: 'taitoru';
    src: url('https://dl.dropboxusercontent.com/scl/fi/u7x6qx7th6yuf092knc1m/RampartOne-Regular.ttf?rlkey=6nrlyx5d16l2kbzfv2vlv2pm9&dl')
    format('truetype');
    }
@font-face {
      font-family: 'zyoutou';
      src: url('https://dl.dropboxusercontent.com/scl/fi/6i4sygtpgb1yohdrzia10/v7.ttf?rlkey=2kx8f68oqpk6pvditwk3l4tyv&dl')
      format('truetype');
      }
@font-face {
        font-family: 'game';
        src: url('https://dl.dropboxusercontent.com/scl/fi/zmt26y702r5q5gds9xmrr/video-games.ttf?rlkey=i8cany3268l7miusjjqeqfjcl&dl')
        format('truetype');
       }
@font-face {
        font-family: 'manga1';
        src: url('https://dl.dropboxusercontent.com/scl/fi/n0msz3awl9ob370q7rn1m/Comic-Boom-Elements_DEMO.otf?rlkey=4cz6cv64s36nizsd2ppm1csqz&dl')
        format('truetype');
       }
@font-face {
        font-family: 'manga2';
        src: url('https://dl.dropboxusercontent.com/scl/fi/tw8b3n99hgtx39gwdmyfz/soundfx.ttf?rlkey=1cbfgxhqdl86h4ny9r5rowzlr&dl')
        format('truetype');
       }
@font-face {
        font-family: 'retoro';
        src: url('https://dl.dropboxusercontent.com/scl/fi/iuc52vu7ok3ls8fimkji7/CobraFont.ttf?rlkey=58q367gj2pbir3b4aa7ehkkqs&dl')
        format('truetype');
       }
@font-face {
        font-family: 'zen';
        src: url('https://dl.dropboxusercontent.com/scl/fi/8z3bd8bhidshodve7yzp1/ZenKurenaido-Regular.ttf?rlkey=x0u4czbzgyead782raaptx0et&dl')
        format('truetype');
       }
@font-face {
        font-family: 'retoro2';
        src: url('https://dl.dropboxusercontent.com/scl/fi/t6u167wq01ju0q7a8wmep/shokushunosho.ttf?rlkey=h9czjptaouoqaasqcq28yb0w6&dl')
        format('truetype');
       }
@font-face {
        font-family: 'kanzi';
        src: url('https://dl.dropboxusercontent.com/scl/fi/7yyba0p5e0npue2wappkt/zuin.ttf?rlkey=6lmo29orq6cn2f60da8jqaj97&dl')
        format('truetype');
      }
@font-face {
        font-family: 'gohann';
        src: url('https://dl.dropboxusercontent.com/scl/fi/tmxnllykltuupvhgvegl5/Lostar.ttf?rlkey=9op9krl82s6dzme98ei9rc74b&dl')
        format('truetype');
        }
@font-face {
            font-family: 'ume';
            src: url('https://dl.dropboxusercontent.com/scl/fi/89nsngnrjwozudh1dgwsg/Mostera.ttf?rlkey=0wuhmbm7z6q3zy751o7e81l9u&dl')
            format('truetype');
            }
@font-face {
             font-family: 'bakodo';
              src: url('https://dl.dropboxusercontent.com/scl/fi/p2jev2d5ycisfezoefipt/Barmorse.ttf?rlkey=rcocknmjo0yt1v7i3h06p9f65&dl')
              format('truetype');
            }
@font-face {
              font-family: 'suuzi';
               src: url('https://dl.dropboxusercontent.com/scl/fi/bme1k7237htpfiir7t8lx/MAROLA__.TTF?rlkey=qyy83cba1zcr3tj3rgcqem9zy&dl')
               format('truetype');
             }
@font-face {
              font-family: 'titl';
               src: url('https://dl.dropboxusercontent.com/scl/fi/pl2bbdybewg55u21o9ll9/Designer.otf?rlkey=7jce0e769uxrn1kv9e0j7w7fw&dl')
               format('truetype');
             }  
@font-face {
              font-family: 'titl2';
               src: url('https://dl.dropboxusercontent.com/scl/fi/ofq1iyyu1epbi420n5r2e/DRUNKFONTS-Regular.otf?rlkey=g0r6ro1vvpg4jg9u6verbacdr&dl')
               format('truetype');
             }
@font-face {
              font-family: 'gk_mesi';
               src: url('https://dl.dropboxusercontent.com/scl/fi/hjanbetuh9wmcrwpgofb2/FoodIcons.ttf?rlkey=oo5y5v8j1irifz7z6q6cfa5xc&dl')
               format('truetype');
             }
@font-face {
              font-family: 'ty_ken';
               src: url('https://dl.dropboxusercontent.com/scl/fi/q5mt4yqsh25owprouaqv9/edgebat-tfb.ttf?rlkey=nbu0g1ehgrcjwlum09av4ilzx&dl')
               format('truetype');
             }
@font-face {
              font-family: 'gk_suro';
               src: url('https://dl.dropboxusercontent.com/scl/fi/4cu9viaokivv42mys8jig/Casino.ttf?rlkey=szgp9zaxzj1fetd9bn7hjgg26&dl')
               format('truetype');
             }
@font-face {
              font-family: 'gk_1';
               src: url('https://dl.dropboxusercontent.com/scl/fi/5mgdb60870wdcbjikcrlb/ASTRO.TTF?rlkey=ns7yr8yaf6mms8uuge84l2zli&dl=0')
               format('truetype');
             }
@font-face {
              font-family: 'mesi';
               src: url('https://dl.dropboxusercontent.com/scl/fi/cw0ddubrlmur4t546n5ak/Fast-Food-Icons.ttf?rlkey=picj9ysole85mpqlbljfrjuyj&dl')
               format('truetype');
}
@font-face {
              font-family: 'dakaiti';
               src: url('https://dl.dropboxusercontent.com/scl/fi/y824cd5c1gpq6vdhkuany/Note-Doodle.ttf?rlkey=j9orahpzsruyjngm4ok36mx3a&dl')
               format('truetype');
             }
@font-face {
              font-family: 'rogo';
               src: url('https://dl.dropboxusercontent.com/scl/fi/s9hjpereoq0p3cw212rbd/Vehicle-Decals-Flames-Art.ttf?rlkey=4zee9fdzcfcrrdwz5ctc8igod&dl')
               format('truetype');
             }
@font-face {
              font-family: 'kg';
               src: url('https://dl.dropboxusercontent.com/scl/fi/q5mt4yqsh25owprouaqv9/edgebat-tfb.ttf?rlkey=nbu0g1ehgrcjwlum09av4ilzx&dl')
               format('truetype');
             }
@font-face {
              font-family: 'tt';
               src: url('https://dl.dropboxusercontent.com/scl/fi/wmurkwbxkrxxe09uguj83/Billiard.otf?rlkey=pw81fwxrwlvgwdt4nw39mxuqq&dl')
               format('truetype');
             }
@font-face {
              font-family: 'kome';
               src: url('https://dl.dropboxusercontent.com/scl/fi/j5eko832dhdzuvyferm1s/x12y16pxMaruMonica.ttf?rlkey=7bfhwewxglddh2szo0lnucwwl&dl')
               format('truetype');
             }