@charset "utf-8";

/*  */
@media screen and (max-width: 768px){html{scroll-padding-top: 90px;}}
/* tab */
.nav-anchor{display: flex;justify-content: space-between;flex-wrap: wrap;}
.nav-anchor li{flex-basis: calc((100% - 36px)/3);}
.nav-anchor li a{transition: all 0.3s;display: flex;align-items: center;font-size:min(2.2vw,2.2rem);height: 75px;justify-content: center;gap:20px;border-top:1px solid  rgba(255 , 255, 255, .3);border-bottom:1px solid  rgba(255 , 255, 255, .3);position: relative;font-weight: 600;}
.nav-anchor li a.is-active,.nav-anchor li a:hover{border-color: rgba(255 , 255, 255, 1);}
.nav-anchor li a.is-disable{pointer-events: none;color: rgba(255 , 255, 255, .3);}
.nav-anchor li a p{display: flex;flex-direction: column;line-height: 1.2;text-align: center;justify-content: center;}
.nav-anchor li a p span{font-size: 0.68181818em;}
.nav-anchor li a i{width: 13px;height: 13px;}
.nav-anchor li a i::after{width: 100%;height: 100%;mask: url('../img/audioguide/arr-ic.svg') no-repeat center center /100% 100%;content: "";position: relative;display: block;background: #fff;}
.nav-anchor li a.is-disable i::after{background: rgba(255 , 255, 255, .3);}

.box-event{margin: 80px 0 0;padding: 0 0 100px;}
.btn-event{transition: all 0.3s;
  max-width: 460px;
  margin: 40px auto 0;
  display: flex;
  align-items: center;
  font-size: min(2.2vw,2.2rem);
  height: 75px;
  justify-content: center;
  gap: 12px;
  border-radius: 5px;
  background: #9125DF;
  position: relative;
  font-weight: 600;}
  .btn-event02{font-size: min(2.2vw,2rem);line-height: 1.5;text-align: center;}
  .btn-event i{line-height: 1;margin-bottom: 4px;}
  .btn-event:hover{opacity: 0.8;}
  .btn-event-or{background: #E57129;}
  .btn-event-or i{margin-left: -17px;}
.txt-sub-btn{font-size: 1.2rem;max-width: 460px;margin: 10px auto 0;text-align: justify;}
.event-item{border: 1px solid #fff;padding: 5rem;margin: 0 0 3rem;}
.event-item .ev-head{display: flex;justify-content: space-between;margin: 0 0 30px;}
.event-item .ev-head .head-img{display: flex;justify-content: space-between;gap: 20px;}
.event-item .ev-head .head-img figcaption{text-align: center;margin:8px 0 0; }
.event-item .tit-head{font-size: 2.2rem;padding-left: 20px;position: relative;line-height: 1.6;margin: 0 0 23px;font-weight: 500;}
.event-item .tit-head::before{content: "";position: absolute;height: 84%;width: 4px;background: linear-gradient(180deg, #DF2525 0%, #E78929 100%);top: 8%;left: 0;}
.event-item .ev-head .head-txt p{line-height: 2;font-weight: 500;}
.event-item .tit-head small{font-size: 1.6rem;}
.event-item table{width: 100%;margin: 0 0 23px;border-bottom: 1px dotted #fff;}
.event-item table th{font-weight: 600;width: 105px;}
.event-item table td{font-weight: 500;}
.event-item table th,.event-item table td{padding: 21px 0;border-top: 1px dotted #fff;line-height: 2;}
.event-item .note{font-weight: 500;text-indent: -1.2em;margin-left: 1.2em;}


.event-item01 .ev-head .head-txt{width: 78%;}
.event-item01 .ev-head .head-img{width: 18.545454%;}

.event-item02 .ev-head .head-txt{width: 57.45%;}
.event-item02 .ev-head .head-img{width: 38.909090%;}

.box-zen{padding: 100px 0 ;background: #313131 url('../img/top/bg.png') no-repeat center center / 100% 100%;}
.box-zen .tit-zen{position: relative;margin: 0 0 30px;}
.box-zen .zen-ttl{position: absolute;font-size:min(4vw,4.2rem);top: 46%;left: 5%;line-height: 1.3;transform: translateY(-50%);}
.box-zen .zen-ttl span{font-size: 0.6em;display: block;line-height: 1.5;}
.box-zen .zen-ttl span.txt-top{font-size: 1.6rem;line-height: 1;}
.zen-intro{font-weight: 500;display: flex;justify-content: space-between;}
.zen-intro .intro-txt p,.box-zen .desc p{margin: 0 0 32px;line-height: 2;}
.zen-intro .intro-txt p:last-child,.box-zen .desc p:last-child{margin-bottom: 0;}
.zen-intro .zen-img{width: 26.5%;}
.zen-intro .intro-txt{width: 68.75%;}
.event-item03{margin-bottom: 0;}
.event-item04{margin: 70px 0 80px;}
.event-item05{margin-top: 40px;}
a.txt-link[href^="tel:"]{pointer-events: unset;}

.event-item05 .ev-head .head-txt{width: 100%;}

table .schedule-group{display: flex;padding:0  0 21px;border-bottom: 1px dotted #fff;}
table .schedule-group .sub-label{width: 140px;}
table .schedule-group.sub-group{padding: 21px 0 0;border-bottom: 0;}
table .schedule-group-mid{padding-top: 21px;}
.event-item07 table .schedule-group .sub-label{width: 175px;}
footer{margin-top: 0;}
.ver-top{vertical-align: top;}
.nav-anchor li a span{line-height: 1.3;position: relative;}
.nav-anchor li a span small{font-size: 1.4rem;display: block;text-align: center;}
.sub-tit{margin: 0 0 40px;line-height: 2;}
.tit-bg.mt10{margin-bottom: 20px;}
.txt-warning {
  max-width: 700px;
  background: #F4F4F4;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 18px 25px;
  margin: 30px auto 0;
}
.txt-warning p {
  color: #E57129;
  font-weight: 600;
  line-height: 1.5;
  text-indent: -1em;
  margin-left: 1em;
}
@media screen and (max-width: 768px){
  .nav-anchor{flex-direction: column;gap: 15px;}
  .nav-anchor li{max-width: 400px;margin: 0 auto;width: 100%;}
   .nav-anchor li a {
    font-size: 1.4rem;
    gap: 10px;
    height: 70px;
  }
  .txt-warning{align-items: flex-start;}
  .ver-top-sp{vertical-align: top;}
  .event-item .tit-head small{font-size: 1.4rem;}
 .nav-anchor li a span small{top: -1.2em;font-size: 1.2rem;}
  .box-event{margin: 60px 0 0;}
  .box-event{padding-bottom: 60px;}
  .event-item{padding: 30px 20px 40px;}
  .event-item .tit-head{font-size: 1.7rem;margin: 0 0 15px;}
  .event-item .ev-head {flex-wrap: wrap;}
  .event-item .ev-head .head-txt{width: 100% !important;}
  .event-item  .ev-head .head-img{width: 100%;margin: 20px auto 0;text-align: center;}
  .event-item02  .ev-head .head-img{max-width: 300px;}
  .event-item  .ev-head .head-img figure{margin: 0 auto;text-align: center;}
  .event-item01 .ev-head .head-img figure img{width: 140px;}
  .btn-event{font-size: 1.4rem;height: 60px;}
  .btn-event i{width: 11px;height: 11px;}
  .btn-event-or i{margin-left: -12px;}

  .box-zen{padding: 60px 0 100px;}

  .box-zen .zen-ttl{font-size: 5vw;left: 6%;}
  .box-zen .zen-ttl span{font-size: 0.7em;}
  .box-zen .zen-ttl span.txt-top{font-size: 1.1rem;}
  .zen-intro{flex-wrap: wrap;}
  .zen-intro .intro-txt{width: 100%;}
  .zen-intro .intro-txt p, .box-zen .desc p{margin: 0 0 16px;}
  .zen-intro .zen-img{width: 100%;margin: 20px 0 0;}
  .zen-intro .zen-img img{width: 100%;}
  .event-item04{margin-bottom: 60px;}
  .event-item table th{width: 80px;vertical-align: top;}

  table .schedule-group .sub-label{width:45%;}
  table .schedule-group .time-list{width:55%;}
     .event-item07 table .schedule-group {justify-content: space-between;}
  .event-item07 table .schedule-group .sub-label{width: 50%;}
   .event-item07 table .schedule-group .time-list{width: 50%;}
   .event-item07{margin-bottom: 0;}

}
@media screen and (max-width: 370px){
  body table{font-size: 1.4rem;}
  .box-zen .zen-ttl span.txt-top{font-size: 1rem;}

}