.news-inner{
  width: calc(344 / var(--vw) * var(--base));
  margin-inline: auto;
  font-size: calc(14 / var(--vw) * var(--base));
  line-height: calc(25/14);
}

@media (min-width: 768px){
  .news-inner{
    box-sizing: border-box;
    width: calc(100% - (100 / var(--vw) * var(--base)));
    max-width: calc(1144 / var(--vw) * var(--base));
    font-size: calc(20 / var(--vw) * var(--base));
    line-height: calc(40/20);
  }
}

.news-category-list,
.news-sort-list{
  font-size: calc(11 / var(--vw) * var(--base));
  font-family: "JetBrains Mono", monospace;
  line-height: calc(20/11);
}

.news-category-list-item a,
.news-sort-list-item a{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color5);
  width: calc(160 / var(--vw) * var(--base));
  height: calc(38 / var(--vw) * var(--base));
}

.news-category-list-item a.active,
.news-sort-list-item a.active{
  border: 1px solid var(--color4);
  color: var(--color4);
  pointer-events: none;
}


@media (max-width: 767px){
  .news-category{
    display: flex;
    flex-direction: column-reverse;
    gap: calc(16 / var(--vw) * var(--base));
    border-top: 1px solid var(--color5);
    padding-block: calc(24 / var(--vw) * var(--base));
    padding-inline: calc(32 / var(--vw) * var(--base));
  }

  .news-category-list,
  .news-sort-list{
    display: flex;
    flex-direction: column;
    gap: calc(16 / var(--vw) * var(--base));
    overflow: hidden;
    transition: 0.6s ease;
    height: calc(40 / var(--vw) * var(--base));
  }

  .news-category-list.is-active,
  .news-sort-list.is-active{
    height: auto;
  }

  .news-category-list-item:has(.active),
  .news-sort-list-item:has(.active){
    order: 1;
  }
 
  .news-category-list-item:not(:has(.active)),
  .news-sort-list-item:not(:has(.active)){
    opacity: 0;
    transition: 0.6s ease;
    order: 2;
  }

  .news-category-list.is-active .news-category-list-item,
  .news-sort-list.is-active .news-sort-list-item{
    opacity: 1;
  }
}

@media (min-width: 768px){
  .news-category{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--color5);
    border-bottom: 1px solid var(--color5);
    margin-block-end: calc(60 / var(--vw) * var(--base));
    padding-block: calc(16 / var(--vw) * var(--base));
  }

  .news-category-list,
  .news-sort-list{
    display: flex;
    column-gap: calc(4.5 / var(--vw) * var(--base));
  }

  .news-category-list-item a:hover,
  .news-sort-list-item a:hover{
    border: 1px solid var(--color4);
    color: var(--color4);
  }
}

.news-update{
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid var(--color5);
}

.news-update-title{
  margin-block-end: calc(10 / var(--vw) * var(--base));
  font-size: calc(20 / var(--vw) * var(--base));
  font-weight: 600;
  line-height: calc(31/20);
}

.news-update-text{
  color: var(--color3);
  font-size: calc(13 / var(--vw) * var(--base));
  font-weight: 400;
  line-height: calc(22/13);
}

@media (max-width: 767px){
  .news-update-inner{
    padding-block: calc(55 / var(--vw) * var(--base));
    padding-inline: calc(32 / var(--vw) * var(--base));
  }
}

@media (min-width: 768px){
  .news-update-inner{
    width: max-content;
    padding-block: calc(22 / var(--vw) * var(--base));
  }

  .news-update-title{
    margin-block-end: calc(10 / var(--vw) * var(--base));
    font-size: calc(22 / var(--vw) * var(--base));
  }
}

.news-archive-list-item{
  border-bottom: 1px solid var(--color5);
  padding-block: calc(30 / var(--vw) * var(--base));
  padding-inline: calc(32 / var(--vw) * var(--base));
}

.news-archive-header,
.news-archive-body,
.news-archive-footer{
  transition: 0.4s ease;
}

.news-archive-header{
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: calc(36 / var(--vw) * var(--base));
  align-items: center;
  height: max-content;
  padding-block: calc(10 / var(--vw) * var(--base));
  color: var(--color3);
  font-family: "JetBrains Mono", monospace;
  letter-spacing: 0;
  line-height: 1;
}

.news-archive-date{
  font-size: calc(13 / var(--vw) * var(--base));
}

.news-archive-label{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color3);
  margin-inline-start: auto;
  padding: 0.5em;
  font-size: calc(10 / var(--vw) * var(--base));
}

.news-archive-footer{
  margin-block-start: calc(16 / var(--vw) * var(--base));
  color: var(--color3);
  font-size: calc(11 / var(--vw) * var(--base));
  font-family: "JetBrains Mono", monospace;
  letter-spacing: 0;
  line-height: 1;
}

.news-archive-body{
  color: var(--color3);
  font-size: calc(13 / var(--vw) * var(--base));
  line-height: calc(22/13);
  letter-spacing: 5%;
}

.news-archive-body p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.news-archive-title{
  position: relative;
  z-index: 0;
  margin-block-end: calc(10 / var(--vw) * var(--base));
  color: var(--color1);
  font-size: calc(20 / var(--vw) * var(--base));
  line-height: calc(31/20);
}

.news-archive-title:has(.secret-text){
  z-index: 10;
}

.news-archive-title sup{
  font-size: calc(11 / var(--vw) * var(--base));
}

.news-archive-title:not(:has(.secret-text)){
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.news-archive-list .news-archive-title:after{
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: #e0ffff;
  z-index: -1;
}

.news-archive-list .is-active .news-archive-title:after{
  animation: animate 48ms ease-in-out infinite;
  z-index: 1;
}

@keyframes animate{
  0%, 100%{
    top: -5px;
    left: 0;
    opacity: 1;
  }
  20%{
    top: 0;
    left: -8px;
    opacity: 0.7;
  }
  40%{
    top: 5px;
    left: 0;
    opacity: 0.2;
  }
  60%{
    top: 0;
    left: 8px;
    opacity: 0.3;
  }
  80%{
    top: 0;
    left: 0;
    opacity: 0.9;
  }
}

@media (min-width: 768px){
  .news-archive-list{
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    column-gap: calc(30 / var(--vw) * var(--base));
  }

  .news-archive-list-item{
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / 4;
    padding-block: calc(22 / var(--vw) * var(--base));
    padding-inline: 0;
  }

  .news-archive-label{
    margin-inline: auto;
  }

  .news-archive-footer{
    margin-block: auto;
    font-size: calc(11 / var(--vw) * var(--base));
  }

  .news-archive-body p{
    -webkit-line-clamp: 2;
  }

  .news-archive-title{
    font-size: calc(22 / var(--vw) * var(--base));
  }

  .news-archive-title sup{
    font-size: calc(14 / var(--vw) * var(--base));
  }

  .news-archive-list a{
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / 4;
  }

  a:hover .news-archive-header,
  a:hover .news-archive-body{
    transform: translateX(calc(22 / var(--vw) * var(--base)));
  }
}

.news-post{
  width: calc(280 / var(--vw) * var(--base));
  min-height: 50vh;
  margin-block-end: calc(40 / var(--vw) * var(--base));
  margin-inline: auto;
}

.news-post-header{
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: calc(36 / var(--vw) * var(--base));
  align-items: center;
  height: max-content;
  padding-block: calc(10 / var(--vw) * var(--base));
  color: var(--color3);
  font-family: "JetBrains Mono", monospace;
  letter-spacing: 0;
  line-height: 1;
}

.news-post-date{
  font-size: calc(13 / var(--vw) * var(--base));
}

.news-post-label{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color3);
  margin-inline-start: auto;
  padding: 0.5em;
  font-size: calc(10 / var(--vw) * var(--base));
}

.news-post-footer{
  margin-block-start: calc(16 / var(--vw) * var(--base));
  color: var(--color3);
  font-size: calc(11 / var(--vw) * var(--base));
  font-family: "JetBrains Mono", monospace;
  letter-spacing: 0;
  line-height: 1;
}

.news-post-body{
  color: var(--color1);
  font-size: calc(14 / var(--vw) * var(--base));
  line-height: calc(32/16);
  letter-spacing: 5%;
}

.news-post-body :where(p,ul,ol,dl){
  margin-block: 1.0em;
}

.news-post-body :where(ul){
  list-style-type: disc;
  margin-inline-start: 1.5em;
}

.news-post-body :where(ol){
  list-style-type: decimal;
  margin-inline-start: 1.5em;
}

.news-post-body :where(a){
  color: var(--color4);
  text-decoration-line: underline;
  text-underline-offset: 0.3em;
}

.news-post-body :where(b,strong){
  font-weight: 700;
}

.news-post-body :where(h2){
  margin-block: calc(20 / var(--vw) * var(--base));
  font-size: calc(18 / var(--vw) * var(--base));
}

.news-post-body :where(h3){
  margin-block: calc(20 / var(--vw) * var(--base));
  font-size: calc(17 / var(--vw) * var(--base));
}

.news-post-body :where(table){
  font-family: "JetBrains Mono", monospace;
}

.news-post-body .wp-block-table th,
.news-post-body .wp-block-table td{
  border-color: var(--color3);
}

.news-post-body :where(figure) {
  margin-block: calc(40 / var(--vw) * var(--base));
}

.news-post-body :where(figcaption){
  font-size: calc(14 / var(--vw) * var(--base));
  font-family: "JetBrains Mono", monospace;
  text-align: center;
}

.news-post-body :where(iframe){
  width: 100%;
  height: auto;
  aspect-ratio: 500/281;
}

.news-post-body hr{
  border-top: 1px solid var(--color3);
  margin-block: calc(40 / var(--vw) * var(--base));
}

.news-post-title{
  margin-block-end: calc(20 / var(--vw) * var(--base));
  color: var(--color1);
  font-size: calc(20 / var(--vw) * var(--base));
  line-height: calc(31/20);
}

.news-post-return{
  margin-block-start: calc(16 / var(--vw) * var(--base));
  text-align: center;
}

.news-post-return a{
  display: inline-block;
  border: 1px solid var(--color1);
  width: 5.0em;
  height: 2.0em;
  padding-inline: 1.0em;
  color: var(--color1);
  font-size: calc(14 / var(--vw) * var(--base));
  line-height: calc(32/16);
  letter-spacing: 5%;
  text-indent: 5%;
}

.news-post-return a:hover{
  background: rgba(249,247,3,0.06);
  border: 1px solid var(--color4);
  color: var(--color4);
}

@media (min-width: 768px){
  .news-post{
    width: 80%;
    min-height: 100vh;
    margin-block-end: calc(140 / var(--vw) * var(--base));
    margin-inline: auto;
  }

  .news-post-label{
    margin-inline-start: auto;
  }

  .news-post-footer{
    margin-block-start: calc(20 / var(--vw) * var(--base));
    font-size: calc(11 / var(--vw) * var(--base));
    text-align: right;
  }

  .news-post-body{
    font-size: calc(16 / var(--vw) * var(--base));
  }

  .news-post-body :where(h2){
    font-size: calc(22 / var(--vw) * var(--base));
  }

  .news-post-body :where(h3){
    font-size: calc(18 / var(--vw) * var(--base));
  }

  .news-post-body :where(figcaption){
    font-size: calc(14 / var(--vw) * var(--base));
  }

  .news-post-title{
    margin-block-end: calc(30 / var(--vw) * var(--base));
    font-size: calc(26 / var(--vw) * var(--base));
  }

  .news-post-return{
    margin-block-start: calc(20 / var(--vw) * var(--base));
  }

  .news-post-return a{
    font-size: calc(16 / var(--vw) * var(--base));
  }
}

.secret-text{
  color: var(--color3);
}

.label-observation{
  border: 1px solid var(--color4);
  color: var(--color4);
}

.label-announcement{
  border: 1px solid var(--color1);
  color: var(--color1);
}

.label-accessdenied{
  border: 1px solid #A11A49;
  color: #A11A49;
}

.p-paging .nav-links{
  display: flex;
  justify-content: center;
  gap: calc(15 / var(--vw) * var(--base));
  margin-block-start: calc(110 / var(--vw) * var(--base));
  margin-block-end: calc(140 / var(--vw) * var(--base));
  color: var(--color3);
  font-size: calc(13 / var(--vw) * var(--base));
  font-family: "JetBrains Mono", monospace;
  letter-spacing: 0;
  line-height: 1;
}

.p-paging a,
.p-paging span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(40 / var(--vw) * var(--base));
  height: calc(40 / var(--vw) * var(--base));
}

.p-paging .current{
  color: var(--color4);
}

.screen-reader-text{
  display: none;
}