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

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

/*固定ページの投稿日、更新日、投稿者名を非表示にする*/
.page .date-tags,
.page .author-info {
    display: none;
}

/* カバーブロック用：インナーブロックの中央寄せを追加 */
.cstm-blk-fullwide-inner {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}
/* 画像ブロックは以下で画面幅に */
.cstm-blk-fullwide {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}

/*参考 画像ブロックの高さ調整 */
.cstm-blk-fullwide.cstm-blk-img-height img{
  height: 50vmin;
}


/* === プロフィール共通スタイル === */
.about-profile h2,
.about-profile h3 {
  border-left: 5px solid #00bcd4;
  padding-left: 12px;
  margin-top: 2em;
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #333;
}

.about-profile p {
  line-height: 1.8;
  margin-bottom: 1.5em;
  color: #444;
}

.about-profile ul {
  list-style-type: disc;
  padding-left: 1.5em;
  margin-bottom: 1.5em;
}

.about-profile ul li {
  margin-bottom: 0.5em;
}

.about-profile blockquote {
  border-left: 4px solid #00bcd4;
  padding-left: 1em;
  font-style: italic;
  background: #f9f9f9;
  margin: 1.5em 0;
  color: #333;
}

.about-profile cite {
  display: block;
  margin-top: 0.5em;
  font-style: normal;
  font-size: 0.9em;
  color: #666;
}

/* === ボタンスタイル（CTA） === */
.wp-block-button__link {
  background-color: #00bcd4;
  color: #fff !important;
  padding: 0.8em 2em;
  border-radius: 6px;
  font-weight: bold;
  transition: background-color 0.3s ease;
  text-decoration: none;
}

.wp-block-button__link:hover {
  background-color: #0097a7;
  text-decoration: none;
}

/* === レスポンシブ調整（モバイル） === */
@media screen and (max-width: 768px) {
  .about-profile h2,
  .about-profile h3 {
    font-size: 1.2em;
  }

  .about-profile p,
  .about-profile ul li {
    font-size: 0.95em;
  }
}

/* === プライバシーポリシーページ装飾 === */
/* ページタイトル（h1） */
.page .entry-title {
  font-size: 2.2em;
  font-weight: bold;
  color: #2c3e50;
  border-bottom: 3px solid #3498db;
  padding-bottom: 0.3em;
  margin-bottom: 1em;
}

/* セクション見出し（h2） */
.privacy-policy h2 {
  font-size: 1.4em;
  background: #f0f8ff;
  border-left: 6px solid #3498db;
  padding: 0.5em 1em;
  margin-top: 2em;
  margin-bottom: 1em;
  color: #2c3e50;
}

/* 本文テキスト */
.privacy-policy p {
  line-height: 1.8;
  margin-bottom: 1em;
  color: #333;
  font-size: 1em;
}

/* 箇条書きのリスト */
.privacy-policy ul {
  list-style-type: disc;
  margin-left: 1.5em;
  margin-bottom: 1em;
}

.privacy-policy li {
  margin-bottom: 0.5em;
}

/* お問い合わせ情報ブロック（最下部） */
.privacy-policy .contact-block {
  background: #f9f9f9;
  border: 1px solid #ccc;
  padding: 1em;
  margin-top: 2em;
  border-radius: 6px;
  font-size: 0.95em;
  color: #444;
}

/* ウィジェット用画像エフェクト */
.image_link{
 display:block; 
 position:relative;
 text-decoration:none;
}
.image_link img{
  display:block;
  width:100%;
  transition:0.3s;
}
.image_link:before{
  content:"READ MORE";
  display:block;
  color:#F00;
  line-height:48px;
  width:180px;
  border:solid 1px #fff;
  border-radius:5px;
  text-align:center;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-1em;
  margin-left:-90px;
  opacity:0;
  z-index:3;
  transition:0.3s;
  font-weight:bold;
  letter-spacing:0.2em;
}
.image_link:hover img{
  filter:blur(5px);
}
.image_link:hover:before{
  opacity:1;
  margin-top:-0.5em;
}

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

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

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