@charset "UTF-8";

.l-main{
  container:main / inline-size;
}

.c-heading-area{
  margin:30px 0;
  color:#F6E068;
  text-align:center;
}

.c-heading-area__inner{
  display:inline-flex;
  flex-direction:column;
}

.c-heading-area__sub{
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:1rem;
}

.c-heading-area__sub::before,.c-heading-area__sub::after{
    content:"";
    display:block;
    flex-grow:1;
    height:1px;
    background-color:currentColor;
  }

.c-heading-area__subLabel{
  padding:0 1em;
}

.c-heading-area__main{
  margin:auto;
  font-weight:700;
  font-size:3.8rem;
}

.c-media-image{
  display:block;
}

.c-media-image__image{
  vertical-align:bottom;
}

.c-media-iframe{
  text-align:center;
}

.c-media-iframe__inner{
  display:inline-flex;
  flex-direction:column-reverse;
  row-gap:5px;
  vertical-align:bottom;
}

.c-media-iframe.of-full .c-media-iframe__inner{
    width:100%;
  }

.c-media-iframe__iframe{
  display:inline-block;
  max-width:100%;
  width:auto;
  height:auto;
  aspect-ratio:560 / 315;
}

.c-layout-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(294px, 326px));
  gap:12px;
  justify-content:center;
}

.c-card-store{
  position:relative;
  border-radius:10px;
  padding:4px;
  margin:auto;
  max-width:326px;
  background-image:linear-gradient(
			0deg,
			#E1A617 0%,
			#FFE68D 100%
		);
}

.c-card-store::after{
    content:"";
    display:block;
    position:absolute;
    z-index:1;
    inset:4px;
    border-radius:10px;
    box-shadow:inset 0px 0px 4px 7px rgba(0, 0, 0, 0.25);
    pointer-events:none;
  }

.c-card-store__inner{
  border-radius:10px;
  background-color:#FFFFFF;
  overflow:hidden;
}

.c-card-store__head{
  display:flex;
  justify-content:center;
  position:relative;
  padding:25px 18px 20px;
  min-height:125px;
  font-weight:bold;
  font-size:2.4rem;
  line-height:1.2473;
  text-align:center;
}

.c-card-store__head::after{
    content:"";
    display:block;
    position:absolute;
    top:-92px;
    left:-47px;
    right:-47px;
    border-radius:50%;
    height:223px;
    background-image:linear-gradient(
				180deg,
				#FFF263 44.17%,
				#FAE849 61.48%,
				#F7D63F 61.48%,
				#EC9005 100%
			);
  }

.c-card-store__headLabel{
  position:relative;
  z-index:1;
}

.c-card-store__body{
  position:relative;
  padding:0 18px 20px;
  margin-top:-55px;
}

.c-card-store__viewbox{
  border-radius:10px;
  border:2px solid #fff;
  overflow:hidden;
}

.c-card-store__image{
  vertical-align:bottom;
}

.c-card-store__buttonbar{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:6px;
  margin-top:15px;
}

.c-card-store__buttonbarItem{
  justify-self:center;
}

.c-card-store__buttonbarItem.of-dmm{
    grid-column:1 / 2;
  }

.c-card-store__buttonbarItem.of-line{
    grid-column:2 / 3;
  }

.c-card-store__buttonbarItem.of-pworld{
    grid-column:3 / 4;
  }

.c-card-store__button{
  display:block;
}

.c-card-store__buttonImage{
  vertical-align:bottom;
}

.u-break-text{
  display:inline-block;
}

.u-align-c{
  text-align:center !important;
}

.u-w-100per{
  width:100% !important;
}

@keyframes loop-x-left-to-right{
  0%{
    transform:translateX(0%);
  }
  100%{
    transform:translateX(-100%);
  }
}

.u-anime-loop-x-left-to-right{
  animation:80s infinite linear 0.5s both loop-x-left-to-right;
}

@media (min-width: 768px){
  .c-heading-area{
    margin:24px 0;
  }
}

@media (hover: hover){
    :is(.l-regionPr__banner,.c-card-store__button):any-link{
      transition:opacity 0.5s;
    }
      :is(.l-regionPr__banner,.c-card-store__button):any-link:hover{
        opacity:0.7;
      }
}