@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: 武谷清風堂
Author URI: https://seifudo.net/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{background-color:transparent;}
.sidebar{padding:5px;}
.main{padding:10px 10px;background:transparent;}
#header-container, .sidebar{background:transparent;}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{display: none;}
/*フロント固定ページの投稿日を非表示*/
/*フロント固定ページの更新日を非表示*/
.page-id-2 .article-header .date-tags {display: none;}
#post-2 > header > div.eye-catch-wrap > figure > img{display:none;}
/* 固定ページの日付を消す */
.page .date-tags {display: none;}
/* h2デフォルトクリア */
.article h2 {margin: 1.2em 0;padding:0;background:transparent;}
/**/
.article h2 {position: relative;color: #333;text-shadow: 0 0 2px white;border-bottom: dashed 1px #000;}
.article h2:before {content: "";position: absolute;background: #edf5ee;width: 50px;height: 50px;border-radius: 50%;top: 50%;border-left:1px solid #99dba6;left: -15px;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: -1;}
/**/
.article h3 {border:none;background:transparent;border-bottom: solid 3px #cee1d1;position: relative;padding: 12px 0px;}
.article h3:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #79a48b;bottom: -3px;width: 20%;}
/* 注意書き・補足 */
.hosoku0{margin-left:10px;padding-left:10px;margin:8px 1px;font-size:0.80em;border-left:#81b1a7 3px double;line-height:1.4em;}
.article ul.course_list{list-style:none;margin:0;padding:0;}
.hosoku1{margin-left:10px;padding-left:10px;margin-bottom:15px;font-size:0.85em;border-left:#81b1a7 2px solid;line-height:1.4em;}
.hosoku2{font-size:0.85em;color:#00f;border-bottom:#81b1a7 1px dashed;line-height:1.4em;}
.hosoku3{color:#00f;border-bottom:#81b1a7 1px dashed;line-height:1.6em;}
.hosoku4{margin-left:10px;padding-left:10px;margin-bottom:15px;font-size:0.85em;border-left:#81b1a7 2px solid;line-height: 1.2em;display: block;}
/* ブログカード */
.blogcard-wrap {background-color:transparent;}
.blogcard{border-color:#999;}
/* サイドバー */
.sidebar h2, .sidebar h3 {font-size: 1.0em;background-color: transparent;padding: 3px;margin: 2px 0;border-radius: 0px;}
.sidebar h2:before, .sidebar h3:before {font-family: "Font Awesome 5 Free";content: "\f06c ";font-weight: 900;padding-right:5px;}
/**/
.widget_pages ul{padding-left:15px;}
.widget_pages ul li a:before{font-family: "Font Awesome 5 Free";content: "\f15c ";font-weight: 900;padding-right:5px;}
.widget_pages ul li a{padding:2px 0px 2px 15px;font-size:clamp(12px, 1.2vw, 16px);text-indent: -1em;padding-left: 1em;
background: linear-gradient(currentColor 0 0) 0 100% /var(--d, 0) 2px no-repeat; transition:0.5s;}
.widget_pages ul li a:hover {background-color: #e9f5eb; --d: 100%;}
.a-wrap:hover{background-color: #e9f5eb;}
.widget-entry-cards:not(.large-thumb-on) .card-title {font-weight:800;font-size:clamp(14px, 1.7vw, 20px);}
.widget-entry-cards .a-wrap {padding: 15px 5px;line-height: 1.5;}
/**/
.content {margin-top: 8px;}
.tagline {margin: 0em .5em;}
.entry-content {margin-top: .1em;}
/**/
.new-entry-card-date{display: block;}
.new-entry-card-post-date{display:none;}
.post-update{float:right;}
/**/
#post-2 .post-16 .new-entry-card-title:before {content:"【Check!】";color:red;}
#post-2 .post-61 .new-entry-card-title:before {content:"【Check!】";color:red;}
#post-2 .post-77 .new-entry-card-title:before {content:"【Check!】";color:red;}
#post-2 .post-263 .new-entry-card-title:before {content:"【Check!】";color:red;}
/**/
#post-2 .post-297 .new-entry-card-title:before {content:"【NEW!】";color:orange;}
#post-2 .post-305 .new-entry-card-title:before {content:"【NEW!】";color:orange;}
/**/
#post-2 .post-28 .new-entry-card-title:before {content:"【人気!】";color:deeppink;}
#post-2 .post-28 .new-entry-card-title {color:red;}
#post-2 .post-74 .new-entry-card-title:before {content:"【人気!】";color:deeppink;}
#post-2 .post-172 .new-entry-card-title:before {content:"【人気!】";color:deeppink;}
#post-2 .post-107 .new-entry-card-title:before {content:"【人気!】";color:deeppink;}
/**/
.fusen-1 {display: inline-block;position: relative;padding: .5em 1.3em .5em 1em;background-color: #e6f4d7;color: #333333;}
.fusen-1::before {position: absolute;bottom: -1px;right: 9px;z-index: -1;transform: rotate(5deg);width: 70%;height: 50%;background-color: #d0d0d0;content: "";filter: blur(4px);}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/* SNS buttton */
.sns-share-buttons {justify-content: center;}
.sns-share-buttons a {font-size: 18px;}
.sns-share-buttons a .button-caption {display: none;}
.sns-share-buttons a .share-count {right: 50%;bottom: -16px;transform: translateX(50%);color: #aaa;}
.bc-brand-color-white.sns-share a {border: none;width: auto;padding-left: 16px;padding-right: 16px;}
.bc-brand-color-white.sns-share.ss-high-and-low-cl a .social-icon,
.bc-brand-color-white.sns-share.ss-high-and-low-lc a .social-icon {font-size: 20px;}
.bc-brand-color-white .sns-share-buttons a {font-size: 20px;}
.sns-share.ss-high-and-low-lc a .social-icon.button-caption,
.sns-share.ss-high-and-low-cl a .social-icon.button-caption,
.sns-share.ss-high-and-low-lc a .button-caption.button-caption,
.sns-share.ss-high-and-low-cl a .button-caption.button-caption {display: none;}
.bc-brand-color-white a{background:transparent;}
@media screen and (max-width: 834px) {
.bc-brand-color-white.sns-share a {width: 45px !important;}
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
main.main, div.sidebar {padding: 10px 16px;margin: 5px 0;}
}

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