@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){
  /*必要ならばここにコードを書く*/
}



/* ==== remove extra Elementor footer (keep our custom footer) ==== */
.elementor-location-footer,
footer.elementor-footer,
.hfe-footer{
  display:none !important;
}

/* If the footer is injected as a normal Elementor section at the bottom */
body .elementor-section-wrap:last-child,
body .elementor-section:last-of-type{
  display:none !important;
}

/* Last resort: hide any Elementor blocks inside footer area */
footer .elementor,
#footer .elementor{
  display:none !important;
}


/* 余計なElementorフッター（elementor-element-f3b77f8）だけ消す */
.elementor-element.elementor-element-f3b77f8{
  display: none !important;
}


/* t1-footer の直前にある Elementoｒのコンテナ（余計フッター想定）を消す */
.t1-footer{
  position: relative;
}
.t1-footer::before{
  content:none !important;
}
.t1-footer{
  /* これ自体は消さない */
}

.elementor + .t1-footer,
.elementor-element + .t1-footer{
  /* 直前がElementorの場合、そのElementor側を消したいがCSS単体では逆指定できないので、
     class固定の方が安全 */
}



/* ===== Post only (single) readability ===== */
body.single-post main{
  max-width: 860px;
  margin: 0 auto;
  padding: 0 18px;
}

/* 本文の文字 */
body.single-post main{
  font-size: 16px;
  line-height: 1.95;
  letter-spacing: .02em;
  color: #1c2b2d;
}

/* 見出し装飾 */
body.single-post main h2{
  margin: 2.2em 0 1em !important;
  padding: .55em 0 .55em 1.05em !important;
  border-left: 6px solid #2f6f78 !important;
  border-bottom: 1px solid #e7ecef !important;
  background: linear-gradient(90deg, rgba(47,111,120,.10), rgba(47,111,120,0)) !important;
  border-radius: 10px !important;
  font-size: 1.35em !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

body.single-post main h3{
  margin: 1.8em 0 .8em !important;
  padding-bottom: .35em !important;
  border-bottom: 1px solid #e7ecef !important;
  font-size: 1.18em !important;
  font-weight: 700 !important;
  color: #243c3f !important;
}

body.single-post main h4{
  margin: 1.5em 0 .6em !important;
  font-size: 1.05em !important;
  font-weight: 700 !important;
  color: #2f6f78 !important;
}