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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.site-name-text {
  display: none;
}

.logo-image {
  padding: 0px;
}

.header {
  /*background-position: center;*/
  background-size: contain;
}

.navi-in .current-menu-item a {
 background-color: #f5f8fa;
}

.main, .sidebar {
  background-color: rgb(255 255 255 / 98%);
}


/* ヘッダー背景画像をトップページ以外では非表示にする */
body:not(.home) .header-container-in .header {
  display: none !important;
}

.footer-bottom {
  margin-top: 0px;
}

/* テーブルカスタマイズ */
.has-fixed-layout thead {
  border-bottom: none;
}
.has-fixed-layout th {
  background-color: #b1c787;
  color: #FFFFFF;
}

/* テーブルに記号追加（◎○△×） */

/*配置位置起点*/
.entry-content td {
  position: relative;
  z-index: 1;
}

/*記号を上下左右中央寄せにする*/
.table-icon {
  position: absolute; 
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;/*テーブルの後ろに記号配置*/
}

/*記号配置（SVG使用）*/
.table-icon:before {
  content: "";
  display: block;
  height: 35px;
  width: 35px;
  opacity: 0.6;
}

.table-icon.s-circle:before {
  background-color: #DBB6A2;/*○*/
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16 32q-3.313 0-6.219-1.25-2.906-1.281-5.078-3.453t-3.453-5.078q-1.25-2.906-1.25-6.219t1.25-6.219q1.281-2.906 3.453-5.078t5.078-3.453q2.906-1.25 6.219-1.25t6.219 1.25q2.906 1.281 5.078 3.453t3.453 5.078q1.25 2.906 1.25 6.219t-1.25 6.219q-1.281 2.906-3.453 5.078t-5.078 3.453q-2.906 1.25-6.219 1.25zM16 2.906q-2.719 0-5.094 1.031t-4.156 2.813-2.813 4.156-1.031 5.094 1.031 5.094 2.813 4.156 4.156 2.813 5.094 1.031 5.094-1.031 4.156-2.813 2.813-4.156 1.031-5.094-1.031-5.094-2.813-4.156-4.156-2.813-5.094-1.031z"></path></svg>');
}

.table-icon.w-circle:before {
  background-color: #8bc34a;/*◎*/
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16 32q-3.313 0-6.219-1.25-2.906-1.281-5.078-3.453t-3.453-5.078q-1.25-2.906-1.25-6.219t1.25-6.219q1.281-2.906 3.453-5.078t5.078-3.453q2.906-1.25 6.219-1.25t6.219 1.25q2.906 1.281 5.078 3.453t3.453 5.078q1.25 2.906 1.25 6.219t-1.25 6.219q-1.281 2.906-3.453 5.078t-5.078 3.453q-2.906 1.25-6.219 1.25zM16 2.906q-2.719 0-5.094 1.031t-4.156 2.813-2.813 4.156-1.031 5.094 1.031 5.094 2.813 4.156 4.156 2.813 5.094 1.031 5.094-1.031 4.156-2.813 2.813-4.156 1.031-5.094-1.031-5.094-2.813-4.156-4.156-2.813-5.094-1.031zM16 26.875q-2.25 0-4.219-0.875-1.969-0.844-3.453-2.328t-2.328-3.453q-0.875-1.969-0.875-4.219t0.875-4.219q0.844-1.969 2.328-3.453t3.453-2.328q1.969-0.875 4.219-0.875t4.219 0.875q1.969 0.844 3.453 2.328t2.328 3.453q0.875 1.969 0.875 4.219t-0.875 4.219q-0.844 1.969-2.328 3.453t-3.453 2.328q-1.969 0.875-4.219 0.875zM16 8.063q-1.656 0-3.094 0.625t-2.516 1.703-1.703 2.516-0.625 3.094 0.625 3.094 1.703 2.516 2.516 1.703 3.094 0.625 3.094-0.625 2.516-1.703 1.703-2.516 0.625-3.094v0q0-1.656-0.625-3.094t-1.703-2.516-2.516-1.703-3.094-0.625v0 0z"></path></svg>');
}

.table-icon.triangle:before {
  background-color: #ffc107;/*△*/
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M31.719 29.281h-31.313l15.656-27.094zM4.625 26.844h22.875l-11.438-19.813z"></path></svg>');
}

.table-icon.cross:before {
  background-color: #8d95a6;/*×*/
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16 18.125l-11.938 11.938-2.094-2.125 11.906-11.938-11.906-11.938 2.094-2.094 11.938 11.906 11.938-11.906 2.125 2.094-11.938 11.938 11.938 11.938-2.125 2.125-11.938-11.938z"></path></svg>');
}

/* お問い合わせフォーム　必須フィールドのラベルスタイル */
.wpcf7-form .required {
  background-color: #ff0000; /* レッド */
  color: white;
  padding: 2px 5px;
  border-radius: 3px;
  margin-left: 10px;
  font-size: 12px;
}

/* Google reCAPTCHAマーク非表示 */
.grecaptcha-badge {
  visibility: hidden;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  
  /*検索メニュー非表示*/
  .search-menu-button {
    display: none !important;
  }
  .logo-menu-button img {
    margin-left: -30px;
  }
  /*モバイルメニュー　文字消す*/
  .mobile-menu-buttons .menu-caption {
    display: none;
  }
  .mobile-menu-buttons {
    align-items: center;
  }
  /*×アイコンを移動*/
  .menu-close-button {
    padding-top: 15px;
    padding-left: 25px;
    padding-bottom: 30px;
    text-align: left;
    font-size: 1.3em;
  }
  /*モバイルメニューを開いた時の記事色を変えない*/
  #navi-menu-input:checked ~ #navi-menu-close,
  #sidebar-menu-input:checked ~ #sidebar-menu-close,
  #search-menu-input:checked ~ #search-menu-close,
  #share-menu-input:checked ~ #share-menu-close,
  #follow-menu-input:checked ~ #follow-menu-close {
    opacity: 0;
  }
  /*モバイルメニュー背景色*/
  .navi-menu-content {
    background-color: #fffffff0;
  }
  /*その他　モバイルメニューカスタマイズ*/
  .menu-drawer a {
    font-size: 0.9em;
    line-height: 1.6em;
    border-bottom: solid 1px #e6e6e6;
  }
  .menu-drawer a:hover {
    background-color:#f5f8fa;
  }
  .sub-menu li {
    margin-left:-14px;
    font-size: 0.9em;
    color: #e6e6e6;
  }
}

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

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