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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
h1 {
  position: relative;
  color: #158b2b;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  margin: 1.5em 0;
}
h1:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 150px;
  height: 58px;
  border-radius: 50%;
  border: 5px solid #a6ddb0;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*H2見出し*/
main h2.wp-block-heading {
    color: #6d5353;/*文字色*/
    font-size: 20px;/*文字サイズ*/
    padding: 20px;/*文字回りの余白（上下左右）*/
    display: block;
    border: 1px solid #816930;/*囲み線（太さ 実線 色）*/
    position: relative;
}
main h2.wp-block-heading:after {
    content: '';
    background:#efece0;/*背景色*/
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    position: absolute;
    top: 5px;/*背景の上下位置ずらし*/
    left: 5px;/*背景の左右位置ずらし*/
    z-index: -1;
}


h3{
	background-color:#a5c9c1;/*カラーコードを入力*/
	color:#fff;/*文字色（白）*/
}


/*H4見出し*/
main h4.wp-block-heading {
    color: #6d5353;/*文字色*/
    font-size: 16px;/*文字サイズ*/
    padding: 9px 30px;/*文字回りの余白（上下 左右）*/
    display: block;
    position: relative;
}
main h4.wp-block-heading:before {
    content: "✦";
    font-weight: 900;/*マーク部の太さ*/
    position: absolute;
    font-size: 30px;/*マーク部のサイズ*/
    left: 0;
    top: 0;
    color: #cbb276;/*マーク部の色*/
}




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

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

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


/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
  display: none;
}

/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
  display: none;
}

/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}

#appeal {
    height: calc(100vw * 0.36);
}

/*---------------------------------
複数の固定ページの日付を非表示にする
--------------------------------*/
.post-39 .date-tags,
.post-71 .date-tags,
.post-58 .date-tags {
  display: none;
}

.post-39 .author-info{
  display: none;
}
.post-71 .author-info{
  display: none;
}

.post-63 .date-tags {
  display: none;
}
.post-54 .date-tags {
  display: none;
}
.post-67 .date-tags {
  display: none;
}
.post-47 .date-tags {
  display: none;
}
.post-31 .date-tags {
  display: none;
}

.page-id-9 .appeal {
  background-image: url('https://sannin333.stars.ne.jp/wp-content/uploads/2025/03/soundtop2.png');
}