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

/************************************
** カスタマイズ用スタイル
************************************/

body {
    font: 12px / 1.4 'Yu Gothic', '游ゴシック', 'YuGothic', '游ゴシック体', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', Meiryo, メイリオ, Helvetica, Arial, sans-serif;
    color: #333;
}

.container{
	border-top: 6px solid #333;
}

/*header*/
.header-in .tagline{
	background: none;
	color: #777;
	text-align: center;
	margin: 0;
	padding: 0.6em 1em;
}
h1.logo, div.logo {
	text-align: center;
}
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.header-in .tagline{
		background-color: #333;
		color: #f4f5f7;
	}
	.logo img {
		max-width: 86%;
	}
}
.logo-text{
	padding: 20px 0 10px;
}
.logo-image{
	padding: 18px 0 10px;
}
.site-name-text{
	font-size: 28px;
	font-weight: bold;
}

.navi-in > ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    text-align: right;
}
.navi-in a:hover {
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  color: var(--cocoon-text-color);
}
.entry-card-thumb {
    width: 280px;
}
.entry-card-content {
    margin-left: 290px;
}
@media screen and (max-width: 834px){
  /*SPく*/
    .entry-card-thumb {
        width: 38%;
    }
}
.article ul li, .article ol li {
    margin: 0.8em;
}

.page-numbers {
	border: none;
}
.pagination-next-link {
	background-color: #fff;
	border: none;
}
.page-numbers.dots{
	background-color: #fff;
}


/*sidebar*/
.wp-block-search__label{
	display: none;
}
.wp-block-group ul li,
.widget-sidebar ul li{
	font-size:14px;
}
.wp-block-group .no-comments{
	font-size:80%;
}
.widget h2,
.widget h3{
	font-size: 20px;
}