body * {
  letter-spacing: 0; }
  
.kiko-week-text {
  position: relative; }
  .kiko-week-text .link {
    width: 578px;
    height: 117px;
    position: absolute;
    top: 125px;
    left: 0;
    right: 0;
    bottom: auto;
    margin: auto; }
    @media screen and (max-width: 900px) {
      .kiko-week-text .link {
        width: 42.3076923077vw;
        height: 8.9743589744vw;
        top: 8.9743589744vw; } }
    @media screen and (max-width: 768px) {
      .kiko-week-text .link {
        width: 100%;
        height: auto;
        top: 5.9230769231vw; } }
  .kiko-week-text a {
    display: block;
    width: 591px;
    height: 122px;
    position: relative;
    border: solid 1px transparent;
    border-radius: 500px;
    left: 16px;
    color: transparent;
    background: url(../images/btn-link-pc.webp) no-repeat;
    background-size: 100% 100%; }
    @media screen and (max-width: 1360px) {
      .kiko-week-text a {
        border-radius: 36.6032210835vw; } }
    @media screen and (max-width: 900px) {
      .kiko-week-text a {
        width: 43.3vw;
        height: 9.3vw;
        border-radius: 128.2051282051vw;
        left: 1.2820512821vw; } }
    @media screen and (max-width: 768px) {
      .kiko-week-text a {
        width: 73.4vw;
        height: 14.5vw;
        border-radius: 128.2051282051vw;
        left: 12.7vw;
        top: 6.8vw; } }
    .kiko-week-text a.comingsoon {
      opacity: .6;
      color: #000;
      text-align: center;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 2.5em;
    }
    .kiko-week-text a:hover {
      filter: brightness(1.1);
      opacity: 1; }
    .kiko-week-text a img{
      position: relative;
      z-index: 2;
    }

@media screen and (min-width: 769px) {
  .kiko-change {
    padding-bottom: 7.3206442167vw;
    background: url(../images/bkg-change-v2.webp) no-repeat;
    background-size: cover; } }
@media screen and (min-width: 1360px) {
  .kiko-change {
    padding-bottom: 100px; } }
.kiko-change video {
  vertical-align: bottom; }
  @media screen and (min-width: 769px) {
    .kiko-change video {
      margin-top: -3.6603221083vw; } }
  @media screen and (min-width: 1360px) {
    .kiko-change video {
      margin-top: -50px; } }
  @media screen and (max-width: 768px) {
    .kiko-change video {
      width: 100%; } }

@media screen and (min-width: 769px) {
  .kiko-modal-close {
    padding-bottom: 3.6603221083vw; } }
@media screen and (min-width: 1360px) {
  .kiko-modal-close {
    padding-bottom: 50px; } }

.kiko-week-text a {
    /*波紋の基点とするためrelativeを指定*/
    position: relative;
    z-index: 2;
    /*波紋の形状*/
    display: inline-block;
    transition: all 0.3s;
    /*hoverした際の背景色の設定*/
    /*波形を2つ設定*/
    /*波形の2つ目は0.5秒遅らせてアニメーション*/
  }
  
  @media screen and (max-width: 768px) {
  .kiko-week-text {
    overflow: hidden; } }

  .kiko-week-text a::after, .kiko-week-text a::before {
    content: "";
    /*絶対配置で波形の位置を決める*/
    position: absolute;
    left: -25%;
    top: -25%;
    /*波形の形状*/
    width: 150%;
    height: 150%;
    border-radius: 100px;
    /*はじめは不透明*/
    opacity: 0.6;
    /*ループするアニメーションの設定*/
    animation: 1.5s circleanime linear infinite;
    background: #ffc159;
    z-index: 1;
  }
  .kiko-week-text a::before {
    animation-delay: 0.5s;
  }
  
  
  /*波形のアニメーション*/
  @keyframes circleanime {
    0% {
      transform: scale(0.68);
    }
    100% {
      transform: scale(1.05);
      opacity: 0;
    }
  }


/*# sourceMappingURL=style-add.css.map */