@charset "utf-8";
.a-text_14 {
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .a-text_14 {
    font-size: 4.266666666666667vw;
  }
}
.a-text_16 {
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .a-text_16 {
    font-size: 4.533333333333333vw;
  }
}
.a-text_18 {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .a-text_18 {
    font-size: 4.8vw;
  }
}
.a-text_20 {
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .a-text_20 {
    font-size: 4vw;
  }
}
.a-text_24 {
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .a-text_24 {
    font-size: 5.066666666666666vw;
  }
}
.a-text_28 {
  font-size: 28px;
}
@media only screen and (max-width: 768px) {
  .a-text_28 {
    font-size: 5.6vw;
  }
}
.a-text_34 {
  font-size: 34px;
}
@media only screen and (max-width: 768px) {
  .a-text_34 {
    font-size: 6.666666666666667vw;
  }
}
.m-detailEyeCatch {
  padding: 0 30px 70px;
}
@media only screen and (max-width: 768px) {
  .m-detailEyeCatch {
    padding: 0 0 13.333333333333334vw;
  }
}
.m-detailEyeCatch__img {
  text-align: center;
}
.m-detailEyeCatch__text {
  margin-top: 1.8em;
}
@media only screen and (max-width: 768px) {
  .m-detailEyeCatch__text {
    margin: 1em auto 0;
    padding: 0 4vw;
  }
}
.m-detailItem {
  padding-bottom: 40px;
  min-height: 20em;
}
@media only screen and (max-width: 768px) {
  .m-detailItem {
    margin: 0 auto;
    padding-bottom: 10.666666666666666vw;
  }
}
.m-detailItem__title {
  color: #fff;
  text-align: center;
  background-color: #ff8400;
  position: relative;
  padding: 30px 0;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .m-detailItem__title {
    padding: 8vw 0;
  }
}
.m-detailItem__title:after {
  content: "";
  background: url("../img/common/nami_b_w.svg");
  background-size: 800px auto;
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5px;
}
@media only screen and (max-width: 768px) {
  .m-detailItem__title:after {
    background-size: cover;
  }
}
.m-detailItem__title:before {
  content: "";
  background: url("../img/common/nami_b_w.svg");
  background-size: 800px auto;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 5px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media only screen and (max-width: 768px) {
  .m-detailItem__title:before {
    background-size: cover;
  }
}
.m-detailItem__video {
  width: 610px;
  margin: 30px auto 0;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .m-detailItem__video {
    width: 100%;
    margin: 6.666666666666667vw 0;
  }
}
.m-detailItem__video img {
  max-width: inital;
  width: 100%;
}
.m-detailItem__video:before {
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  position: absolute;
  opacity: 0;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
.m-detailItem__video:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/common/icon_play.png") no-repeat center center/contain;
  display: block;
  left: 0px;
  top: 0px;
  position: absolute;
}
.m-detailItem__video:hover:before {
  opacity: 0.3;
}
.m-detailItem__text {
  margin-top: 30px;
  padding: 0 30px;
}
@media only screen and (max-width: 768px) {
  .m-detailItem__text {
    margin-top: 6.666666666666667vw;
    padding: 0 4vw;
  }
}
.m-detailItem__img {
  margin: 30px auto 0;
  text-align: center;
  padding: 0 30px;
}
@media only screen and (max-width: 768px) {
  .m-detailItem__img {
    margin: 6.666666666666667vw auto 0;
    padding: 0;
  }
}
.m-detailItem__map {
  margin-top: 30px;
  height: 450px;
  padding: 0 30px;
}
@media only screen and (max-width: 768px) {
  .m-detailItem__map {
    margin-top: 6.666666666666667vw;
    height: 60vw;
    padding: 0;
  }
}
.m-detailItem__map iframe {
  height: 100%;
}
/* 2023改修 */
.m-detailItem .a-button {
  width: 480px;
  margin: 50px auto;
  border-radius: 12px;
  border: none !important;
  font-size: 24px;
  font-weight: bold;
  line-height: 2.5;
  color: #ffffff;
  background: #5dacae url("../img/common/icon_arrow_white2.png") no-repeat right 12px center / 24px auto;
	transition-property: opacity;
	transition-duration: 5s;
	position: relative;
	overflow: hidden;
	transition: all .75s ease-in-out;
}
@keyframes shiny {
	0% { transform: scale(0) rotate(25deg); opacity: 0; }
	12.5% { transform: scale(1) rotate(25deg); opacity: 1; }
  25% { transform: scale(50) rotate(25deg); opacity: 0; }
  100% { transform: scale(50) rotate(25deg); opacity: 0; }
}
.a-button--reservation:after {
	content: '';
	position: absolute;
	top: -100px;
	left: -100px;
	width: 50px;
	height: 50px;
	background-image: linear-gradient(100deg,
					rgba(255,255,255,0) 10%,
					rgba(255,255,255,1) 100%,
					rgba(255,255,255,0) 0%);
	animation-name: shiny;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

/* 2023改修 */
.m-detailItem .a-button:hover {
	box-shadow: 0 15px 15px rgba(70, 138, 139, .5);
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .m-detailItem .a-button {
    width: 90%;
    font-size: 6.133333333333333vw;
    margin: 10.666666666666666vw auto;
  }
}
.o-detailContainer {
  width: 1000px;
  margin: 0 auto;
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .o-detailContainer {
    width: 93.33333333333333vw;
  }
}
.o-detailContainer__title {
  background-color: #f9c347;
  padding: 0.8em;
  margin-bottom: 45px;
}
@media only screen and (max-width: 768px) {
  .o-detailContainer__title {
    margin-bottom: 0;
  }
}
#event .heading-container {
  margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
  #event .heading-container {
    margin-bottom: 5.333333333333333vw;
  }
}