/* セブ英語倶楽部 ブログ一覧ナビ */

/* 1. 一覧のサムネを切らない（Lightningは100:62の枠で左右を切る） */
.vk_posts-mainSection .vk_post .vk_post_imgOuter.media-img:before {
	padding-top: 56.25%;
}
.vk_posts-mainSection .vk_post .vk_post_imgOuter.media-img {
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: contain;
}

/* 2. スマホの一覧を短くする（サムネ・タイトル・日付だけ） */
@media (max-width: 767.98px) {
	.vk_posts-mainSection .vk_post .vk_post_excerpt,
	.vk_posts-mainSection .vk_post .vk_post_btnOuter {
		display: none;
	}
	.vk_posts-mainSection .vk_post.vk_post-btn-display.media .vk_post_body {
		padding-bottom: 0;
	}
}

/* 3. カテゴリーの切り替えバー（スマホは横スクロールの1行） */
.cebuec-catbar {
	margin: 0 0 1.5rem;
}
.cebuec-catbar__list {
	display: flex;
	gap: 6px;
	list-style: none;
	margin: 0;
	overflow-x: auto;
	padding: 0 0 6px;
	position: relative;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.cebuec-catbar__list::-webkit-scrollbar {
	display: none;
}
.cebuec-catbar__list li {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
}
.cebuec-catbar__list a {
	background: #fff;
	border: 1px solid #70b7ff;
	border-radius: 999px;
	color: #333;
	display: block;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
	padding: 6px 12px;
	text-decoration: none;
	white-space: nowrap;
}
.cebuec-catbar__list a:hover {
	background: #eef6ff;
}
.cebuec-catbar__list a.is-current {
	background: #2c5282;
	border-color: #2c5282;
	color: #fff;
}
.cebuec-catbar__list .is-course a {
	border-color: #ccc;
	color: #555;
	font-size: 12px;
	font-weight: 400;
	padding: 4px 10px;
}
.cebuec-catbar__list .is-course a.is-current {
	border-color: #2c5282;
	color: #fff;
}
.cebuec-catbar__list .cebuec-catbar__break {
	display: none;
}

/* PCは折り返して全部見せる。コース別は次の行へ */
@media (min-width: 768px) {
	.cebuec-catbar__list {
		flex-wrap: wrap;
		overflow-x: visible;
		padding-bottom: 0;
	}
	.cebuec-catbar__list .cebuec-catbar__break {
		display: block;
		flex: 0 0 100%;
		height: 0;
	}
}

/* 4. バーを出しているページでは右の欄のカテゴリーを隠す（上だけにする） */
.cebuec-has-catbar .sub-section .widget_categories,
.cebuec-has-catbar .sub-section .cebuec-catbar-side {
	display: none;
}