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

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


/* Import
==============================================================================*/

/* Google fonts */
@import url('https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');


/* Articles area
==============================================================================*/

.article h1 {
  margin-top: 2em-36px;
  margin-bottom: 2em;
}

.article h2 {
  margin-top: 6.4em;
  margin-bottom: 1.6em;
}

.article h3,
.article h4,
.article h5,
.article h6 {
  margin-top: 3.2em;
  margin-bottom: 1.6em;
}

.article p {
  margin-bottom: .8em;
}



/* Site footer area
==============================================================================*/

/* Footer layout : Wraper block */
.footer {
    background-color: #5a544b;
}


/* Text style : Notice, Prof */
#footer .widget_text h3,
#footer .widget_text p {
  font-family: 'Yusei Magic', sans-serif;
  font-size: 14px;
  color: #edecea;
}
#footer .widget_text p {
  font-size: 12px;
}


/* Link text style : Category & tags*/
#footer {
  font-family: 'Yusei Magic', sans-serif;
  font-size: 14px;
}
#footer .widget_block a {
  transition: .3s;
  color: #edecea;
}
#footer .widget_block .children,
#footer .widget_tag_cloud p {
  font-size: 12px;
}

/* Link action : Category & tags */
#footer .widget_block a:hover,
#footer .widget_block a:focus {
  transition: .3s;
  background-color: initial;
  color: #adacaa;
}

/* Layout : Category */
#footer .wp-block-categories {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  box-sizing: border-box;
  clear: both;
  float: none;
  margin: 0;
  padding-top: 0;
}
#footer .wp-block-categories > li {
  margin-left: 0;
  margin-right: 0;
  width: 50%;
  white-space: nowrap;
}
#footer .wp-block-categories > li > a { /* top category */
  position: relative;
  padding: 4px 0 4px 22px;
}
#footer .wp-block-categories > li > a::before {
  font-family: 'Material Icons';
  content: '\e2c8';
  position: absolute;
  height: 100%;
  width: 100%;
  top: calc(50% + 5px);
  left: 0;
  transform: translateY(-50%);
}
#footer .wp-block-categories > li > ul  li {
  display: block;
}
#footer .wp-block-categories > li > ul > li  a { /* child category */
  display: block;
  position: relative;
  font-family: 'Yusei Magic', sans-serif;
  padding: 0 0 0 8px;
  //padding-left: 8px;
}

/* Layout : Tags */
#footer .widget_tag_cloud a {
  display: inline-block;
  position:relative;
  white-space: nowrap;
  margin: 0px 12px 8px 0px;
  padding: 0 0 0 12px;
  transition: .3s;
}


/* Footer : Author */
.author-box {
    background-color: #9a948b;
}

/* Footer : Navi */
.navi-footer-in a {
    color: #edecea;
}

/* Test style : Copylight */
#footer .copyright {
  color: #edecea;
}


/* Tablepress setting - Unique settings for Black Desert （黒い砂漠用のCSS設定） */
/* --- Table design */
table.tablepress th { /* Table header */
  white-space: nowrap;
  font-size: 14px;
}
table.tablepress td {
  font-size: 12px;
}

/* --- Item design (span)*/
table[id*="tablepress-"] .tooltip-text
{
  display: inline-block;
}

/* --- Design like a tooltip */
table[id*="tablepress-"] .tooltip-text
{
  position: relative;
  color: #349004;
  border-bottom: dotted 1px #296210;
  transition: .2s;
}
table[id*="tablepress-"].tooltip-text:hover,
table[id*="tablepress-"] .tooltip-text:focus {
  cursor: help;
  text-shadow: 0 0 1px #1d4b09;
}
table[id*="tablepress-"] .tooltip-text .tooltip-explain {
  display: none;
  position: absolute;
  top: 165%;
  left: -1rem;
  padding: 1rem;
  background: linear-gradient(to bottom, rgba(100, 100, 100, 0.8), rgba(0, 0, 0, 0.9))!important;
  border-radius: 8px;
  white-space: nowrap;
  transition: .2s;
  z-index: 1;
}
table[id*="tablepress-"] .tooltip-text .tooltip-explain:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 1rem;
  border: 10px solid transparent;
  border-bottom: 8px solid rgba(100, 100, 100, 0.8);
}
table[id*="tablepress-"] .tooltip-text:hover .tooltip-explain,
table[id*="tablepress-"] .tooltip-text:focus .tooltip-explain {
  display: inline-block;
  transition: .2s;
}

/*Tooltip box format*/
table[id*="tablepress-"] .tooltip-text .tooltip-explain p {
  position: relative;
  margin: 0;
  padding: .4rem 0;
  line-height: 1rem;
  font-size: 1rem;
  color: #fff;
}
table[id*="tablepress-"] .tooltip-text .tooltip-explain p img {
  margin: 0 .4rem 0 0;
  padding: 0;テスト
  height: 1rem;
  width: auto;
  border: solid 1px #ccc;
  vertical-align: bottom;
  background: initial!important;
}


/************************************
** プラグイン
************************************/
/* Master slider */
.master-slider-parent .ms-info {
  margin-left: 10px;
  color: white;
  font-weight: bold;
  text-shadow:0 0 0.10em #000, 0 0 0.15em #000, 0 0 0.80em #000, 0 0 1.00em #000;
}


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

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

  .logo-header img {
      width: 100px;
      height: auto;
  }
}

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


  .logo-header img {
      width: 60px;
      height: auto;
  }
}