@charset "UTF-8";

/*========= playguide direct 共通===============*/
.playguide__title, .direct__title, .playguide-shop__title{
    margin-bottom: 0.8vw;
    position: relative;
    padding-left: 3.5vw;
    font-size: 1.82vw;
    color: #010440;
    font-weight: 700;
}
.playguide__title::before, .direct__title::before, .playguide-shop__title::before{
    position: absolute;
    top: 0;
    left: 0;
    width: 2.81vw;
    height: 2.81vw;
    border-radius: 50%;
    background-color: #BFF205;
    text-align: center;
}
.playguide__contents, .direct__contents, .playguide-shop__contents, .group__contents{
    margin-left: 3.8vw;
}
.playguide__text, .direct__text, .playguide-shop__text, .group__text{
    margin-bottom: 0.8vw;
}
.direct__text._margin-bottom-wide{
    margin-bottom: 2vw;
}

/*========= playguide ===============*/
.playguide{
    margin-bottom: 2vw;
}
.playguide__title::before{
    content: '1';
}

.playguide__link{
    position: relative;
    display: block;
    width: 42.19vw;
    height: 3.91vw;
    background-image: linear-gradient(to right, #9ACDFF, #1E2382);
    border-radius: 0.83vw;
}
.playguide__link:hover{
    background-image: linear-gradient(to right, #1E2382, #9ACDFF);
}
.playguide__link-span{
    position: absolute;
    top: 50%;
    left: 2vw;
    transform: translateY(-50%);
    font-size: 1.51vw;
    color: #ffffff;
    font-weight: 700;
}
.playguide__link-cnlogo{
    position: absolute;
    top:50%;
    left: 26vw;
    transform: translateY(-50%);
    width: 11.04vw;
    height: 2.4vw;
}
.playguide__link::before{
    position: absolute;
    top: 50%;
    right: 0.8vw;
    transform: translateY(-50%);
    font-family: 'Font Awesome 5 Free';
    font-size: 2.5vw;
    color: #ffffff;
    font-weight: 900;
    content: '\f138';      
}
/*========= direct ===============*/
.direct{
    margin-bottom: 2vw;
}
.direct__title::before{
    content: '2';
}
.direct__tell{
    font-size: 2.34vw;
    font-weight: 700;
    color: #010440;
}
.direct__tell i{
    padding-right: 0.5vw;
}
.direct__pay-title{
    font-weight: 700;
    margin-bottom: 0.8vw;
}
.direct__pay-list li{
    position:relative;
    counter-increment: cnt;
    margin-bottom: 1vw;
    padding-left: 1.5vw;
}
.direct__pay-list li::before {
    content:  counter(cnt);
    position: absolute;
    top: 0.1vw;
    left: 0;
    width: 1.2vw;
    height: 1.2vw;
    background: #4A4A4A;
    font-size: 1.04vw;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    line-height: 1.2vw;
  }
  .direct__number-text{
    margin-left: 0.3vw;
    margin-right: 0.3vw;
    display: inline-block;
    color: #010440;
    width: 1.5vw;
    height: 1.5vw;
    border-radius: 50%;
    background-color: #BFF205;
    text-align: center;
    font-weight: 700;
  }

  /*========= playguide-shop ===============*/
.playguide-shop{
    margin-bottom: 5vw;
}
.playguide-shop__title::before{
    content: '3';
}
.playguide-shop__shop-list-contents{
    background: #FFFFF6;
    border: solid #ECEC59 0.05vw;
    padding: 1.6vw 2.64vw  0 2.64vw;
    border-radius: 0.52vw;
}
.playguide-shop__shop-list-title{
    font-weight: 700;
    margin-bottom: 0.8vw;
}
.playguide-shop__shop-list-wrap{
    display: flex;
    justify-content: space-between;
}
.playguide-shop__shop-list-flex{
    width: 23vw;
}
.playguide-shop__shop-list-item{
    margin-bottom: 1.51vw;
}
.playguide-shop__shop-area{
    width: 100%;
    height: 1.82vw;
    background: #BFF205;
    border-radius: 0.52vw 0.52vw 0 0;
    line-height: 1.82vw;
    padding-left: 0.5vw;
}
.playguide-shop__shop-list-item ul{
    padding-top: 0.5vw;
    padding-left: 1.3vw;
    background: #FFF;
    border: #BFF205 solid 0.05vw;
    border-radius: 0 0 0.52vw 0.52vw;
}
.playguide-shop__shop-list-item ul li{
    position: relative;
    padding-left: 1vw;
    margin-bottom: 0.5vw;
}
.playguide-shop__shop-list-item ul li::before{
    position: absolute;
    top: 0.3vw;
    left: 0;
    display: inline-block;
    content: '●';
    color: #BFF205;
    font-size: 0.3vw;
}
.playguide-shop__shop-list-item ul li a{
    position: relative;
    text-decoration: underline;
  }
.playguide-shop__shop-list-item ul li a::before{
    position: absolute;
    top: 0.2vw;
    right: -1.5vw;
    font-family: 'Font Awesome 5 Free';
    font-size: 1.04vw;
    font-weight: 900;
    content: '\f2d2';
  }


/*========= group ===============*/
.group__title{
    position: relative;
    margin-bottom: 1.3vw;
    padding-left: 2.3vw;
    font-size: 1.72vw;
    font-weight: 700;
    color: #010440;
}
.group__title::before{
    position: absolute;
    width: 1.09vw;
    height: 2.97vw;
    content: "";
    left: 0;
    top: 0;
    background-color: #BFF205;
    border-radius: 0.52vw;
}
.group__tell{
    font-weight: 700;
}
.group__tell:hover{
    text-decoration: underline;
}

/* レスポンシブ（SP表示の指定） */
@media (max-width: 1024px) {
/*========= playguide direct 共通===============*/
.playguide__title,.direct__title, .playguide-shop__title{
    margin-bottom: 2vw;
    padding-left: 7.5vw;
    font-size: 4.3vw;
}
.playguide__title::before, .direct__title::before, .playguide-shop__title::before{
    width: 5.5vw;
    height: 5.5vw;
    top: 0.5vw;
    left: 0;
}
.playguide__contents, .direct__contents, .group__contents, .playguide-shop__contents{
    margin-left: 0vw;
}
.playguide__text, .direct__text, .group__text, .playguide-shop__text{
    margin-bottom: 4vw;
}
.direct__text._margin-bottom-wide{
    margin-bottom: 4vw;
}

/*========= playguide ===============*/
.playguide{
    margin-bottom: 6vw;
}
.playguide__link{
    width: 100%;
    height: 10vw;
    border-radius: 2.08vw;
    line-height: 8.07vw;
}
.playguide__link-span{
    top: 50%;
    left: 2vw;
    transform: translateY(-50%);
    font-size: 3.3vw;
}
.playguide__link-cnlogo{
    position: absolute;
    top:50%;
    left: 53.5vw;
    transform: translateY(-50%);
    width: auto;
    height: 5vw;
}
.playguide__link::before{
    right: 1.5vw;
    font-size: 4vw;     
}
/*========= direct ===============*/
.direct{
    margin-bottom: 6vw;
}
.direct__tell{
    font-size: 4.5vw;
}
.direct__tell i{
    padding-right: 1.2vw;
}
.direct__pay-title{
    margin-bottom: 2vw;
}
.direct__pay-list li{
    margin-bottom: 1vw;
    padding-left: 5vw;
}
.direct__pay-list li::before {
    top: 1.2vw;
    left: 0;
    width: 4vw;
    height: 4vw;
    font-size: 4vw;
    line-height: 3.5vw;
  }
  .direct__number-text{
    margin-left: 1vw;
    margin-right: 1vw;
    width: 6vw;
    height: 6vw;
  }

  /*========= playguide-shop ===============*/
  .playguide-shop{
    margin-bottom: 6vw;
}
.playguide-shop__shop-list-contents{
    border: solid #ECEC59 0.13vw;
    padding: 5vw 2.64vw  5vw 2.64vw;
    border-radius: 2vw;
}
.playguide-shop__shop-list-title{
    margin-bottom: 2vw;
}
.playguide-shop__shop-list-wrap{
    display: block;
}
.playguide-shop__shop-list-flex{
    width: 100%;
}
.playguide-shop__shop-list-item{
    margin-bottom: 1.51vw;
}
.playguide-shop__shop-area{
    width: 100%;
    height: 6vw;
    background: #BFF205;
    border-radius: 2vw 2vw 0 0;
    line-height: 6vw;
    padding-left: 2vw;
}
.playguide-shop__shop-list-item ul{
    margin-bottom: 3vw;
    padding-top: 0.5vw;
    padding-left: 2vw;
    border: #BFF205 solid 0.13vw;
    border-radius: 0 0 2vw 2vw;
}
.playguide-shop__shop-list-item ul li{
    padding-left: 3vw;
    margin-bottom: 2vw;
}
.playguide-shop__shop-list-item ul li::before{
    top: 1.5vw;
    left: 0;
    font-size: 2vw;
}
.playguide-shop__shop-list-item ul li a::before{
    top: 0.2vw;
    right: -5.5vw;
    font-size: 4vw;
  }

  /*========= group ===============*/
  .group__title{
      margin-bottom: 4vw;
      padding-left: 5vw;
      font-size: 4.3vw;
  }
  .group__title::before{
      width: 2.73vw;
      height: 7.42vw;
      left: 0;
      top: -0.4vw;
      border-radius: 1.3vw;
  }
}