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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 
* 背景色の変更
*/
body{
  background-color:#e2fff4;
}
/* 
* 登校時間を表示しない
*/
.entry-header {
    display: none;
}
/* 
* ヘッダーロゴ左寄せ
*/
.header-in{
  justify-content: end;
}
.logo{
  text-align: left;
  vertical-align:bottom
}
.logo-image {
  margin:0 ;
}
/* 
* page-topを非表示
*/
.page-top{
  display:none;
}
/* 
* main-imgの下にカラーを
*/
.wp-block-spacer {
    background-color: #e2fff4;
}
/* 
* mainのpadiing borderをなくす
*/
.main{
  padding:0;
  border:0;
}
/* 
* カラム内のものにborderを引く
*/
.border{
  display: block;
  width:250px;
  height:1px;
  background-color: rgb(168, 168, 168);
  margin-top:10px ;
}
/* 
* DITAILのmarginをなくす
*/
.wp-block-group{
  background-color: #e2fff4;
}
/* 
* カラムの間をなくす
*/
.is-layout-flex{
  gap:0;
}
.article h2{
  padding:50px 0 0 0 ;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .wp-block-columns{
    flex-direction: column !important;
  }
}