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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* H1タグを非表示 */
h1 {
  display: none;
}
/* 本文の背景色 */
#main,container{
background-color: #d9d9d9;
}
.mobile-header-menu-buttons{
  background-color: #c3b1e1;
}
/* ナビゲーションメニューのアイコン下のラベルを非表示にする */
.menu-item a {
  display: none;
}
/* 要素の非表示 */
.hidden {
  display: none;
}
/* ナビゲーションスライダー　左から右にスライド */
.sidebar-menu-content {
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
  right: auto;
  left: 0;
} 
/* カラーパレット */
.palette {
            display: flex;
            flex-wrap: wrap;
}
.color-box {
            width: 100px;
            height: 100px;
            margin: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            border-radius: 4px;
            color: #fff;
            font-size: 12px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.light-text {
            color: #333;
}
.transparent {
    background-color: transparent;
    border: none;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.header{
		display: none;
	}
	.footer{
		font-weight: 10;
	}
}