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

/************************************
** 子テーマ用のスタイルを書く
************************************/

.site-name-text {
display: none;
}

/*　色を変更する　*/
.breadcrumb-home a,
.breadcrumb-home .fa-home,
.breadcrumb-item a {
	color: var(--cocoon-text-color);
	font-size: 18px;
	font-weight:bold;
}
/*　マウスオーバー時の色　*/
.breadcrumb-home a:hover,
.breadcrumb-item a:hover {
	color: #be056d
}
/*　不要なアイコンを消す　*/
.breadcrumb-item>.fa {
 	display:none;
}
/* 区切り「＞」の調整　*/
.breadcrumb .sp {
    margin: 0 6px;
	font-size: 22px;
}
/* パンくずリストがくっつかないようにブレイクポイントを追加　*/
@media screen and (min-width: 1287px){
	.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
    	margin: 2px auto 0;
		padding: 0.2em 0em 1em;
	}
}
/*　タイトル関連　*/
/*　メインエリアの位置を上げてタイトルの位置を調整　*/
.main {
    padding-top: 13px!important;
}
/*　スマホでタイトルの左右に空間ができるのを削除　*/
@media screen and (max-width: 480px) {
	.entry-title {
	    padding: 0.6em 0;
	}
}
/*　パンくずの位置が変わった場合のタイトルの調整　*/
@media screen and (min-width: 1287px){
	.entry-title {
	    font-size: 29px;
	    padding: 0 0em !important;
		line-height: 1.4em!important;
	}
}
/*　日付タグの位置を右寄せ　*/
.main .date-tags {
    text-align: right!important;
	font-size: 22px;
}
.main .entry-header .post-date {
	margin-left: 0px !important;
	margin-right: 10px !important;
}

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

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

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