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

/*フローティングバナー広告*/
.floating-banner1 { width: calc(100% / 1); position: fixed; bottom: 50px; right: 0px; z-index: 9998; transition: 0.3s; cursor: pointer;}
/* 画面の1/1.2の幅 *//* 固定表示 *//* 画面下から16px *//* 画面の右から16px *//* 常に前面に出す */ /* ホバー時ゆっくり透過 */ /* ホバー時カーソルがポインターに */
.floating-banner1:hover {opacity: 0.8;}/* ホバーで透過させる */
.floating-banner1_img {width: 100%;/* 画像をfloating-bannerの幅に合わせる */}
@media screen and (min-width: 481px) {.floating-banner1 {width: calc(100% / 3);}}/* 画面幅481px以上・ 画面の1/3の幅 */
.close-button1/*✕ボタン*/
{font-weight: bold; position: absolute; top: 5px; right: 30px; z-index: 9999; padding: 4px 8px; border: none; background-color: #f8f8f8; border-radius: 25px; cursor: pointer; -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%); box-shadow: 0 0 7px rgb(0 0 0 / 40%);}

/*見出し初期化*/
.article h2,.article h3{padding: 0; margin: 0; background:none; border-collapse: separate;border-spacing: 0; border-top: none; border-right: none; border-bottom: none; border-left: none; line-height: normal; position:relative;}
.article h2 span::after {background: transparent;}
.article h3 span::after {background: transparent;}
/*本文h1見出しカスタマイズ*/
h1 {position: relative; text-align:center; padding: 5px 5px 5px 42px; background: #FFC778; font-size: 28px; color: white; margin-left: -33px; line-height: 1.3; z-index:-1; width: 100%;}
h1:before { position: absolute; content: ''; left: -0px; top: -0px; border: none; border-left: solid 0px white; border-bottom: solid 79px transparent; z-index:-2;}
/*本文h2見出しカスタマイズ*/
.entry-content.cf h2{color: #000000; padding: 8px; font-weight: bold;}
.article h2 {position: relative;font-size: 120%;font-weight: bold;margin-top: 20px;}
.article h2:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: -webkit-repeating-linear-gradient(-45deg, #ffaf58, #fff0d9 2px, #fff 2px, #fff 4px); background: repeating-linear-gradient(-45deg, #ffaf58, #fff0d9 2px, #fff 2px, #fff 4px);}
/*本文h3見出しカスタマイズ*/
.entry-content.cf h3{color: #000000; padding: 8px; margin: 5px; font-weight: bold;}
.article h3 {position: relative; font-size: 120%;}
.article h3:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px;background: -webkit-repeating-linear-gradient(-45deg, #81d0cb, #d0ecff 2px, #fff 2px, #fff 4px); background: repeating-linear-gradient(-45deg, #81d0cb, #d0ecff 2px, #fff 2px, #fff 4px);}

/*両方*/
#navi .navi-in > .menu-mobile li {width: 24%;}/*ヘッターの間隔*/
#navi .navi-in > .menu-mobile li a {font-size: 10px !important;}/*場合によってフォントサイズを小さく*/
#main.main{margin: 0; padding:0 1%;}
.breadcrumb-caption,.fa, .fas {color: #782727;}/*パンくずリスト「アイコン」*/
.blogcard-content {padding: 3px 5px 0;}/*ブログカードのタイトル*/
.blogcard-snippet,.blogcard-footer {display: none;}/*ブログカードの説明文・日付*/
.is-style-normal-card .blogcard-wrap {width: 100%;max-width: none;}/*ブログカード「パソコンで横幅いっぱい」*/
.is-style-normal-card .blogcard {margin: 40px 0px;}/*ブログカード「上の空白」*/
.content-top{display: none;}/*メニューと出るやつ消去*/
.article h1 {margin-top: 0;}/*見出し１「上の空白」*/
.prev-post.a-wrap.cf,.next-post.a-wrap.cf{display: none;}/*前後の記事の表示をオフ*/
.toc {margin: 10px 0px !important;}/*目次「前後空白」*/
.is-layout-flex {gap:0.3rem !important;}/*カラムとカラムの間を埋める*/
.entry-content h2>span::before {content: none;}/*目次前の数字を消す*/
.article ul, .article ol { padding-left: 27px;}/*ランキングの際の左隙間*/
.rating-number {color: #ffffff !important;}/*レーティングスター「文字の色」*/
.eye-catch-caption {color: #70cfff; position: relative;padding: 0px;font-size: 0.7em;background:none}/*アイキャッチ「キャプション」*/
.article h2::before {display:none}/*見出し「数字削除」*/
/*モバイル*/
@media (max-width: 850px) {
.breadcrumb.sbp-main-before{margin: 0px;padding: 5px;color: #782727;}/*パンくずリスト「全体」*/
.blogcard-label {font-size: 8px}/*ブログカードのラベル*/
.breadcrumb-caption {margin: 0px;font-size: 8px;}/*パンくずリスト「文字部分」*/
.content {font-size: 10.8px;font-weight: bold;}
}