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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.internal-blogcard-footer{
	display: none
}

.box-menu-icon{
  color: #99d9f6;
}

.box-menu:hover {
    box-shadow: inset 2px 2px 0 0 
#99d9f6,2px 2px 0 0 #99d9f6,2px 0 0 0 #99d9f6,0 2px 0 0
    #99d9f6;
} 

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

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

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

************************************
** タブカスタマイズ
************************************/
/*トップページのタブ（選択前）*/
.index-tab-button{
color: #00a0e9;/*文字色*/
font-size: 16px!important;/*文字の大きさ*/
background: #ffffff!important;/*背景色*/
border: solid 0px #00a0e9!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]{
color: #ffffff;/*選択後の文字色*/
background: #00a0e9!important;/*選択後の背景色*/
font-weight: 600;/*文字の太さ*/