@charset "UTF-8";

/* ===========================================
 * COMMON
 * ======================================== */
.container {
  width: min(100%, 560px);
  margin-inline: auto;
  color: #3f3c3c;
  background-color: #FFF;
  position: relative;
  z-index: auto;
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.title::after {
  content: "";
  width: min(calc(110 / 560 * 100vw), 110px);
  height: 1px;
  margin-inline: auto;
  margin-top: min(calc(24 / 560 * 100vw), 24px);
  background-color: #3f3c3c;
  display: block;
}
.btnAnker,
.btnLink {
  width: 100%;
  margin-inline: auto;
  font: 700  12px / 1.5 var(--fomt-family-main);
  color: #FFF;
  border-radius: 5px;
  background-color: #cf0a2c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnAnker {
  gap: 0.75em;
}
.btnLink {
  gap: 0.5em;
}
.btnAnker::after,
.btnLink::after {
  content: "";
  margin-block: auto;
  border-top: solid clamp(1px, calc(2 / 560 * 100vw), 2px) #FFF;
  border-right: solid clamp(1px, calc(2 / 560 * 100vw), 2px) #FFF;
  display: block;
}
.btnAnker::after {
  width: 0.75em;
  height: 0.75em;
  transform: rotate(135deg) translateY(calc(1em / 4));
}
.btnLink::after {
  width: 0.5em;
  height: 0.5em;
  transform: rotate(45deg);
}
.btnLink.notUseLink {
  color: #bbb!important;
  border: solid 2px #ccc;
  background-color: #fff;
}
.btnLink.notUseLink::after {
  display: none;
}
/* ===========================================
 * NAVI
 * ======================================== */
#navi {
  opacity: 1;
  transition: opacity 0.3s;
}
#navi.is-visible {
  opacity: 1;
}
#navi.is-hidden {
  opacity: 0;
}
.naviWrap {
  width: min(100%, 560px);
  margin-inline: auto;
  background-color: rgba(255, 255, 255, 0.75);
  position: fixed;
  z-index: 100;
  bottom: 0;
}
.naviInner {
  margin-inline: auto;
}
.naviBtnContainer {
  display: grid;
  grid-template-columns: 148fr 148fr 302fr 152fr;
  grid-template-rows: auto;
}
.naviBtn {
  display: block;

}

/* ===========================================
 * TOP
 * ======================================== */
#running .topWrap {
  margin-inline: auto;
  background-color: #FFFFFF;
}
#running .topKv {
  display: block;
}
#running .topKvSlider {
  display: block;
}
#running .topKvSlider > .splide__track {
  padding: 0;
}
#running .topPagination {
  bottom: 15px;
}

/* ===========================================
 * RESERVE
 * ======================================== */
.reserveWrap {
  padding-block: 30px;
  margin-inline: auto;
  background-color: #ce0a2c;
  position: relative;
  z-index: 0;
}
.reserveInner {
  width: calc(100% - (27px * 2));
  margin-inline: auto;
}
.reserveText {
  margin-inline: auto;
  text-align: center;
  font: 700 33px / 1.25 var(--fomt-family-main);
  color: #FFFFFF;
  display: block!important;
}
.reserveText > span {
  font: 700 24px / 1.25 var(--fomt-family-main);
  display: block!important;
}
.reserveBtn {
  width: min(100%, 140px);
  padding: 10px;
  margin-inline: auto;
  margin-top: 30px;
  font: 700 20px / 1.25 var(--fomt-family-main);
  color: #ce0a2c;
  border-radius: 3px;
  background-color: #FFFFFF;
  filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
  display: flex!important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: auto;}
.reserveBtn > span {
  display: block;
}

.icon-arrow-bottom {
  position: relative;
  display: block;
  width: 20px;
  height: 12px;
}
.icon-arrow-bottom::before,
.icon-arrow-bottom::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 1.5px);
  width: 3px;
  height: 13.3px;
  border-radius: 9999px;
  background-color: #ce0a2c;
  transform-origin: 50% calc(100% - 1.5px);
}
.icon-arrow-bottom::before {
  transform: rotate(46.95deg);
}
.icon-arrow-bottom::after {
  transform: rotate(-46.95deg);
}

/* ===========================================
 * INTRO
 * ======================================== */
.introWrap {
  padding-block: 45px 15px;
  background-color: #eaeaea;
}
.introInner {
  width: calc(100% - (15px * 2));
  margin-inline: auto;
}
.intrologo {
  width: fit-content;
  margin-inline: auto;
  display: block;
}
.introGraph {
  margin-top: 30px;
  display: grid;
  gap: 10px;
}
.introGraphText {
  width: fit-content;
  margin-inline: auto;
  display: block!important;
}
.introGraphInner{
  padding: 15px;
  border-radius: 5px;
  background-color: #FFFFFF;
  display: grid;
  grid-template-columns: calc(97px / 4 * 3) auto;
}
.introGraphImg {
  
  overflow-x: scroll;
}
.introGraphImg > img {
  max-width: calc(607px / 4 * 3)!important;
}

/* ===========================================
 * SLIDER
 * ======================================== */
.sliderWrap {
  padding-block: 45px;
}
.splide__track {
  padding-block: 5px 15px;
}
.sliderSlide {
  border-radius: 6px;
  filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
}
.sliderSlide.is-active {
  transform: scale(1.0);
}
.sliderSlide a {
  display: block;
}
.sliderSlide img {
  border-radius: 6px;
  overflow: hidden;
}
.your-class-pagination {
  bottom: initial;
  gap: 6px;
}
.your-class-page {
  width: 9px;
  height: 9px;
}
.splide__pagination__page.is-active {
  background-color: #3f3c3c;
}


/* ===========================================
 * CONTENTS
 * ======================================== */
.contentsWrap {
  padding-block: 0 30px;
  margin-inline: auto;
  background-color: #eaeaea;
}
.contentsInner {
  width: calc(100% - (27px * 2));
  margin-inline: auto;
}
.contentsTitle {
  width: 100%;
  height: 115px;
  margin-bottom: 30px;
  background-color: #000000;
  display: flex!important;
  align-items: center;
  justify-content: center;
}
.contentsTitle > span {
  display: block!important;
}
.contentsAttntion {
  margin-bottom: 0.5em;
  text-align: center;
  font: 700 21px / 1.25 var(--fomt-family-main);
  color: #3f3c3c;
}
.contentsText {
  font: 700 14px / 1.5 var(--fomt-family-main);
  color: #3f3c3c;
}
.contentsImg {
  margin-block: 30px;
  display: block;
}
.contentsBtn {
  width: min(100%, 140px);
  padding: 10px;
  padding-bottom: 25px;
  margin-inline: auto;
  border-radius: 3px;
  background-color: #ce0a2c;
  display: flex!important;
  align-items: center;
  justify-content: center;
  position: relative;
}
.contentsBtn::after {
  content: "";
  width: 10px;
  height: 10px;
  margin-inline: auto;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 10px;
  transform: rotate(135deg);
}
.contentsBtn > span {
  line-height: 0;
  display: block!important;
}

/* ===========================================
 * DETAIL
 * ======================================== */
.detailWrap {
  padding-block: 0 30px;
  background-color: #FFFFFF;
}
.detailInner {
  width: calc(100% - (15px * 2));
  margin-inline: auto;
}
.detailHead {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  align-items: center;
}
.detailHeadImg {
  display: block!important;
}
.detailHeadText {
  width: fit-content;
  margin-inline: auto;
  display: block!important;
}
.detailHeadText::after {
  content: "";
  width: 80%;
  height: 1px;
  margin-top: 18px;
  margin-inline: auto;
  background-color: #3f3c3c;
  display: block;
}
.detailSlider {
  background-color: #FFFFFF;
  background: linear-gradient(0deg, #FFF 10%, #E2ECBD 22%, #D9E5B5 24%, #C0D5A2 29%, #B5CD99 31%, #ABC796 32%, #93B78E 34%, #6B9D82 37%, #418375 39%, #306E65 41%, #17504E 45%, #083D40 48%, #03373C 50%, #012B31 57%, #002329 67%, #002127 84%, #052529 100%);;
}
.detailSliderInner {
  padding-block: 60px;
}

/* List */
/* ======================================== */
.detailListContainer {
}
.detailList {
  background-color: #FFFFFF;
  border-radius: 6px;
  filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
  overflow: hidden;
}
.detailListInner {
  padding: 15px;
  padding-top: 45px;
}
.detailListTitle {
  margin-bottom: 0.5em;
  font: 700 17px / 1.25 var(--fomt-family-main);
  color: #3f3c3c;
}
.detailListText {
  font: 500 14px / 1.25 var(--fomt-family-main);
  color: #3f3c3c;
}

/* バー全体の溝（薄いライトグレー） */
.detailSlider .splide__progress {
  background: #c8c9c9;
  height: 12px;                /* バーの太さ */
  max-width: 280px;           /* バーの横幅（お好みで調整してください） */
  margin: 10px auto 10px;     /* スライダー下部との余白 */
  border-radius: 9999px;
  overflow: hidden;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 10px;
}

/* 進捗を示す動くバー（グレー） */
.detailSlider .splide__progress__bar {
  background: #727171;
  border-radius: 9999px;
  height: 100%;
  width: 0;
  /* スライドのアニメーション速度（デフォルト400ms）と同調 */
  transition: width 400ms cubic-bezier(0.25, 1, 0.5, 1);
}
/* ===========================================
 * TIE UP
 * ======================================== */
.tieuoWrap {
  padding-block: 30px;
  background-color: #eaeaea;
}
.tieupinner {
  width: calc(100% - (15px * 2));
  margin-inline: auto;
}
.tieupHeadText {
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 30px;
  display: block;
}
.tieupHeadText::after {
  content: "";
  width: 80%;
  height: 1px;
  margin-top: 18px;
  margin-inline: auto;
  background-color: #3f3c3c;
  display: block;
}
.tieupLogo {
  width: fit-content;
  margin-inline: auto;
  display: block!important;
}
.tieupMv {
  margin-top: 40px;
  display: grid;
  gap: 15px;
}
.tieupMvtext {
  width: fit-content;
  margin-inline: auto;
  display: block!important;
}
.tieupMvThumbnail {
  display: block;
}

/* ===========================================
 * LINE UP
 * ======================================== */
.lineupWrap {
  padding-block: 30px;
  margin-inline: auto;
  background-color: #ffffff;
}
.lineupInner {
  width: calc(100% - (30px * 2));
  margin-inline: auto;
}
.lineupTitle {
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 30px;
  display: block;
}
.lineupNotationRead {
  display: block!important;
  font-size: 81.25%;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto 0.65em;
}
.lineupBoxContainer:not(:has(li:nth-child(2))) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.lineupBox {
  margin-bottom: 60px;
}
.lineupBox:last-child {
  margin-bottom: 0;
}
.lineupSubtitle {
  width: fit-content;
  margin-inline: 0 auto!important;
  margin-bottom: 20px;
  display: block!important;
}
.lineupItemContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.lineupItemContainer:not(:has(li:nth-child(2))) {
  grid-template-columns: 1fr; 
}
.lineupItem {
  display: grid;
  gap: 10px;
}
.lineupListSpecBrand {
  font: 500 14px / 1.25 var(--fomt-family-main);
  display: block!important;
}
.lineupListSpecNumber {
  font: 500 14px / 1.25 var(--fomt-family-main);
  display: block!important;
}
.lineupListSpecPrice {
  text-indent: -0.1em;
  font: 600 18px / 1.25 var(--fomt-family-main);
  display: block!important;
}
.lineupItemBtn {
  height: 30px;
}
.lineupItemBtn.active {
  color: #ffffff;
}
.lineupItemBtn.inactive {
  letter-spacing: 0.075em;
  color: #b5b5b6;
  pointer-events: none;
}
.lineupItemBtn.inactive::after {
  display: none;
}
.lineupItem .salesNotes {
  font-size: 75%;
  font-weight: 500;
  line-height: 1.5;
}

/* ===========================================
 * BANNER
 * ======================================== */
.bannerWrap {
  padding-block: 45px;
  background-color: #FFFFFF;
}
.bannerInner {
  width: calc(100% - (30px * 2));
  margin-inline: auto;
}
.bannerBox {
  display: grid;
  gap: 30px;
}
/* .bannerBox {} */
.bannerBtn {
  border-radius: 6px;
  filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
  display: block;
}


/* ===========================================
 * SERVICE
 * ======================================== */
.serviceWrap {
  padding-block: 30px;
  margin-inline: auto;
  background-color: #FFFFFF;
}
.serviceInner {
  width: calc(100% - (30px * 2));
  margin-inline: auto;
}
.serviceTitle {
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 30px;
}
.serviceAttentionTitle {
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  text-align: center;
  font: 700 20px / 1.25 var(--fomt-family-main);
  color: #ce0a2c;
  border-bottom: 1px solid #ce0a2c;
  display: block!important;
}
.serviceAttentionText {
  text-align: center;
  margin-inline: auto;
  font: 700 18px / 1.25 var(--fomt-family-main);
  color: #3f3c3c;
  display: block!important;
}
.serviceImg {
  margin-block: 20px;
  display: block!important;
}
.serviceNoteTitle {
  margin-inline: auto;
  margin-bottom: 0.5em;
  text-align: center;
  font: 700 16px / 1.25 var(--fomt-family-serif);
  color: #000000;
  display: block!important;
}
.serviceNotetext {
  padding-inline: 1em;
  text-align: center;
  font: 700 11px / 1.25 var(--fomt-family-main);
  color: #000000;
}
/* contents02 */
/* ======================================== */
#contents02 .serviceImg {
  width: min(calc(425 / 560 * 100vw), 425px);
}
#contents02 .serviceContentsInner {
  margin-top: min(calc(40 / 560 * 100vw), 40px);
}
#contents02 .serviceContentsTitle {
  width: min(calc(316 / 560 * 100vw), 316px);
  margin-inline: auto;
  margin-bottom: 1em;
}
#contents02 .serviceContentsText {
  width: min(calc(400 / 560 * 100vw), 400px);
  margin-inline: auto;
  font: 400 min(calc(16 / 560 * 100vw), 16px) / 1.5 var(--fomt-family-main);
  color: #000000;
}


/* ===========================================
 * EVENT
 * ======================================== */
.eventWrap {
  padding-block: 60px 45px;
  margin-inline: auto;
  background-color: #eaeaea;
}
.eventInner {
  width: calc(100% - (27px * 2));
  margin-inline: auto;
}
.eventBtnContainer {
  width: min(100%, 140px);
  margin-inline: auto;
  position: relative;
}
.eventBtn {
  width: min(100%, 140px);
  height: 45px;
  margin-inline: auto;
  border-radius: 3px;
  background-color: #ce0a2c;
  filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5));
  display: flex!important;
  align-items: center;
  justify-content: center;
}
.eventBtnDeco {
  width: 62px;
  height: 32px;
  margin-inline: auto 30px;
  display: block!important;
  position: absolute;
  top: -30px;
  right: -70px;
  z-index: 1;
}
.eventBtn > span {
  width: fit-content;
  line-height: 0;
  display: block!important;
}
.eventCaution {
  width: fit-content;
  margin-inline: auto;
  margin-top: 2em;
  font: 400 11px / 1.25 var(--fomt-family-main);
  color: #000000;
  display: block!important;
}







.eventTitle {
  width: min(calc(145 / 560 * 100vw), 145px);
  margin-inline: auto;
  margin-bottom: min(calc(50 / 560 * 100vw), 50px);
}
.evnetImg {
  margin-bottom: min(calc(80 / 560 * 100vw), 80px);
}
.eventBenefit {
  margin-bottom: min(calc(40 / 560 * 100vw), 40px);
  filter: drop-shadow(min(calc(6 / 560 * 100vw), 6px) min(calc(6 / 560 * 100vw), 6px) 0 #C2C1C0);
  display: block!important;
}
.eventListContainer {
  display: grid;
  gap: min(calc(30 / 560 * 100vw), 30px);
}
.eventList {
  border-radius: min(calc(14 / 560 * 100vw), 14px);
  background-color: #ffffff;
  position: relative;
}
.eventListTitle {
  width: fit-content;
  height:  min(calc(55 / 560 * 100vw), 55px);
  padding-inline: min(calc(50 / 560 * 100vw), 50px) min(calc(10 / 560 * 100vw), 10px);
  background-color: #db0025;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.eventListTitle::before {
  position: absolute;
  z-index: 10;
  top:  max(calc(-8 / 560 * 100vw), -8px);
  left: max(calc(-8 / 560 * 100vw), -8px);
  content: "";
  width: min(calc(52 / 560 * 100vw), 52px);
  height: min(calc(52 / 560 * 100vw), 52px);
}
.eventListTitle::after {
  content: "";
  width: min(calc(35 / 560 * 100vw), 35px);
  height:  min(calc(55 / 560 * 100vw), 55px);
  clip-path: polygon(0 0, 0% 100%, 60% 0);
  background-color: #db0025;
  position: absolute;
  z-index: 10;
  right: max(calc(-35 / 560 * 100vw), -35px);
}
.eventListTitle > span {
  display: block;
  line-height: 1.0;
}
.eventListInner {
  padding: min(calc(30 / 560 * 100vw), 30px);
}
.eventListText {
  font: 700 min(calc(17 / 560 * 100vw), 17px) / 1.5 var(--fomt-family-main);
  color: #231815;
  display: block;
}
.eventListText > span {
  display: block
}
/* eventList01 */
/* ======================================== */
#eventList01 {
  padding-bottom: min(calc(40 / 560 * 100vw), 40px);
}
#eventList01::after {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  content: "";
  width: min(calc(190 / 560 * 100vw), 190px);
  height: min(calc(178 / 560 * 100vw), 178px);
  background: center center / min(calc(190 / 560 * 100vw), 190px) min(calc(178 / 560 * 100vw), 178px) url(../images/event_list01_img.png);
}
#eventList01 .eventListTitle::before {
  background: center center / min(calc(52 / 560 * 100vw), 52px) min(calc(52 / 560 * 100vw), 52px) no-repeat url(../images/event_list01_number.svg);
}
#eventList01 .eventListTitle > span {
  width: min(calc(210 / 560 * 100vw), 210px);
}
#eventList01 .eventListText {
  width: min(calc(272 / 560 * 100vw), 272px);
  margin-left: auto;
}

/* eventList02 */
/* ======================================== */
#eventList02 {
  padding-bottom: min(calc(10 / 560 * 100vw), 10px);
}
#eventList02 .eventListTitle::before {
  background: center center / min(calc(52 / 560 * 100vw), 52px) min(calc(52 / 560 * 100vw), 52px) no-repeat url(../images/event_list02_number.svg);
}
#eventList02::after {
  position: absolute;
  z-index: auto;
  left: 0;
  bottom: 0;
  content: "";
  width: min(calc(133 / 560 * 100vw), 133px);
  height:min(calc(130 / 560 * 100vw), 130px);
  background: center center / min(calc(133 / 560 * 100vw), 133px) min(calc(130 / 560 * 100vw), 130px) url(../images/event_list02_img.png);
}
#eventList02 .eventListTitle > span {
  width: min(calc(270 / 560 * 100vw), 270px);
}
#eventList02 .eventListText {
  width: min(calc(308 / 560 * 100vw), 308px);
  margin-left: auto;
}
/* eventList03 */
/* ======================================== */
#eventList03 .eventListTitle::before {
  background: center center / min(calc(52 / 560 * 100vw), 52px) min(calc(52 / 560 * 100vw), 52px) no-repeat url(../images/event_list03_number.svg);
}
#eventList03::after {
  position: absolute;
  z-index: auto;
  right: 0;
  bottom: 0;
  content: "";
  width: min(calc(180 / 560 * 100vw), 180px);
  height:  min(calc(200 / 560 * 100vw), 200px);
  border-bottom-right-radius: min(calc(14 / 560 * 100vw), 14px);
  background: center center / min(calc(180 / 560 * 100vw), 180px) min(calc(200 / 560 * 100vw), 200px) url(../images/event_list03_img.png);
}
#eventList03 .eventListTitle > span {
  width: min(calc(320 / 560 * 100vw), 320px);
}
#eventList03 .eventListText {
  width: min(calc(230 / 560 * 100vw), 230px);
  margin-right: auto;
}
/*  */
/* ======================================== */
.eventInnerNon {
  padding: min(calc(30 / 560 * 100vw), 30px);
  padding-top: 0;
  margin-top: min(calc(50 / 560 * 100vw), 50px);
  background-color: #ebebeb;
}
.eventPrize {
  display: grid;
  grid-template-columns: min(calc(223 / 560 * 100vw), 223px) auto;
  align-items: center;
  position: relative;
  z-index: auto;
}
.eventPrizeText {
  font: 600 min(calc(15 / 560 * 100vw), 15px) / 1.5 var(--fomt-family-main);
}
.eventPrizeTextIcon {
  width: min(calc(64 / 560 * 100vw), 64px);
  aspect-ratio: 1 / 1;
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
}
.eventPrizeCaution {
  margin-top: 1em;
  font: 400 min(calc(10 / 560 * 100vw), 10px) / 1.25 var(--fomt-family-main);
  display: block;
}

.eventGrid {
  display: grid;
  grid-template-columns: min(calc(188 / 560 * 100vw), 188px) auto;
  gap: min(calc(10 / 560 * 100vw), 10px);
  align-items: center;
}

.eventInnerNon a {
  width: min(calc(350 / 560 * 100vw), 350px);
  height: min(calc(50 / 560 * 100vw), 50px);
  margin-top: min(calc(20 / 560 * 100vw), 20px);
  background-color: #cf0a2c;
}
/* .eventInnerNon a::after {} */
.eventFlexCard {
  position: relative;
}
.eventFlexCard:last-child::after {
  position: absolute;
  z-index: auto;
  top: max(calc(-50 / 560 * 100vw), -50px);
  right: 0;
  content: "";
  width: min(calc(63 / 560 * 100vw), 63px);
  height: min(calc(63 / 560 * 100vw), 63px);
  background: center center / min(calc(63 / 560 * 100vw), 63px) min(calc(63 / 560 * 100vw), 63px) no-repeat url(../images/event_cp-txtdeco.svg);
}



.modal{
  display: none;
}
.modal.is-open {
  display: block;
}

/**************************\
  Basic Modal Styles
\**************************/

.modal {
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}

.modal__container {
  background-color: #fff;
  /* padding: 30px; */
  margin-inline: 30px;
  border-radius: 12px;
  max-width: 500px;
  max-height: min(85vh, 600px);
  overflow-y: auto;
  box-sizing: border-box;
  position: relative;
  z-index: auto;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

.modal__close {
  width: 40px;
  height: 40px;
  aspect-ratio: 1 / 1;
  background: transparent;
  border: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}

/* .modal__header .modal__close:before { content: "\2715"; } */

.modal__content {
  /* margin-top: 2rem; */
  /* margin-bottom: 2rem; */
  /* line-height: 1.5; */
  /* color: rgba(0,0,0,.8); */
}

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0,0,0,.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}



/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}
.eventLinkContainer {
  width: 100%;
  padding-block: 0 30px;
  background-color: #e9e9e9;
}
.eventLink {
  width: min(100%, 240px);
  height: 45px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
}
.notUseLink {
  pointer-events: none;
}