@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: #f2f1eb;color: #555;}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {color: #555;}
.header-container, .navi, .main, table th, table td, .blogcard, .sidebar, .footer {background-color: transparent;color: #555;}
a, .navi-in a, .toc a, .site-name-text-link {color:#555;}
.mobile-header-menu-buttons{background-color:transparent;}
/* */
.content {margin-top: 0px;}
.main {padding: 0px 15px 10px 15px;}
.hlt-tm-small .navi-in > ul li.menu-item-has-description > a > .caption-wrap, .cl-slim .navi-in > ul li.menu-item-has-description > a > .caption-wrap {
height: 50px;line-height: 24px;}
.cl-slim .navi-in > ul li {height: 50px;}
/* トップページヘッダーロゴ非表示 */
.page-id-2 #header-in {display:none;}
.page-id-2 .main {padding: 45px 29px 36px 29px;}
/* モバイルメニューヘッダーフォントサイズ */
.mobile-menu-buttons .menu-button > a {font-size: 0.8em;}
/*フロント固定ページのタイトル、投稿日、更新日、投稿者名を非表示*/
.home.page h1.entry-title,.home.page .post-date,.home.page .post-update,.home.page .author-info{display: none;}
/* フロントページのアイキャッチ削除 */
#post-2 > header > div.eye-catch-wrap{display:none;}
/* 固定ページの日付を消す */
.page .date-tags {display: none;}
/* Top固定メニューの影 */
.fixed-header {box-shadow: 0 0px 0px 0 rgb(255 255 255 / 25%);}
/* アピールエリア */
.appeal .appeal-in {min-height: 100px;}
.appeal-content, .appeal-in {padding: 0;}
/* パララックス */
.content {padding: 0px;background-color: transparent;overflow: hidden;}
.parallax {
min-height: 600px;
margin: 0 calc(50% - 50vw);
width: 100vw;
background-position: center bottom;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;}
.parallax.bg-01 {background-image:url(//yakuzencha.com/wp-content/uploads/2025/01/yakuzenchalppx01.jpg);}
.parallax.bg-02 {background-image:url(//yakuzencha.com/wp-content/uploads/2025/01/yakuzenchalppx02.jpg);}
.parallax.bg-03 {background-image:url(//yakuzencha.com/wp-content/uploads/2025/01/yakuzenchalppx03.jpg);}
.parallax.bg-04 {background-image:url(//yakuzencha.com/wp-content/uploads/2025/01/yakuzenchalppx04.jpg);}
.parallax.bg-05 {background-image:url(//yakuzencha.com/wp-content/uploads/2025/01/yakuzenchalppx05.jpg);}
.parallax.bg-06 {background-image:url(//yakuzencha.com/wp-content/uploads/2025/01/yakuzenchalppx06.jpg);}
/**/
.parallax.bgs-01 {background-image:url(//yakuzencha.com/wp-content/uploads/2025/01/yakuzenchalppxs01.jpg);}
.parallax.bgs-02 {background-image:url(//yakuzencha.com/wp-content/uploads/2025/01/yakuzenchalppxs02.jpg);}
.parallax.bgs-03 {background-image:url(//yakuzencha.com/wp-content/uploads/2025/01/yakuzenchalppxs03.jpg);}
.parallax.bgs-04 {background-image:url(//yakuzencha.com/wp-content/uploads/2025/01/yakuzenchalppxs04.jpg);}
.parallax.bgs-05 {background-image:url(//yakuzencha.com/wp-content/uploads/2025/01/yakuzenchalppxs05.jpg);}
.parallax.bgs-06 {background-image:url(//yakuzencha.com/wp-content/uploads/2025/01/yakuzenchalppxs06.jpg);}
/**/
.parallax.bg-01, .parallax.bg-02, .parallax.bg-03, .parallax.bg-04, .parallax.bg-05, .parallax.bg-06 {display: inline-block;}
.parallax.bgs-01, .parallax.bgs-02, .parallax.bgs-03, .parallax.bgs-04, .parallax.bgs-05, .parallax.bgs-06 {display: none;}
/* h1 */
.article h1.h1t {
position: relative;
padding: 1.5rem .5rem;
text-align: center;
border: 2px solid #000;
background: #efe8e2;
}

.article h1.h1t:before,
.article h1.h1t:after {
position: absolute;
content: '';
}

.article h1.h1t:before {
top: -40px;
left: calc(50% - 43px);
width: 80px;
height: 80px;
border: 2px solid #000;
border-radius: 50%;
background: #efe8e2;
}

.article h1.h1t:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #efe8e2;
}

.article h1.h1t i {
font-size: 30px;
font-size: 3rem;
line-height: 60px;
position: absolute;
z-index: 1;
top: -40px;
left: calc(50% - 40px);
width: 80px;
height: 60px;
text-align: center;
}

.article h1.h1t span {
position: relative;
z-index: 1;
}

/* h2 */
.article h2{font-size: 22px;padding-left:5px;position:relative;}
.article h2:before {font-family: "Font Awesome 5 Free";content: "\f5a7 ";font-size: 1.0em;font-weight: 900;margin-right:8px;}
.article h2::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 8px;
background-image: repeating-linear-gradient(45deg, #bbb 0px, #555 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
background-size: 8px 8px;
}
/* h3 */
.article h3:before {font-family: "Font Awesome 5 Free";content: "\f06c ";font-size: 1.0em;font-weight: 900;margin-right:8px;}
.article h3 {font-size: 20px;border:none;background:transparent;border-bottom: solid 3px #ccc;position: relative;padding: 12px 0px;}
.article h3:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #555;bottom: -2px;width: 20%;}
/* h4 */
.article h4 {border-top: 2px solid #05450e;border-bottom: 2px solid #98ab94;background-color: #fff;}
.article h5 {border-bottom: 2px solid #552d2d;}
/* paralla txt */
.pxbgtxt{font-size:1.4em;font-weight;600;background-color: rgba( 255, 255, 255, 0.80 );padding:10px 10px 10px 10px;
position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);  -webkit- transform: translateY(-50%) translateX(-50%);}
.pxbgtxt a{text-decoration:none;color:#333;}
.pxbgtxt a:hover {text-decoration:underline;color:#8BC34A;}
.pxbgimg{position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);}
/**/
/* モバイルメニュー */
.mobile-menu-buttons .menu-caption {display: none;}
.mobile-menu-buttons .menu-icon {font-size:1.2em;}
/* h2 */
.article h2{background-color:transparent;}
/* 補足 */
.hosoku0 {font-size:0.8em;line-height:1em;}
.hosoku1 {display: block;font-size:0.8em;line-height:1em;}
/* リンクフラットボタン */
a.yk_btn {display: block;position: relative;width: 100%;padding: 0.8em;text-align: center;text-decoration: none;color: #000;border:1px solid #fff;background: #fff;overflow: hidden;z-index: 1 !important;}
a.yk_btn:after {content:"";position: absolute;top: 50%;left: 50%;height: 0;width: 100%;background : #000;opacity: 0;transform: translateX(-50%) translateY(-50%) rotate(45deg);transition: 0.3s;z-index: -1;}
a.yk_btn:hover {color: #fff;border:1px dashed #000;}
a.yk_btn:hover:after {height: 450%;opacity: 1;}
a.yk_btn:active:after {height: 550%;opacity: 1}
/* SNSボタン */
.sns-buttons a {background-color: transparent;color: #777;border:1px solid #777;}
.sns-buttons a:hover {opacity: 0.7;color: #aaa;transition: all 0.3s ease-in-out;}
/* 記事の筆者 */
.author-info{display:none;}
/* table */
.tbl01 th  { width: 30%; text-align: left; }
@media only screen and (max-width:480px){
.tbl01 { margin: 0 -10px; }
.tbl01 th,.tbl01 td{width: 100%;display: block;border-top: none;}
.tbl01 tr:first-child th { border-top: 1px solid #ddd; }
}
/* mail */
.mail01{padding:10px 0;}
/*  seifudoの教室講座 */
#krss ul {padding-left: 10px;}
#krss ul li {list-style:none;padding:0;border-bottom:2px dotted #aaa;margin:10px 5px 10px 5px;padding:0 8px;}
/************************/
/*目次デザイン*/
/************************/
.toc {
display: block !important;
width: 95%;
padding: 7px 32px 7px !important;
margin-bottom: 5% !important;
background: #f9f9f9 !important;
border: 0 !important;
border-top: 5px solid !important;
border-top-color: #1c023a !important;
border-radius: 10px;
box-shadow: 0 2px 2px rgb(0 0 0 / 20%) !important;
}
@media screen and (min-width: 600px) {
.toc {
width: 70%;
padding: 20px 35px 15px !important;
}
}

.toc-title {
margin: 0 0px 0px -10px !important;
font-size: 20px !important;
font-weight: 700 !important;
color: #1c023a !important;
background-color: initial;
}

.toc-title::before {
padding: 14px;
margin-right:10px;
font-family: "Font Awesome 5 Free";
font-size: 14px;
font-weight: 900 !important;
color: #fff;
content: "\f03a";
background-color: #1c023a;
border-radius: 50%;
}
.toc-title::after {
font-size: .7em;
}
.toc a {
display: block;
padding-top: 0 !important; /* 下の点線との間 */
padding-bottom: 0.5em; /* 下の点線との間 */
color: #333;
border-bottom: dashed 1px silver;
font-size:.9em;
}

.toc ul li {
position: relative;
padding: 0 0 0.4em 1.4em;
font-weight: 700;
line-height: 1.5;
}

.toc ul li::before {
position: absolute !important;
left: -0.3em !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
color: #1c023a;
content: "\f0a9";
}

.toc li li {
padding-top: 0.5em;
margin-top: 0 !important;
font-weight: 400;
}
.toc li li::before {
position: absolute !important;
left: -0.3em !important;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
color: #433851;
content: "\f138";
}
.toc_list li {
margin-top: -5% !important;
}
@media screen and (min-width: 834px) {
.toc_list li {
/* PCでは目次のh2同士の間隔は抑えめに */
margin-top: -1.8% !important;
}
}
/*  */
.hosoku1{margin-left:10px;padding-left:10px;margin-bottom:0px;font-size:0.85em;border-left:#3a3c26 2px solid;line-height: 1.3em;display: block;}
.hosoku2{margin-left:10px;padding-left:10px;margin-bottom:15px;font-size:0.85em;border-left:#81b1a7 2px solid;line-height:1.4em;}
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */

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

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

/*600px以下*/
@media screen and (max-width: 600px){
  /*必要ならばここにコードを書く*/
.parallax.bg-01, .parallax.bg-02, .parallax.bg-03, .parallax.bg-04, .parallax.bg-05, .parallax.bg-06 {display: none;}
.parallax.bgs-01, .parallax.bgs-02, .parallax.bgs-03, .parallax.bgs-04, .parallax.bgs-05, .parallax.bgs-06 {display: inline-block;}
.pxbgtxt {font-size:0.9em;}
}

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