@charset "UTF-8";
.combi_btn {
  position: relative;
  background-color: var(--color_wt);
  border: 2px solid var(--color1);
  box-shadow: 0px 4px 0px 0px var(--color1);
  padding: 20px 0;
  border-radius: 10px;
  color: var(--color1);
  font-size: 24px;
  transition: all .3s ease 0s;
    cursor: pointer;
}
.combi_btn:hover {
  transform: translateY(4px);
  box-shadow: none;
  background-color: var(--color1);
  color: var(--color_wt);
}

@media screen and (max-width: 1229px) {
  .combi_btn {
    padding: 10px 0;
  }
}

@media screen and (max-width: 767px) {
  .combi_btn {
    font-size: 16px;
  }
}

/*
    COMBI
-------------------------------------------------------- */
.combination {
    position: relative;
    background: url(../../img/tenpo/pc_tenpo_bg.png) no-repeat top center / cover;
}
.combi_btn-wrap {
    column-gap: 15px;
}
.combi .combi_cta {
    padding-bottom: 60px;
}
.combi .item {
    margin-top: -120px;
    padding-top: 120px;
}
.combi .item:not(:last-child) {
    padding-bottom: 60px;
}
.premier,
.challenge,
.enjoy_11,
.enjoy_8,
.foot_prem,
.foot_enjoy,
.beach,
.board_game {
    display: none;
}
.premier.is-active,
.challenge.is-active,
.enjoy_11.is-active,
.enjoy_8.is-active,
.foot_prem.is-active,
.foot_enjoy.is-active,
.beach.is-active,
.board_game.is-active {
    display: block;
}
/* .combi .image_wrap {

} */
.combi .image_wrap p {
    padding: 30px 0;
}
/* .combi .image {

}
.combi .image img {

}
.combi .contents_wrap {
} */
.combi .date {
    font-size: 20px;
}
.combi .premier_btn.is-active,
.combi .challenge_btn.is-active,
.combi .enjoy_11_btn.is-active,
.combi .enjoy_8_btn.is-active,
.combi .foot_prem_btn.is-active,
.combi .foot_enjoy_btn.is-active,
.combi .beach_btn.is-active,
.combi .board_game_btn.is-active {
    transform: translateY(4px);
    box-shadow: none;
    background-color: var(--color1);
    color: var(--color_wt);
}
.combi .image {
    
}
@media screen and (max-width: 1229px) {
    .combi .item {
        margin-top: -80px;
        padding-top: 80px;
    }
}
@media screen and (max-width: 767px) {
    .conbi .ttl {
        padding-bottom: 5px;
    }
    .combi .combi_cta {
        padding-bottom: 45px;
    }
    .combi .combi_cta img {
        width: 50%;
    }
    .combi .white_box_l {
        padding: 15px;
    }
    .combi_btn-wrap {
        padding-inline: 15px;
    }
    .combi .item:not(:last-child) {
        padding-bottom: 30px;
    }
    .combi .image_wrap p {
        padding: 15px 0;
    }
    .combi .date {
        font-size: 16px;
    }
}