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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.p-10{padding:10px;}.p-15{padding:15px;}.p-20{padding:20px;}
.m-10{margin:10px;}.m-15{margin:15px;}.m-20{margin:20px;}
.b-r-20{border-radius:20px;}

/*font*/
body {
  	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Yu Gothic", sans-serif;
	font-size:16px !important;
}
/*header*/
#header .logo{
	padding:15px 0;
} 

/*home*/
body.home #main .article-header{
	display:none;
}
#main #l_blog_title,#main ul.latest_blogs{
	padding-left:0;
	margin:10px 0 10px 0;
}
#main #l_blog_title, #main #categories_title{
	border-top:solid 2px #d83b5e;
	border-bottom:solid 2px #d83b5e;
	padding-left:10px;
}
/*home 投稿一覧*/
#main ul.latest_blogs a{
	text-decoration:none;
	color:#333;
}
#main ul.latest_blogs li{
	display:flex;
	align-items:center;
	margin-bottom:10px;
}
#main ul.latest_blogs li time{
	font-size: 10px;
    color: #666;
	background-color: #F0EDE6;
    width: fit-content;
	margin-left:15px;
    padding: 3px 8px;
    border-radius: 10px;
}
/*home カテゴリ一覧*/
#home_cats{
	padding-left:0;
	display:flex;
	flex-wrap:wrap;
}
#home_cats li{
	list-style:none;
	background-color:#DA7B9F;
	border-radius: 15px;
	margin-right:10px;
	padding:4px 12px;
}
#home_cats li a{
	text-decoration:none;
	color: #FFF;
}
#home_cats li a:before{
	display:inline-block;
	width:10px;
	height:20px;
	content:'#';
}
#home_cats li:hover{
	background-color:#F5D0D8;
}

/*投稿*/
/*題名下のアイキャッチ非表示*/
.eye-catch-wrap{
	display:none;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
	#main ul.latest_blogs li{
		display:block;
	}
	#main ul.latest_blogs li time{
		margin-left:0;
	}
	#home_cats li{
		width:fit-content;
		white-space:nowrap;
	}
}