@charset "UTF-8";

/* Small Devices, Tablets */
/* PC */



.event-main-slider {
    width: 62.5%;
}

.event-main-slider-inner {
    padding: 40px 24px 40px 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #000;
    color: #fff;
    position: relative;
    height: 100%;
    box-sizing: border-box;
}


.event_slideshow .event_header_slideshow {
    margin: auto;
    margin-bottom: auto;
    position: relative;
    height: 22px;
    margin-bottom:34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
 }
    .event_slideshow .event_header_slideshow .event_btns {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 80px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      justify-content: space-between;
      align-items: top; }
  
  .event_slideshow ul.event_pagination_slideshow {
    width: calc(100% - 68px);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    }
    .event_slideshow ul.event_pagination_slideshow li {
      width: 10px;
      height: 10px;
      margin-right: 12px; 
    }
      .event_slideshow ul.event_pagination_slideshow li a {
        width: 10px;
        height: 10px;
        display: block;
        box-sizing: border-box;
        border: 1px solid #fff;
        text-indent: -100000px;
        background: #fff;

        background: #000;
        border-radius: 10px;

        -webkit-transition: background-color 0.15s linear;
        transition: background-color 0.15s linear; 
        border-radius: 10px;
    }
        .event_slideshow ul.event_pagination_slideshow li a.active {
          background: #fff;
        
        }
  
  .event_slideshow .event_slideshow_content {
    -webkit-transition: transform 0.6s ease;
    transition: transform 0.6s ease; }
  
  .event_slideshow a.event_btn_slide_prev,
  .event_slideshow a.event_btn_slide_next {
    display: block;
    width: 22px;
    height: 22px;
    display: block;
    position: relative; }
    .event_slideshow a.event_btn_slide_prev.disable,
    .event_slideshow a.event_btn_slide_next.disable {
      opacity: 0.2;
      cursor: default;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      tap-highlight-color: rgba(0, 0, 0, 0); }
    .event_slideshow a.event_btn_slide_prev span,
    .event_slideshow a.event_btn_slide_next span {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      text-indent: -10000px;
      display: block; }
  
  .event_slideshow a.event_btn_slide_prev span {
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A3%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%2217.3%2C21.4%207.8%2C12%2017.3%2C2.6%20%22%2F%3E%3Cg%3E%20%3Crect%20x%3D%220%22%20y%3D%220%22%20class%3D%22st1%22%20width%3D%2224%22%20height%3D%2224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: 100% auto; 
    }
  
  .event_slideshow a.event_btn_slide_next span {
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A3%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3Cpolyline%20class%3D%22st0%22%20points%3D%226.7%2C21.4%2016.2%2C12%206.7%2C2.6%20%22%2F%3E%3Cg%3E%20%3Crect%20x%3D%220%22%20y%3D%220%22%20class%3D%22st1%22%20width%3D%2224%22%20height%3D%2224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100% auto; }
  
    #event_slide_latest  {
        height: 100%;
    }


      #event_slide_latest .event_slide_bnr {
      width: 100%;
      overflow-x: hidden;
      /* height: 560px; */
      overflow: hidden;    
    }
      ul.event_slideshow_content {
      position: relative; }
        ul.event_slideshow_content.notransition {
        -webkit-transition: transform 0s ease;
        transition: transform 0s ease; }
          ul.event_slideshow_content.notransition li figure,
          ul.event_slideshow_content.notransition li .txt_latest {
          -webkit-transition: transform 0s ease;
          transition: transform 0s ease; 
            
        }
        ul.event_slideshow_content li {
        position: absolute;
        top: 0px; }
          ul.event_slideshow_content li.active .img {
          -webkit-transform: scale(1);
          transform: scale(1);
          box-shadow: 0 0 6px #ccc; }
          ul.event_slideshow_content li.active .txt_latest {
          opacity: 1; 
  
        }
          ul.event_slideshow_content li .img {
          width: 100%;
          height: 0px;
          padding-bottom: 62.63%;
          position: relative;
          -webkit-border-radius: 12px;
          -moz-border-radius: 12px;
          border-radius: 12px;
          -webkit-transform: scale(0.9);
          transform: scale(0.9);
          -webkit-transition: transform 0.6s ease;
          transition: transform 0.6s ease; 
        }

         

          ul.event_slideshow_content li figure {
          width: 100%;
          height: 380px;
          display: block;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          background-color: #222;
          overflow: hidden; 

    
        }


          ul.event_slideshow_content li .event_txt_latest {
          width: 100%;
          -webkit-transition: opacity 0.6s ease;
          transition: opacity 0.6s ease;
          opacity: 0; 
        }

        ul.event_slideshow_content li.active .event_txt_latest{
            opacity: 1; 
        }
            ul.event_slideshow_content li .event_txt_latest .event_txt_latest_inner {
            padding: 45px 0 0 0; 
            }
            ul.event_slideshow_content li .event_txt_latest .event_ttl {
            position: relative;
            margin-bottom: 24px; }
             
            ul.event_slideshow_content li .event_txt_latest .event_ttl h4 {
              font-family: "Oswald", sans-serif;
              font-size: 18px;
              font-size: 1.8rem;
              line-height: 1.4;
              letter-spacing: 0.05rem; 
              color: #fff;
            }
            ul.event_slideshow_content li .event_txt_latest dl dt {
            margin-bottom: 12px;
            font-size: 24px;
            font-size: 2.4rem;
            letter-spacing: 0.1rem;
            line-height: 1.8;
            text-align: justify;
            color: #fff;
         }

         ul.event_slideshow_content li .event_txt_latest dl dd {
             line-height: 1.6;
             text-align: justify;
             color: #7f7f7f;
             font-size: 14px;
            font-size: 1.4rem;
            letter-spacing: 0.05rem;
         }

.event-cnt {
    background-color: #fff;
}

.event-cnt-inner {
    /* padding-top: 60px; */
    padding-bottom: 80px;
    width: 93.75%;
    max-width: 1300px;
    margin:  0 auto;
}

.event-cnt-inner section{
    position: relative;
    padding: 0 0;
}
.event-cnt-inner section:not(:last-child){
    margin-bottom: 34px;
}

.event-cnt-ttl {
    padding: 14px 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0.15rem;
    background-color: #000;
    color: #fff;
    display: inline-block;
    position: absolute;
    left: 0;
    top:0;
    border-radius:  0 0 4px 4px;
    font-family: "Oswald",-apple-system, BlinkMacSystemFont, Lato, "ﾃｦﾂｸﾂｸﾃ｣窶堋ｴﾃ｣窶堋ｷﾃ｣ﾆ槌津｣窶堋ｯﾃ､ﾂｽ窶�", YuGothic, "Yu Gothic M", "ﾃｦﾂｸﾂｸﾃ｣窶堋ｴﾃ｣窶堋ｷﾃ｣ﾆ槌津｣窶堋ｯ Medium", "Yu Gothic Medium","Custom Yu Gothic","ﾃ｣ﾆ陳｡ﾃ｣窶堋､ﾃ｣ﾆ陳ｪﾃ｣窶堋ｪ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


.event-cnt-list-wrap {
    padding:90px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

    border-top: 2px solid #000;
}

.event-cnt-list-wrap:not(:last-child){
    margin-bottom: 40px;
}



.event-cnt-list {
    margin-bottom: 3.0vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 45.7%;
    box-sizing: border-box;
}


.event-cnt-list p  {
    width: 35%;
    height: 130px;
    border-radius: 4px;
    background-color: #f7f5f5;
    border: 1px solid #eaeaea; 
    overflow: hidden;
    text-align: center;
    box-shadow: 0 0 16px #ccc;
}

.event-cnt-list p img {
    width: auto !important;
    height: 130px;
}


.event-cnt-list p img {
    -webkit-transition: opacity 0.15s linear 0s, transform 0.2s ease 0s;
    transition: opacity 0.15s linear 0s, transform 0.2s ease 0s;
    backface-visibility: hidden;
    overflow: hidden; 
}
    .event-cnt-list:hover p img {
  -webkit-transform: scale(1.10);
  transform: scale(1.10);
  opacity: 0.9; }


.event-cnt-list dl {
    width: 60%;
}

.event-cnt-list .title {
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.02rem;
    font-family: "Oswald", sans-serif;
    /* 譁�ｭ礼怐逡･ */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #000;
   
}

.event-cnt-list .text {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.8;
    letter-spacing: 0.1rem;
    
    /* 譁�ｭ礼怐逡･ */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.event-cnt-list .date {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.6;
    color: #7f7f7f;
    letter-spacing: 0.05rem;

    /* 譁�ｭ礼怐逡･ */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}





@media all and (max-width: 1100px) {


    .event-main-slider {

        width: 100%;
        
    }
    .event-main-slider-inner {
        padding: 4% 3%;
        border-radius: 0;
    }

    .event_slideshow .event_header_slideshow {
        margin-bottom: 30px;
    }

    


 
    
    .event-cnt-inner {
        width: 93.75%;
        padding-top: 40px;
        padding-bottom: 24px;
    }

  

    .event-cnt-inner section{
        padding: 0 0;
    }
    .event-cnt-inner section:not(:last-child){
        margin-bottom: 10px;
        border-bottom: none;
    }

    .event-cnt-list-wrap {
        padding: 70px 0 20px 0;
        display: block;
    }
    .event-cnt-list{
        /* padding: 24px 18px; */
        width: auto;
        margin-bottom: 3vh;
    }

    .event-cnt-list p {
        margin-right: 30px;
        width: 18%;
        height: 116px;
        box-shadow: none;
    }

    .event-cnt-list p img {
        width: auto !important;
        height: 116px;
    }
    
    .event-cnt-list dl{
        width: calc(100% - 18%); 
    }

}


@media all and (max-width: 864px) {
		.event_slideshow ul.event_pagination_slideshow {
			display:none;
		}

    
    .event-cnt-list p {
        margin-right: 30px;
        width: 28%;
        height: 116px;
        box-shadow: none;
    }

    .event-cnt-list p img {
        width: auto !important;
        height: 116px;
    }
    
    .event-cnt-list dl{
        width: calc(100% - 28%); 
    }
    

}


@media all and (max-width: 480px) {

  

    .event-main-slider-inner {
        border-radius: 0;
        padding: 5% 3% 3% 3%;
    }

    .event_slideshow .event_header_slideshow {
        margin-bottom: 16px;
    }

    #event_slide_latest .event_slide_bnr {
        width: 100%;
        overflow-x: hidden;
        overflow: hidden;   
        
      }
      
    ul.event_slideshow_content li figure {
          height: 200px;
        }

    ul.event_slideshow_content li .event_txt_latest .event_txt_latest_inner {
    padding: 30px 0 0 0; 
    }

      ul.event_slideshow_content li .event_txt_latest .event_ttl {

        margin-bottom: 6px;
    
    }
        ul.event_slideshow_content li .event_txt_latest .event_ttl h4 {
            font-size: 16px;
            font-size: 1.6rem;

            line-height: 1.4; 
            /* 譁�ｭ礼怐逡･ */
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
         
          }
          ul.event_slideshow_content li .event_txt_latest dl dt {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.8;
          text-align: justify;
          color: #fff;
        /* 譁�ｭ礼怐逡･ */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
       }

       ul.event_slideshow_content li .event_txt_latest dl dd {
          font-size: 12px;
          font-size: 1.2rem;
          letter-spacing: 0.02rem;

          line-height: 1.6;
          text-align: justify;
          color: rgb(163, 163, 163);
       }

    
      
    .event-cnt-inner {
        padding-top: 0;
        padding-bottom: 0;
        width: 93.75%;
    }

    
    .event-cnt-inner section {
        margin: 0;
        padding: 0;
    }

    .event-cnt-inner section:not(:last-child){
        margin-bottom: 0px;
        border-bottom: none;
    }
    

    .event-cnt-ttl {
        padding: 18px  8px;
        margin: 0 auto;
        font-size: 186px;
        font-size: 1.6rem;
        line-height: 1;
        font-weight: bold;
        letter-spacing: 0.15rem;
        text-align: center;
        background-color: #000;
        color: #fff;
        display: block;
    
        border-radius: 0 0 6px 6px;
        border-top: none;
        position: relative;
    
    }

    .event-cnt-list-wrap {
        padding: 24px 0;
        margin-bottom: 0;
        display: block;
        border: none;
    }


    

 
   
    
.event-cnt-list {
    padding: 0;
    margin-bottom: 3.5vh;
    position: relative;
    width: 100;
    border-radius: 12px;
    overflow: hidden;
    display: block;
    box-shadow: 0 0 16px #ccc;
    background: #FFF;
}

.event-cnt-list p {
    width: 100%;
    height: 174px;
    background-color: rgb(219, 219, 219);
    overflow: hidden;
    text-align: center;
    border-radius: 0;
}

.event-cnt-list p img {
    width: 100% !important;
    height: auto !important;
}


.event-cnt-list dl {
    width: 100%;
    padding: 14px 22px 14px 22px;
    box-sizing: border-box;
}

.event-cnt-list .title {
    margin-bottom: 4px;
    font-size: 16px;
    font-size: 1.6rem;
  letter-spacing: 0.02rem;
}

.event-cnt-list .text {
    margin-bottom: 8px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
}

.event-cnt-list .date {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.02rem;
  
}


}