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

/************************************
** 共通スタイル（PC・スマホ共通）
************************************/

/* 記事エリアの透明化 */
#main, .main, .article, #content-in, .entry-content, .post, div.main {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 背景色設定 */
#content, .content-in {
  background-color: #1a1a1a !important;
}

/* 非表示要素 */
.home.page .sns-share, .home.page .sns-follow, .home.page .date-tags, .home.page .author-info {
  display: none;
}

/* 記事タイトルの基本設定 */
.entry-title {
  display: block !important;
  text-align: center !important;
  letter-spacing: 0.15em !important;
  line-height: 2.0 !important;
  color: #cccccc !important;
  font-weight: 300 !important;
}

/* SNSボタン・ロゴ等（中略） */
.sns-share.ss-top .sns-share-buttons, .sns-share.ss-bottom .sns-share-buttons, .sns-follow.sf-bottom .sns-follow-buttons, .sns-follow.sf-widget .sns-follow-buttons { justify-content: center; flex-wrap: wrap; }
.sns-share.ss-top .sns-buttons a, .sns-share.ss-bottom .sns-buttons a, .sns-follow.sf-bottom .sns-buttons a, .sns-follow.sf-widget .sns-buttons a { width: 40px; height: 40px; margin: 0 4px; border: none; }
.sns-follow.sf-profile .sns-buttons a { border: none; }
.sns-share.ss-top .sns-buttons a .social-icon, .sns-share.ss-bottom .sns-buttons a .social-icon { font-size: 20px; }
.sns-follow.sf-bottom .sns-follow-buttons .follow-button, .sns-follow.sf-widget .sns-follow-buttons .follow-button { font-size: 25px; }
.sns-share.ss-top .sns-buttons a .button-caption, .sns-share.ss-bottom .sns-buttons a .button-caption { display: none; }
.bc-monochrome[class*="sns-"] a[class*="-button"] { background-color: #1a1a1a; color: #b8a07e; }
.logo, .logo-header, .logo-image { padding: 0; }
.footer-bottom-in .copyright { color: #b8a07e !important; font-size: 10px !important; letter-spacing: 0.3em; text-transform: uppercase; }
.footer-bottom-in .credit { display: none; }

/************************************
** PC用の設定（1024px以上）
************************************/
@media screen and (min-width: 1024px) {
  .entry-title {
    margin-top: 100px !important;    /* PCの深いタメ */
    margin-bottom: 210px !important;
    font-size: 27px !important;
  }
}

/************************************
** モバイル用の設定（1023px以下）
************************************/
@media screen and (max-width: 1023px) {
  /* 記事タイトルのスマホ用余白 */
  .entry-title {
    margin-top: 100px !important;
    margin-bottom: 230px !important;
    font-size: 22px !important;
  }

  /* その他のモバイル設定 */
  #appeal { height: 120vw; }
  img.site-logo-image { visibility: hidden; }
  .site-name-text {
    background-image: url(https://youkey-blogchain.com);
    background-size: auto 90px;
    background-position: center;
    background-repeat: no-repeat;
  }
  ul.menu-mobile {
    overflow-x: auto; display: flex !important; flex-wrap: nowrap; font-size: 14px;
    justify-content: flex-start; padding: 0 1em; -webkit-overflow-scrolling: touch;
  }
  ul.menu-mobile > li { padding-right: 1em; white-space: nowrap; }

  /* モバイルメニューボタンの色・背景を一括設定 */
  .mobile-menu-buttons {
    background-color: #1a1a1a !important;
  }
  .mobile-menu-buttons .menu-button, 
  .mobile-menu-buttons .menu-button a,
  .mobile-menu-buttons .menu-button .social-icon,
  .mobile-menu-buttons .menu-button .fa,
  .mobile-menu-buttons .menu-button .button-caption {
    color: #b8a07e !important; /* 上品な金色 */
  }
}

/************************************
** 共通設定（PC・モバイル両方）
************************************/
/* シェアボタン上のメッセージの色 */
.sns-share-message {
  color: #b8a07e !important;
  font-size: 14px;
  text-align: center;
}


/* フッターメニューの区切り線を完全に消す */
.navi-footer-in .menu-footer li,
.navi-footer-in .menu-footer li a {
    border: none !important;
}