@charset "UTF-8";

/*▼▼ PC表示（501px以上） ▼▼*/
@media screen and (min-width: 501px) {

body {
  background-color: #000;
}
.contents {
  border-right: 2px solid #fad978;
  border-left: 2px solid #fad978;
}

}
/*▲▲ PC表示 ▲▲*/


/*▼▼ 左右カラム ▼▼*/
.pc_left,
.pc_right {
  display: none;
}

@media screen and (min-width: 1100px) and (min-height: 520px) {

.contents_wrapper {
  display: grid;
  grid-template-columns: 763fr 600px 1037fr;
  --design_px_base: min(calc((100vw - 600px) / 900), calc((100vh - 70px) / 760));
}
.inner_main {
  grid-column: 2;
  grid-row: 1;
  width: 500px;
  zoom: 1.2;
}
.inner_main {
  --header_height: calc(70px / 1.2);
}
.pc_left,
.pc_right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 70px);
  position: sticky;
  top: 70px;
  grid-row: 1;
}

.pc_left {
  grid-column: 1;
  --design_px: min(var(--design_px_base), calc(350px / 292));
}
.pc_left_title {
  width: calc(var(--design_px) * 292);
  margin-bottom: calc(var(--design_px) * 23);
}
.pc_speech_bubble {
  width: calc(var(--design_px) * 292);
  margin-bottom: calc(var(--design_px) * 5);
}
.pc_jump_favorite {
  width: calc(var(--design_px) * 215);
}
.pc_jump_favorite a {
  transition-duration: .3s;
}
.pc_jump_favorite a:hover {
  transform: translateY(calc(var(--design_px) * 5));
}

.pc_right {
  grid-column: 3;
  --design_px: min(var(--design_px_base), calc(450px / 420));
  justify-content: flex-start;
  padding-top: calc((100vh - 70px - var(--design_px) * 656) / 2);
  overflow: hidden;
}
.pc_nav_decoration {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
}
/*▲▲ 左右カラム ▲▲*/


/*▼▼ 列が 600px（1.2倍）のとき ▼▼*/
@media screen and (min-width: 1100px) and (min-height: 520px) {

.sale_block .genre_title {
  background-size: cover;
  padding: 7.5px 0;
}
.sale_block .genre_title_01 img {
  width: 76.5%;
}
.sale_block .genre_title_02 img {
  width: 79.1%;
}
.sale_block label,
.sale_block label:nth-of-type(3) {
  min-height: 54px;
  font-size: 16px;
}
.sale_block label:nth-of-type(6) {
  font-size: 14.5px;
}

.conts_sale .how_to .ribbon {
  width: 70%;
}
.conts_sale .how_to::before {
  top: 47px;
}
.conts_favorite .how_to .ribbon {
  width: 67%;
}
.conts_favorite .how_to::before {
  top: 36px;
}
.conts_sale .app_coupon_text {
  text-align: center;
}
.conts_sale .caution_list.app_coupon_caution {
  margin-top: 6px;
}
.conts_event .btn_list {
  width: 88%;
}
.conts_event .btn_list li a {
  min-height: 38px;
  font-size: 14px;
}

.conts_pickup .slider_title {
  width: 57.3%;
}
.conts_sale .sale_title {
  width: 63%;
}
.conts_dream .dream_title {
  width: 55.4%;
}
.conts_chameleon .chameleon_title {
  width: 70.8%;
}
.conts_event .pickup_title {
  width: 63.3%;
}
.conts_point .point_title {
  width: 76.9%;
}
.conts_favorite .favorite_title {
  width: 74.4%;
}
.conts_store .store_title {
  width: 69.8%;
}
.conts_other .other_title {
  width: 77.4%;
}
.btn_main a,
.conts_event .btn_detail:not(.is-disabled) a,
.conts_chameleon .btn_mall {
  font-size: 16px;
  padding-top: 18px;
  padding-bottom: 18px;
}
.btn_main a::after,
.conts_event .btn_detail a::after,
.conts_chameleon .btn_mall::after {
  width: 12px;
}
.conts_dream .btn_main,
.conts_chameleon .btn_main,
.conts_chameleon .btn_mall {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}
.conts_event .btn_detail {
  width: 86%;
  margin: 0 auto;
}
.conts_chameleon .conts_aeon_list table {
  width: 94%;
}
.conts_chameleon .conts_aeon_list th,
.conts_chameleon .conts_aeon_list .title {
  font-size: 16px;
}
.conts_chameleon .conts_aeon_list td a .small {
  font-size: 9px;
  font-weight: 500;
}
.conts_chameleon .conts_aeon_list td a {
  font-size: 15px;
  padding: 6px 16px 5px;
  margin-bottom: 10px;
}
.conts_pagelink .pagelink_title {
  width: 74.4%;
}
.conts_pagelink .list_pagelink {
  width: 78.3%;
}
.conts_pickup .swiper-slide {
  width: 51.6%;
}
.conts_event .event_img {
  width: 68.6%;
}
.conts_point .measure_title .small {
  font-size: 19.4px;
}
.conts_point .measure_title .under_line {
  font-size: 35.2px;
}
.conts_point .measure_img {
  width: 73%;
}
.conts_app .app_review .logo {
  width: 107px;
}
.conts_app .app_review .review_text {
  width: 235px;
}
.conts_app .app_store {
  width: 156px;
}
.conts_app .google_play {
  width: 193px;
}
#back-top {
  right: calc((100vw - 600px) * 1037 / 1800 + 20px);
}

}
/*▲▲ 列が 600px のとき ▲▲*/