@charset "utf-8";
/* CSS Document */
.sp-only {
	display: none !important;
}
.inner {
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
body {
  background-size: auto auto;
  background-color: rgba(72, 190, 240, 1);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(52, 180, 234, 1) 10px, rgba(52, 180, 234, 1) 20px );  
}
a img:hover {
  opacity: 0.7;
  transition: 0.3s;
}
img {
  max-width: 100%;
}
header {
  background-color: #fff;
  padding: 1.5rem 0;
  text-align: center;
}
header a img {
  display: inline-block;
  max-width: 100%;
  width: 20rem;
  height: auto;
}
section {
  margin-bottom: 10rem;
}
.date,
.asobiba,
.stage,
.regular,
.event,
.kousaku,
.newarea,
.tokuten,
.info,
.price {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.obj1 {
  position: absolute;
  width: 15%;
  top; 10%;
  left: 10%;
  z-index: -1;
}
.obj2 {
  position: absolute;
  width: 10%;
  bottom: 20%;
  left: 5%;
  z-index: -1;
}
.obj3 {
  position: absolute;
  width: 8%;
  top: 50%;
  right: 3%;
  z-index: -1;
}
.obj4 {
  position: absolute;
  width: 20%;
  bottom: 8%;
  right: 15%;
}
.date {
  margin-top: -6rem;
}
.cta-block {
  background-color: #fff;
  display: block;
  margin: 0 auto;
  padding: 2rem 8rem;
  width: 80%;
  text-align: center;
}
.cta-block a img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.youtube-block {
  background-color: #fff;
  display: block;
  margin: 0 auto;
  width: 80%;
  padding: 2rem 10rem;
}
.info-block {
  background-color: #fff;
  display: block;
  margin: 0 auto;
  width: 80%;
  padding: 2rem 4rem;
}
iframe {
  width: 100%;
  border-radius: 1rem;
}
.price .cta-block a:first-of-type img {
  margin-bottom: 6rem;
}
.info-inner {
  margin-bottom: 4rem;
}
.access-map_area {
  margin-bottom: 4rem;
}
.access-information_area h2,
.access-information_area h3,
.access-information_area p {
  line-height: 1.6;
}
h2.access-info_top {
  margin-block: calc((1em - 1lh) / 2);
  font-weight: bold;
  font-size: calc(36 / 16 * 1rem);
}
p.access-info_address {
  margin-top: calc(10 / 16 * 1rem);
  font-weight: bold;
  font-size: calc(22 / 16 * 1rem);
  color: #808080;
}
.access-info_tel {
  margin-top: calc(10 / 16 * 1rem);
  font-weight: bold;
  font-size: calc(30 / 16 * 1rem);
}
.access-info_wrap {
  margin-top: calc(40 / 16 * 1rem);
}
h3.access-from_head {
  margin-block-start: calc((1em - 1lh) / 2);
  margin-bottom: calc(15 / 16 * 1rem);
  font-weight: bold;
  font-size: calc(24 / 16 * 1rem);
  border-bottom: solid 2px #808080;
}
p.access-info_text {
  padding-inline-start: 1em;
  font-size: calc(20 / 16 * 1rem);
  text-indent: -1em;
  color: #808080;
  word-break: break-all;
}

.footer-bnr_text {
  font-size: 1rem;
  text-align: center;
  margin-bottom: 1rem;
}
.flex {
  display: flex;
}
ul.footer-bnr_area {
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(20 / 16 * 1rem);
  margin-top: calc(60 / 16 * 1rem);
}
li.footer-bnr {
  display: flex;
  inline-size: calc(190 / 16 * 1rem);
}
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------タブレット／ブレイクポイント-------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
	@media screen and (min-width:768px) and (max-width:1199px) {
		img {
			max-width:100%;
		}
	}
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------スマートフォン／ブレイクポイント-------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
		@media screen and (max-width:767px) {
			.sp-only {
				display: block !important;
			}
			.pc-only {
				display: none !important;
			}
			.inner {
				width: 100%;
        overflow: hidden;
			}
			img {
				max-width: 100%;
			}
      section {
        margin-bottom: 4rem;
      }
      .obj1 {
        width: 30%;
        top; 10%;
        left: -10%;
        z-index: -1;
      }
      .obj2 {
        width: 20%;
        bottom: 20%;
        left: -5%;
        z-index: -1;
      }
      .obj3 {
        width: 15%;
        top: 50%;
        right: -3%;
        z-index: -1;
      }
      .obj4 {
        width: 40%;
        bottom: 8%;
        right: -15%;
      }
      header a img {
        width: 15rem;
      }
      .date {
        margin-top: -2rem;
      }
      .cta-block {
        padding: 2rem 0;
      }
      .cta-block a img {
        width: 25rem;
      }
      .youtube-block,
      .info-block {
        padding: 2rem 2rem;
      }
      iframe {
        width: 100%;
        height: auto;
        border-radius: 1rem;
      }
      .price .cta-block a:first-of-type img {
        margin-bottom: 2rem;
      }
      h2.access-info_top {
        font-size: calc(24 / 16 * 1rem);
      }
      p.access-info_address {
        font-size: calc(18 / 16 * 1rem);
      }
      .access-info_tel {
        font-size: calc(18 / 16 * 1rem);
      }
      .access-info_wrap {
        margin-top: calc(36 / 16 * 1rem);
      }
      h3.access-from_head {
        font-size: calc(20 / 16 * 1rem);
      }
      p.access-info_text {
        font-size: calc(16 / 16 * 1rem);
      }
      
      ul.footer-bnr_area {
          column-gap: calc(20 / 16 * 1rem);
          margin-top: calc(40 / 16 * 1rem);
      }
      li.footer-bnr {
          inline-size: calc(180 / 16 * 1rem);
      }
    }