@charset "UTF-8";

/* wrap.container */
body {
  font-family: "Montserrat", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "Verdana", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic",
    sans-serif;
  background: url(./assets/images/adc/campaign/Showgrounds.webp);
  background-size: cover;
  background-attachment: fixed;
  background-position: top;
}

a {
  color: #ffed02;
}

p {
  margin-bottom: 0;
}

section#caution {
  margin-top: 5rem;
}

.wrap_section_pu {
  max-width: 1000px;
  margin: auto;
  margin-top: 7rem;
  padding: 3rem;
  color: #ffffff;
  /* background-color: #6a93c0; */
  background: linear-gradient(
    119deg,
    rgba(0, 4, 201, 1) 0%,
    rgba(14, 154, 202, 1) 100%
  );
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5),
    inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
}

.wrap_store {
  max-width: 1000px;
  margin: auto;
  margin-top: 2rem;
  padding: 3rem;
  color: #ffffff;
  /* background-color: #6a93c0; */
  background: linear-gradient(
    119deg,
    rgba(0, 4, 201, 1) 0%,
    rgba(14, 154, 202, 1) 100%
  );
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5),
    inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
}

.wrap_section_pu_header {
  max-width: 1000px;
  margin: auto;
  margin-bottom: 5rem;
  padding: 3rem;
  color: #ffffff;
  /* background-color: #6a93c0; */
  background: linear-gradient(
    119deg,
    rgba(0, 4, 201, 1) 0%,
    rgba(14, 154, 202, 1) 100%
  );
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5),
    inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
}

.img_header.pc {
  display: none;
}

.wrap_about {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}

.wrap_venue {
  border-top: solid 1px #ffed02;
  margin-top: 5rem;
  padding-top: 2rem;
}

.wrap_mainimg {
  max-width: 1000px;
  margin: auto;
}

.wrap_img_huggy {
  max-width: 500px;
  margin: 2rem 0;
}

.wrap_img_huggy img {
  display: block;
  width: 100%;
}

/* header */
.for_english {
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  padding: 1.5rem 0;
  display: none;
}

/* img */
.img_ribbon {
  width: 49%;
}

.img_lisence {
  margin-bottom: 2rem;
}

.img_lisence img {
  max-width: 300px;
  width: 100%;
}

.img_event img {
  width: 100%;
}

/* slider img */
.slider_img_header_pu {
  margin-top: 3rem;
}

.slide-arrow {
  z-index: 100;
}

.slick-list {
  max-width: 100%;
}

.slick-slide {
  margin: 0 1rem;
}

.slider_img_header_pu .img_event {
  width: 100%;
  height: auto;
}

.prev-arrow {
  left: 1rem;
}

.slick-dotted.slick-slider {
  margin-bottom: 1rem;
}

/* btn link */
.btn_apply_pu {
  display: block;
  position: relative;
  color: #000000;
  background-color: #ffed02;
  max-width: 250px;
  margin-left: auto;
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding: 1rem 1.5rem;
  text-align: center;
  text-decoration: none;
}

.btn_apply_pu.center {
  margin: auto;
  margin-top: 2rem;
}

.btn_apply_pu:hover {
  color: #000000;
  opacity: 0.7;
}

.disabled {
  pointer-events: none;
  background-color: #808080;
  text-align: center;
}

.btn_disabled {
  pointer-events: none;
  background-color: #808080;
}

.btn_arrow {
  position: absolute;
  right: 1.5rem;
}

.btn_yellow {
  display: block;
  max-width: 300px;
  margin: auto;
  padding: 1rem 2rem;
  color: #000000;
  background-color: #fce200;
  text-align: center;
}

/* catch */
.catch_pu {
  max-width: 1200px;
  margin: 5rem auto;
  text-align: center;
  color: #000000;
  text-shadow: 1px 1px 2px #ffffff, 0 0 1em #ffffff, 0 0 0.2em #ffffff;
  font-weight: 900;
}

.subcatch_pu,
.section_list_store {
  max-width: 1000px;
  margin: 3rem auto 10rem;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
}

.subcatch_pu .wrap_section_pu {
  margin: 0;
}

#info p {
  margin-bottom: 1rem;
}

/* heading */
h2 {
  text-align: center;
  margin: 0 0 2rem;
  color: #ffed02;
  font-family: "Lilita One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3em;
}

.subcatch_pu h2 {
  color: #ffffff;
  margin-top: 1rem;
}

.wrap_about h2 {
  font-size: 2rem;
}

#special h2,
#goods h2 {
  margin-top: 0;
  margin-bottom: 2rem;
}

.h_online {
  margin-top: 2rem;
}

.h_online a {
  text-decoration: underline;
}

h3 {
  margin-bottom: 1rem;
}

#info h3 {
  text-align: center;
}

#special h3 {
  margin-bottom: 2rem;
}

h3.caution {
  margin-top: 3.5rem;
}

/* font text */
.caution_pu {
  font-size: 14px;
}

.txt_red {
  color: #ffed02;
  font-weight: 700;
}

.txt_grey {
  color: #808080;
  text-align: center;
}

.txt_white_pu {
  color: #ffffff;
}

.txt_center {
  display: block;
  text-align: center;
}

.txt_right {
  display: block;
  text-align: right;
}

.txt_marginright {
  margin-right: 0.75rem;
  display: block;
}

.txt_new {
  color: #ffed02;
  font-family: "Lilita One", sans-serif;
  font-weight: 400;
}

.font_15rem {
  font-size: 1.5rem;
}

.font_125rem {
  font-size: 1.25rem;
}

.fa-angle-right:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.address_pu {
  margin-top: 1.5rem;
  line-height: 1.25rem;
}

.txt_tokuten {
  display: block;
  text-align: center;
  color: #ffed02;
}

/* faq toggle */
.question_pu {
  margin: 1rem 0;
  color: #000000;
}

.a_store_cam {
  display: block;
  height: 50px;
  margin-top: 0.5rem;
  text-decoration: none;
}

.a_store_cam:hover,
.a_store_cam:focus,
.a_store_cam:active,
.a_store_cam:visited {
  color: #ffed02;
}

.a_store_cam[aria-expanded="false"] {
  background-image: url(./assets/images/adc/campaign/chevron-down-solid.png);
  background-repeat: no-repeat;
  background-position: center;
}

.a_store_cam[aria-expanded="true"] {
  background-image: url(./assets/images/adc/campaign/angle-up-solid.png);
  background-repeat: no-repeat;
  background-position: center;
}

.name_store {
  margin-bottom: 1rem;
  color: #ffed02;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
}

.wrap_img_vv {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.wrap_img_vv img {
  width: 48%;
  margin-bottom: 14px;
}

.wrap_detail_store {
  padding: 1rem;
  color: #000000;
  background-color: #ffffff;
  font-size: 16px;
}

.wrap_detail_store.collaspe:not(.show) {
  display: none;
}

.wrap_detail_store p,
.wrap_section_pu p {
  margin-bottom: 1.5rem;
}

.wrap_detail_store p:last-of-type {
  margin-bottom: 0;
}

.answer_pu {
  padding: 2rem;
  padding-top: 1rem;
}

/* footer */

.wrap_pu {
  /* background-color: #6a93c0; */
  background: linear-gradient(
    119deg,
    rgba(0, 4, 201, 1) 0%,
    rgba(14, 154, 202, 1) 100%
  );
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5),
    inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
}

.txt_copyright {
  color: #ffffff;
  font-weight: bold;
}

.footer {
  border-top: none;
}

.footer_pu {
  background: transparent;
  margin-bottom: 0;
  padding: 5rem 0rem;
  max-width: 1000px;
  color: #ffffff;
}

.footer_pu a {
  color: #ffffff;
}

/*767px以下*/
@media screen and (max-width: 767px) {
  /* wrap container */
  .wrap_store {
    margin: 2rem 1rem 0;
    padding: 1rem 0.75rem;
  }
  /* wrap container */
  .wrap_section_pu {
    margin: 5rem 1rem 0;
    padding: 1.5rem 0.75rem;
  }

  .wrap_section_pu_header {
    margin: 0 1rem 5rem;
    padding: 1.5rem 0.75rem;
  }

  /* heading */
  .catch_pu {
    margin: 3rem auto;
  }

  .subcatch_pu {
    font-size: 16px;
    line-height: 1.5rem;
    margin: 1rem;
    margin-top: 5rem;
  }

  h3 {
    text-align: center;
  }

  h4 {
    font-size: 18px;
  }

  /* font txt */
  p {
    margin-bottom: 1.5rem;
  }

  .wrap_detail_store {
    font-size: 14px;
  }

  /* about */
  .wrap_section_pu,
  .wrap_about {
    font-size: 14px;
    font-weight: 400;
  }

  .wrap_about {
    padding-bottom: 0;
  }

  /* footer */
  .footer_pu {
    padding: 2rem 1rem;
  }

  .txt_tokuten {
    font-size: 18px;
  }
}

/*768px以上*/
@media screen and (min-width: 768px) {
  .slick-slide {
    height: 240px;
  }

  .img_event img {
    height: 200px;
    width: auto;
  }

  .section_list_store {
    /* display: flex; */
    flex-wrap: wrap;
  }

  .wrap_store {
    width: 70%;
    padding: 1rem 1.5rem;
  }
}

/*1200px以上*/
@media screen and (min-width: 1200px) {
  .font_25rem {
    font-size: 2.5rem;
  }

  .font_2rem {
    font-size: 2rem;
  }

  .inwrap_mainimg {
    /* background: #6a93c0; */
    background: linear-gradient(
      119deg,
      rgba(0, 4, 201, 1) 0%,
      rgba(14, 154, 202, 1) 100%
    );
    padding: 2rem;
    margin-top: 2rem;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5),
      inset 0px -3px 6px -2px rgba(0, 0, 0, 0.3);
  }
}

/* 商品情報CSS */
.wrap_item {
  margin-bottom: 5rem;
  padding-bottom: 5rem;
  border-bottom: dashed 2px #fce200;
}

.wrap_item:last-of-type {
  margin-bottom: 0;
}

.wrap_mainimg_item {
  width: 300px;
  height: 300px;
  margin: auto;
  padding: 0.5rem;
  background-color: #ffffff;
  text-align: center;
}

.wrap_mainimg_item img {
  height: 100%;
  width: auto;
  object-fit: cover;
}

ul.slider_img_header > li:not(:first-child) {
  display: none;
}

.slider_img_item {
  margin-top: 3rem;
}

.list_slider_item {
  width: 110px;
  height: 150px;
}

.wrap_item .slick-slide {
  width: 110px;
  height: 150px;
  margin: 0 1rem;
}

.list_slider_item {
  background-color: #ffffff;
  padding: 0.3rem;
  text-align: center;
}

.list_slider_item img {
  object-fit: cover;
}

header .prev-arrow {
  width: 50px;
  left: 1rem;
}

header .next-arrow {
  width: 50px;
  right: 1rem;
}

.prev-arrow {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  z-index: 999;
}

.next-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  z-index: 999;
}

.h3_title_item {
  border-left: solid 5px #fce200;
  padding-left: 1rem;
}

.wrap_txt_item {
  margin: 1.5rem 1.5rem 2.5rem;
}

.hide-text {
  display: none;
}

.readmore {
  background: none;
  color: #ffffff;
  border: none;
  width: 100%;
  text-align: center;
}

.readmore::before {
  content: "READ MORE ▼";
}

.readmore.on-click::before {
  content: "CLOSE ▲";
}

.readmore:hover {
  opacity: 0.8;
}

.btn_buy {
  display: inline-block;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  color: rgba(0, 4, 201, 1);
  background-color: #ffed02;
  border: solid 2px #ffed02;
  text-decoration: none;
  pointer-events: none;
}

.area_shopbanner_item {
  margin: 0 1.5rem;
}

.wrap_shopbanner {
  display: flex;
  flex-wrap: wrap;
}

.area_link_shopbanner {
  display: flex;
  width: 120px;
  height: 50px;
  background-color: #ffffff;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

.area_link_shopbanner img {
  max-height: 90%;
  max-width: 90%;
  width: auto;
}

.wrap_shoplist_realstore {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
}

.list_realstore {
  width: 33%;
}

.list_realstore span {
  display: block;
}

.list_realstore img {
  margin-top: 1rem;
  margin-bottom: 3rem;
  width: 250px;
}

.img_square {
  height: 140px;
  object-fit: cover;
}

.footer_lp {
  background-color: #000000;
  margin-top: 0;
}

.footer_lp .list_nav_footer a {
  color: #ffffff;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
***********************************
/*1199px以下*/
@media screen and (max-width: 1199px) {
  /* pad pro - 汎用スタイル */
  .wrap {
    margin: auto;
  }
}

/*1024px以下*/
@media screen and (max-width: 1024px) {
  .wrap {
    margin: 0 2rem;
  }
}

/*834px以下*/
@media screen and (max-width: 834px) {
  /* tab - 汎用スタイル */
  body {
    font-size: 16px;
  }

  .wrap {
    margin: 2rem 1rem;
  }

  .wrap_item {
    margin-bottom: 3rem;
  }

  .h1_apexlp {
    padding: 1rem 0;
  }

  .catch_apexlp {
    line-height: 1.5;
  }

  .h2_title_section_item {
    margin-bottom: 3rem;
  }

  .item_reserve {
    width: 100%;
    padding: 0 15px;
  }

  .item_reserve .h3_title_item {
    font-size: 18px;
  }

  .wrap_txt_item {
    margin-left: 0;
    margin-right: 0;
  }

  .area_shopbanner_item {
    margin: 0;
    text-align: center;
  }

  .area_link_shopbanner {
    width: calc(100% / 2 - 12px);
    height: 50px;
  }

  .wrap_lineup_img_item {
    width: 150px;
    height: 150px;
  }

  .h3_title_item {
    font-size: 12px;
    margin-top: 3rem;
    padding-left: 0.25rem;
  }

  .h3_title_newitem {
    font-size: 18px;
  }

  .title_lineup_item {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }

  .txt_lineup_item {
    display: none;
  }

  .btn_buy {
    pointer-events: auto;
  }
}

/*767px以下*/
@media screen and (max-width: 767px) {
  .wrap_item {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }

  .btn_buy {
    font-size: 0.75rem;
  }

  .area_link_shopbanner {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }

  .wrap_shopbanner {
    justify-content: space-between;
  }

  .wrap_shopbanner_lineup {
    justify-content: center;
  }

  .wrap_shoplist_realstore {
    display: block;
    text-align: left;
  }

  .list_realstore {
    width: auto;
  }

  .list_realstore img {
    margin-top: 1rem;
    margin-bottom: 3rem;
    width: 250px;
  }
}