@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){
  /*必要ならばここにコードを書く*/
}

    .kinryu-box {
      border: 1px solid #2b4a62; /* 外枠 */
      padding: 16px;
      max-width: 80%;           /* 最大幅80% */
      margin: 0 auto 10px;           /* 左右中央寄せ */
    }

    .kinryu-box ul {
      list-style-type: disc; /* 箇条書きの点 */
      padding-left: 20px;
      margin: 0;
    }

    .kinryu-box li {
      padding: 8px 0;
      border-bottom: 1px dashed #ccc; /* 点線の区切り */
    }

    .kinryu-box li:last-child {
      border-bottom: none; /* 最後は区切り線なし */
    }

.marker {
    background: -webkit-linear-gradient(transparent 60%, #fff78a 0%);
    background: linear-gradient(transparent 60%, #fff78a 0%);
}

.dotted-box {
  border: 4px dotted #ccc;  /* 全体を点線で囲む */
  padding: 8px;            /* 内側に余白をつけると見やすい */
  text-align: center;       /* 中身を中央寄せ */

}