@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){
  /*必要ならばここにコードを書く*/
}
/* =========================================================
   Airport Days
   サイドバー非表示後の記事レイアウト調整
========================================================= */


/* =========================================================
   記事本文全体
   PCでは読みやすい900pxに制限
========================================================= */

body:not(.home) .entry-content {
  box-sizing: border-box;

  width: 100%;
  max-width: 800px;

  margin-left: auto;
  margin-right: auto;
}


/* =========================================================
   記事最上部のアイキャッチ
========================================================= */

body:not(.home) .eye-catch {
  box-sizing: border-box;

  width: 100%;
  max-width: 800px;

  margin-left: auto;
  margin-right: auto;
}


body:not(.home) .eye-catch img {
  display: block;

  width: 100%;
  max-width: 100%;
  height: auto;

  margin-left: auto;
  margin-right: auto;
}


/* =========================================================
   記事内画像
   元画像が小さい場合は無理に拡大しない
========================================================= */

body:not(.home) .entry-content img {
  max-width: 100%;
  height: auto;
}


/* =========================================================
   表
========================================================= */

body:not(.home) .entry-content table {
  width: 100%;
  max-width: 100%;

  margin-left: auto;
  margin-right: auto;
}


/* Gutenbergの表ブロック */

body:not(.home) .entry-content .wp-block-table {
  width: 100%;
  max-width: 100%;

  margin-left: auto;
  margin-right: auto;
}


/* =========================================================
   タブレット・スマートフォン
========================================================= */

@media screen and (max-width: 834px) {

  body:not(.home) .entry-content,
  body:not(.home) .eye-catch {
    width: 100%;
    max-width: 100%;
  }

}
/* =========================================================
   Airport Days
   目次レイアウト調整
========================================================= */

body:not(.home) .entry-content .toc {
  box-sizing: border-box;

  width: 100%;
  max-width: 680px;

  margin: 28px auto;

  padding: 20px 28px 22px;

  background: #ffffff;
}


/* =========================================================
   目次タイトル
========================================================= */

body:not(.home) .entry-content .toc-title {
  margin: 0 0 14px;

  text-align: center;

  font-size: 19px;
  line-height: 1.4;

  font-weight: 700;
}


/* =========================================================
   目次本文
========================================================= */

body:not(.home) .entry-content .toc-content {
  width: 100%;
  max-width: 580px;

  margin: 0 auto;

  font-size: 16px;
  line-height: 1.6;
}


/* リスト全体 */

body:not(.home) .entry-content .toc-content > ol,
body:not(.home) .entry-content .toc-content > ul {
  margin: 0;

  padding-left: 1.7em;
}


/* =========================================================
   各目次項目
========================================================= */

body:not(.home) .entry-content .toc-content > ol > li,
body:not(.home) .entry-content .toc-content > ul > li {
  margin: 0;

  padding:
    8px
    4px;

  border-bottom:
    1px dotted #b9c8d6;
}


/* 最後だけ点線なし */

body:not(.home) .entry-content .toc-content > ol > li:last-child,
body:not(.home) .entry-content .toc-content > ul > li:last-child {
  border-bottom: none;
}


/* 目次リンクを少し太く */

body:not(.home) .entry-content .toc-content > ol > li > a,
body:not(.home) .entry-content .toc-content > ul > li > a {
  color: #253f5c !important;

  font-weight: 600;

  text-decoration: none !important;
}


/* マウスを乗せた時 */

body:not(.home) .entry-content .toc-content a:hover {
  color: #1673bc !important;
}


/* =========================================================
   2階層目以降がある場合
========================================================= */

body:not(.home) .entry-content .toc-content li ol,
body:not(.home) .entry-content .toc-content li ul {
  margin-top: 6px;

  font-size: 14.5px;
  line-height: 1.6;
}


body:not(.home) .entry-content .toc-content li li {
  margin: 3px 0;

  font-weight: 400;
}


/* =========================================================
   スマートフォン
========================================================= */

@media screen and (max-width: 834px) {

  body:not(.home) .entry-content .toc {
    width: 100%;
    max-width: 100%;

    margin: 22px auto;

    padding:
      17px
      18px
      19px;
  }


  body:not(.home) .entry-content .toc-title {
    font-size: 18px;
  }


  body:not(.home) .entry-content .toc-content {
    max-width: 100%;

    font-size: 15px;
  }

}
/* =========================================================
   Airport Days
   共通ヘッダー PCサイズ・横幅 最終調整
========================================================= */

@media screen and (min-width: 901px) {

  /* =====================================================
     ヘッダーの白い枠
     記事側の白い枠と同程度の幅にする
  ====================================================== */

  #ad-global-header-shell {
    width: calc(100% - 96px) !important;
    max-width: 1256px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* =====================================================
     ヘッダー本体
  ====================================================== */

  #ad-simple-header .ad-simple-header-inner {
    min-height: 116px !important;

    padding-left: 30px !important;
    padding-right: 30px !important;
  }


  /* =====================================================
     Airport Daysロゴ
  ====================================================== */

  #ad-simple-header .ad-simple-logo {
    width: 66px !important;
    height: 66px !important;
  }


  /* =====================================================
     Airport Days文字
  ====================================================== */

  #ad-simple-header .ad-simple-site-name {
    font-size: 34px !important;
    line-height: 1.1 !important;

    font-weight: 700 !important;
  }


  /* サブタイトル */

  #ad-simple-header .ad-simple-tagline {
    margin-top: 6px !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
  }


  /* =====================================================
     PCナビゲーション
  ====================================================== */

  #ad-simple-header .ad-simple-nav-link {
    padding-left: 20px !important;
    padding-right: 20px !important;

    font-size: 16px !important;

    font-weight: 600 !important;
  }


  /* ホバー時の下線 */

  #ad-simple-header .ad-simple-nav-link::after {
    right: 20px !important;
    left: 20px !important;

    height: 4px !important;
  }


  /* =====================================================
     検索ボタン
  ====================================================== */

  #ad-simple-header .ad-simple-search {
    width: 54px !important;
    height: 54px !important;

    margin-left: 12px !important;
  }


  #ad-simple-header .ad-simple-search svg {
    width: 28px !important;
    height: 28px !important;
  }

}
/* =========================================================
   Airport Days
   共通フッター PCサイズ・横幅調整
   ヘッダーと同じ横幅に統一
========================================================= */

@media screen and (min-width: 901px) {

  /* =====================================================
     共通フッターの外枠
     ヘッダーと同じ横幅
  ====================================================== */

  #ad-global-footer-shell {
    width: calc(100% - 96px) !important;
    max-width: 1256px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* =====================================================
     フッター上段
  ====================================================== */

  #ad-home-footer .ad-footer-main {
    padding:
      38px
      32px !important;
  }


  /* カラム間の余白を少し広げる */

  #ad-home-footer .ad-footer-column {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }

  #ad-home-footer .ad-footer-column:first-child {
    padding-left: 0 !important;
  }

  #ad-home-footer .ad-footer-column:last-child {
    padding-right: 0 !important;
  }


  /* =====================================================
     Airport Daysロゴ
  ====================================================== */

  #ad-home-footer .ad-footer-logo {
    width: 58px !important;
    height: 58px !important;
  }


  /* Airport Days */

  #ad-home-footer .ad-footer-site-name {
    font-size: 27px !important;
    line-height: 1.15 !important;
  }


  /* 飛行機撮影スポットガイド */

  #ad-home-footer .ad-footer-tagline {
    margin-top: 5px !important;

    font-size: 11px !important;
  }


  /* =====================================================
     各カラムの見出し
  ====================================================== */

  #ad-home-footer .ad-footer-heading {
    margin-bottom: 11px !important;

    font-size: 17px !important;
    line-height: 1.4 !important;
  }


  /* =====================================================
     説明文
  ====================================================== */

  #ad-home-footer .ad-footer-text {
    font-size: 12.5px !important;
    line-height: 1.75 !important;
  }


  /* 「このサイトについて →」 */

  #ad-home-footer .ad-footer-text-link {
    margin-top: 12px !important;

    font-size: 12.5px !important;
  }


  /* =====================================================
     サイト内検索
  ====================================================== */

  #ad-home-footer .ad-footer-search-form {
    margin-top: 14px !important;
  }

  #ad-home-footer .ad-footer-search-form input {
    height: 44px !important;

    padding-left: 14px !important;
    padding-right: 14px !important;

    font-size: 12.5px !important;
  }

  #ad-home-footer .ad-footer-search-form button {
    width: 50px !important;
    height: 44px !important;
  }

  #ad-home-footer .ad-footer-search-form svg {
    width: 20px !important;
    height: 20px !important;
  }


  /* =====================================================
     Instagram
  ====================================================== */

  #ad-home-footer .ad-footer-instagram-logo {
    width: 22px !important;
    height: 22px !important;
  }

  #ad-home-footer .ad-footer-instagram-button {
    margin-top: 13px !important;

    padding:
      10px
      14px !important;

    font-size: 12px !important;
  }


  /* =====================================================
     濃紺の下段
  ====================================================== */

  #ad-home-footer .ad-footer-bottom {
    padding:
      23px
      32px !important;
  }


  /* 下段メニュー */

  #ad-home-footer .ad-footer-nav a {
    padding-left: 13px !important;
    padding-right: 13px !important;

    font-size: 11.5px !important;
  }

  #ad-home-footer .ad-footer-nav a:first-child {
    padding-left: 0 !important;
  }


  /* コピーライト */

  #ad-home-footer .ad-footer-copyright {
    font-size: 10px !important;
  }


  /* =====================================================
     ページ上部へ戻るボタン
  ====================================================== */

  #ad-home-footer .ad-footer-top-button {
    width: 48px !important;
    height: 48px !important;

    right: 22px !important;
    bottom: 53px !important;

    font-size: 22px !important;
  }

}
/* =========================================================
   Airport Days
   フッター4カラム 横幅バランス修正
========================================================= */

@media screen and (min-width: 901px) {

  /* Airport Days欄を広げて、4カラムを再配分 */
  #ad-home-footer .ad-footer-main-inner {
    grid-template-columns:
      1.35fr
      1.40fr
      1.70fr
      1.20fr !important;
  }

  /* ブランド部分が仕切り線を越えないようにする */
  #ad-home-footer .ad-footer-brand {
    min-width: 0;
  }

  #ad-home-footer .ad-footer-brand-link {
    min-width: 0;
  }

  /* Airport Daysは1行を維持 */
  #ad-home-footer .ad-footer-site-name {
    white-space: nowrap !important;
  }

}