p {
  font-size: clamp(14px, 3vw, 17px);
}

.sub_mv {
  background-image: url(../../image/sub_mv/info.jpg);
  background-position: 85% 90%;
}

@media screen and (max-width: 1320px) {
  .sub_mv {
    background-position: 35% 90%;
  }
}

.post a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.post:hover {
  background: #00a6cb15;
}

/* 日付、カテゴリのラップ */
.detail_wrap {
  margin-right: 20px;
}

@media screen and (max-width: 1000px) {
  #contents article {
    flex-direction: column;
  }

  .content {
    width: 100%;
  }

  .blog #content-sidebar {
    width: 100%;
    padding-left: 0;
  }
}

@media screen and (max-width:560px) {
  .post {
    flex-direction: column;
    align-items: flex-start;
  }

  /* .detail_wrap {
    margin-bottom: 10px;
  } */
}


.info h2.active {
  font-size: clamp(36px, 8vw, 80px);
}

@media screen and (max-width: 630px) {
  .info h2.active {
    top: 55%;
  }
}



/* ===============================================
詳細
=============================================== */

.detail_post {
  padding: 0 0 50px 0;
  display: initial;
}

.detail_post:hover {
  background: initial;
}

.blog .detail_post h4::after {
  content: none;
}

.detail .detail_post h4 {
  font-size: clamp(19px, 2vw, 23px);
}

.detail_post .detail_wrap {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  margin-right: 0;
}

.detail_wrap .day {
  color: #3b2f1450;
}

.detail_wrap .category {
  padding: 0px 10px;
  margin: 10px 0;
  margin-left: 10px;
}

/* 矢印無効 */

.post.nolink::after {
  content: none;
}


/* エディターに画像を配置したときのレイアウト */

.detail_post img[style*="left"] {
  margin-right: 30px;
	margin-bottom: 30px;
}

.detail_post img[style*="right"] {
  margin-left: 30px;
	margin-bottom: 30px;
}