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

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

/*全体*/
a{
	color:#cd608d;
}
.ect-vertical-card .entry-card-wrap .post-date, .ect-vertical-card .entry-card-wrap .post-update, .date-tags, .e-card-info > span{
	color:#5db1b0;
}
#footer{
background: repeating-linear-gradient(
	90deg,
	#f3e5e3,
	#f3e5e3 10px,
	#f9f0ee 0,
	#f9f0ee 20px
);
}


/*ブログカードインデックスページ*/
a.entry-card-wrap{
	padding:20px;
	color: #4a3a44;
}
.a-wrap:hover{
	color: #4a3a44;
}
.related-entry-card-title, .entry-card-title {
    font-size: 21px;
}
.related-entry-card-snippet, .entry-card-snippet{
	font-size:17px;
	line-height:170%;
}
.entry-card-snippet card-snippet e-card-snippet {
	display:block;
}
.entry-card-info > * {
	font-size: 17px;
	text-align: left;
}
.post-date, .post-update, .post-author, .amp-back, .entry-category{
    font-size: 17px;
}
.no-thumbnail .entry-card-snippet, .no-thumbnail .related-entry-card-snippet{
	margin-top:18px;
}
.no-thumbnail .entry-card-snippet, .no-thumbnail .related-entry-card-snippet{
//	min-height:105px;
	height:auto;
}

/*個別*/
.main {
	padding: 36px 50px;
}
body:not(.wp-admin) {/*文字色*/
	color: #4a3a44;
}
.entry-categories-tags {
    margin-bottom: 18px;
    padding-bottom: 15px;
}
.entry-categories-tags {
    margin-bottom: 0.5em;
    text-align: right;
}
.related-entry-heading, .comment-title {
	padding: 24px;
    background: repeating-linear-gradient(90deg, #f3e5e3, #f3e5e3 10px, #f9f0ee 0, #f9f0ee 20px);
}

/*リンクブログカード*/
.a-wrap {
    margin: 10px 0;
    padding: 20px 0 0 0;
    width: 100%;
}

/*ヘッダー*/
.tagline{
	margin:0px;
}
.logo-text {
	padding:0px;
}

/*ウィジェットカテゴリー＆タグ*/
li.menu-item.menu-item-type-taxonomy.menu-item-object-category a {
	font-size: 18px;
	line-height:220%;
}
.tagcloud a {
	font-size:18px;
}

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

.entry-card-info > * {
	font-size: 18px;
	text-align: left;
}

}

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

main.main, div.sidebar {
        padding: 32px 15px;
	font-size: 22px;
}
.entry-content {
	padding: 0 30px;
}


}

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

main.main, div.sidebar {
        padding: 32px 10px;
}
.entry-content {
	padding: 0 5px;
}



}