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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* ①タブ一覧*/
.index-tab-button {
	font-size: 16px !important;
	transition: 0.3s;
	padding: 9px 13px !important;
}

/* ②タブ一覧(hover) */
@media screen and (min-width: 980px) {
	.index-tab-button:hover {
	  color: #8cab8b;
	}

/* ③タブ一覧（選択カテゴリー） */
#index-tab-1:checked~.index-tab-buttons .index-tab-button[for=index-tab-1]
	{
	color: #FFF;
	background: #e6b422 !important;
	border-color: #e6b422;
	font-weight: 500;
	transform:scale(0.97,0.97);
   -webkit-transform:scale(0.97,0.97);
   -moz-transform:scale(0.97,0.97);
}
	
#index-tab-2:checked~.index-tab-buttons .index-tab-button[for=index-tab-2]
		{
	color: #FFF;
	background: #aacf53 !important;
	border-color: #aacf53;
	font-weight: 500;
	transform:scale(0.97,0.97);
   -webkit-transform:scale(0.97,0.97);
   -moz-transform:scale(0.97,0.97);
}
#index-tab-3:checked~.index-tab-buttons .index-tab-button[for=index-tab-3]
			{
	color: #FFF;
	background: #e597b2 !important;
	border-color:#e597b2;
	font-weight: 500;
	transform:scale(0.97,0.97);
   -webkit-transform:scale(0.97,0.97);
   -moz-transform:scale(0.97,0.97);
}
#index-tab-4:checked~.index-tab-buttons .index-tab-button[for=index-tab-4]
				{
	color: #FFF;
	background: #84a2d4 !important;
	border-color:#84a2d4;
	font-weight: 500;
	transform:scale(0.97,0.97);
   -webkit-transform:scale(0.97,0.97);
   -moz-transform:scale(0.97,0.97);
}

	
/* サイトタイトルの文字変更 */
.entry-card-title, 
.related-entry-card-title,
.e-card-info,
.article h1{
	font-size: 2em;
	font-weight:bold;
	color: #6c848d;
	text-align: center;
	letter-spacing: 0.1em
}

/* ここにCSSのスタイルを記載する */
}
/* タブレット用サイズ */
@media screen and (max-width: 768px) {
	#header .site-name-text {
		font-size: 18px;
	}
}
/* モバイル用サイズ */
@media screen and (max-width: 480px) {
	#header .site-name-text {
		font-size: 18px;
	}