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




/************************************
****　お問い合わせフォーム contact form7
************************************/
.haveto{
font-size:9px;
padding:2px 5px;
background:#90C31F;/*必須 色の変更はこちら*/
color:#fff;
border-radius:20px;
margin-right:5px;
position:relative;
bottom:2px;
}
#formbtn{
display: block;
padding:10px;
width:300px;
background:#f7f7f7;
color:#545454;
font-size:17px;
border:none;
border-radius:50px;
margin:25px auto 0;
transition:0.3s;
}
#formbtn:hover{
background:#90C31F;/*送信 色の変更はこちら*/
color:#fff;
border-radius:50px;
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
.wpcf7 p{
margin-bottom: 0em;
}



/************************************
****　その他
************************************/
/*h1タイトルを非表示にする*/
h1.entry-title{
 display: none;
}
/*h2見出しの背景をなしにする*/
.article h2{
   padding: 0;
   background: none;
   border: none;
}
/*ギャラリーの端数画像の拡大をしない*/
.entry-content .wp-block-gallery figure.wp-block-image {
    flex-grow: 0;
}
/*関連するイラストの画像下タイトル*/
h3.related-entry-card-title.card-title.e-card-title{
font-size:13px; 	
text-align:center;
font-weight:normal;
}
/*カテゴリーページの画像下タイトル*/
h2.entry-card-title.card-title.e-card-title{
text-align:center;
font-size:14px;
/*カテゴリーページタイトルの文字数オーバーでレイアウトがくずれるのをふせぐ*/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

/*アイキャッチラベル（カテゴリー）を非表示にする*/
.cat-label {
display: none;
}
/*サイドバー（カテゴリー）の文字*/
#sidebar {
font-size: 14px;
color: #686157;
}
/*サイドバー（カテゴリー）の点線*/
#sidebar a.cf{
  padding: 2px;
  border-bottom:2px dotted #EEEEEE;
}


/************************************
****　本文下　関連記事
************************************/
/*関連するイラスト*/
.e-card-title {
font-weight: normal;
line-height: 1.8;
}
.related-entry-card-content {
margin-left: 190px;
margin-right: 5px;
}
a.related-entry-card-wrap.a-wrap.border-element.cf:hover{
background-color: #ffffff;
transform: none;
opacity: 0.6;
transition: all 0.8s ease;	
}
.related-entry-card .cat-label{
display:none;
}
@media screen and (max-width: 480px){
.related-entry-card-thumb {
margin-right: 1em;
}
article.related-entry-card.e-card.cf {
margin-left: .5em;
margin-right: .3em;
}
aside#related-entries.related-entries.rect-entry-card{
margin-bottom: 0;
}