@charset "UTF-8";
/* フォント読み込み */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap");
/* レイアウト */
.page-container {
  width: 100%;
  max-width: 2500px;
}

.page-container {
  display: flex;
  flex-direction: row-reverse;
}
.page-container #mainblock {
  flex-grow: 1;
}
.page-container .sideblock {
  width: 20%;
  min-width: 260px;
  padding-inline: 3.4%;
}
.page-container .related-page-nav {
  font-family: "Zen Maru Gothic";
  z-index: 300;
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
}
.page-container .related-page-nav .lower-level-list {
  padding-left: 1em;
  list-style: none;
}
.page-container .related-page-nav .lower-level-list li {
  position: relative;
}
.page-container .related-page-nav .lower-level-list li:before {
  content: "・";
  position: absolute;
  left: -1em;
}
.page-container .related-page-nav a {
  text-decoration: none;
  color: #212529;
}
@media screen and (max-width: 767px) {
  .page-container .sideblock {
    display: none;
  }
}

@media print, screen and (min-width: 768px) {
  #mainblock.entry-index {
    background: url(../images/post/post_bg_pc.png) no-repeat center 35%;
    background-size: contain;
  }
}
@media screen and (max-width: 767px) {
  #mainblock {
    width: 100%;
  }
}

/*--ブログ名（画像）------------------------*/
@media screen and (min-width: 768px) {
  .blog-name img {
    width: 34%;
    margin-inline: auto;
    margin-bottom: 4.8%;
  }
}

/*--ページネーション --------------------*/
.pagination-block {
  font-family: "Noto Sans JP", sans-serif;
}
.pagination-block .page-numbers {
  font-weight: 500;
}

.single-pagination li {
  width: 5ic;
  text-align: center;
}
.single-pagination li a {
  color: #fd9934;
}

/*-- 記事　-----------------------------*/
.entry-date,
.excerpt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
}
@media print, screen and (min-width: 768px) {
  .entry-date,
.excerpt {
    width: 62.85%;
    margin-inline: auto;
  }
}

.entry-time {
  font-size: clamp(25px, 2vw, 40px);
}

.aoi-blog .entry-name {
  font-size: clamp(25px, 1.55vw, 31px);
  font-weight: 500;
  color: #3fa9f5;
  margin-top: 0.3px;
}
.aoi-blog .entry-name a {
  text-decoration: none;
  color: #3fa9f5;
}

.sakura-blog .entry-name {
  font-size: clamp(25px, 1.55vw, 31px);
  font-weight: 500;
  color: #ff8ca0;
  margin-top: 0.3px;
}
.sakura-blog .entry-name a {
  text-decoration: none;
  color: #ff8ca0;
}

.excerpt {
  display: flex;
  padding-block: 1.75%;
  padding-inline: 0.3em;
  border-bottom: dashed 1px #212529;
  gap: 1em;
}
.excerpt .entry-name {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.excerpt .excerpt-text {
  margin-block: 0.3px;
}
@media print, screen and (min-width: 768px) {
  .excerpt .eyecatch {
    width: 36%;
  }
  .excerpt .excerpt-info {
    width: calc(100% - 1em - 36%);
  }
  .excerpt .excerpt-text {
    font-size: clamp(15px, 1.05vw, 21px);
  }
}
@media screen and (max-width: 767px) {
  .excerpt {
    display: block;
  }
}

.entry-text {
  margin-top: 2em;
}

.entry-detail .entry-text img,
.entry-detail .entry-text picture {
  display: initial;
}