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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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: #FFF;/*文字色*/
font-size: 16px!important;/*文字の大きさ*/
background: #e8ac51!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: #FFF;/*選択後の文字色*/
background: #9f6f55!important;/*選択後の背景色*/
font-size: 18px!important;/*文字の大きさ*/
}	

/*ボックスメニュー　センタリング*/
.box-menu:first-child{
    margin-left: auto;
}

/************************************
**　特定の行間を詰める
************************************/
.margin-bottom.wp-block-image {
    margin-bottom: 0;
}

/************************************
**　カラムの中央寄せをブロックエディターに追加
************************************/
.layout-box {
  text-align: center;
}

.navi-menu-content{
  line-height: 1.2;  /*モバイルスライドインメニューの行間調整*/
	padding: 0px;
}