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

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

/*250824追加　カバーブロックを横幅いっぱいに*/
.cstm-blk-fullwide-inner {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}
/*250824追加　カバーブロックの上下の余白をなくす*/
.entry-content {
	margin-top: -90px;
}

.KaiseiFont {
  font-family: "Kaisei Opti", serif;
  font-weight: 400;
  font-style: normal;
}

.article-footer.entry-footer {
	display: none;
}

#main {
	padding-top: 0;
	padding-bottom: 0;
}

.entry-content,
#pl-36 {
	margin-top: 0;
	margin-bottom: -100px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  .navi-in > .menu-mobile {
    overflow-x: visible;
    white-space: normal;
    justify-content: center;
    flex-wrap: wrap;
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  #navi .navi-in > .menu-mobile li {
    width: 70%;
    height: 40px;
    line-height: 40px;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .navi-in > .menu-mobile {
    overflow-x: visible;
    white-space: normal;
    justify-content: center;
    flex-wrap: wrap;
  }
}
