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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*固定ページで投稿日・更新日を非表示*/
.page .date-tags {
 display: none;
}
/************************************
** 基本表示
************************************/
/*デフォルトリンク*/
a {
  color: #1967d2;
}
a:hover {
  color: #009933;
}
/************************************
** グローバルメニュー
************************************/
/*グローバルメニューの高さを変更*/
#navi .navi-in > ul li{
	height: 28px;
	line-height: 28px;
	margin: 3px 0px 3px 0px !important; /*上下余白*/
}
/*グローバルメニューの左寄せ変更*/
.navi-in > ul {
justify-content: flex-start;
}
/*グローバルメニュー 文字の大きさを変更*/
#navi .navi-in > .menu-header .item-label{
	font-size: 14px;
}
/*マウスオーバー時のメニューの色を変更*/
#navi .navi-in a:hover{
	color: #ffffff!important;
	background: #009933;
	transition: all 0.5s ease;
}
/************************************
** フッターメニュー
************************************/
.navi-footer-in > .menu-footer {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  text-align: center;
}
.navi-footer-in > .menu-footer li {
  width: 120px;
  border-left: 1px solid var(--cocoon-thin-color);
}
.navi-footer-in > .menu-footer li:last-child {
  border-right: 1px solid var(--cocoon-thin-color);
}
.navi-footer-in a {
  color: var(--cocoon-text-color);
  text-decoration: none;
  display: block;
  font-size: 12px;
  transition: all 0.3s ease-in-out;
}
.navi-footer-in a:hover {
  background-color: #009933;
  transition: all 0.3s ease-in-out;
  color: var(--cocoon-text-color);
}
/************************************
****　サイドバー
************************************/
.widget_recent_entries ul li a{
  position: relative;
  color: #1967d2;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
margin: 1px 0;
padding: 0px 10px;
}
.widget_recent_entries ul li a:hover{
color:#009933!important;
}
.widget_recent_entries > ul > li {
display: flex;
flex-direction: column-reverse;
}
/************************************
** 見出し（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:100%;
  color:#333;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  position:relative;
  margin-top:5px;
  margin-bottom:5px;
}
.article h1 {
  margin-top:30px;
  margin-bottom:20px;
  font-size: 24px;
  line-height:117%;
}
#archive-title{
  padding-bottom:20px;
  font-size:24px;
}
.article h2 {
  border-left:1px solid #000;
  margin: 40px -29px 20px;
  padding:25px 30px;
  font-size:22px;
}
.article h3{
  font-size:20px;
  padding:10px 0;
}
.article h4{
  font-size:18px;
  padding:10px 0;
}
.article h5{
  font-size:16px;
  padding:10px 0;
}
.article h6{
  font-size:15px;
  padding:0px 0;
}
.entry-content{
  margin-bottom: 10px;
}
/************************************
****　エントリーカード
************************************/
.a-wrap {
    text-decoration: none;
    display: block;
    color: var(--cocoon-text-color);
    padding: 0.5%;
    margin-bottom: 1%;
    transition: all 0.3s ease-in-out;
}
.widget-entry-cards .a-wrap {
    padding: 5px;
    line-height: 1.3;
    margin-bottom: 4px;
}
.a-wrap:hover {
    background-color: #99cc66;
    transition: all 0.3s ease-in-out;
    color: var(--cocoon-text-color);
}
/************************************
** テーブル（Table）
************************************/
.article table{
  border-collapse: collapse;
  margin: 5px 0;
  max-width: 100%;
}
.article th{
  border: solid 1px #ccc;
  background-color: #eee;
}
.article td{
  border: solid 1px #ccc;
}
.article th, .article td{
  padding: 5px 5px;
}

.article ol,
.article ul,
.article dl{
  line-height:130%;
}

.article > ol,
.article > ul,
.article > dl{
  margin:10px 0;
}

.article > ol ol,
.article > ul ul,
.article > dl dl{
  margin:0;
}

#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
    border-collapse: collapse;
    border:0px solid #333;
    padding: 0px 0px;
    }

#tb2-bdr table,#tb2-bdr td,#tb2-bdr th {
    border-collapse: collapse;
    border-width: 1px 0px; solid #333;
    padding: 10px 5px 5px 5px;
    line-height:140%;
    margin-right : auto;
    margin-left : auto
    }

#tb3-bdr table,#tb3-bdr td,#tb3-bdr th {
    border-collapse: collapse;
    border:0px solid #333;
    padding: 10px 15px 5px 0px;
    line-height:140%;
    margin-right : auto;
    margin-left : auto
    }

#tb4-bdr table,#tb4-bdr td,#tb4-bdr th {
　　table-layout:fixed;
    border-collapse: collapse;
    border:1px solid #333;
    padding:3px 10px;
    font-size:12px;
    line-height:130%;
    }

#tb5-bdr table,#tb5-bdr td,#tb5-bdr th {
    border-collapse: collapse;
    border:0px solid #333;
    padding: 0px 10px 0px 0px;
    line-height:70%;
    margin-right : auto;
    margin-left : auto
    }

#tb6-bdr table,#tb6-bdr td,#tb6-bdr th {
    border-collapse: collapse;
    border:1px solid #333;
    padding: 5px 6px 0px;
    font-size:12.5px;
    line-height:140%;
    margin-right : auto;
    margin-left : auto
    }
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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