@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*ロゴ*/
.logo {
	padding: 0;
}
.tagline {
	margin: 0.2em 1em;
}
/*ヘッダー装飾*/
.header-container {
	border-bottom: dotted 1px #666666;align-content
}
/*パンくずリスト*/
.breadcrumb{
	color: var(--cocoon-text-color);
}
.breadcrumb a{
	color: #583822;
	text-decoration: none;
}
.breadcrumb a:hover{
 	color: #765c47;
	text-decoration: none;
}
/*見出し位置調整*/
h2, 
h3, 
h4, 
h5, 
h6 {
	padding-left: 0 !important;
}
h2{
	font-weight: bold !important;
    font-size: 1.25em !important;
    line-height: 1.7 !important;
}
/*フォント*/
.fa-yu-min{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
/*区切り*/
.wp-block-separator{
	border-bottom: dotted 1px #666666;
}
/*リンク*/
a:visited {
	color: #583822;
}
a:hover {
 	color: #765c47;
}
/*テーブル*/
.entry-content table{
	border-collapse: collapse;
	border: solid 1px #cccccc;
	width: 100% !important;
}
.entry-content table td{
	border-collapse: collapse;
	border: solid 1px #cccccc;
	padding: 14px 14px 10px 14px;
	width: auto;
}
.entry-content table td.has-text-align-left{
	background-color: #fff4ed !important;
}
/*余白調整*/
.breadcrumb {
	margin: 0;
	padding: 1em 0.4em;
}
.footer {
	margin-top: 0;
	padding-top: 0;
}
.content,
.entry-content,
.footer-bottom {
	margin-top: 0;
}
.wp-block-group,
.entry-content,
.article {
	margin-bottom: 0 !important;
}
/*ボックスエディタ最後の空段落用余白対応*/
.entry-content p:last-of-type {
	margin-bottom: 0em !important;
}
/*固定ページ投稿情報非表示*/
.page .date-tags,
.page .author-info {
    display: none;
}
/*見出し（*固定ページ用）*/
.page .entry-content h1{
    text-align: center;
    color: #930;
}
.page .entry-content h2{
/*
	border-left: solid 8px #930;
    padding: 0.25em 0em 0.25em 0.5em !important;
	margin-bottom: 0.5em;
*/
}
/*見出し（投稿用）*/
.post .entry-header h1{
	text-align: center;
}
.post .entry-content h2{
	border-left: solid 8px #930;
    padding: 0.25em 0em 0.25em 0.5em !important;
	margin-bottom: 0.5em;
}
/*目次（投稿用）*/
.entry-content .toc{
	border: dashed 2px #960;
}

/*エントリーカード*/
.e-card{
	border: 1px dotted #999 !important;
	background: #fdf9f7 !important;
	color: var(--cocoon-text-color) !important;
}
.e-card h2{
	border-left: none;
    padding: 0em !important;
	color: var(--cocoon-text-color) !important;
}
/*エントリーカード*/
.blogcard{
	border: 1px dotted #999 !important;
	background: #f3ffff !important;
	color: var(--cocoon-text-color) !important;
}
.blogcard h2{
	border-left: none;
    padding: 0em !important;
	color: var(--cocoon-text-color) !important;
}


/*前の投稿、次の投稿*/
.prev-post, 
.next-post {
/*
	border: 1px dotted #999;
	background: #fdf9f7;
	color: var(--cocoon-text-color);
*/
}
/*見出し（前の投稿、次の投稿）*/
.prev-post h2,
.next-post h2{
	color: var(--cocoon-text-color);
}
/*カテゴリーリンク*/
.entry-categories{
	color: var(--cocoon-text-color);
}
.entry-categories a{
	color: #583822;
	text-decoration: none;
}
.entry-categories a:hover{
 	color: #765c47;
	text-decoration: none;
}

/*お問い合わせフォーム*/
.wpcf7-form ::placeholder{
	color: #AAA;
}
.wpcf7-form textarea{
	font-family: inherit;
}
/*見出し（サイドバー）*/
.sidebar h2,
.sidebar h3{
	border-left: solid 8px #930;
    padding: 0.25em 0em 0.25em 0.5em !important;
	margin-bottom: 0.5em;
}
/*検索ボタン（サイドバー）*/
:root :where(.wp-element-button, .wp-block-button__link) {
	padding: calc(0.5em + 2px) calc(0.5em + 2px) !important;
}
/*カレンダー（サイドバー）*/
.sidebar .wp-calendar-table th,
.sidebar .wp-calendar-table td{
	border: 1px solid #998f7a;
}
.sidebar .wp-calendar-table caption{
	border-left: solid 8px #930;
    padding: 0.25em  0.5em !important;
	margin-bottom: 0.5em;
	text-align:left;
	font-weight: bold !important;
	font-size:1.25em !important;
	color:#930;
}
.sidebar .wp-calendar-table th{
	background: #e5bda5;
}
.sidebar .wp-calendar-table td{
	background: #fbf0e9;
}
/*ウィジェット（サイドバー）*/
.sidebar .widget ul li a{
	padding-top: 4px;
	padding-bottom: 4px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1478以上*/
@media screen and (min-width: 1478px){
    .main {
        width: 67.4%;
    }
    .sidebar {
        padding: 1.5%;
        width: 30%;
    }
}
/*1024px以上*/
@media screen and (min-width: 1024px){
	.container {
	  width: 1024px;
	  margin: 0 auto;
	  padding: 0;
	}
	.wrap {
	  width: auto;
	}
	.main {
	  padding: 0;
	}
}

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

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

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