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

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

/*必要ならばここにコードを書く*/

#header-container {
  background-color: #FFA726;
}
#header-container #header {
  background-color: #FFA726;
}
#header-container .hlt-top-menu {
  background-color: #FFA726;
}
#header-container .hlt-top-menu #navi {
  background-color: #FFA726;
}
#header-container .hlt-top-menu #navi a:hover {
  background-color: #FFA726;
}
#header-container .hlt-top-menu #navi .sub-menu {
  background-color: #FFA726;
  color: white;
}
#navi {
  background-color: #FFA726;
}
#navi a {
  background-color: #FFA726;
}
#go-to-top .go-to-top-button {
  background-color: #FFA726;
}
#sidebar .widget_cta_box .cta-heading,
#slide-in-sidebar .widget_cta_box .cta-heading {
  color: #FFA726;
}
#sidebar .widget_calendar .wp-calendar-table caption,
#slide-in-sidebar .widget_calendar .wp-calendar-table caption {
  background-color: #FFA726;
}
.pager-post-navi a .fa {
  color: #FFA726;
}
#main .entry-header h1.entry-title {
  background: linear-gradient(to right, #FFA726, #FFA726);
}
#main .entry-content h2,
#main .entry-content h3,
#main .entry-content h4,
#main .entry-content h5,
#main .entry-content h6 {
  color: #FFA726;
  border-bottom: 5px solid #FFA726;
}
#main .wp-block-quote {
  border: solid #FFA726 1px;
  background-color: #FFF3E0;
}
#main .wp-block-quote::before, #main .wp-block-quote::after {
  color: #FFA726;
}
pre {
  border: solid #FFA726 1px;
}

blockquote {
  border: solid #FFA726 1px;
}
blockquote::before, blockquote::after {
  color: #FFA726;
}
#main .wp-block-calendar .wp-calendar-table caption {
  background-color: #FFA726;
}
body .mobile-menu-buttons {
  background-color: #FFA726;
  background-image: url(https://www.kanyoshokubutsu.com/images/common/pattern-mokume_01.webp);
}
body .mobile-menu-buttons .menu-button:hover {
  /*background-color: #FFA726;*/
  background-color: rgba(255,255,255,.2);
}
body .mobile-menu-buttons .navi-menu-button .navi-menu-content a {
  color: #FFA726;
}
body .mobile-menu-buttons .navi-menu-button .navi-menu-content .fa {
  color: #FFA726;
}

#main .entry-content {
	color: #5b4a3f;
}

#main .entry-header h1.entry-title {
  display: inline-block;
  margin-bottom: 25px;
  font-size: 1.875rem;
	position: relative;
	background: transparent;
	color: inherit;
  	padding: 0;
	border-top: 0;
}

#main .entry-content h2 {
    color: #fff;
    font-size: 1.2rem;
    background-color: #7a5e48;
    padding: 0.8rem 2.5%;
	border-bottom: 0;
}

#main .entry-content h3 {
    font-size: 1.2rem;
    margin-bottom: 2%;
    line-height: 1.5;
	color: #7a5e48;
    padding: 0;
	border-bottom: 0;
	margin-bottom: 1.62em;
}

#main .entry-content h4 {
    color: #7a5e48;
    padding: .25em;
	border-bottom: 1px solid #7a5e48;
}

.sns-buttons a {
	color: var(--cocoon-white-color) !important;
}

.cat-link {
	color: var(--cocoon-white-color) !important;
}

.header-container {
	display: none;
}

.widget_author_box .author-follows {
	display: none;
}

#footer {
	background: transparent;
	color: #000;
}


/*必要ならばここにコードを書く*/


.category .header-menu ul li,
.category .header-menu ul li:first-child,
.category #header-nav ul li,
.category #sidebar ul li {
	font-size: inherit;
	padding: 0;
	background-image: none;
}

.category #header-nav ul li {
	padding-bottom: 15px;
}

@media screen and (max-width: 768px) {
	.breadcrumb .sp {
		display: inline;
	}
	#main .entry-header h1.entry-title {
		font-size: 1.4rem;
	}
	.category #header-nav ul {
		line-height: 170%;
	}
	.category #header-nav ul li {
		padding-bottom: 0;
	}
}