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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* ========================================
   TakKa note レイアウト
======================================== */

/* サイドバーなし・1カラム */
#content-in {
  display: block;
}

/* ヘッダーメニューと本文の間はbody背景を見せる */
#content {
  background: transparent !important;
  padding-top: 24px !important;
}

#main {
  width: 100%;
  max-width: none;
  margin-top: 0 !important;
  background-color: #f4f5f7 !important;
}

/* フッターとの間も背景を見せる */
.footer {
  margin-top: 20px !important;
}


/* ========================================
   PCグローバルナビ
======================================== */
@media screen and (min-width: 835px) {

  /* ロゴは流し、ナビバーだけ上部に固定 */
  #navi {
    position: sticky !important;
    top: 0;
    z-index: 10000;
    background-color: #3DB696 !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .08);
  }

  /* WordPressログイン中の管理バー分 */
  .admin-bar #navi {
    top: 32px;
  }

  #navi-in,
  #navi .menu-header {
    background-color: #3DB696 !important;
  }

  /* 通常 */
  #navi .menu-header > .menu-item > a {
    background-color: transparent !important;
    color: #fff !important;
  }

  /* 現在位置・ホバー */
  #navi .menu-header > .current-menu-item > a,
  #navi .menu-header > .current-menu-ancestor > a,
  #navi .menu-header > .menu-item:hover > a {
    background-color: #87CFB8 !important;
    color: #fff !important;
  }
}


/* ========================================
   投稿末尾プロフィール
======================================== */
.single-post #single-content-bottom .author-box,
.single-post .single-content-bottom .author-box {
  margin-top: 36px;
  margin-bottom: 24px;
}


/* ========================================
   横長の薬比較表
======================================== */
.pmc-v37-shell {
  width: calc(100vw - 20px) !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw + 10px) !important;
}


/* ========================================
   モバイル
======================================== */
@media screen and (max-width: 834px) {

  /* PC用stickyは無効 */
  #navi {
    position: static !important;
    box-shadow: none;
  }
}

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

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

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


/* ========================================
   プロフィールカード
======================================== */
/* カード全体がリンクなので、著者名だけを個別リンク風に見せない */
.author-box .author-name a,
.author-box .author-name a:hover,
.author-box:hover .author-name a {
  color: var(--cocoon-text-color) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}


/* ========================================
   ホーム一覧のページ送り
======================================== */
/* 番号ページャーと重複するCocoonの「次のページ」単独ボタンを非表示 */
.home .pagination-next {
  display: none !important;
}

/* 前後リンクは矢印だけでなく文字も表示 */
.home .pagination .prev.page-numbers,
.home .pagination .next.page-numbers {
  width: auto !important;
  min-width: 96px;
  padding-left: 14px;
  padding-right: 14px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
}

.home .pagination .prev.page-numbers .screen-reader-text,
.home .pagination .next.page-numbers .screen-reader-text {
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.home .pagination .prev.page-numbers .fa {
  order: -1;
}