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

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

/*固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}

.page .entry-title{
  display: none;
}

/*引用アイコン非表示*/
blockquote::before,
blockquote::after {
  display: none;
}

/*引用カスタマイズ*/
blockquote{
  padding: 0.5em 1em;
  margin: 0;
  background: #fffacd;/*背景色を薄い黄色に*/
  border-radius: 5px; /*角を丸める*/
}

/*実線囲み枠*/
.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

/*トップの余白減少*/
.content {
  margin-top: 0;
}

.entry-content {
  margin-top: 0;
}

.date-tags {
  margin-bottom: 0;
}

.main {
  border-top: none;
}

/*---------------------------------
複数の固定ページの日付を非表示にする、おまじない
--------------------------------*/
.post-10 .date-tags,
.post-14 .date-tags,
.post-16 .date-tags,
.post-18 .date-tags {
  display: none;
}


/* テーブルのカスタマイズ */
/* 見出しセルの文字色・背景色・枠線設定 */
.entry-content th {
  color: #664c23;
  background-color: #fce2c4;
  border: solid 1px #a1e6c0;
}
/* 見出し以外のセルの枠線設定 */
.entry-content td {
  border: solid 1px #664c23;
}

/*---------------------------------
モーダルボタン
--------------------------------*/
.modal-container { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.4); z-index: 9999; }
.modal-body { position: relative; margin: 10% auto; background: #fff; width: 80%; padding: 1em;
  overflow-y: auto;
  height: 100vh;
  height: 100dvh; /* 新ブラウザ向け */
  overscroll-behavior: contain;
}
.modal-close { position: absolute; top: 1em; right: 1em; cursor: pointer; }


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

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

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