@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){
  /*必要ならばここにコードを書く*/
}
.grecaptcha-badge { visibility: hidden; }
/**固定ページ日付非表示***/
.post-13 .date-tags {
display: none;
}
/****フィードとRSSボタン消す ****/
a.follow-button.feedly-button.feedly-follow-button-sq{
display:none;
}
a.follow-button.rss-button.rss-follow-button-sq{
display:none;
}
/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}
/***見出しデザイン***/
/**h2**/
.article h2 {
  color: #081435;
  text-align: center;
  padding: 0.25em;
  border-top: solid 3px #28bfb5;
  border-bottom: solid 3px #28bfb5;
  background: -webkit-repeating-linear-gradient(-45deg, #e6e9a1, #e6e9a1 3px,#fffcfd 3px, #fffcfd 10px);
  background: repeating-linear-gradient(-45deg, #e6e9a1, #e6e9a1 3px,#fffcfd 3px, #fffcfd 10px);
}
/**h3**/
.article h3 {
  border-bottom: solid 3px #28bfb5;
  position: relative;
}

.article h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #b8bf00;
  bottom: -3px;
  width: 30%;
}
/**h4**/
.article h4 {
  color: #081435;
  background: linear-gradient(transparent 75%, rgba(184,191,0,.3) 75%);
}

/* 新着記事表示 */

.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}

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

/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%;
}
}
/***　記事一覧オンマウスでホバーする　***/
.a-wrap:hover{
transform: scale(1.01);
box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
                0 2px 4px rgba(0,0,0,0.07), 
                0 4px 8px rgba(0,0,0,0.07), 
                0 8px 16px rgba(0,0,0,0.07),
                0 16px 32px rgba(0,0,0,0.07), 
                0 32px 64px rgba(0,0,0,0.07);
}
background-color: #ffffff;
}