@charset "utf-8";

.l-auto-local-header__title__link::before,
.l-auto-local-header__title__link::after{
  display: none !important;
}

ul,li{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.teaser img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.teaser {
  color:  #fff;
  background-color:hsla(195,100%,50%,1);
  background-image:
  radial-gradient(at 33% 45%, hsla(214,100%,83%,1) 0px, transparent 50%),
  radial-gradient(at 11% 99%, hsla(23,100%,78%,1) 0px, transparent 50%),
  radial-gradient(at 0% 0%, hsla(0,100%,76%,1) 0px, transparent 50%),
  radial-gradient(at 100% 9%, hsla(155,100%,80%,1) 0px, transparent 50%),
  radial-gradient(at 100% 44%, hsla(242,100%,70%,1) 0px, transparent 50%),
  radial-gradient(at 1% 62%, hsla(36,100%,82%,1) 0px, transparent 50%);
}

@media screen and (min-width: 769px) {
  .teaser .only_sp{
    display: none;
  }
}

.teaser {
 font-family: "A1ゴシック M JIS2004", "A1 Gothic M JIS2004";
}

.title-sec{
  text-align: center;
  padding: 140px 0 126px;
}

@media screen and (max-width: 768px) {
  .title-sec{
    max-width: 74px;
    margin: 0 auto;
    padding: 80px 0 70px;
  }
  .title-sec h1 *{
    width: 100%;
    height: auto;
  }
}

#exhibition{
  max-width: 740px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  #exhibition{
    padding: 0 13px;
  }
}

.event-cont {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .event-cont {
    margin-bottom: 50px;
  }
}

.event-cont .event-thum{
  border-bottom: 2px solid #fff;
}
@media screen and (max-width: 768px) {
  .event-cont .event-thum{
    border-bottom: 1px solid #fff;
  }
}

.event-cont .event-txtwrap{
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .event-cont .event-txtwrap{
    padding: 25px 1rem;
  }
}

.event-cont .event-txtwrap h2{
  font-family: "A1ゴシック B JIS2004", "A1 Gothic B JIS2004";
  font-size: 1.75rem;
}
@media screen and (max-width: 768px) {
  .event-cont .event-txtwrap h2{
    font-size: 1rem;
  }
}

.event-cont .event-txtwrap p{
  font-size: 1.25rem;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .event-cont .event-txtwrap p{
    font-size: 0.813rem;
    margin-top: 0.5rem;
  }
}

.note-cont{
  font-size: 1rem;
  max-width: 740px;
  margin: 0 auto 110px;
  padding: 0 30px;
}

@media screen and (max-width: 768px) {
  .note-cont{
    font-size: 0.75rem;
    margin: 0 auto 70px;
    padding: 0 15px;
  }
}

.note-cont p{
  font-family: "A1ゴシック B JIS2004", "A1 Gothic B JIS2004";
  margin-bottom: 0.75em;
}

.note-cont li{
  text-indent: -1em;
  margin-bottom: 0.25em;
  padding-left: 1em;
}

.note-cont li:last-child{
    margin-bottom: 0;
}

.event-backbtn{
  width: 90px;
  margin: 0 auto 160px;
}
@media screen and (max-width: 768px) {
  .event-backbtn{
    width: 50px;
    margin: 0 auto 72px;
  }
}
.event-backbtn a{
  transition: 0.5s;
}
@media screen and (min-width: 769px) {
  .event-backbtn a:hover{
    opacity: 0.7;
  }
}