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

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

/* アピールエリア---------------------------------------------- *
/*ボタン（アイコン部分）*/
.appeal-button{
	background-color:transparent!important; /*ボタンの背景色無効化*/
	font-size:.8em; /*文字を少し小さく*/
	color:initial;/*アイコンの色はここで設定*
.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: 3rem;
}

/* ========== circle & wave cover-blk-ver end ==========　*/
/*画面いっぱい*/
.cstm-blk-fullwide-inner {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書

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

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