@charset "UTF-8";
/* =============================================================================


     index


============================================================================= */
.index-mv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

.mv-img {
  position: relative;
  width: 70%;
}

.mv-img img {
  font-family: "object-fit:cover";
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.mv-headbox {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  left: 50%;
  padding-bottom: 24px;
  padding-left: 40px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.mv-head {
  color: #fff;
  font-size: 3.2rem;
  padding-left: 0.5em;
  position: relative;
  text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 1px 0px 0px #000, 0px 1px 0px #000, -1px 0px 0px #000, 0px -1px 0px #000;
}

.mv-head:before {
  background: #fff;
  border: 1px solid #1e1e1e;
  content: "";
  height: calc(100% - 0.75em);
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
}

.mv-box {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1em;
  position: relative;
  width: 30%;
  z-index: 2;
}

.mv-date {
  font-family: "Oswald", sans-serif;
  font-size: 2rem;
}

.mv-ttl {
  font-size: 3.2rem;
  line-height: 1.2;
  margin-top: 4px;
}

.mv-list {
  margin-top: 28px;
}

.mv-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  transition: 0.2s;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

a.mv-item:hover {
  opacity: 0.7;
}

.mv-item + .mv-item {
  margin-top: 24px;
}

.mv-item-ttl {
  font-size: 2rem;
}

.mv-item-cat {
  background: #1e1e1e;
  color: #fff;
  padding: 0.25em 0.75em;
}

.mv-span {
  margin-bottom: auto;
  margin-top: 20px;
  padding-left: 1em;
  text-indent: -1em;
}

.picker {
  background: #1e1e1e;
  position: relative;
  width: 100%;
  z-index: 2;
}

.picker-list {
  margin: auto;
  max-width: 1300px;
  padding: 1em 40px;
  padding-right: 260px;
  position: relative;
}

.picker-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.picker-item:hover {
  opacity: 0.7;
}

.picker-item dt {
  font-family: "Oswald", sans-serif;
  font-size: 3.2rem;
  margin-right: 14px;
  /*     margin-top: -0.15em; */
}

.picker-item dd {
  display: inline-block;
}

.picker-txt {
  display: inline-block;
  font-size: 3.2rem;
}

.picker-date {
  color: #fad856;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-size: 2rem;
  margin-left: 8px;
}

.picker-img {
  bottom: 0;
  position: absolute;
  right: 0;
}

.picker-img._mv {
  bottom: auto;
  margin: 24px auto 0;
  position: static;
  right: auto;
  text-align: right;
}

/* **************************************


     other


***************************************/
.other {
  background: #fffce7;
}

.other-inner {
  margin: auto;
  max-width: 1366px;
}

.other-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.other-item {
  background: #fff;
  border: 1px solid #fad856;
  text-align: center;
  width: 33.333333%;
}

.other-item:nth-of-type(2n) {
  background: #fffce7;
}

.other-item-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 10px 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
}

.other-item-link:hover {
  opacity: 0.7;
}

.other-item-txt {
  font-size: 2rem;
  margin-bottom: 8px;
}

.other-item-img {
  max-width: 280px;
}

/* **************************************


           news


***************************************/
.news {
  background: #e8e8e8;
}

.news-container {
  text-align: center;
}

.event-ttl {
  font-family: "Zen_Maru_Gothic", sans-serif;
  font-size: 5.2rem;
}

.news-list {
  margin: 40px auto 0;
  max-width: 1000px;
}

.news-item {
  border-bottom: 1px solid #1e1e1e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 1em 0;
  text-align: justify;
}

.news-item:nth-of-type(1) {
  border-top: 1px solid #1e1e1e;
}

.news-item dt {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Oswald", sans-serif;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.news-item dd {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.news-item dd a {
  display: inline-block;
  font-size: 2.2rem;
  margin-left: 24px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.news-item dd a:hover {
  opacity: 0.7;
}

.news-cat {
  background: #1e1e1e;
  color: #fff;
  padding: 8px 0;
  text-align: center;
  width: 260px;
}

.news-date {
  color: #ad1f24;
  margin-left: 12px;
}

/* **************************************


     EVENT


***************************************/
.event {
  background: #fad856;
  padding: 120px 0;
  text-align: center;
}

.event .inner {
  width: 1180px;
}

/* **************************************


     about


***************************************/
.about,
.bundankyo,
.award {
  background: #e5e5e5;
  padding: 60px 0;
  text-align: center;
}

.member,
.apply {
  background: #fad856;
  padding: 60px 0;
  text-align: center;
}

.about-txt,
.apply-txt,
.bundankyo-txt,
.award-txt,
.member-txt,
.apply-txt {
  font-size: 1.8rem;
  margin-top: 1em;
}

.about-btnbox,
.apply-btnbox,
.bundankyo-btnbox,
.award-btnbox,
.member-btnbox,
.apply-btnbox {
  margin: 24px auto 0;
  max-width: 600px;
}

.apply-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}

.apply-item {
  height: 184px;
  width: 528px;
}

.apply-item + li {
  margin-left: 10px;
}

.apply-item-link {
  display: block;
  height: 100%;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
}

.apply-item-link span {
  font-size: 2.4rem;
  left: 50%;
  letter-spacing: 5px;
  padding: 0.75em;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.apply-item-link span:before {
  background: #fad856;
  border-radius: 20px;
  content: "";
  height: 66px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 66px;
  z-index: -1;
}

.apply-item-link:hover span:before {
  width: 100%;
}

.apply-item-img {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.apply-item-img:before {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

/* **************************************


           youtube  


***************************************/
.youtube {
  position: relative;
}

.youtube:before {
  background: #fad856;
  content: "";
  height: 80%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
}

.youtube-ttl {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 5rem;
}

.youtube-ttl img {
  margin-left: -66px;
  margin-right: 20px;
}

.youtube-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.youtube-box {
  font-size: 2rem;
  margin-top: 0.5em;
  max-width: 260px;
  width: 100%;
}

.youtube-btnbox {
  margin-top: 16px;
  width: 100%;
}

.youtube-list {
  margin-left: 40px;
  margin-right: 100px;
  width: calc(100% - 400px);
}

.youtube-item {
  width: 100%;
}

.youtube-item + li {
  margin-top: 40px;
}

.youtube-item-txt {
  color: #1e1e1e;
  font-size: 2.2rem;
  line-height: 1.2;
  text-align: right;
}

.youtube-iframe {
  background: #8e8e8e;
  margin-top: 0.5em;
  position: relative;
  width: 100%;
}

.youtube-iframe:before {
  content: "";
  display: block;
  padding-top: 50%;
  /* 高さを幅の75%に固定 */
}

.youtube-iframe iframe {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

/* **************************************


     sns


***************************************/
.sns {
  background: #e6e6e6;
  padding: 0;
}

.sns-inner {
  margin: auto;
  max-width: 1366px;
}

.sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sns-item {
  background: #fad856;
  border-left: 2px solid #fff;
  height: 192px;
  padding: 30px 0;
  width: 33.3333333%;
}

.sns-item:nth-of-type(2n) {
  background: #e6e6e6;
}

.sns-item:nth-of-type(3n) {
  border-right: 2px solid #fff;
}

.sns-item-ttl {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  position: relative;
}

.sns-item-ttl img {
  margin-right: 20px;
  width: 36px;
}

.sns-btnbox {
  margin: 24px auto 0;
  max-width: 182px;
}

/* **************************************


     current


***************************************/
.current {
  background: rgba(0, 0, 0, 0.5);
}

.current-contents {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1000px;
  padding: 30px 68px;
}

.current-img {
  text-align: center;
  width: 340px;
}

.current-img a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.current-img a:hover {
  opacity: 0.7;
}

.current-img img {
  -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.5);
}

.current-img span {
  display: block;
  font-size: 2rem;
  margin-top: 16px;
}

.current-box {
  width: 410px;
}

.current-ttl {
  font-size: 3.8rem;
}

.current-txt {
  font-size: 1.8rem;
  margin-top: 1em;
}

.current-btnbox {
  margin: 24px auto 0;
}

/* **************************************


           .facility


***************************************/
.facility {
  background: #e8e8e8;
  text-align: center;
}

.facility-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.facility-item {
  margin-top: 24px;
  width: calc(33.3333333% - ((24px * 2) / 3));
}

.facility-item-link {
  display: inline-block;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
}

.facility-item-link:hover {
  opacity: 0.7;
}

.facility-item-link span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.8rem;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1.2;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.facility-item-link:before {
  background: rgba(30, 30, 30, 0.7);
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}

.facility-item-img {
  position: relative;
}

/* **************************************


     music


***************************************/
.music {
  text-align: center;
}

.music-list {
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 24px;
}

.music-item {
  width: calc(33.3333333% - (48px / 3));
}

/* **************************************


     map


***************************************/
.map,
.music {
  background: #e8e8e8;
}

.map-container {
  text-align: center;
}

.map-box {
  margin-top: 32px;
  position: relative;
  width: 100%;
  width: 100%;
}

.map-box:before {
  content: "";
  display: block;
  padding-top: 50%;
  /* 高さを幅の75%に固定 */
}

.map-box iframe {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.map-head {
  font-size: 2.4rem;
  margin-top: 24px;
  text-align: center;
}

.map-figure {
  margin: 24px auto 0;
  max-width: 680px;
}

.map-figure a {
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
}

.map-figure a:hover {
  opacity: 0.7;
}

.map-span {
  font-size: 2rem;
  margin-top: 16px;
}

@media (max-width: 750px) {
  .index-mv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .mv-img {
    height: 100%;
    width: 100%;
  }
  .mv-headbox {
    padding-bottom: 16px;
    padding-left: 16px;
  }
  .mv-head {
    font-size: 2rem;
  }
  .mv-box {
    width: 100%;
  }
  .mv-date {
    font-size: 1.4rem;
  }
  .mv-ttl {
    font-size: 2rem;
  }
  .mv-list {
    margin-top: 8px;
  }
  .mv-item-ttl {
    font-size: 1.6rem;
  }
  .picker {
    margin-top: 80px;
  }
  .picker-list {
    padding: 1em 16px;
  }
  .picker-item dt {
    font-size: 1.8rem;
  }
  .picker-txt {
    font-size: 1.8rem;
  }
  .picker-date {
    font-size: 1.6rem;
  }
  .picker-img {
    bottom: 100%;
    width: 160px;
  }
  .other-item {
    width: 50%;
  }
  .other-item-link {
    padding: 10px 8px;
  }
  .other-item-txt {
    font-size: 1.4rem;
  }
  .event-ttl {
    font-size: 3rem;
  }
  .news-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .news-item dd a {
    font-size: 1.8rem;
    margin-left: 8px;
    margin-top: 16px;
  }
  .news-cat {
    width: 200px;
  }
  .about,
  .bundankyo,
  .award {
    padding: 40px 0;
  }
  .member,
  .apply {
    padding: 40px 0;
  }
  .about-txt,
  .apply-txt,
  .bundankyo-txt,
  .award-txt,
  .member-txt,
  .apply-txt {
    font-size: 1.4rem;
  }
  .apply-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .apply-item {
    height: auto;
    max-width: 528px;
    width: 100%;
  }
  .apply-item + li {
    margin: 24px auto 0;
  }
  .apply-item-link span:before {
    height: 48px;
    width: 100%;
    width: 100%;
  }
  .apply-item-link span {
    font-size: 1.8rem;
  }
  .apply-item-img {
    left: auto;
    position: relative;
    top: auto;
    -webkit-transform: none;
    transform: none;
  }
  .youtube:before {
    width: 100%;
  }
  .youtube-ttl {
    font-size: 3rem;
  }
  .youtube-ttl img {
    margin-left: 0;
    width: 28px;
  }
  .youtube-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .youtube-box {
    font-size: 1.6rem;
  }
  .youtube-list {
    margin: 40px auto 0;
    width: 100%;
  }
  .youtube-item-txt {
    font-size: 1.6rem;
  }
  .sns-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .sns-item {
    height: auto;
    max-width: 420px;
    padding: 32px 0;
    width: 100%;
  }
  .sns-item-ttl img {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 28px;
  }
  .sns-item-ttl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.6rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: auto;
    min-height: 28px;
    padding-left: 40px;
    text-align: justify;
    width: 220px;
  }
  .sns-btnbox {
    margin-top: 16px;
  }
  .current-contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 30px 16px;
  }
  .current-img {
    margin: 24px auto;
    max-width: 340px;
    width: 100%;
  }
  .current-img span {
    font-size: 1.6rem;
  }
  .current-box {
    margin: auto;
    max-width: 410px;
    width: 100%;
  }
  .current-ttl {
    font-size: 2.4rem;
    text-align: center;
  }
  .current-txt {
    font-size: 1.4rem;
  }
  .facility-item {
    margin-top: 8px;
    width: calc(50% - (8px / 2));
  }
  .facility-item-link span {
    font-size: 1.6rem;
  }
  .music-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .music-item {
    margin: auto;
    max-width: 300px;
    width: 100%;
  }
  .map-box:before {
    content: "";
    display: block;
    padding-top: 75%;
    /* 高さを幅の75%に固定 */
  }
  .map-head {
    font-size: 1.8rem;
    text-align: justify;
  }
  .map-span {
    font-size: 1.4rem;
  }
}

/*# sourceMappingURL=index.css.map*/