/*===========================================================
          page_view_
  ===========================================================*/
/* #region */
.page_view_::after{background:url(/images/event/page_view_1.webp) no-repeat center / cover;}
/* #endregion */
/*===========================================================
          event_list_
  ===========================================================*/
/* #region */
.event_list_{padding:var(--space4) var(--space1) var(--space3);}
.event_list_ li:nth-of-type(n+2){margin-top:var(--space3);}
.event_list_ article{display:flex;flex-direction:column;align-items:flex-start;}
.event_list_ img{order:1;}
.event_list_ h2{margin-top:2vw;font-family:var(--ZenOldMincho400H);font-size:var(--fs7);line-height:1.3;order:4;}
.event_list_ p:nth-of-type(1){background:var(--c0B0B0D);margin-top:3vw;padding:1vw 3vw;font-size:var(--fs3);letter-spacing:calc(var(--fs3) * .1);color:var(--cFFFFFF);order:2;}
.event_list_ p:nth-of-type(2){margin-top:2vw;order:3;}
/* #endregion */


@media(min-width:768px){
/*===========================================================
          event_list_
  ===========================================================*/
/* #region */
.event_list_{display:flex;flex-wrap:wrap;gap:var(--space1) 3vw;padding:var(--space3) var(--space2) var(--space3);}
.event_list_ li{width:41vw;}
.event_list_ li:nth-of-type(n+2){margin-top:0;}
.event_list_ h2{margin-top:1.5vw;font-size:var(--fs8);line-height:1.3;}
.event_list_ p:nth-of-type(1){margin-top:2vw;padding:.5vw 1.6vw;font-size:var(--fs3);}
.event_list_ p:nth-of-type(2){margin-top:1.5vw;}
/* #endregion */
}


@media(min-width:1025px){
/*===========================================================
          event_list_
  ===========================================================*/
/* #region */
.event_list_{gap:var(--space2) 1.5vw;padding:var(--space4) var(--space6) var(--space4);}
.event_list_ li{width:19.5vw;}
.event_list_ div{overflow:hidden;}
.event_list_ img{transition:transform .3s ease-in-out;}
.event_list_ h2{margin-top:.4vw;font-size:var(--fs7);line-height:1.3;}
.event_list_ p:nth-of-type(1){margin-top:1vw;padding:.2vw .8vw;font-size:var(--fs3);}
.event_list_ p:nth-of-type(2){margin-top:.6vw;}
/*----*/
.event_list_ li:hover img{transform:scale(1.1);}
/* #endregion */
}