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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* トップへ戻るボタン画像の表示調整 */
.go-to-top-button {
 width: 80px; /* ボタン画像の表示幅 */
 max-width:80px;
 height: auto; /* ボタン画像の高さは自動調整 */
}
.go-to-top-button:hover { /* カーソルを合わせると少し拡大する */
  transform: scale(1.1);
}
.go-to-top {
 right: 1%; 
 bottom: 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:#ffedb3;
	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, #ffedb3, #ffedb3 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #ffedb3, #ffedb3 2px, #fff 2px, #fff 4px);
}


 .ml-slider-3-90-1.metaslider.metaslider-flex.metaslider-174.ml-slider.ms-theme-default {
	margin: 0 auto;
} 

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}