/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/* common */
article.has-post-thumbnail .entry-img{
	padding-top:0!important;
}

article.has-post-thumbnail .entry-img img{
	position:relative;
	height:auto;
}

.sidebar-right .bb-share-container {
    margin-left: -60px;
}

#item-body .wp-list-table.fixed{
	position:inherit!important;
}

/* ブログ一覧：カード内の余白 */
.post-grid .entry-header {
	margin-bottom: 0.75rem;
}

.post-grid .entry-content {
	margin-bottom: 0.75rem;
}

.post-grid .entry-content + .bb-blog-categories {
	margin-bottom: 0.5rem;
}

/* ブログ一覧・[bb_blog_posts] のカテゴリータグ */
.entry-header .bb-blog-categories {
	margin-top: 0.5rem;
}

.bb-blog-category-tag {
	display: inline-block;
	margin: 0 0.35rem 0.35rem 0;
	padding: 0.2rem 0.6rem;
	border-radius: 3px;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.4;
	color: #fff;
	background-color: var(--bb-primary-color, #385dff);
}

/* ブログ Grid：先頭投稿を他と同じサイズの縦カードにする */
@media (min-width: 992px) {
	.post-grid.bb-grid > .hentry.lg-grid-2-3,
	.post-grid.bb-grid > .hentry.first {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
}

.post-grid.bb-grid > .hentry.first .post-inner-wrap {
	display: flex;
	flex-flow: column;
}

.post-grid.bb-grid > .hentry.first .ratio-wrap {
	width: 100%;
}

.post-grid.bb-grid > .hentry.first .ratio-wrap .entry-img {
	height: auto;
}

/* ブログ一覧・[bb_blog_posts]：カード内余白を狭める */
.post-grid .lg-grid-1-3 .entry-content-wrap,
.first .post-inner-wrap .entry-content-wrap {
	padding: 1rem 1rem 1.5625rem 1rem;
}

.post-grid.bb-grid > .hentry.first .post-inner-wrap .entry-title {
	font-size: 1.125rem;
	line-height: 1.47;
}

/* ブログアーカイブ一覧のみ：タイトル・説明文を両端揃え（ショートコード・関連記事は対象外） */
body.blog .post-grid.bb-grid:not(.bb-blog-posts-shortcode) .entry-title,
body.blog .post-grid.bb-grid:not(.bb-blog-posts-shortcode) .entry-title a,
body.blog .post-grid.bb-grid:not(.bb-blog-posts-shortcode) .entry-content p,
body.archive .post-grid.bb-grid:not(.bb-blog-posts-shortcode) .entry-title,
body.archive .post-grid.bb-grid:not(.bb-blog-posts-shortcode) .entry-title a,
body.archive .post-grid.bb-grid:not(.bb-blog-posts-shortcode) .entry-content p,
body.search .post-grid.bb-grid:not(.bb-blog-posts-shortcode) .entry-title,
body.search .post-grid.bb-grid:not(.bb-blog-posts-shortcode) .entry-title a,
body.search .post-grid.bb-grid:not(.bb-blog-posts-shortcode) .entry-content p {
	text-align: justify;
	text-justify: inter-character;
}

@media (max-width: 992px) {
	.post-grid:not(.bb-standard) .hentry.first {
		width: 50%;
	}

	.post-grid:not(.bb-standard) .hentry.first .entry-content-wrap {
		padding: 1rem 1rem 1.5625rem 1rem;
	}
}