@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
.nse-script{
    max-width:900px;
    margin:auto;
    padding:30px;
    background:#121212;
    color:#f3f3f3;
    border-radius:15px;
}

.nse-name{
    font-size:24px;
    font-weight:bold;
    margin-top:30px;
    margin-bottom:10px;
}

.nse-name.raiden{
    color:#6ec1ff;
}

.nse-name.sara{
    color:#b57cff;
}

.nse-line{
    font-size:18px;
    line-height:2;
    white-space:pre-wrap;
}
.nse-script{
  writing-mode: vertical-rl;
  text-orientation: mixed;
	
  height: 85vh;
  max-height: 85vh;

  overflow-x: auto;
  overflow-y: hidden;

  padding: 24px;
  background:#111;
  color:#eee;
  line-height:2;

  display:block;
}

.nse-block{
  padding:12px;
  margin-left:22px;
  border:2px solid transparent;
  border-radius:10px;
  .ishtar.active{
  border-color:#CC6699;
  background:rgba(204,102,153,0.12);
}

.stanley.active{
  border-color:#e68600;
  background:rgba(230,134,0,0.12);
}
}

.nse-name{
  font-weight:bold;
  cursor:pointer;
  margin-bottom:12px;
}

.nse-line{
  white-space:pre-wrap;
}

.raiden .nse-name{ color:#6ec1ff; }

.sara .nse-name{ color:#b57cff; }

.ishtar .nse-name{ color:#CC6699; }

.stanley .nse-name{ color:#FFCC33; }

.raiden.active{ border-color:#6ec1ff; }

.sara.active{ border-color:#b57cff; }

.ishtar.active{ border-color:#CC6699; }

.stanley.active{ border-color:#e68600; }

.nse-script{
  -webkit-overflow-scrolling: touch;
}
.nse-block{
    display:inline-block;
    padding:12px;
    border:2px solid transparent;
    border-radius:10px;
    margin-left:0;
    break-inside:avoid;
}
.nse-block{
  margin-left: 4em !important;
}
.ishtar.active{
  background:rgba(204,102,153,0.12) !important;
}

.stanley.active{
  background:rgba(230,134,0,0.12) !important;
}
.beside{
  text-combine-upright: all;
  -webkit-text-combine: horizontal;
}
.raiden.active{
  border-color:#6ec1ff !important;
  background:rgba(110,193,255,0.12) !important;
}

.sara.active{
  border-color:#b57cff !important;
  background:rgba(181,124,255,0.12) !important;
}

.altair.active{
  border-color:#ff4d6d !important;
  background:rgba(255,77,109,0.12) !important;
}

.altair .nse-name{
  color:#ff4d6d !important;
}
.nse-script{
  width:100vw !important;
  max-width:none !important;
  height:82vh !important;
  max-height:82vh !important;
  margin:0 auto !important;
  padding:24px 28px !important;
  box-sizing:border-box !important;
}

.nse-block{
  height:68vh !important;
  min-height:68vh !important;
  max-height:68vh !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
}

.nse-name{
  margin-bottom:18px !important;
}

.nse-line{
  margin:0 !important;
}