@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@import url('https://fonts.googleapis.com/css2?family=Rajdhani&family=Rye&display=swap');
:root{
	--topHeaderNaviBgColor: rgba(0,0,0,1)
}
.cocoon-custom-text-1{
	color:#B29700;
}

/* サイドバー */
.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 {
	padding:2px 0;
}
.author-box{
	border:none;
	background-color:var(--cocoon-xx-thin-color);
}
.author-box .sns-follow-buttons a.follow-button {
    width: 28px;
    height: 28px;
    line-height: 30px;
	border-radius:4px;
}
/* フォトギャラリーのメニュー見出し */
h2.vp-portfolio__item-meta-title{
    background: inherit;
    color: inherit;
    border: none;
	margin: inherit;
	padding: 0;
}


/* 記事内見出し */
.article H2,.article H3,.article H4,.article H5,.article H6,
.article H2:before,.article H3:before,.article H4:before,.article H5:before,.article H6:before{
	background:inherit;
	border:none;
	bottom:inherit;
	color:inherit;
	content:inherit;
	font-size:inherit;
	height:inherit;
	left:inherit;
	margin:2em 0 1em 0;
	padding:0;
	position:inherit;
	right:inherit;
	top:inherit;
	width:inherit;
}

.article H2:not(.vp-portfolio__item-meta-title){
	background:#41803C;
	color:white;
	font-size:150%;
	padding:0.4em 0.6em;
}
.article H3 {
	padding:0.4em 0.6em;
	font-size:137.5%;
	border:none;
	background: -webkit-repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#f8f8f8 3px, #f8f8f8 7px);
	background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#f8f8f8 3px, #f8f8f8 7px);
	border:1px solid #41803C;
}
.article H4{
	padding:0.2em 0.6em;
	font-size:125%;
	background: -webkit-repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#f8f8f8 3px, #f8f8f8 7px);
	background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#f8f8f8 3px, #f8f8f8 7px);
	border-left:4px solid #41803C;
}
.article H5{
	padding:0.2em 0.4em;
	font-size:125%;
	border-bottom:2px solid #41803C;
}
.article H5:before{
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	margin-right:0.25em;
	color:#41803C;	
}
.article H6{
	background:f8f8f8
	padding:0.2em 0.4em;
	font-size:125%;
	border-bottom:2px solid #d9e6d8;
}
.article H6:before{	
	font-family: "Font Awesome 5 Free";
	content: "\f138";
	margin-right:0.25em;
	color:#d9e6d8;	
}
.body .article :is(h2, h3, h4, h5, h6){
	margin: 2rem 0 1rem 0;
}
/* テーブル */
.scrollable-table th, .scrollable-table td{
    background:inherit;
    text-align: inherit;
}

.wp-block-table table,
.wp-block-flexible-table-block-table table{
    border:none;
}

.wp-block-table :is(th,td),
.wp-block-table.is-style-regular :is(th,td),
.wp-block-table.is-style-stripes :is(th,td),
.wp-block-flexible-table-block-table :is(th,td){
    border:none;
    white-space: nowrap;
}

.wp-block-table.is-style-stripes table,
.wp-block-table.is-style-stripes :is(th,td){
    border:1px solid #d2d2d2;
}

.wp-block-table thead,
.wp-block-flexible-table-block-table thead{
    border-bottom:3px solid #41803C;
}

.wp-block-table tfoot,
.wp-block-flexible-table-block-table tfoot{
    border-top:3px solid #d2d2d2;
    color:#757575;
}

.wp-block-table.is-style-stripes{
    border:none;
}

.wp-block-table thead th,
.wp-block-table.is-style-regular thead th,
.wp-block-table.is-style-stripes thead th,
.wp-block-flexible-table-block-table thead th{
    background:#f8f8f8;
}

.wp-block-table tbody tr:nth-child(odd),
.wp-block-table.is-style-regular tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-flexible-table-block-table tbody tr:nth-child(odd){
    background:white;
}

.wp-block-table tbody tr:nth-child(even),
.wp-block-table.is-style-regular tbody tr:nth-child(even),
.wp-block-table.is-style-stripes tbody tr:nth-child(even),
.wp-block-flexible-table-block-table tbody tr:nth-child(even){
    background:#fafafa;
}

.wp-block-table tbody tr:nth-child(odd),
.wp-block-table.is-style-regular tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-flexible-table-block-table tbody tr:nth-child(odd){
    background:white;
}

.wp-block-table tbody tr:nth-child(even),
.wp-block-table.is-style-regular tbody tr:nth-child(even),
.wp-block-table.is-style-stripes tbody tr:nth-child(even),
.wp-block-flexible-table-block-table tbody tr:nth-child(even){
    background:#fafafa;
}
.wp-block-table td.has-text-align-center,
.wp-block-table.is-style-regular td.has-text-align-center,
.wp-block-table.is-style-stripes td.has-text-align-center,
.wp-block-flexible-table-block-table td.has-text-align-center{
	text-align:center;
}
::-webkit-scrollbar{
    height: 4px;
    width:16px;
}
::-webkit-scrollbar-track{
    background-color: transparent;
}
::-webkit-scrollbar-track-piece{
    background-color: transparent;
}
::-webkit-scrollbar-thumb{
    background-color: #41803C;
	border-radius: 9px;
    border:4px solid transparent;
    background-clip: content-box;
}
.skin-grayish .site-name-text{
	text-shadow: 0px 0px 10px white,0px 0px 15px white,0px 0px 20px white;
}
.wp-block-gallery .blocks-gallery-item {
  flex-grow: 0;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

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

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

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