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

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

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

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

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


/* ===== トップページ調整（自動追加） ===== */
.home .entry-title{display:none}
.home .sns-share,.home .sns-follow{display:none}
.home .date-tags,.home .post-date,.home .post-update{display:none}
.home .breadcrumb{display:none}
.home .wp-block-button__link{font-size:1.1em;padding:.9em 2em;border-radius:50px}

.home .toc{display:none}


/* ===== UI調整（自動追加） ===== */
/* セクション見出し */
.ok-h2{border:none!important;background:none!important;padding:1.2em 0 .4em!important;position:relative;font-size:1.6em}
.ok-h2:after{content:"";display:block;width:60px;height:4px;background:#2c6cc8;border-radius:2px;margin:10px auto 0}
/* カード */
.ok-cards{gap:20px}
.ok-cards .wp-block-column{background:#fff;border:1px solid #e6eaf0;border-radius:12px;padding:22px;box-shadow:0 3px 12px rgba(20,40,80,.07);transition:transform .2s,box-shadow .2s}
.ok-cards .wp-block-column:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(20,40,80,.13)}
.ok-cards .wp-block-column h3{border:none!important;background:none!important;padding:0 0 .3em!important;font-size:1.1em}
.ok-cards .wp-block-column img{border-radius:8px}
.ok-cards .wp-block-column a{text-decoration:none}
/* コンサルセクション */
.ok-consult{background:#eef3fa;border-radius:14px;padding:24px;margin:2.5em 0}
.ok-consult img{border-radius:10px}
.ok-consult h2{border:none!important;background:none!important;font-size:1.4em}
/* ボタン */
.wp-block-button__link{border-radius:50px;padding:.85em 2em;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.15);transition:opacity .2s}
.wp-block-button__link:hover{opacity:.85}
/* ヒーロー */
.home .wp-block-cover{border-radius:14px;overflow:hidden;margin-bottom:1em}
.home .wp-block-cover h1{font-size:2em;text-shadow:0 2px 8px rgba(0,0,0,.4)}
/* 記事ページの本文余白 */
.entry-content>h2{margin-top:2.2em}