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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/***************************************
Adobe fonts 配信
***************************************/
/*.hiragino-kaku-w3 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.hiragino-kaku-w6 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	font-weight: 600;
	font-style: normal;
}

body #container {
	font-family: "hiragino-kaku-gothic-pron",sans-serif;
}

/* Adobe fonts 配信 終 */

/*-----------------------------------------------------------------
WEBフォント設定
-----------------------------------------------------------------*/
@import url("https://www.pecorgb.com/ai106/webfonts/meiryo-r/stylesheet.css");
@import url("https://www.pecorgb.com/ai106/webfonts/meiryo-b/stylesheet.css");

body #container {
	font-family: "meiryo-r",sans-serif;
}

body{
  border-top: solid #a2d7d4 12px;
}
nav#navi{
font-weight: bold;
}
/* カテゴリーラベルの消去 */
.cat-label {
display: none;
}

/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{border:none;background:none;padding: 0;}  
/* H3 */
.entry-content h3{border:none;background:none;padding: 0;}  
/* H4 */
.entry-content h4{border:none;background:none;padding: 0;} 
/* H5 */
.entry-content h5{border:none;background:none;padding: 0;} 
/* H6 */
.entry-content h6{border:none;background:none;padding: 0;}

/* 見出しのデザイン設定 */
.article h1 {
  color: #202220; /* 文字色 */
  font-size: 1.5em;
  position: relative;
  text-align: left;
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
}

/* H2 */
.entry-content h2{
  color: #202220; /* 文字色 */
  font-size: 1.2em;
  padding: .25em 0 .25em .75em;
  border-left: 6px solid #00993e;
  /*border-bottom: 1px solid #00993e;*/
}
  
/* H3 */
.entry-content h3{
  color: #202220; /* 文字色 */
  font-size: 1.1em;
  position: relative;
  text-align: left;
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
}

/* キャッチフレーズ */
.tagline{
font-size: 16px;
}

/* 画像のキャプション */
.wp-block-image figcaption {
  margin: 5px 0 0 0;
  font-size: 15px;
}

/************************************
**　　ヘッダー
************************************/
.logo{
text-align:left;
padding-top: 30px;
padding-bottom: 0px;
padding-left: 75px;
}
.header-in .tagline {
text-align:left;
margin-top: 0px;
padding-left:120px;
}

@media screen and (max-width:800px){
.logo{
text-align:center;
padding-left:0px;
}
.header-in .tagline {
text-align:center;
padding-left:0px;
}
}

/***************************************
グローバルメニュー項目間の区切り（外枠）
***************************************/

#navi .navi-in > ul > li {
  border-left: 1px solid #eee;
	height:40px;
}

#navi .navi-in > ul > li:last-child {
  border-right: 1px solid #eee;
}

.navi-in > ul > .menu-item-has-children > a::after {
  right: 10px;
}

/***************************************
グローバルメニュー 続き
***************************************/
/*メニューを中央に配置したい場合は削除*/
.navi-in > ul {
	justify-content:flex-start;
}

/*.navi-in > ul li {
  line-height: 40px;
  height: 40px;
}*/
.navi-in a {
	font-size:15px;
}
#navi .navi-in a:hover {
	transform: none!important;
}
.navi-in > ul .sub-menu a {
	padding: 0;
}
.sub-menu {
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
.sub-menu .caption-wrap {
	color:#333;
	border-top: dotted #dddddd;
	background:#eee;
	padding:0 0 0 2em;
	margin:0;
}
.navi-in > ul .sub-menu a:hover {
	transform: none!important;
}
div#header-container {
	box-shadow: none;
}
div.item-label {
	font-weight:bold;
}

/************************************
**　　サイドバー
************************************/
#sidebar>.widget{
border-radius:10px;
}
.widget_search{
padding:0;
}
span.fas.fa-search::before{
color:#90C31F;
}
.sidebar h3{
color:#7b7b7b;
text-align:center;
border-radius: 0%;
border-bottom:3px dotted;
border-color:#90C31F;
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;
color:#686869!important;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.1s;
}
.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:#a2d7d4;
color:#fffff4!important;
}
.tagcloud a{
background-color:#f7f7f7;
color:#686869!important;
}
.tagcloud a:hover{
background-color:#a2d7d4;
color:#fffff4!important;
transition: 0.1s;
}
.nwa .recommended.rcs-card-margin a {
margin: 0 0 1em;
width: 90%;
}

/************************************
** サイトポリシー お問い合わせのシェアボタン非表示
************************************/
.page-id-391 .sns-share,
.page-id-391 .sns-follow{
  display: none;
}
.page-id-401 .sns-share,
.page-id-401 .sns-follow{
  display: none;
}

/***************************************
テーブル
***************************************/

.tbl-std {
  width: 100%;
  border: 1px solid;
  border-collapse: collapse;
  border-spacing: 0;
  border-color: #00993e; 
}
.tbl-std th {
  width: 100%;
  padding: 5px;
  line-height: 1.5em;
  font-weight: normal;
  font-size: 1.0em;
  border-width: 0 0 1px 1px;
  border: 1px solid;
  background-color: #00993e; 
  text-align: center;
  color: white;
}
.tbl-std td {
  padding: 5px 5px 5px 10px;
  line-height: 2.4em;
  font-weight: normal;
  font-size: 1em;
  border-width: 0 0 1px 1px;
  border: 1px solid;
  border-color:  #00993e;
}

/***************************************
調整
***************************************/

/*--------------------------
background-color
--------------------------*/
.bgcorange{background-color:orange;}
.bgclightskyblue{background-color:lightskyblue;}
.bgcblue{background-color:blue;}
.bgcbrown{background-color:saddlebrown;}
.bgcgainsboro{background-color:gainsboro;}
.bgclimegreen{background-color:limegreen;}
.bgcslategray{background-color: slategray;}

/*--------------------------
color
--------------------------*/
.cblack{color:black;}
.cwhite{color:white;}
.cred{color:red;}
.cdarkred{color:darkred;}
.cgreen{color:green;}
.cblue{color:blue;}
.cyellow{color:yellow;}
.corange{color:orange;}
.cbrown{color:brown;}
.cgray{color:gray;}
.climegreen{color:limegreen}
.cslategray{color:slategray;}

/*--------------------------
display
--------------------------*/
.dpb{display:block;}
.dpi{display:inline;}
.dpib{display:inline-block}

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

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

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