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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{
	background-color:#F2EFEB;
}


.blog .header,
.date .header,
.search .header,
.page .header,
.archive .header,
.single .header{
	border-bottom:1px #ddd solid;
	border-top:1px #ddd solid;
}

.logo-text {
    padding: 20px 0 0 0;
}

.tagline {
    text-align: center;
    font-size: 14px;
    margin: 0.6em 1em 20px 1em;
}

.breadcrumb.sbp-main-before,
.breadcrumb.pbp-main-before{

	border-bottom:1px #ddd solid;
	margin:0;
	padding:1em;
}

.main{
	padding: 36px 29px 36px 0;
}

#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-1], #index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-2], #index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-3], #index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-4] {
    background: none #d2ecf4;
    border: 1px solid #d2ecf4;
    color: #333;
    font-weight: 400;
}

.index-tab-buttons {
    margin: 0 0 1.4em;
    display: flex;
}

.a-wrap{
	padding:0;
	
}

.list {
    display: flex;
    flex-direction: column;
    row-gap: 3em;
}
.entry-card{
		border-bottom:1px #ccc solid;
	padding-bottom:3em;
}
.entry-card-content {
    padding-bottom: 0;
}
.entry-card-meta
 {
	 bottom:3em;
}

.entry-card-title
 {
	 font-size:20px;
	 font-weight:400;
}

.entry-card-snippet{
	line-height:1.8;
	font-size:16px;
}

.entry-card-thumb{
	margin-right:3%;
}

.thumb-wide,
.blogcard-thumbnail img, .card-thumb img {
    --card-ratio: 16 / 12;
}

.entry-title,
.article h1,
.article h2{
font-weight:400;
}


.related-entry-heading,.comment-title
{
	font-weight:400;
	font-size:20px;
	letter-spacing:0.015em;
	background-color:transparent !important;
	padding:15px 0;
	margin:22px 0 0 0;
}

.st-comment-body{
	background-color:#fff;
	border-radius:5px;
	padding:15px;
	
}

.comment-reply-title {
	font-size:18px;
	
}

.st-comment-meta{
	font-size:15px;
}

.related-entry-card-title{
font-weight:400;
}



input[type=submit] {
    -webkit-appearance: none;
    border: 1px solid var(--cocoon-thin-color);
    background-color: #d2ecf4;
    color: #333;
	border-radius:5px;
  font-weight: 400;
  font-style: normal;
	font-size:18px;
	letter-spacing:0.015em;
}

.entry-title, .archive-title {
    font-size: 26px;
    margin: 0 0 16px 0;
    line-height: 1.3;
}

.archive-title{
font-size:18px;
}

.breadcrumb.sbp-main-before{
	padding:1em;
}
.breadcrumb a {
	color:#333;
}

.fa-folder-open:before {
    content: "\f07c";
	color:#8C8579;
}

.fa-clock-o:before {
    content: "\f017";
	color:#8C8579;
}

.fa-chevron-right:before {
	content: "\f105";
	color:#8C8579;
}

.fa-chevron-left:before {
    content: "\f104";
	color:#8C8579;
}

.fa-angle-double-up:before {
    content: "\f176";
	color:#8C8579;
}

.fa-pencil:before {
    content: "\f040";
	color:#8C8579;
	
}

.go-to-top-button {
	background-color:transparent;
}

.sidebar{
	padding:19px 0 19px 19px;
}

.sidebar h2, .sidebar h3
{

  font-weight: 400;
  font-style: normal;
	font-size:18px;
	letter-spacing:0.015em;
	background-color:transparent !important;
	padding:15px 0;
	margin:0 0 0 0;
}



.key-btn{
	font-size:18px;
	 font-weight: 400;
  font-style: normal;
	letter-spacing:0.015em;
	display:block;
	position:relative;
}


.site-name-text-link {
	padding:0;
}

.pagination-next-link{
	border:none;
}

.pagination{
  font-weight: 400;
  font-style: normal;
	font-size:16px;
	letter-spacing:0.015em;
}

.page-numbers{
	border-radius:50%;
	background-color:#fff;
}

.pagination .current {
    background-color:#d2ecf4;
    border-color: #d2ecf4;
	color:#333;
}

#footer{
	border-top:1px #ddd solid;
}

.footer-bottom {
	margin:0;
	padding:8px 0;
}

.list-more-button-wrap{
	text-align:center;
	position:relative;
}

.list-more-button {
    display: inline-block;
    padding: 0;
    text-decoration: none;
    color: #333;
    border: solid 0px var(--cocoon-basic-border-color);
    transition: 0.4s;
    margin: 0;
    font-weight: 400;
  font-style: normal;
	font-size:18px;
	letter-spacing:0.015em;
	

}

.fa-chain:before, .fa-link:before {
    content: "\f0c1";
	color:#999;
}

.search-box {
    margin: 0 0 2em;
    position: relative;
}

.wp-block-quote{
	padding:2rem;
	border:1px #333 dotted;
	border-radius:5px;
}

blockquote::before,
blockquote::after{
color:#ccc;
}

.eye-catch .cat-label{
	border:none;
}

.wp-category-image,
.eye-catch-image{
	aspect-ratio:1/0.6;
	object-fit:cover;
	
}

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

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

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