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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/************************************
**モバイル表示　ヘッダーメニュー・検索アイコン
************************************/

/*ヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #ffffff!important;
	color: #1e7cd1;
}

.logo-menu-button.menu-button{
	background-color: #ffffff!important;
}


/*必要ならばここにコードを書く*/
h1.entry-title{
 display:none;
}

.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
/* */
div.wide-wrap{
position:relative;
margin:0 calc(50% - 50vw);
overflow:hidden;
}
/* 全幅にするボックス */
/* */
div.wide-wrap{
position:relative;
margin:0 calc(50% - 50vw);
overflow:hidden;
}
/* */
/* 全幅ボックスに入れる見出しの基本スタイル */
/* */
.wide-h2 h2{
background-color:transparent;
border:none;
padding:0;
margin:0;
}

/* table reset */
.container table tr {
  background-color: transparent;
}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border: none;
    padding: none;
    max-width: 97.5%;
    max-width: calc( 100% - 14px );align-content
	
	
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
	
/*1023px以下*/
@media screen and (max-width: 1023px) {
.blocks-gallery-grid.columns-3 
.blocks-gallery-image, 
.blocks-gallery-grid.columns-3
.blocks-gallery-item, 
.wp-block-gallery.columns-3 
.blocks-gallery-image, 
.wp-block-gallery.columns-3 
.blocks-gallery-item {
    width: calc((100% - 32px)/3);
    margin-right: 16px;
} 
/*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc((100% - 32px)/3);
    margin-right: 16px;
} 
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
    width: calc((100% - 32px)/3);
    margin-right: 16px;
} 
  /*必要ならばここにコードを書く*/
}