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

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

.mobile-header-menu-buttons,
.mobile-menu-buttons,
.home-menu-button,
.menu-button,
.top-menu-icon,
.menu-icon,
.top-menu-caption,
.menu-caption {
	background-color: #ee7800;
	color: #FFFFFF;
}

/* アーカイブページにアイキャッチ画像を表示しない */
.eye-catch {
  display: none;
}

/* タクソノミーのindexページ用カテゴリ */
/* css/category.index にあるべき内容だけど、それだと何故かうまく行かない */
div.indextax div.box-content {
	padding-top: 16px;
	padding-bottom: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}
div.indextax div.box-content figure {
	width: 33%;
}

div.indextax div.box-content a.btn_showall {
	display: block;
	width: 90%;
	margin-bottom: 16px;
	color: white;
	background-color: gray;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
}


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

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

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