@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
************************************/
 /* ロゴの大きさ・幅に関するもの */

.wp-block-image img {
    box-shadow: 2px 2px 4px #000000;
}




/* モバイルヘッダーボタン背景色 */
.mobile-header-menu-buttons {
  background-color: #00273d;
}

/* モバイルフッターボタン背景色 */
.mobile-footer-menu-buttons {
  background-color: #00273d;
}

/* モバイルサイト名 */
.mobile-header-menu-buttons .logo-menu-button > a,
.mobile-footer-menu-buttons .logo-menu-button > a {
  color: blue;
}

/* モバイルヘッダーボタン（アイコン、キャプション） */
.mobile-header-menu-buttons .menu-icon,
.mobile-header-menu-buttons .menu-caption {
  color: #5ce1e6;
}

/* モバイルフッターボタン（アイコン、キャプション） */
.mobile-footer-menu-buttons .menu-icon,
.mobile-footer-menu-buttons .menu-caption {
  color: #00273d;
}



/* 記事一覧のホバー */
.a-wrap:hover {
background-color: #e6feff;
transform: scale(1.01);
box-shadow: 2px 2px 6px 0 #f6f6f6;
}





/* 各SNSボタン共通 */
#main .sns-buttons a {
 color: #5ce1e6;
 background-color: #00273d;
 border-radius: 30px;
 width: 2.5em;
 margin-left: .5em;
}
/* SNSカウント非表示 */
.sns-share-buttons a .share-count {
    display: none;
}
/* テキストを非表示 */
.sns-share.ss-high-and-low-lc a .button-caption{
 display:none;
}



/* インデックスタブ */
.index-tab-button {
  padding: 8px 16px !important;
  background-color: white !important; /* タブの背景色 */
}

@media screen and (max-width: 834px) {
  .index-tab-button {
    padding: 5px 16px !important;
    font-size: 13px !important;
  }
}

/* 上の余白を少し無くす */
.index-tab-buttons {
  margin-top: -9px !important;
}

#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"],
#index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"],
#index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"],
#index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"] {
  background: #00273d !important; /* 選択した時の色 */
  border: initial !important;
}