/**
 * File: single.css
 * Usage: single.php(投稿の個別ページ)のスタイルを定義します。
*/

main::after {
  content: none;
}

.ly_singleNews {
  padding-inline: var(--col-1);
}

.bl_singleNews_content {
  margin-bottom: 80px;
}

.el_postTtl {
  font-size: clamp(1.5rem, 1.1429rem + 1.7857vw, 2rem);
}

.bl_singleNews_content .bl_postContent {
  font-size: 16px;
}

.bl_singleNews_content .bl_post {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.el_postCategories {
  display: flex;
  gap: 8px;
  align-items: center;
}

.el_postCategories::before {
  width: 6px;
  height: 6px;
  content: '';
  background: var(--color-neutral);
  border-radius: 50%;
}



@media screen and (min-width: 768px) {
  .ly_singleNews {
    padding-inline: var(--col-2);
  }

  .bl_singleNews_content .bl_post {
    gap: 64px;
  }

  .el_postCategories {
    font-size: 16px;
  }

  .bl_singleNews_content .el_btn {
    margin-top: 80px;
  }
	
	.bl_singleNews_content{
	max-width: 960px;
		margin-inline: auto;
}
}