@charset "UTF-8";

/* 2026/03 add */
.s-w100 {
  width: 100% !important;
}
.bx_btn .btn_red a {
  padding: 12px 2%;
  background-color: #cc0033 !important;
  background-image: none !important;
  border: solid 2px #fff;
  box-shadow: 4px 4px #973131 !important;
  border-radius: .6rem;
  display: block;
  font-weight: 900;
  font-size: clamp(.875rem, .743rem + .563vw, 1.25rem);
}
.bx_btn .btn_red a:link,
.bx_btn .btn_red a:visited,
.bx_btn .btn_bl02 a:link,
.bx_btn .btn_bl02 a:visited {
  color: #fff;
  text-decoration: none;
}
.bx_btn .btn_wh a {
  padding: 10px 0;
  background-color: #ffffff !important;
  border: solid 2px #cc0033 !important;
  box-shadow: 4px 4px #cc0033 !important;
  border-radius: 6px!important;
  color: #dd4466;
  display: block;
  font-weight: 900;
  font-size: clamp(.875rem, .743rem + .563vw, 1.25rem);
}
.bx_btn .btn_wh a:link {
  color: #dd4466;
  text-decoration: none;
}

.bx_btn .btn_red a,
.bx_btn .btn_wh a,
.bx_btn .btn_bl02 a {
  position: relative;
  display: inline-block;
  width: 100%;
}
.bx_btn .btn_red a::before,
.bx_btn .btn_wh a::before,
.bx_btn .btn_bl02 a::before {
  position: absolute;
  content: '';
  top: 0;
  right: 2%;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #fff;
  margin: auto;
}
.bx_btn .btn_wh a::before {
  border-color: transparent transparent transparent #dd4466;
}

@media screen and (min-width: 768px) {
  .only_sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .only_pc {
    display: none;
  }
  .s-sp-w100 {
    width: 100% !important;
  }
  .n_bx_flx {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  #indx ul.bx_flx.bx_btn li[class^="btn_red"] {
    width: 48%;
  }
  #indx #mv ul li.btn_bl02 a,
  #indx ul.bx_btn li.btn_bl02 a {
    background-color: initial;
    box-shadow: initial;
    border: none !important;
    background-image: none;
  }
  .bx_btn .btn_bl02 {
    display: flex;
    justify-content:center;
    align-items: center;
    border-radius: .6rem;
    background-color: #334466;
    border: solid 2px #ffffff;
    box-shadow: 4px 4px #242a78;
    border-radius: .6rem;
    font-weight: 900;
  }
  .bx_btn .btn_bl02 a:link,
  .bx_btn .btn_bl02 a:visited {
    color: #fff;
    text-decoration: none;
  }
}