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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.skin-grayish .navi-in[data-active=true]>ul>li:hover>.sub-menu {
  opacity: 1;
  visibility: visible;
}


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

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

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

    min-height: 200px;

  }

}



/*----------------------------------*/
/*  SWELL風のフルワイドブロック     */
/*----------------------------------*/
.body {
  overflow-x: clip;
}

.body .wide {
  margin: 0 calc(50% - 50vw);
  padding: 30px calc(50vw - 50%);
}


main.main, div.sidebar {
	padding: 10px 10px 0 10px;
}
.footer {
	margin-top: 0;
	padding-top: 0;
}

/*----------------------------------*/
/* タイトルを非表示   余白も削除    */
/*----------------------------------*/
h1 {
display: none;
}
.l-mainContent__inner>.post_content {
margin-top: 0;
}


/*----------------------------------*/
/*固定ページで投稿日・更新日を非表示*/
/*----------------------------------*/
.page .date-tags {
display: none;
}

/*----------------------------------*/
/*              フッター            */
/*----------------------------------*/
#footer {
    background-image: linear-gradient(to right, #00ffff 0%, #84ffff 30%, #4169e1 100%);
}
.footer-bottom-logo img {
    height: 30px;
    padding-bottom: 10px;
}

/*----------------------------------*/
/*            景色の変更            */
/*----------------------------------*/
body {
background-color: #000000;
 }
.main {
background-color: #ffffff;
 }


/*----------------------------------*/
/*SVGで作る！円弧や波の境界線 カラム*/
/*----------------------------------*/
/* 参考サイト　https://cocoon-grayish.na2-factory.com/for-frontpage-blkpattern-cir-wave/　*/

.cstm-blk-fullwide {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
/* ========== circle & wave cover-blk-ver start ==========　*/
/* v1.0.3 add */
:where(.cstm-cover-path-lower-cir, .cstm-cover-path-upper-cir, .cstm-cover-path-lower-wave, .cstm-cover-path-upper-wave) {
  padding: 0 !important;
  min-height: unset !important;
}

:where(.svg-upper-cir, .svg-upper-wave) {
  transform: translateY(1px);
}

:where(.svg-lower-cir, .svg-lower-wave) {
  transform: translateY(-1px);
}

:where(.cstm-cover-path-lower-cir, .cstm-cover-path-upper-cir) svg {
  display: block;
  fill: currentColor;
  width: 100%;
  height: 6vmin;
}

:where(.cstm-cover-path-lower-wave, .cstm-cover-path-upper-wave) svg {
  display: block;
  fill: currentColor;
  width: 100%;
  height: 7vmin;
}

.cstm-cover-path-upper-cir,
.cstm-cover-path-upper-wave {
  margin-bottom: 0 !important;
}

/* .cstm-cover-path-upper-wave,.cstm-cover-path-lower-wave,
.cstm-cover-path-upper-cir, .cstm-cover-path-lower-cirの次のカバーブロック内の上の余白を半分に */
.cstm-cover-path-upper-wave+.wp-block-cover>.wp-block-cover__inner-container,
.cstm-cover-path-lower-wave+.wp-block-cover>.wp-block-cover__inner-container,
.cstm-cover-path-upper-cir+.wp-block-cover>.wp-block-cover__inner-container,
.cstm-cover-path-lower-cir+.wp-block-cover>.wp-block-cover__inner-container {
  padding-top: 0rem;
}

/* ========== circle & wave cover-blk-ver end ==========　*/


/*----------------------------------*/
/*　固定ページのアイキャッチ非表示　*/
/*----------------------------------*/
.eye-catch {
display: none;
}
/*----------------------------------*/
/*　　　　　　　ここまで　　　　　　*/
/*----------------------------------*/