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

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

/* Googleフォント */
body { font-family: 'M PLUS Rounded 1c', sans-serif; }

/* メイン画像表示設定 */
#media_image-2 {
  display: block;
}
.spimg {
  display: none;
}

.article h1 {
  position: relative;
  padding: 10px;
  margin-bottom: 1.5rem;
  border-bottom: initial;
}
.article h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  border-bottom: initial;
  background: repeating-linear-gradient(-30deg, #3cb371, #3cb371 4px, #66cdaa 4px, #66cdaa 8px);
  
}
.article h2 {
  background-color: #2e8b57;
  border: 1px solid #2e8b57;
}
.article h2::after {
  border-top: 15px solid #2e8b57;
}
.article h3 {
  color: #2e8b57;
  border-top: solid 2px #2e8b57;
  border-bottom: solid 2px #2e8b57;
  background: repeating-linear-gradient(-45deg,#f0fff0,#f0fff0 3px,#E9FFA5 3px,#E9FFA5 7px);
}
.article h4 {
  background: linear-gradient(to right,rgb(233, 255, 165),#E9FFA5);
  box-shadow: 0 0 0 4px #E9FFA5;
}
.article h5::before {
  color: #66cdaa;
  content: "\f005";
}
.article h5::after {
  background: linear-gradient(to right,rgb(102, 205, 170),#f0fff0);
  margin-top: 0.5rem !important;
}
.article h6:before {
  background: #66cdaa;
}
h3.widget-title:before {
  background: #66cdaa;
}

/* ブロック画像中央よせ */
.wp-block-image .aligncenter img {
  margin-left: auto;
  margin-right: auto;
}

figcaption { font-size: 19px; }

/* メニューフォント */
.navi-in > ul li a {
  font-size: 19px;
}
.fas, .far {
  padding-right: 0.2em;
}

/* キャッチコピー */
.catch {
  text-align: center;
  font-size: 22px;
  border-top: 1px dashed rgb(206, 159, 159); 
  border-bottom: 1px dashed rgb(206, 159, 159); 
  max-width: 780px;
  margin: 0 auto;
}

/* TOPコンテンツタイトルの装飾 */
.toptitle {
  background: url('https://talky-walky.net/wpsite/wp-content/uploads/2022/02/titleicon.png');
  background-repeat: no-repeat;
  padding-left: 4rem;
  margin-bottom: 1rem;
}

/* TOPブログ一覧フォントサイズ */
.entry-card-snippet, .related-entry-card-snippet {
  font-size: 18px;
}

/*固定ページで投稿日・更新日を非表示*/
/* 固定ページで日付を消す */
.page .date-tags {
   display: none;
 }

 /* メニューの下線 */
 .item-label {
   border-bottom: 1px dashed #000;
 }

  /* ご利用の流れ 画像 */
.nagare-pc {
  display: block;
}
.nagare-sp {
  display: none;
}
#footer {
  background: rgb(123, 168, 52, 0.9);
}

  /* サービス内容 */ 
.article ul {
  background: #f0fff0;
  box-shadow: 0 0 0 10px #f0fff0;
}
.article ul li:before {
  color: #66cdaa;
}

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

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

.logo-header img {
  width: 400px;
  height: auto;
}
.logo-image {
  padding: 0;
}
/* メイン画像表示設定 */
#media_image-2 {
  display: none;
}
.spimg {
  display: block;
}
.nagare-pc {
    display: none;
  }
  /* キャッチコピー */
.catch {
  font-size: 18px;
  padding: 1rem;
}
/* TOPコンテンツタイトルの装飾 */
.toptitle {
  padding-bottom: 1rem;
}
}

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