@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

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

/*見出しデザインリセット*/
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	background-color:transparent;/*背景色を消す*/
	border:none;/*上下左右の枠線を消す*/
	padding:0;/*余白を消す*/
}

.article h2 {
  position: relative;
  padding-left: 1em; /* ← 左に1文字分スペースを追加 */
  padding-bottom: 0.5em;
  color: #1f2937;
  border-bottom: 3px solid #21225f;
  margin-bottom: 1.5em;
  font-size: 18px;
  text-align: left;
}




/* カバーブロック用：インナーブロックの中央寄せを追加 */
.cstm-blk-fullwide-inner {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}

/*リンク下線なし*/
a{
text-decoration: none;
}

/*メインコンテンツ下線　白*/
.skin-grayish .content .main .entry-content {
    border-bottom: solid 1px #ffffff;
}

/*サーチなし*/
.skin-grayish .navi-in>ul>li.search-menu-button.menu-button {
    font-size: 16px;
    display: none;
}

@media screen and (max-width: 1023px) {
    .skin-grayish .menu-content .menu-drawer .search-menu-button {
        display: none;
        width: 100%;
        align-items: unset;
        justify-content: unset;
    }
}


@media screen and (max-width: 1023px) {
    .skin-grayish .mobile-menu-buttons .menu-button, .skin-grayish .mobile-menu-buttons .menu-button>a, .skin-grayish .sidebar-menu-content .sidebar-menu-close-button {
        color: #000;
    }
}


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

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

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

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