@charset "UTF-8";


.page-title--gas-fee .page-title__container {
  
  background-color: #E4EFFA;
  background-size: 60.1rem 15rem;
}
@media (max-width: 767px) {
  .page-title--gas-fee .page-title__container {
    background-position: top right -20rem;
  }
}
@media (max-width: 767px) and (max-width: 374px) {
  .page-title--gas-fee .page-title__container {
    background-position: top right -30rem;
  }
}
.page-title--gas-fee .page-title__title h2::before {
  background-image: url("/images/common/icon_page-title--gas_fee.png");
  background-image: image-set(url("/images/common/icon_page-title--gas_fee.png") 1x, url("/images/common/icon_page-title--gas_fee@2x.png") 2x);
}

@media (max-width: 1048px) {
  .page-title__title h2 {
    padding-left: 7rem;
  }
  .page-title--gas-fee .page-title__title h2::before {
    width: 5rem;
    aspect-ratio: 45/45;
  }
}


@media (max-width: 480px) {
  .page-title__title h2 {
    padding-left: 6.2rem;
  }
  .page-title--gas-fee .page-title__title h2::before {
    width: 5.4rem;
    aspect-ratio: 22/22;
  }
}

.page-title__container {
  display: flex;
  width: 1920px;
  max-width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  margin-inline: auto;
}
.page-title__wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 1086px;
  max-width: calc(100% - 4rem);
  height: 100%;
  justify-content: space-between;
  align-items: center;
  margin-inline: auto;
}
.page-title__title {
  width: 900px;
  max-width: calc(100% - 4rem);
  margin-inline: unset !important;
}
.page-title__date {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  /*width: 180px;*/
  max-width: 100%;
  font-size: 2rem;
  font-weight: 500;
  color: #003881;
  
}

.archive-gas-fee__no-posts {
  width: 1086px;
  max-width: calc(100% - 4rem);
  margin-inline: auto;
  margin-block: 8rem;
  font-size: 2rem;
}

.archive-gas-fee__list {
  width: 1086px;
  max-width: calc(100% - 4rem);
  margin-inline: auto;
  margin-block: 8rem;
  font-size: 1.8rem;
}

.archive-gas-fee__list .archive-gas-fee__item {
  display: flex;
  align-items: center;
  padding-block: 3rem;
  border-bottom: 1px solid #ccc;
}

.archive-gas-fee__list li:last-child {
  border-bottom: none;
}

.archive-gas-fee__link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  gap: 1.6rem;
}

.archive-gas-fee__link::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 3rem;
  transform: translateY(-50%);
  width: 8px;
  height: 14px;
  background: #003881 0% 0% no-repeat padding-box;
  /* 右向き三角形を作成 */
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.archive-gas-fee__title {
  background: #E4EFFA 0% 0% no-repeat padding-box;
  border-radius: 30px;
  padding-block: 1.4rem;
  padding-inline: 2.4rem;
}

.archive-gas-fee__date-wrapper {
  flex-grow: 1;
  text-align: right;
  padding-right: 6rem;
}

.single-gas-fee__header {
  width: 1086px;
  max-width: calc(100% - 4rem);
  margin-inline: auto;
  margin-block: 8rem;
  font-size: 1.8rem;
}

.single-gas-fee__content {
  width: 1086px;
  max-width: calc(100% - 4rem);
  margin-inline: auto;
  margin-block: 8rem;
  font-size: 1.8rem;
}

@media (max-width: 768px) {

  .archive-gas-fee__title-wrapper {
    flex-grow: 2;
    max-width: 90%;
  }

  .archive-gas-fee__title {
    display: block;              /* inline だと効かないことがある */
    white-space: nowrap;         /* 1行にする */
    overflow: hidden;            /* はみ出し隠す */
    text-overflow: ellipsis;     /* 末尾を … 表示 */
    /* 幅が必要：親の幅でOK。必要なら固定/最大幅を与える */
    max-width: 100%;
  }
}