#news{
.wrapper{
  .news{
    .inner{
      max-width: 1050px;
      width: 90%;
      .title{
        margin-top: calc(320 / 1363 * 100%);
                            &:after {
                        content: "";
                        display: block;
                        width: 80px;
                        height: 2px;
                        background-color: var(--gold);
                        margin: calc(70 / 1363 * 100%) auto;
                        @media screen and (min-width: 769px) {
                        height: 4px;
                        }
                    }
                    @media screen and (min-width: 1024px) {
                      margin-top: 200px;
                    }
      }
     .news-list{
        gap:calc(25 / 1363 * 100%);
         margin-top: calc(50 / 1363 * 100%);
         @media screen and (min-width: 769px) {
          display: grid;
          grid-template-columns:repeat(3, 1fr);
             gap:20px calc(25 / 768 * 100%);
          padding-left:15px;
          padding-right:15px;
         }
          @media screen and (min-width: 1024px) {
            margin-top: calc(80 / 1363 * 100%);
             gap:30px calc(50 / 1363 * 100%);
             padding-left:0;
          padding-right:0;
             padding-bottom:0;
         }
          
        li{
          position: relative;
          text-align: left;
          padding-bottom: calc(50 / 768 * 100%);
          @media screen and (min-width: 769px) {
            padding-bottom: 0;
          }
          .news-category,         
          .cat01,
          .cat02,
          .cat03,
          .cat04,
          .cat05{
            width: auto;
            padding: .5rem .8rem;
            color: var(--white);
            text-align: center;
            display: inline-block;
            border-radius: 5px;
            font-size: 12px;
            line-height: 1.4;
            background: var(--gray);
          }
          .event01,
          .encat1,
          .cat01{
            background-color: #39804a;
          }
          .event02,
          .encat2,
          .cat02{
            background-color: #c2525c;
          }
          .event03,
          .encat3,
          .cat03{
            background-color: #846056;
          }
          .event04,
          .encat4,
          .cat04{
            background-color: #a87cc4;
          }
          .event05,
          .encat5,
          .cat05{
            background-color: #33699c;
          }

          img{
            aspect-ratio: 600 / 450;
            width: 100%;
            object-fit: cover;
            object-position: top;
          }
         
          .time,
          .news-time {
          color: var(--red);
            font-size: 14px;
            font-weight: 700;
            line-height: 1.5;
          }
          .news-title{
            font-size: clamp(16px, 0.6vw + 13.74px, 16px);
             font-weight: 700;
            line-height: 1.5;
          }
        }
      li.event_box{
        .time{
          font-size: 16px;
          text-align: center;
          margin-bottom: 5px;
        }
        img{
          aspect-ratio: 600 / 800;
          width: 100%;
          object-fit: cover;
          object-position: top;
        }
      }
      .page-numbers{
        display: flex;
        justify-content: center;
        align-items: self-end;
        gap: 2rem;
        margin-top: calc(100 / 1363 * 100%);
        a{
          color: var(--black);
          font-size: clamp(14px, 0.2vw + 13.24px, 16px);
        }
      }
}
}
}
.event{
    .inner{
      width: 100%;
      margin: 0 auto;
  padding: calc(100 / 1363 * 100%) ;
      @media screen and (min-width: 769px) {
      padding: calc(50 / 1363 * 100%) 0;
      }
      .title{
     margin-bottom: calc(30 / 1363 * 100%);
                 &:after {
                content: "";
                display: block;
                width: 80px;
                height: 2px;
                background-color: var(--gold);
                margin: calc(70 / 1363 * 100%) auto;
            }
      }
      .lead{
        text-align: center;
                font-size: clamp(24px, 0.81vw + 20.96px, 32px);
                margin-bottom: calc(40 / 1363 * 100%);
      }
      p{
        font-size: clamp(16px, 0.6vw + 13.74px, 18px);
        line-height: 2;
    
        @media screen and (min-width: 769px) {
      
        }
        br{
          display: none;
          @media screen and (min-width: 769px) {
            display: block;
          }
        }
      }
      img{
        width: 100%;
        max-width: 652px;
        margin-top: calc(50 / 1363 * 100%);
      }
    }
  }

/* google_sheet_table */
.google-sheet-table-wrap {
  width: 100%;
  overflow-x: auto;
  margin-top: calc(50 / 1363 * 100%);
  @media screen and (min-width: 769px) {
    margin-top: calc(100 / 1363 * 100%);
  }
}

.google-sheet-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
  border-spacing: 0;
            border: solid 2px black;
}

.google-sheet-table th,
.google-sheet-table td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
  font-size: 10px;
  line-height: 1.6;
}

.google-sheet-table th {
  background: #f5f5f5;
  font-weight: 700;
    font-size: clamp(12px, 0.4vw + 12.2px, 14px);
  text-align: center;
}

.google-sheet-table tr:nth-child(even) {
  background: #fafafa;
}
.google-sheet-table td.end {
  display: none;
  background-color: #e6e6e6;
  color: #cccccc;
  opacity: 0.8;
}
    .google-sheet-table td {
      font-size: clamp(12px, 0.4vw + 12.2px, 14px);
      &:nth-child(1),
      &:nth-child(2),
    &:nth-child(4) {
     font-size: clamp(13px, 0.4vw + 12.2px, 15px);
     font-weight: 900;
    }
    }
}
}
#single{
  main{
  text-align: center;
  width: 100%; 
  .single{
    width: 100%;
    margin: 0 auto;
    padding-top: calc(320 / 1363 * 100%);
    text-align: left;
    
    @media screen and (min-width: 769px) {
       max-width:calc(1016 / 1363 * 100%);
       display: flex;
      justify-content: space-between;
      align-self: start;
      flex-direction:row-reverse;
      padding-top: 200px;
    p{
      margin-bottom: 2rem;
    }
    a{
      text-decoration: underline;
    }
    }
    .sidebar{
     width: 85%;
      border-top: 1px solid var(--gray);
      padding-top: calc(40 / 1016 * 100%);
      margin: calc(100 / 1363 * 100%) auto 0;
       @media screen and (min-width: 769px) {
         width: calc(270 / 1016 * 100%);
         margin: 0 auto;
       }
      .sidebar-list{
        li{
          margin-bottom: calc(10 / 270 * 100%);
          a{
            font-size: clamp(14px, 0.2vw + 15.24px, 16px);
            position: relative;
            width: 100%;
            display: inline-block;
            padding-right: 1rem;
            text-decoration: none;
            /* @media screen and (min-width: 769px) {
              width: 150px;
            } */
            &::after{
              content: "";
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 0;
              width: 10px;
              height: 10px;
              background: url(../img/news/icon-arrow.svg) no-repeat right center;
              background-size: 10px 10px;
            }
            &:hover{
              text-decoration: underline;
            }
          }
        }
      }
    }
    .inner{
      width: calc(882 / 1016 * 100%);
      border-top: 1px solid var(--gray);
      padding-top: calc(40 / 1016 * 100%);
      @media screen and (min-width: 769px) {
        width: calc(660 / 1016 * 100%);
      }
      .time{
        font-size: 16px;
        color: var(--red);
      }
      .news-category,         
      .cat01,
      .cat02,
      .cat03,
      .cat04,
      .cat05{
        width: auto;
        padding: .5rem .8rem;
        color: var(--white);
        text-align: center;
        display: inline-block;
        border-radius: 5px;
        font-size: 12px;
        line-height: 1.4;
        background: var(--gray);
        margin: 0;
      }
      .event01,
      .encat1,
      .cat01{
        background-color: #39804a;
      }
      .event02,
      .encat2,
      .cat02{
        background-color: #c2525c;
      }
      .event03,
      .encat3,
      .cat03{
        background-color: #846056;
      }
      .event04,
      .encat4,
      .cat04{
        background-color: #a87cc4;
      }
      .event05,
      .encat5,
      .cat05{
        background-color: #33699c;
      }
      .news-item-text{
        display: block;
        margin-bottom: 1rem;
      }
      #event_date{
        font-size: 2rem;
        font-weight: 700;
      }
      .single-date{
        font-size:clamp(14px, 0.31vw + 12.83px, 16px);
        color: #a5a5a5;
        padding-bottom: calc(5 / 660 * 100%);
      }
      .single-header{
        font-size: clamp(18px, 0.94vw + 14.49px, 24px);
         padding-bottom: calc(20 / 660 * 100%);
      }
      .single-content{
        h2,
        h3,
        h4,
        h5,
        h6{
          border-bottom: 1px solid var(--gray);
          padding-bottom: .5rem;
          margin: 4rem 0 1rem;
          font-size: 2rem;
        }
        img{
          margin: calc(10 / 660 * 100%) 0;
        }
        p{
          font-size:clamp(16px, 0.31vw + 14.83px, 18px);
          line-height: 2;
          strong{
            font-weight: 700;
          }
        }
      }
    }

  }
}
}


.single-content .btn_link{
  margin: 2rem auto;
  max-width: 600px;
  text-decoration: none !important;
}