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

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

/* Cocoonテーマでレスポンシブ設定の追加CSS --- ここから */
.scrollable-table th, .scrollable-table td {
    /* テキストを折り返す設定 */
    white-space: normal;
}

/* 640px以下*/
@media screen and (max-width: 640px) {
    .scrollable-table th {
        /* ヘッダーを固定する設定 */
        position: -webkit-sticky; 
        position: sticky;
        left: 0;
        z-index: 1; 
    } 
    .scrollable-table th, .scrollable-table td {
        /* テキストを折り返さない設定 */
        white-space: nowrap;
    }
}
/* Cocoonテーマでレスポンシブ設定の追加CSS --- ここまで */

.box_18 {
	position: relative;
	padding: 1.5em;
	border: 2px solid #27acd9;
	}
.box_18_ttl {
	position: absolute;
	padding: 0 0.5em;
	left: 30px;
	top: -10px;
	background: #fff;
	font-weight: bold;
	color: #27acd9;
	}
.article h2::before,
.article h2::after {
   content: none;
}
/* 見出しリセット */
/* 見出し2 */
.article h2{
background:none;
padding: 0;
}

/* 見出し3 */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4 */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* 見出し5 */
.article h5{
border-bottom:none;
padding: 0;
}

/* 見出し6 */
.article h6{
border-bottom:none;
padding: 0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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