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

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

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

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

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

/* ===== レスポンシブ対応 ===== */

/* テーブルのスクロール対応 */
.entry-content table,
.article-body table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

/* モバイルでのテーブル文字サイズ */
@media screen and (max-width: 768px) {
    .entry-content table,
    .article-body table {
        font-size: 12px;
    }
    .entry-content table th,
    .entry-content table td {
        padding: 6px 8px !important;
        white-space: nowrap;
    }
    /* divボックスのレスポンシブ */
    .entry-content div[style] {
        word-break: break-word;
        overflow-wrap: break-word;
    }
    /* コードブロック */
    .entry-content pre {
        overflow-x: auto;
        white-space: pre;
    }
}

/* テーブルラッパー（JSで追加）*/
.table-scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 15px 0;
    border: 1px solid #eee;
    border-radius: 4px;
}
.table-scroll-wrapper table {
    margin: 0;
    border: none;
}

/* 見出しの改行 */
h1, h2, h3, h4 {
    word-break: break-word;
    overflow-wrap: break-word;
}

/* strongタグの折り返し */
strong {
    word-break: break-word;
}