@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){
  /*必要ならばここにコードを書く*/
}

/************************************
** 独自定義
************************************/
/*headerのメニューボタン色変更*/
ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {
    color: #fff;
}
/*footerのtopborder色変更*/
.footer {
	border-top: 4px solid #a9a9a9 !important;
}
/*タイトル非表示*/
.entry-title {
    display: none;
}
/*投稿日非表示*/
.page .date-tags {
    display: none;
}
/* モバイルメニュー背景色 */
.navi-menu-content, .menu-drawer a, .menu-drawer a:hover {
    color: #000;
    background: #fff;
}
/*モバイルフッターメニュー背景色*/
ul#menu-mobile-footer-menu {
    background: #000;
}

/*ヘッダーメニューのサブメニュー固定表示*/
.fixed-header .has-sub, .fixed-header .navi-in .sub-menu {
  display: block;
}

/* 新着記事横並び表示 */
.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.new-entry-cards.large-thumb a {
width: 32%;
}

/768px以下/
@media screen and (max-width: 768px){
.new-entry-cards.large-thumb a {
width: 50%;
}
}

/480px以下/
@media screen and (max-width: 480px){
.new-entry-cards.large-thumb a {
width: 100%;
}
}

/*--------------------------------------
  タブ切り替え
--------------------------------------*/
.tab-wrap{
    margin-bottom: 40px;
}
.tab-group{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
}

/*タブボタン*/
.tab{
    flex-grow: 1;
    background: #fff;   /*タブの背景色*/
    border:2px solid #000;
    color: #000;    /*文字の色*/
    cursor: pointer;
    display: inline-block;
    font-size: 16px;    /*文字サイズ*/
    font-weight: bold;   /*太字*/
    margin: 0 5px 15px;
    padding: 14px 12px;
    text-align: center;
    transition: 1s;
    vertical-align: bottom;
}
/* ボタン クリック(選択時)*/
.tab.is-active{
    color:#fff;    /*文字の色*/
    border:2px solid #000;
    transition: 1s;
    background: #808b96;
    position:relative;
}
.tab.is-active:after{  /*三角部分*/
content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #000;
}
/*コンテンツ表示部分*/
.panel-group{
    min-height:100px;
    margin-top:15px;
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
    padding: 10px;
}
.panel{
    display:none;
}
.panel.is-show{
    display:block;
}

/* ul設定 check */
ul.checklist {
  border: solid 2px #ffb03f;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}
ul.checklist li {
  line-height: 1.5;
  padding: 0.5em 0;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.checklist li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  position: absolute;
  left : 1em; 
  color: #ffb03f; 
}
ul.checklist li:last-of-type {
  border-bottom: none;
}

/* ul設定 circle */
ul.circlelist {
  border: solid 2px #668ad8;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}
ul.circlelist li {
  line-height: 1.5;
  padding: 0.5em 0;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.circlelist li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f111";
  position: absolute;
  left : 1em; 
  color: #668ad8; 
}
ul.circlelist li:last-of-type {
  border-bottom: none;
}

/* ul設定 cross */
ul.crosslist {
  border: solid 2px #1e366a;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}
ul.crosslist li {
  line-height: 1.5;
  padding: 0.5em 0;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}
ul.crosslist li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
  position: absolute;
  left : 1em; 
  color: #1e366a; 
}
ul.crosslist li:last-of-type {
  border-bottom: none;
}

/* ol設定 normal */
ol.normallist {
  border: solid 2px #1fa67a;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}
ol.normallist li {
  line-height: 1.5;
  padding: 0.5em 0;
  border-bottom: dashed 1px silver;
}
ol.normallist li:last-of-type {
  border-bottom: none;
}

/* faq tggle設定 */
.is-style-faq .toggle-button {
	background-color: #eaecee;
}

/* pagetopのh2設定 */
h2.pagetop {
	margin-top: 0;
}

/* fotter SNSロゴ設定 */
ul#menu-footer-menu {
    justify-content: center;
}

/* お知らせのボーダー */
div.whatsnew hr {
  margin: 0;
  padding: 0;
  border-top: 2px dotted silver;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

/* 説明用Pタグ*/
.tabarticle p {
    margin: 0;
}

.panel-group {
    padding: 30px 10px;
}

/************************************
**　　サイドバー
************************************/
#sidebar>.widget{
border-radius:10px;
}
.widget_search{
padding:0;
}
span.fas.fa-search::before{
color:#e57373;/*検索マーク色変更はこちら*/
}
.sidebar h3{
color:#7b7b7b;
border-radius: 0%;
border-bottom:3px dotted;
border-color:#e57373;
padding-bottom:0.3em;
margin-top:-0.5em;
margin-bottom:1em;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
background-color:#f7f7f7;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.4s
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover{
background-color:#e57373;
color:#fff!important;
}
.tagcloud a{
background-color:#f7f7f7;
}
.tagcloud a:hover{
background-color:#e57373;
color:#fff!important;
transition: 0.4s ;
}
.nwa .recommended.rcs-card-margin a {
margin: 0 0 1em;
width: 90%;
}