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

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

.widget_categories ul li a{
	line-height: 1.2;
	font-size: 0.85em;
}
.widget_calendar{
	font-size: 0.85em;
}

.related-entry-heading {
	padding-top: 0.85em;
	margin-bottom: 0.5em;
	border-top: 2px solid;
}
#wp-calendar th {
	line-height: 1.5;
}
#wp-calendar td {
	line-height: 2;
}
.main {
	padding: 29px 29px;
}
.entry-title {
    color: #c1385f;
}
h2.entry-card-title.card-title.e-card-title{
	font-size: 125%;
	line-height: 1.5;
	color: #c1385f;
}
.pagination .current {
    color: #fff;
    background-color: #c1385f;
    font-size: 140%;
    border: 1px solid #c1385f;
}
.go-to-top-button {
    border: 1px solid #c1385f;
}
#footer .menu-item {
	line-height: 1.5;
}
/*サイトロゴのフォント変更*/
#header .site-name-text {
	font-weight: 600;
}

/*投稿日並べ替え*/
.article-header{
display:flex;
flex-flow: column;
}
.entry-title{order:2;}
.eye-catch-wrap{order:3;}
.sns-share{order:4;}
.date-tags{order:1;}
.post-date{
	font-size: 0.85em;
	text-align: left;
}

/*クエリーループ一覧表示カスタマイズ*/
.wp-block-post-date{
	padding-bottom:10px;
}
.wp-block-post-title a{
	text-decoration: none;
}
.wp-block-post-terms{
	margin-bottom: 18px;
}
.wp-block-post-terms a{
  color: var(--cocoon-white-color);
  text-decoration: none;
  display: inline-block;
  margin-right: 5px;
	margin-bottom: 18px;
  padding: 4px 6px;
  font-size: 12px;
  background-color: var(--cocoon-text-color);
  border-radius: var(--cocoon-badge-border-radius);
  word-break: break-all;
}
.wp-block-post-content{
	margin-bottom: 5px;
}

/*カテゴリーアイコン削除*/
.entry-categories .fa-folder:before {
    display: none;
}
.cat-icon {
    display: none;
}

/*日時アイコン削除*/
.post-date .fa {
    display: none;
}
.post-date,
.post-update,
.post-author,
.amp-back {
  margin-right: 0;
}

/*個別ページタイトル*/
.entry-title{
	margin-top: 0;
	padding: 12px;
	background-color: #f9f7f8;
	border-top: 2px solid #c1385f;
    border-bottom: 2px solid #c1385f;
}

/*人気記事*/
.no-thumbnail .widget-entry-cards div.widget-entry-card-content {
    font-size: 16px;
    margin-bottom: 0.2em;
}
.widget-entry-cards .a-wrap, .recent-comments .a-wrap {
	border-bottom: 1px solid #ababab;
    box-shadow: none;
    color: #333;
}
.a-wrap {
    background-color: #fff;
}
.a-wrap:hover {
    background-color: #f7e3e7;
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover {
    background-color: #f7e3e7;
}

//URLスラッグの自動生成
function auto_post_slug( $slug, $post_ID, $post_status, $post_type ) {
if ( preg_match( '/(%[0-9a-f]{2})+/', $slug ) ) {
$slug = utf8_uri_encode( $post_type ) . '-' . $post_ID;
}
return $slug;
}
add_filter( 'wp_unique_post_slug', 'auto_post_slug', 10, 4 );


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.is-layout-flow .wp-block-post-template{
	padding-left: 0;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
h2.entry-card-title.card-title.e-card-title{
	font-size: 125%;
	line-height: 1.2;
	color: #c1385f;
}
}