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

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

div#header-container-in {
    backdrop-filter: saturate(180%) blur(20px);
}
#header-container {
    border-radius: 0px 0px 12px 12px;
    overflow: hidden;
    border: solid rgba(255 255 255 255) 1px;
    box-shadow: -2px 0px 7px 1px gray;
    background-color: rgb(255 255 255 / 72%);
}
ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {
    border-radius: 0px 0px 12px 12px;
    box-shadow: -2px 0px 7px 1px gray;
    background-color: rgba(255, 255, 255, 1);
	/* backdrop-filter: blur(1px); */
}
ul.mobile-footer-menu-buttons.mobile-menu-buttons {
    box-shadow: gray -2px 0px 7px 1px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 12px 12px 0px 0px;
    /* backdrop-filter: blur(1px); */
}
img.eye-catch-image.wp-post-image {
    display: none;
}


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

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

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