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

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

/*対象の固定ページの日付を非表示*/
.post-133 .date-tags {display: none;}

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

/* ボックスメニューのカスタマイズ */
.box-menu:hover{
  background: #f4f7f7;  /* 背景に色を付ける */
  box-shadow: none;  /* 枠線のシャドウを消す */
}

/* ボックスメニューの数 */
.box-menu {
	width:calc(100%/6);
}
/* ボックスメニューのアイコンの色 */
.sports{
	color: #1E90FF;
	font-size: 30px; 
}

.entertainment{
	color:#ffd900;
　　font-size: 30px; 
}

.necessities{
	color:#8bc34a;
	font-size: 30px; 
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
/* ボックスメニューの数 */
.box-menu {
	width:calc(100%/5);
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
/* ボックスメニューの数 */
.box-menus .box-menu {
	width:calc(100%/5); /* メニューの数 */
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
/* ボックスメニューの数 */
.box-menus .box-menu {
	width: calc(100%/3); /* メニューの数 */
	}
}

.cocoon-custom-text-1{
	color: orange;
}
.cocoon-custom-text-2{
	color: pink;
}