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

.author-box .author-name a {
    text-decoration: none;
    color: #333;
}

/* 投稿本文下のウィジェットのみ真ん中寄せ */
.article-footer .widget {
    text-align: center;
}

/* おすすめカードをモバイルで非表示 */

@media screen and (max-width: 834px) {
    .recommended {
        display: none;
    }
}

/* モバイルグローバルメニューの高さ変更 */
@media screen and (max-width: 834px) {

    #navi .navi-in > .menu-mobile li {
        height: 34px;
    }

    #navi .navi-in > .menu-mobile > .menu-item-has-description > a > .caption-wrap {
        height: 34px;
    }
}

/* サイドバー見出し装飾 */
h3.widget-sidebar-title {
    color: #333333;
    background: #ddeeff;
    padding: 0.25em 0.25em;
    box-shadow: 0 0 0 4px #ddeeff;
    border: dashed 2px #ffffff;
}

/* グローバルメニューのフォントサイズ等変更 */
.navi-in .menu-header .item-label {
    font-size: 14px;
}

.navi-in > ul {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

#navi .navi-in > ul > li {
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

/* ブログカードのラベル */
.blogcard-label::after {
    color: #382000 !important;
}

/* 内部リンク */
.blogcard-label.internal-blogcard-label {
    background-color: #ddd8c5 !important;
}

/* 外部リンク */
.blogcard-label.external-blogcard-label {
    background-color: #ddd8c5 !important;
}

/* モバイルグローバルメニューのフォントサイズ変更 */
#navi .navi-in > .menu-mobile li a {
    font-size: 13px;
}

/* フッター余白変更 */
.footer {
    margin-top: 0;
    border-top: 4px dotted #72c7e6;
}

.footer-bottom {
    margin-top: 0;
}

/* フッターメニューをモバイルで一列にする */
@media screen and (max-width: 834px) {

    .navi-footer-in > .menu-footer {
        flex-wrap: nowrap;
        justify-content: space-between;
    }

    .navi-footer-in a {
        font-size: 13px;
    }
}

/* コンテンツ上部の余白をなくす */
.content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* メインコンテンツ */
.main {
    padding-top: 0 !important;
}

/* コンテンツ上部のおすすめ記事・説明文のフォントサイズ */
.content-top .navi-entry-card-title,
.content-top .widget-entry-card-title,
.content-top .card-title {
    font-size: 12px !important;
    line-height: 1.4 !important;
}

/* モバイルだけ文字を小さく */
@media screen and (max-width: 834px) {

    .mobile-note {
        font-size: 12px;
        line-height: 1.5;
    }
}
/* ========================================
   Cocoon モバイルスライドインメニュー
======================================== */

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

  /* 各メニュー項目 */
  .menu-drawer .menu-item,
  .menu-drawer li,
  #slide-in-menu .menu-item,
  #slide-in-menu li {
    border-bottom: 1px solid #ddeeff !important;
  }

  /* メニューのリンク部分 */
  .menu-drawer .menu-item > a,
  .menu-drawer li > a,
  #slide-in-menu .menu-item > a,
  #slide-in-menu li > a {
    display: flex !important;
    align-items: center !important;
    min-height: 50px !important;
    padding: 10px 18px !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.3px;
  }

  /* 最後の項目は線を消す */
  .menu-drawer .menu-item:last-child,
  .menu-drawer li:last-child,
  #slide-in-menu .menu-item:last-child,
  #slide-in-menu li:last-child {
    border-bottom: none !important;
  }
}