@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){
  /*必要ならばここにコードを書く*/
}
/* レスポンシブデザイン用のメディアクエリ ここまで */

/* @import url("marker.css"); */
/* @import url("decoration.css"); */

/* 表示・非表示ボタン */
.hidden_box {
    margin: 10px 0;
    padding: 0;
    text-align: center;
}
 
.hidden_box label {
    border: 1px solid
#ddd;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px;
    min-width: 50%;
}
 
.hidden_box label:hover {
    background: 
#f5f5f5;
}
 
.hidden_box label:after {
    content: "を表示"; /* 閉じている状態のときにラベルの後ろに続く文字 */
}
 
.hidden_box input {
    display: none;
}
 
.hidden_box .hidden_show {
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    text-align: left;
    transition: 0.5s;
}
 
.hidden_box input:checked ~ label:after {
    content: "を非表示";    /* 開いている状態のときにラベルの後ろに続く文字 */
}
 
.hidden_box input:checked ~ .hidden_show {
    height: auto;
    opacity: 1;
    padding: 10px 0;
}
/* 表示・非表示ボタン ここまで */

/* youtube センタリング */
.video-container {
margin: 0px auto;
}
/* youtube センタリング ここまで */

/* Twitterセンタリング */
.twitter-tweet {
max-width: 550px !important;
margin-left: auto;
margin-right: auto;
}
/* Twitter センタリング ここまで */

/* リードタイム */
.read-time {
  height: 26px;
  line-height: 29px;
  width: 300px;
  margin: 0 calc(50% - ( 280px / 2 ));
  background-color: #0066ff;
  color: #fff;
  font-size: 18px;
  border: 0;
  border-radius: 20px;
}
/* リードタイム ここまで */

/* wp-yomigana 設定 */
rt {
    text-align: center; /* 文字列のセンタリング */
    font-size: 80%; /* フォントサイズを一回り大きく：元の文字の80%の大きさに */
    color: #a67a21; /* 文字色指定 */
}
/* wp-yomigana 設定 ここまで */

/* reCaptcha 非表示 */
.grecaptcha-badge { visibility: hidden; }
/* reCaptcha 非表示 ここまで */

/* アンダーライン 赤 */
.underline_red {
border-bottom: 1px solid #ffcccc;
}

/* アンダーライン ピンク */
.underline_pink {
border-bottom: 1px solid #ff99cc;
}

/* アンダーライン 水色 */
.underline_blue {
border-bottom: 1px solid #66ffff;
}

/* アンダーライン オレンジ */
.underline_orange {
border-bottom: 1px solid #ffcc99;
}

/* テキストシャドウ */
.shadow {
font-weight: bold;
text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff;
}

/* 赤色のマーカー。 */
.luxe-hilight-red {
background: linear-gradient(transparent 50%, #ffcccc 0%);
font-weight: bold;
text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff;
}

/* ピンク色のマーカー。 */
.luxe-hilight-pink {
background:linear-gradient(transparent 50%, #ff99cc 0%);
font-weight: bold;
text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff;
}

/* 紫色のマーカー。 */
.luxe-hilight-purple {
background:linear-gradient(transparent 50%, #ccccff 0%);
font-weight: bold;
text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff;
}

/* 水色のマーカー。 */
.luxe-hilight-blue {
background:linear-gradient(transparent 50%, #66ffff 0%);
font-weight: bold;
text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff;
}

/* エメラルドグリーンのマーカー。 */
.luxe-hilight-green {
background:linear-gradient(transparent 50%, #66ffcc 0%);
font-weight: bold;
text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff;
}

/* 黄色のマーカー。 */
.luxe-hilight-yellow{
background:linear-gradient(transparent 50%, #ffffcc 0%);
font-weight: bold;
text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff;
}

/* オレンジ色のマーカー。 */
.luxe-hilight-orange {
background:linear-gradient(transparent 50%, #ffcc99 0%);
font-weight: bold;
text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff;
}

/* 文字囲い */

/* 役割 */*/
.gbf-role1 {
    padding: 2px 4px;
    border: 1px solid #000;
    border-radius: 5px;
    overflow: hidden;
    max-width: 80px;
    margin: 4px 2px 0px 0px;
}

.gbf-role {
    padding: 2px 4px;
    border: 1px solid #afadad;
    background-color: #fff;
    margin: 4px 2px 2px 4px;
    overflow: hidden;
    border-radius: 5px;
    max-width: 80px;
}

/* 役割 */
.gbf-role2 {
    padding: 2px 4px;
    border: 1px solid #afadad;
    background-color: #fff;
    margin: 4px 2px 0px 0px;
    overflow: hidden;
    border-radius: 5px;
    max-width: 80px;
}

/* ダメージアビリティ */
.gbf-attack {
    border: 1px solid #ff0000;
    background-color: #ff0000;
    color: #ffffff;
}

/* バフ */
.gbf-buff {
    border: 1px solid #fa825b;
    background-color: #fa825b;
}

/* クリア */
.gbf-clear {
    border: 1px solid #33c066;
    background-color: #33C066;
    color: #ffffff;
}

/* ヒール */
.gbf-heal {
    border: 1px solid #adff2f;
    background-color: #adff2f;
    color: #000000;
}

/* マウント */
.gbf-mount {
    border: 1px solid #339066;
    background-color: #339066;
    color: #ffffff;
}

/* 反射 */
.gbf-reflect {
    border: 1px solid #add8e6;
    background-color: #add8e6;
    color: #000000;
}

/* かばう */
.gbf-cover {
    border: 1px solid #87cefa;
    background-color: #87cefa;
    color: #000000;
}

/* 弱体耐性UP */
.gbf-resistance {
    border: 1px solid #6495ed;
    background-color: #6495ed;
    color: #ffffff;
}

/* ダメージカット */
.gbf-cut {
    border: 1px solid #1e90ff;
    background-color: #1e90ff;
    color: #ffffff;
}

/* 被ダメージ無効 */
.gbf-invalid {
    border: 1px solid #4169e1;
    background-color: #4169e1;
    color: #ffffff;
}

/* ディスペル */
.gbf-dispel {
    border: 1px solid #9966fc;
    background-color: #9966fc;
    color: #ffffff;
}

/* 敵対心UP */
.gbf-hostility {
    border: 1px solid #6633fc;
    background-color: #6633fc;
    color: #ffffff;
}
/* 文字囲い ここまで*/