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

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



/*呼び出し用*/
.img_circle {
	border-radius: 50%;
}
/*カスタム投稿ツイート系*/
.shorttweet .entry-header {
		display: grid;
		grid-template-rows: 1em auto;
		grid-template-columns: max-content auto max-content;
	}
}

.format-status .title_anchor {
	display: none;
}

.entry-meta {
	display: inline-block;
	margin-right: 4px;
}

.type-post .entry-meta {
	margin-left: auto;
}

.shorttweet .entry-meta {
	grid-column: 3/4;
	grid-row: 1/2;

}

article[id*="post-"].type-post .entry-title {
	display: inline-block;
	margin-top: 0;
}

.shorttweet .entry-title {
	margin-top: 0;
	font-size: 0.9em;
	font-weight: normal;
	display: inline-block;
	grid-row: 2/3;
	grid-column: 2/3;
	line-height: 1.5em;
	margin: 2px 0 0 0;
}

article.shorttweet .entry-header>.avator_img {
	display: inline-block;
	/* content: ''; */
	width: 32px;
	height: 32px;
	margin: 6px 5px;
	vertical-align: text-top;
	background-image: url('http://test.local/wp-content/uploads/2022/11/profile_img.png');
	background-size: 32px 32px;
	background-repeat: no-repeat;
	border-radius: 35%;
	grid-row: 1/2;
	grid-column: 1/2;
	/* 	box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, .5); */
}

.post-header-userinfo {
	grid-row: 1/2;
	grid-column: 2/3;

}

.shorttweet .title_anchor::before {
	content: "タイトル:";
}

/*  
url('http://test.local/wp-content/uploads/2023/01/32px_iconSpritev2.png');
.entry-title::before
*/
/* アイコンの設定 */
article.format-standard h2::before {
	background-position: 0 -32px;
}

article.format-aside h2::before {
	background-position: 0 0;
}

article.format-status h2::before {
	background-position: 0 -96px;
}

.entry-content {
	/* padding-left: 40px; */
	line-height: 1.6em;
	font-size: 0.9em;
}

.entry-footer {
	text-align: right;
	font-size: 0.9em;
}

.entry-footer>span {
	display: inline-block;
	padding-left: 12px;
	text-align: right;
}

main article code {
	font-size: 0.8em;
}

/* 投稿フォーマットの設定*/
article.format-status .entry-title {
	/* display: none; */
}

article.format-aside .entry-title {
	/* display: none; */
	font-size: 0.9em;
}

article.format-status span.comments-link {
	display: none;
}

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

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

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