@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){
  /*必要ならばここにコードを書く*/
  main.main {
    padding: 8px;
  }
}

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

/* 記事中のh2のスタイルの調整
----------------------------------------------- */
.entry-content h2 {
  margin: 8px 0;
  padding: 6px 0;
  border: none;
  font-size: 22px;
  border-bottom: 4px solid #9e2828;
  background: none;
}

/* ========================================
 * 調整クラス
 * ======================================== */

/* 調整クラス
----------------------------------------------- */
.fs-s {
  font-size: small !important;
}
.fs-xs {
  font-size: x-small !important;
}
.fs-xxs {
  font-size: xx-small !important;
}
.fs-m {
  font-size: medium !important;
}
.fs-l {
  font-size: large !important;
}
.fs-xl {
  font-size: x-large !important;
}
.fs-xxl {
  font-size: xx-large !important;
}
.fs-100p {
  font-size: 100% !important;
}
.fw-n {
  font-weight: normal !important;
}
.m0 {
  margin: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.p0 {
 padding: 0 !important;
}
.pt5 {
 padding-top: 5px !important;
}
.pt10 {
 padding-top: 10px !important;
}
.pt15 {
 padding-top: 15px !important;
}
.pt20 {
 padding-top: 20px !important;
}
.pt30 {
 padding-top: 30px !important;
}
.pb5 {
 padding-bottom: 5px !important;
}
.pb10 {
 padding-bottom: 10px !important;
}
.pb15 {
 padding-bottom: 15px !important;
}
.pb20 {
 padding-bottom: 20px !important;
}
.pb30 {
 padding-bottom: 30px !important;
}
.border-none {
  border:none !important;
}
.border-t-none {
  border-top:none !important;
}
.border-b-none {
  border-bottom:none !important;
}
.border-l-none {
  border-left:none !important;
}
.border-r-none {
  border-right:none !important;
}
.txt-c {
  text-align: center !important;
}
.txt-l {
  text-align: left !important;
}
.txt-r {
  text-align: right !important;
}
.txt-b {
  font-weight: bold !important;
}

/* box-style
----------------------------------------------- */
.box-style-01 {
  background-color: #F4F3EB;
  padding: 10px;
  border-radius: 4px;
}
.box-style-01 dl dd {
/*  margin: 0 0 15px 15px;*/
  margin: 0 0 10px 5px;
}
/* this-time-menu-area
----------------------------------------------- */
.this-time-menu-area {
  margin-bottom: 20px !important;
}
/*
.this-time-menu-list {
  margin: 8px -8px 0;
}
*/
/* title-style
----------------------------------------------- */
/* 下と左に赤線 */
.title-style-01 {
  font-size: large !important;
  font-weight: bold;
  border: none !important;
  border-left: 5px solid #cc0000 !important;
  padding-left: 8px !important;
  border-bottom: 3px solid #cc0000 !important;
}
/* 赤い下線 */
.title-style-02 {
  font-size: large !important;
  font-weight: bold;
  border: none !important;
  border-left: 5px solid #cc0000 !important;
  padding: 4px 0 4px 8px !important;
  /*margin-bottom: 16px !important;*/
  margin-bottom: 8px !important;
}
/* ゴールド下線 */
.title-style-03 {
  border: none !important;
  border-bottom: 2px solid #ad8f57 !important;
  margin-bottom: 16px !important;
  padding: 8px !important;
}
/* グレー下線 */
.title-style-04 {
  border: none !important;
  border-bottom: 2px solid #ddd !important;
  margin-bottom: 16px !important;
  padding: 8px !important;
  font-size: large !important;
}

/* ========================================
 * Cocoonデフォルトリセット
 * ======================================== */
.entry-content > *,
.article p,
.demo .entry-content p,
.article dl,
.article ul,
.article ol,
.article blockquote,
.article pre,
.article table,
.article .toc,
.body .article,
.body .column-wrap,
.body .new-entry-cards,
.body .popular-entry-cards,
.body .navi-entry-cards,
.body .box-menus,
.body .ranking-item,
.body .rss-entry-cards,
.body .widget,
.body .author-box,
.body .blogcard-wrap,
.body .login-user-only,
.body .information-box,
.body .question-box,
.body .alert-box,
.body .information,
.body .question,
.body .alert,
.body .memo-box,
.body .comment-box,
.body .common-icon-box,
.body .blank-box,
.body .button-block,
.body .micro-bottom,
.body .caption-box,
.body .tab-caption-box,
.body .label-box,
.body .toggle-wrap,
.body .wp-block-image,
.body .booklink-box,
.body .kaerebalink-box,
.body .tomarebalink-box,
.body .product-item-box,
.body .speech-wrap,
.body .wp-block-categories,
.body .wp-block-archives,
.body .wp-block-archives-dropdown,
.body .wp-block-calendar,
.body .ad-area,
.body .wp-block-gallery,
.body .wp-block-audio,
.body .wp-block-cover,
.body .wp-block-file,
.body .wp-block-media-text,
.body .wp-block-video,
.body .wp-block-buttons,
.body .wp-block-columns,
.body .wp-block-separator,
.body .components-placeholder,
.body .wp-block-search,
.body .wp-block-social-links,
.body .timeline-box,
.body .blogcard-type,
.body .btn-wrap,
.body .btn-wrap a,
.body .block-box,
.body .wp-block-embed,
.body .wp-block-group,
.body .wp-block-table,
.body .scrollable-table,
.body .wp-block-separator,
.body .wp-block,
.body .video-container,
.comment-area,
.related-entries,
.pager-post-navi,
.comment-respond {
  margin-bottom: 0;
}
.article dd {
  margin-left: 0;
}
/* 上書きしたものを調整
----------------------------------------------- */
.article p {
  margin-bottom: 1em;
}


body {
  line-height: 1.6;
}
.entry-content > *,
.demo .entry-content p {
  line-height: 1.6;
}