@charset "utf-8";

.column-archive__title {
  margin-bottom:min(3%,32px);
}

.column-archive__list {
  margin-top:min(6%,64px);
  margin-bottom:min(8%,80px);
}

.column-list {
  margin:0;
  padding:0;
  list-style:none;
  text-align:left;
}

.column-list__item {
  padding:16px 0;
  border-bottom:1px solid #E0D6D6;
}

.column-item {
  display:block;
  color:inherit;
  text-align:left;
}

.column-item__date {
  display:block;
  font-family:roboto, arial, sans-serif;
  font-size:16px;
  font-weight:500;
  letter-spacing:0.05em;
}

.column-item__title {
  margin-top:4px;
  font-size:18px;
  font-weight:500;
  letter-spacing:0.05em;
}

.column-item__excerpt {
  margin-top:4px;
  font-size:16px;
  line-height:1.6;
  color:#A39089;
}

.column-item__more {
  margin-left:0.3em;
  color:#947A70;
  text-decoration:underline;
  white-space:nowrap;
}

.column-pagination {
  margin-top:min(6%,64px);
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  gap:16px;
}

.column-pagination__numbers {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  gap:8px;
}

.column-pagination__numbers .page-numbers {
  width:22px;
  height:22px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius:50%;
  border:1px solid #6B4B3F;
  font-size:16px;
  font-weight:700;
  letter-spacing:0.1em;
  color:#6B4B3F;
  text-decoration:none;
}

.column-pagination__numbers .page-numbers.current {
  background-color:#6B4B3F;
  color:#fff;
}

.column-pagination__numbers .page-numbers:hover {
  opacity:1;
  background-color:#E0D6D6;
}

.column-pagination__arrow {
  width:25px;
  height:16px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.column-pagination__arrow img {
  width:25px;
  height:auto;
}

.column-pagination__arrow--prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.column-pagination__arrow.is-disabled {
  opacity:0.3;
  pointer-events:none;
}

.column-empty {
  margin-top:32px;
  color:#A39089;
  text-align:center;
}

.column-single__header {
  margin-top:min(4%,40px);
  margin-bottom:min(6%,60px);
  text-align:center;
}

.column-single__title {
  margin:0;
}

.column-single__date {
  margin-top:8px;
  font-family: "Shippori Mincho B1", serif;
  font-size:18px;
  font-weight:700;
  letter-spacing:0.05em;
  color:#A39089;
}

.column-single__content {
  margin-top:min(6%,60px);
  text-align:left;
  line-height:1.8;
}

.column-single__content p {
  margin-top:1.5em;
}

.column-single__content p:first-child {
  margin-top:0;
}

@media screen and (max-width:768px){
  .column-single__header {
    margin-top:10%;
  }

  .column-single__date {
    margin-top:3%;
    font-size:4.5vw;
  }

  .column-single__content {
    margin-top:12%;
    line-height:1.7;
  }
}

@media screen and (max-width:768px){
  .column-archive__title {
    margin-bottom:8%;
  }

  .column-archive__list {
    margin-top:10%;
  }

  .column-list__item {
    padding:6% 0;
  }

  .column-item__date {
    font-size:4vw;
  }

  .column-item__title {
    font-size:4.5vw;
  }

  .column-item__excerpt {
    font-size:4vw;
  }

  .column-pagination {
    margin-top:12%;
    gap:4vw;
  }

  .column-pagination__numbers .page-numbers {
    width:7vw;
    height:7vw;
    font-size:4vw;
  }

  .column-pagination__arrow img {
    width:6vw;
  }
}