@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
.small {
  font-size: 0.8em;
}

/*---------------------------------
アコーディオンボックス
--------------------------------*/
.acbox_non,
.acbox {
  width: auto;
  font-size: 0px; /* ラベルと開く部分を分離する時は数値を入れる */
  margin: 0 0 14px 0; /* ボックス全体の位置調整 */
}

.acbox label {
  width: auto;
  font-size: 18px; /* ラベルの文字サイズ */
  background: #ddd; /* ラベルの背景色 */
  position: relative;
  display: block;
  padding: 1px 14px 6px;
  border-radius: 0; /* ラベルの角の丸み */
  cursor: pointer;
  color: #333;
}

.acbox_non label {
  width: auto;
  font-size: 18px; /* ラベルの文字サイズ */
  background: #ddd; /* ラベルの背景色 */
  position: relative;
  display: block;
  padding: 1px 14px 6px;
  border-radius: 0; /* ラベルの角の丸み */
  cursor: auto;
  color: #333;
}

div.acbox_non > label >  .episode,
div.acbox > label >  .episode {
  font-size: .8em;
}

div.acbox_non > label > span.fa-layers.fa-fw > i.fas.fa-paw,
div.acbox > label > span.fa-layers.fa-fw > i.fas.fa-paw {
  position: relative;
  top: 3px;
}

div.acbox_non > label > span.fa-layers.fa-fw > .list_stif,
div.acbox > label > span.fa-layers.fa-fw > .list_stif,
div.acbox_non > label > span.fa-layers.fa-fw > .list_stif-2,
div.acbox > label > span.fa-layers.fa-fw > .list_stif-2 {
  position: relative;
  top: 1px;
}

.acbox label:hover {
  background: #bbb; /* ラベルにマウスを乗せた時の背景色 */
}

.acbox_non label:hover {
  background: #ddd; /* ラベルにマウスを乗せた時の背景色 */
}

.acbox_non input,
.acbox input {
  display: none;
}

.acbox label:after {
  color: #fff;
  content:"▼"; /* ラベルのアイコン */
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -10px;
  font-size: 12px;
}

.acbox_non label:after {
  color: #fff;
  content:" "; /* ラベルのアイコン */
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -10px;
  font-size: 12px;
}

.acbox input:checked ~ label::after {
  content:"▲"; /* ラベルをクリックした後のアイコン */
}

.acbox div {
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0s; /* 開閉スピードの設定 */
}

.acbox input:checked ~ div {
  height: auto;
  padding: 18px; /* 開いた部分の枠内の余白 */
  border-radius: 0px;
  border: 1px solid #ccc;
  background: #fff; /* 開いた部分の背景色 */
  opacity: 1;
}

.acbox input:checked ~ label {
  background: #bbb; /* クリック後のラベルの背景色 */
}

div.acbox > div.acbox-under{
  font-size: 16px; /* 開いた部分の文字サイズ */
  padding-left: 28px;
}


.list_stif-wrap {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  list-style: none;
  position: relative;
  top: -20px;
  margin: 0 0 20px;
  padding: 0;
  letter-spacing: .1em;
}

div.chara {
  padding: 1em 0;
  border-bottom: 6px dotted #eeeeee;
}

div.chara ::after {
  border: none;
}

.list_stif {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  position: relative;
  top: -0.1em;
  left: -1.8em;
  font-size: 0.7em;
}

.list_stif-2 {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  position: relative;
  top: -0.1em;
  left: -2.1em;
  font-size: 0.7em;
}

.acbox-under .episode,
li .episode,
.chara .episode {
  font-size: .8em;
  color: #999999;
}

.col_000 {
  color: var(--cocoon-text-color);
}
.col_001 {
  color: #42577f;
}
.col_002 {
  color: #7f1843;
}
.col_003 {
  color: #;
}
.col_004 {
  color: #5b4634;
}
.col_005 {
  color: #538046;
}
.col_006 {
  color: #bf7e2a;
}
.col_007 {
  color: #a19e45;
}
.col_008 {
  color: #6a764a;
}
.col_009 {
  color: #;
}
.col_010 {
  color: #264f76;
}
.col_011 {
  color: #;
}
.col_012 {
  color: #9e0c38;
}
.col_013 {
  color: #6d4c85;
}
.col_014 {
  color: #313959;
}
.col_015 {
  color: #2d6f56;
}
.col_016 {
  color: #435b6c;
}
.col_017 {
  color: #a13659;
}
.col_018 {
  color: #;
}
.col_019 {
  color: #604880;
}
.col_020 {
  color: #8c8837;
}
.col_021 {
  color: #37624c;
}
.col_022 {
  color: #865b7b;
}
.col_023 {
  color: #6a9473;
}
.col_024 {
  color: #a29732;
}
.col_025 {
  color: #bc4f34;
}
.col_026 {
  color: #ba8a49;
}
.col_027 {
  color: #33abae;
}
.col_028 {
  color: #a86949;
}
.col_029 {
  color: #;
}
.col_030 {
  color: #;
}
.col_031 {
  color: #;
}
.col_032 {
  color: #;
}
.col_033 {
  color: #;
}
.col_034 {
  color: #;
}
.col_035 {
  color: #;
}
.col_036 {
  color: #;
}
.col_037 {
  color: #;
}
.col_038 {
  color: #;
}
.col_039 {
  color: #;
}
.col_040 {
  color: #;
}
.col_041 {
  color: #;
}
.col_042 {
  color: #322b5d;
}
.col_043 {
  color: #6d6e27;
}
.col_044 {
  color: #3e6982;
}
.col_045 {
  color: #454e53;
}
.col_046 {
  color: #;
}
.col_047 {
  color: #;
}
.col_048 {
  color: #;
}
.col_049 {
  color: #;
}
.col_050 {
  color: #;
}

/*---------------------------------
タイトル

table#season01 tr,
table#season02 tr,
table#season03 tr {
  transform: scale(-1, 1);
}
table#season01 th,
table#season02 th,
table#season03 th {
  transform: scale(-1, 1);
}
table#season01 td,
table#season02 td,
table#season03 td {
  transform: scale(-1, 1);
}
--------------------------------*/

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

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

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