.p-news{
  padding-inline: var(--padding-inline);
  padding-block: 16px 51px;
  @media(min-width:768px){
    padding-block: 30px 125px;
  }
}
.p-news__heading{
  color: var(--main);
  padding-top: 4px;
}
.p-news__archive-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  margin-top: 12px;
  @media(min-width:768px){
    margin-top: 16px;
    grid-template-columns: 1fr 200px;
    grid-template-areas: 'g-1 g-2';
    gap:  calc(100%* 60 / 960);
  }
}
.p-news__archive-taxonomy{
  @media(min-width:768px){
    grid-area: g-2;
  }
}
.p-news__archive-tax-ttl{
  font-size: 20px;
  font-family: var(--gill);
  line-height: calc(27/20);
  border-bottom: 1px solid var(--main);
  @media(min-width:768px){
    padding-bottom: 8px;
  }
}
.p-news__archive-tax-list-container{
  margin-top: 12px;
  display: flex;
  gap: 10px;
  @media(min-width:768px){
    flex-direction: column;
    gap: 4px;
  }
}
.p-news__archive-tax-list a{
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: calc(20/14);
}
.p-news__archive-tax-list--target a{
  text-decoration: underline;
  opacity: 0.5;
  pointer-events: none;
}
.p-news__archive-body{
  @media(min-width:768px){
    grid-area: g-1;
  }
}
.p-news__archive-post-list-container{
  display: flex;
  flex-direction: column;
  gap: 32px;
  @media(min-width:768px){
    gap: 30px;
  }
}
.p-news__archive-post a{
  padding-bottom: 48px;
  border-bottom: 1px solid var(--gray);
  position: relative;
  &::after{
    content: "";
    background-image: url(../images/common/arrow.svg);
    background-size: 12px 6.5px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 32px;
    aspect-ratio: 1;
    border: 1px solid var(--main);
    border-radius: 50%;
    position: absolute;
    bottom: 16px;
    right: 0;
    transition: var(--transition);
    @media(min-width:768px){
      bottom: 12px;
      right: 11px;
    }
  }
  @media(min-width:768px){
    padding-bottom: 16.5px;
  }
  @media (hover: hover) and (pointer: fine) {
    &:hover{
      color: var(--cta);
    }
    &:hover::after{
      background-color: var(--gray);
    }
  }
}
.p-news__archive-time,
.p-news__archive-day_of_week{
  font-size: 14px;
  color: var(--main);
  letter-spacing: 0.08em;
  font-weight: 700;
  line-height: calc(20/14);
}
.p-news__archive-ttl{
  line-height: calc(56/2/16);
  letter-spacing: 0.05em;
  margin-top: 14px;
}
.p-news__archive-content{
  line-height: calc(60/2/16);
  letter-spacing: 0.05em;
  margin-top: 24px;
  @media(min-width:768px){
    margin-top: 18px;
  }
}

.p-news__btn{
  width: 263px;
  aspect-ratio: 263 / 58;
  margin-inline: auto;
  margin-top: 49px;
  @media(min-width:768px){
    margin-top: 40px;
  }
  &::after{
    right: 63.8px;
  }
}
.p-news__btn a{
    padding-left: 56.8px;
}
/* ページャー */
.pager{
  display: flex;
  gap: 5px;
  font-size: 14px;
  color: var(--main);
  margin-top: 32px;
  letter-spacing: 0.05em;
  @media(min-width:768px){
    margin-top: 49px;
  }
}
.page-numbers{
  width: 28px;
  height: 28px;
  border: 1px solid var(--main);
  text-align: center;
  align-content: center;
}
.prev,
.next{
  width: 58px;
  text-transform: capitalize;
}
.prev{
  margin-right: 6px;
}
.next{
  margin-left: 6px;
}
.dots{
  border: unset;
}
.current{
  background-color: var(--sub);
}
/*============================
.single
============================*/

.p-news__single-container{
  margin-top: 24px;
  @media(min-width:768px){
    margin-top: 16px;
  }
}
.p-news__single-ttl{
  font-size: 24px;
  line-height: calc(35/24);
  letter-spacing: 0.05em;
  @media(min-width:768px){
    font-size: 32px;
  }
}
.p-news__single-meta{
  margin-top: 24px;
}
.p-news__single-time,
.p-news__single-day_of_week{
  font-size: 14px;
  color: var(--main);
  letter-spacing: 0.08em;
  font-weight: 700;
  line-height: calc(20/14);
}
.p-news__single-content{
  margin-top: 16px;
  line-height: 2;
  letter-spacing: 0.05em;
  @media(min-width:768px){
    margin-top: 8px;
  }
}
.p-news__single-sns-container{
  margin-top: 32px;
  display: flex;
  gap: 6px;
  @media(min-width:768px){
    gap: 8px;
    margin-top: 44px;
  }
}
.p-news__single-sns a{
  width: 30px;
  aspect-ratio: 1;
  @media(min-width:768px){
    width: 40px;
  }
}
.p-news__single-btn{
  margin-top: 60px;
  @media(min-width:768px){
    margin-top: 86px;
  }
}
.p-news__single-btn a{
    padding-left: 78.8px;
}