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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
トップへ戻るボタンのカスタマイズCSS
/* トップへ戻るボタン画像の表示調整 */
.go-to-top-button {
 width: 60px; /* ボタン画像の表示幅 */
 height: auto; /* ボタン画像の高さは自動調整 */
}
.go-to-top-button:hover { /* カーソルを合わせると少し拡大する */
  transform: scale(1.1);
}
.go-to-top {
 right: 10px; /* 右から10pxの位置に配置 */
 bottom: 30px; /* 下から30pxの位置に配置 */
}
/* ページ内のスムーススクロール */
html {
 scroll-behavior: smooth;
	font-size: 62.5%;/* fontサイズをremでわかりやすく */
}

/* カテゴリーラベルを非表示 */
.cat-label{
display: none;
}

/* アイキャッチを真ん中に表示させる */
.eye-catch-wrap {
  display: flex;
  justify-content: center;
}

/* 4コマの画像を真ん中に表示させる */
.wp-block-image img {
  margin: 0 auto;
}
/* コクーンのアイキャッチの画像を非表示*/
.eye-catch-wrap {
  display: none;
}

/* 見出しの装飾を変更 */

.article h2 {
  position: relative;
background-color:#fff;
	font-size:2.4rem;
	padding-bottom:12px
}

.article h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 12px;
  background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	/* 画像を中央ぞろえに */
.new-entry-cards {
  text-align: center;
}

}

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