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


}

/************************************************************
** ぎんしろ用にスタイルをスタイルをを変更　
*************************************************************/

/*---------------------------------
カテゴリの行間とフォントを小さくする
--------------------------------*/
.widget_categories ul li a{
	line-height: 1.0;
	font-size: 15px;
}

/************************************
** ●ヘッダーサイズカスタマイズ
************************************/
.header { 
  padding-top: 10px; /*ヘッダー上マージン*/
  padding-bottom: 0px; /*ヘッダー下マージン*/
}

/************************************
** ●キャッチフレーズ位置調整
************************************/
.tagline {
  margin-bottom: 4px; /*キャッチフレーズ下マージン*/
}

/************************************
** フッター　余白調整
************************************/
.footer {
	margin-top: 6px;
	padding-top: 20px;
}
#custom_html-8,
.footer-bottom {
	margin-top: 0px;
	padding-top:0px;
}

/************************************
** カルーセル文字サイズ調整
************************************/
.carousel-entry-card-title{
font-size:0.5em; /*文字サイズ*/
color:#fff; /*文字色*/
margin-top:4px;	
}
.carousel{
margin-top:10px;
padding-bottom:0px;	
}

/************************************
** Ｈ２　文字調整
************************************/
.entry-content h2{
margin-top:40px;
padding-top: 2px;
padding-bottom: 2px;	
	color: #fff; /*文字色
font-size: 22px; /*文字サイズ*/
border-left: solid 10px #a8b751; /*左側に実線・色*/
}

/************************************
** Ｈ１　文字調整
************************************/
h1.entry-title {
  color: #fff;/*文字色*/
  font-size: 0.8rem;
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 4px #536976; /*上線*/
  border-bottom: solid 4px #536976;  /*下線*/
}

/************************************
** 関連記事、GALLERYカテゴリー　表示箇所調整
************************************/

.article h3, .sidebar h2, .sidebar h3, .under-entry-content h2 {
   	padding: 0rem 1rem;
    border-left: 5px solid #757575;
    border-radius: 4px 0 0 4px;
	border-bottom: solid 4px #536976;
	background-color:#2f4f4f;
	font-size:0.9em;
}	

/************************************
**モバイルスライドインメニュー
************************************/
span.fas.fa-times::before{
font-family: "Font Awesome 5 Free";
content: "\f11e";
color:#90C31F;/*矢印色変更はこちら*/
}
ul.menu-drawer:before{
font-size:1.0em;
/*background: #ffffff;*/
color:#333;
margin-bottom:1em;
border-bottom:0px dotted #90C31F; /*点線の色変更はこちら*/
/*content: "メニュー";*/
content: url(https://ginshiro.jp/wp-content/uploads/2023/05/logo.png);
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
padding:0;
}
.menu-drawer li{
font-weight: bold;
}
.menu-drawer a{
font-size:0.9em;
background-color:#ffffff;
color:#545454;
margin: .5em 0;
}
.menu-drawer a:hover{
background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
padding:0;
}
.menu-drawer .sub-menu li{
font-size: .9em;
}
.menu-drawer .sub-menu li a::before {
font-family: "Font Awesome 5 Free";
content : "\f105";
color:#7b7b7b;
margin:0 .5em 0 1em;
}