@charset "UTF-8";
/*－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

REVERSE（CP妄想置き場・裏ページ用の反転配色）

 common.css / each.css のあとに読み込んで色だけを上書きする。
 配色はサイトの色をそのまま入れ替えたもの：
   #262D40（紺）    ⇔ #D2D9E1（薄いグレー）
   #FFFFFF（白背景）→ #0B0D13（黒）
   #F0F2F5（淡い面）→ #161A24

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
html,
body {
  background-color: #0B0D13;
}

body {
  color: #D2D9E1;
}

a::after {
  border-bottom-color: #D2D9E1;
}

/*－－－－－－－－－－ 見出し －－－－－－－－－－*/
.headingL {
  -webkit-text-stroke-color: #D2D9E1;
}

.headingM::after {
  border-top-color: #262D40;
  border-left-color: #262D40;
}

.headingS::before {
  border-bottom-color: #D2D9E1;
}
.headingS::after {
  border-bottom-color: #262D40;
}

/*－－－－－－－－－－ 文字装飾・部品 －－－－－－－－－－*/
.marker {
  background: linear-gradient(transparent 60%, #161A24 60%);
}

.label {
  border-color: #262D40;
}

.la,
.las {
  color: #D2D9E1;
}

.arrow {
  border-color: #D2D9E1;
}

.btn {
  background-color: #D2D9E1;
  color: #0B0D13;
  border-color: #D2D9E1;
}
.btn:hover {
  background-color: #262D40;
  color: #D2D9E1;
}

.list li::before,
.gridlist .gridlist__label::after {
  background-color: #262D40;
}

.gridlist .gridlist__text {
  background-color: #161A24;
}

.box {
  border-color: #262D40;
}
.box:has(.box__title) .box__title::after {
  border-bottom-color: #D2D9E1;
}

/*－－－－－－－－－－ ヘッダー（斜めの帯とドット柄を反転） －－－－－－－－－－*/
.header {
  background-color: #262D40;
  background-image: radial-gradient(#D2D9E1 20%, transparent 22%), radial-gradient(#D2D9E1 20%, transparent 22%);
}
.header::after {
  background-color: #D2D9E1;
}
.header .sitename {
  color: #262D40;
  -webkit-text-stroke-color: #D2D9E1;
}

/*－－－－－－－－－－ メニュー －－－－－－－－－－*/
.globalnav__main .globalnav__item > a {
  text-shadow: 2px 2px 0 #262D40, -2px -2px 0 #262D40, -2px 2px 0 #262D40, 2px -2px 0 #262D40, 2px 0 0 #262D40, -2px 0 0 #262D40, 0 2px 0 #262D40, 0 -2px 0 #262D40;
}
.globalnav__main .globalnav__child {
  background-color: #262D40;
}

/*－－－－－－－－－－ ページUP －－－－－－－－－－*/
.pageup {
  background-color: #262D40;
}
.pageup .arrow {
  border-color: #0B0D13;
}
@media (hover: hover) {
  .pageup:hover {
    background-color: #D2D9E1;
  }
}

/*－－－－－－－－－－ 一覧・Twitterログ －－－－－－－－－－*/
.update {
  border-bottom-color: #262D40;
}
.update__item:not(:last-child) {
  border-bottom-color: #262D40;
}

.novellist__title {
  background-color: #161A24;
}

.twlog {
  border-bottom-color: #262D40;
}
.twlog__summary {
  background-color: #161A24;
}
.twlog__body p + p {
  border-top-color: #262D40;
}
.twlog__note {
  border-color: #262D40;
  background-color: #0B0D13;
}

/* まだ何もない時の表示 */
.reverse-empty {
  margin: 40px 0;
  padding: 40px 20px;
  border: 1px dashed #262D40;
  text-align: center;
  font-size: 0.8em;
}

/* メニューの「本館に戻る」の補足（小さい日本語） */
.globalnav__sub {
  display: block;
  margin-top: 6px;
  padding-left: 1.2em;
  font-size: 0.5em;
  letter-spacing: 2px;
}