@charset "UTF-8";
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
共通
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
body {
  overflow-x: hidden;
}
.flex {
  display: flex;
}
.inner {
  width: 90%;
  margin: 0 auto;
  margin-inline: auto;
}
img {
  width: 100%;
}
figure {
  line-height: 1;
}
a.btn {
  display: block;
  width: 85%;
  margin: 0 auto;
}
a,
.button {
  display: block;
  transition: .3s !important;
  cursor: pointer;
}
a:hover,
.button:hover {
  opacity: .6 !important;
}
.sp {
  display: none;
}
.noto-sans-jp-200 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.noto-sans-jp-400 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (max-width: 800px) {
  .sp {
    display: block;
  }
  .flex.sp {
    display: flex;
  }
  .pc {
    display: none;
  }
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
PC レイアウト時
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
section#loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #000;
  z-index: 999;
}
section#loading video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
html.is-video-loading,
body.is-video-loading {
  height: 100vh;
  overflow: hidden;
}
section.first-view {
  background-color: #000;
}
section.first-view .container {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
section.first-view .period {
  width: 100%;
}
@media only screen and (max-width: 800px) {
  section.first-view .period {
    margin-top: 20px;
  }
}
section.title {
  background-image: linear-gradient(to right, #ffe2a8 0, #ebc067 30%, #d0963a 100%);
  border-bottom: 12px solid;
  border-image: linear-gradient(30deg, rgba(241, 198, 103, 1), rgba(255, 238, 188, 1) 50%, rgba(241, 198, 103, 1));
  border-image-slice: 1;
}
section.title .bg-black {
  background-color: #000;
}
section.title .bg-gold-wrap {
  padding-top: 0.5vw;
  padding-bottom: 5vw;
}
section.title .sec-title {
  margin: 0 auto;
  padding-top: 60px;
  width: 90%;
  max-width: 1200px;
  box-sizing: border-box;
}
section.title .sec-title img {
  display: block;
  height: 24px;
  object-fit: contain;
  object-position: center;
  width: 100%;
}
section.title .black-friday-plan-title.animation-title {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  aspect-ratio: 1200 / 530;
  position: relative;
  background-color: #000;
}
section.title .black-friday-plan-title.animation-title .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.title .black-friday-plan-title.animation-title .title-01 {
  position: absolute;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
}
section.title .black-friday-plan-title.animation-title .title-02 {
  position: absolute;
  top: 30%;
  left: 21%;
  width: 12%;
}
section.title .black-friday-plan-title.animation-title .title-03 {
  position: absolute;
  top: 32%;
  left: 33%;
  width: 46%;
}
section.title .black-friday-plan-title.animation-title .title-04 {
  position: absolute;
  top: 54%;
  left: 21%;
  width: 60%;
}
section.title .black-friday-plan-title.animation-title .title-02.animate {
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition-delay: 0s;
}
section.title .black-friday-plan-title.animation-title.is-set .title-02.animate {
  opacity: 1;
  transform: scale(1);
}
section.title .black-friday-plan-title.animation-title .title-03.animate {
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition-delay: 0.3s;
}
section.title .black-friday-plan-title.animation-title.is-set .title-03.animate {
  opacity: 1;
  transform: scale(1);
}
section.title .black-friday-plan-title.animation-title .title-04.animate {
  opacity: 0;
  transform: scale(5);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition-delay: 0.6s;
}
section.title .black-friday-plan-title.animation-title.is-set .title-04.animate {
  opacity: 1;
  transform: scale(1);
}
section.title .popup_btn {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 20px auto 0;
  width: 90%;
  max-width: 1200px;
}
section.title .popup_btn li {
  width: 100%;
}
section.title .popup_btn li.col-span-2 {
  grid-column: span 2;
}
section.title .anchor_btn {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin: 20px auto 0;
  width: 90%;
  max-width: 1200px;
}
section.title .anchor_btn li.col-span-2 {
  grid-column: span 2;
}
section.title .anchor_btn li.mt {
  margin-top: 40px;
}
section.title .animation-title {
  width: 90%;
}
section.title .animation-title .title-01.animate {
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition-delay: 0s;
}
section.title .animation-title.is-set .title-01.animate {
  opacity: 1;
  transform: scale(1);
}
section.title .animation-title .animate.show {
  opacity: 1;
  transform: translateY(0);
}
section.title .animation-title .title-02.animate {
  opacity: 0;
  transform: scale(5);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition-delay: 0.3s;
}
section.title .animation-title.is-set .title-02.animate {
  opacity: 1;
  transform: scale(1);
}
section.title .animation-title .title-03.animate {
  opacity: 0;
  transform: scale(5);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition-delay: 0.6s;
}
section.title .animation-title.is-set .title-03.animate {
  opacity: 1;
  transform: scale(1);
}
section.title #animation-title-01 {
  display: block;
  aspect-ratio: 707 / 479;
  position: relative;
  margin: 0 auto;
  max-width: 700px;
}
section.title #animation-title-01 .title-01 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 49%;
}
section.title #animation-title-01 .title-02 {
  position: absolute;
  bottom: 4%;
  right: 0;
  width: 58%;
}
section.title #animation-title-01 .title-03 {
  position: absolute;
  top: 4%;
  left: 0;
  width: 45%;
}
section.title #animation-title-01 .title-04 {
  position: absolute;
  top: 0;
  right: 3%;
  width: 56%;
}
section.title #animation-title-02 {
  display: block;
  aspect-ratio: 750 / 620;
  position: relative;
  margin: 0 auto;
  max-width: 700px;
}
section.title #animation-title-02 .title-01 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
section.title #animation-title-02 .title-02 {
  position: absolute;
  bottom: 22%;
  left: 4%;
  width: 58%;
}
section.title #animation-title-02 .title-03 {
  position: absolute;
  top: 0;
  right: 3%;
  width: 34%;
}
section.title #animation-title-02 .title-04 {
  position: absolute;
  top: 14%;
  left: 4%;
  width: 57%;
}
section.title #animation-title-03 {
  display: block;
  aspect-ratio: 750 / 444;
  position: relative;
  margin: 0 auto;
  max-width: 700px;
}
section.title #animation-title-03 .title-01 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
section.title #animation-title-03 .title-02 {
  position: absolute;
  bottom: 3%;
  left: 12%;
  width: 54%;
}
section.title #animation-title-03 .title-03 {
  position: absolute;
  top: 0;
  right: 8%;
  width: 23%;
}
section.title #animation-title-03 .title-04 {
  position: absolute;
  top: 3%;
  left: 2%;
  width: 65%;
}
section.title #animation-title-04 {
  display: block;
  aspect-ratio: 780 / 452;
  position: relative;
  margin: 0 auto;
  max-width: 700px;
}
section.title #animation-title-04 .title-01 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
section.title #animation-title-04 .title-02 {
  position: absolute;
  bottom: 0%;
  right: 0%;
  width: 16%;
}
section.title #animation-title-04 .title-03 {
  position: absolute;
  top: 0;
  left: 0;
  width: 73%;
}
section.title #animation-title-05 {
  display: block;
  aspect-ratio: 700 / 415;
  position: relative;
  margin: 0 auto;
  max-width: 700px;
}
section.title #animation-title-05 .title-01 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
section.title #animation-title-05 .title-02 {
  position: absolute;
  top: 0%;
  right: 4%;
  width: 20%;
}
section.title #animation-title-05 .title-03 {
  position: absolute;
  top: 21%;
  left: 45%;
  width: 28%;
}
section.title #animation-title-06 {
  display: block;
  aspect-ratio: 720 / 480;
  position: relative;
  margin: 0 auto;
  max-width: 700px;
}
section.title #animation-title-06 .title-01 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
section.title #animation-title-06 .title-02 {
  position: absolute;
  top: 0%;
  right: 5%;
  width: 34%;
}
section.title #animation-title-06 .title-03 {
  position: absolute;
  top: 6%;
  left: 0;
  width: 52%;
}
section.title #animation-title-07 {
  display: block;
  aspect-ratio: 750 / 668;
  position: relative;
  margin: 0 auto;
  max-width: 700px;
}
section.title #animation-title-07 .title-01 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
section.title #animation-title-07 .title-02 {
  position: absolute;
  top: 0%;
  right: 5%;
  width: 30%;
}
section.title #animation-title-07 .title-03 {
  position: absolute;
  top: 25%;
  left: 3%;
  width: 65%;
}
#recommend {
  /*padding-top: 100px;
  padding-bottom: 12vw;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vw), 0 100%);*/
  padding-top: 12vw;
  padding-bottom: 12vw;
  clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 8vw), 0 100%);
}
#sale-10th {
  padding-bottom: 4vw;
}
#sale-10th .container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
#sale-10th .inner {
  margin: 40px -10px 0 -10px;
  margin-inline: auto;
  flex-wrap: wrap;
  justify-content: center;
}
#sale-10th .title {
  width: 100%;
  height: 40px;
  object-fit: contain;
  object-position: center;
}
#sale-10th .sale-list {
  margin-top: 20px;
  padding: 0 10px;
}
#sale-10th .sale-01 {
  width: 100%;
}
#sale-10th .show-more-wrap {
  position: relative;
}
#sale-10th .show_more {
  display: none;
}
#sale-10th .sale-02 {
  width: 50%;
  margin-top: 24px;
}
#sale-10th .sale-03 {
  width: 50%;
  margin-top: 24px;
}
#sale-10th .sale-04 {
  width: 50%;
  margin-top: 24px;
}
#sale-10th .sale-05 {
  width: 50%;
  padding: 24px 5% 0;
}
#sale-10th .sale-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  justify-content: space-around;
}
#sale-10th .sale-01 .sale-list li {
  width: calc(100% / 5);
  padding: 0 10px;
}
#sale-10th .sale-02 .sale-list li {
  width: calc(100% / 2.5);
  padding: 0 10px;
}
#sale-10th .sale-03 .sale-list li {
  width: calc(100% / 2.5);
  padding: 0 10px;
}
#sale-10th .sale-04 .sale-list li {
  width: calc(100% / 2.5);
  padding: 0 10px;
}
#sale-10th .sale-05 .sale-list li {
  width: 96%;
  padding: 0 10px;
}
#gift {
  padding-top: 12vw;
  padding-bottom: 12vw;
  clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 8vw), 0 100%);
}
#gift .show_more {
  display: none;
}
#golden {
  padding-bottom: 4vw;
}
#golden .golden-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  width: 90%;
  max-width: 1200px;
  margin: 40px auto 0;
  position: relative;
}
#golden .golden-left {
  grid-column: span 4;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
#golden .golden-left li.col-span-2 {
  grid-column: span 2;
}
#golden .golden-right {
  grid-column: span 1;
}
#limited {
  padding-top: 8vw;
  padding-bottom: 12vw;
  clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 8vw), 0 100%);
}
#limited .limited_btn {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin: 40px auto 0;
  width: 90%;
  max-width: 1200px;
}
#limited .limited_btn li {
  width: 100%;
}
#xmas {
  padding-bottom: 4vw;
}
#xmas .other-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
  margin: 40px auto 0;
  width: 90%;
  max-width: 900px;
}
#surprise {
  clip-path: polygon(0 8vw, 100% 0, 100% 100%, 0 100%);
}
#surprise .outer {
  position: relative;
  padding-top: 8vw;
}
#surprise .outer .bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom center;
}
@media only screen and (max-width: 800px) {
  section.title {
    padding: 0;
  }
  section.title .sec-title img {
    height: 18px;
  }
  section.title .black-friday-plan-title.animation-title {
    width: 100%;
    max-width: none;
    aspect-ratio: 747 / 557;
  }
  section.title .black-friday-plan-title.animation-title .title-01 {
    width: 85%;
  }
  section.title .black-friday-plan-title.animation-title .title-02 {
    left: 2%;
    width: 19%;
  }
  section.title .black-friday-plan-title.animation-title .title-03 {
    left: 22%;
    width: 74%;
  }
  section.title .black-friday-plan-title.animation-title .title-04 {
    width: 96%;
    left: 1%;
  }
  section.title .popup_btn {
    grid-template-columns: repeat(2, 1fr);
  }
  section.title .anchor_btn {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  #recommend {
    padding-bottom: 16vw;
  }
  #sale-10th {
    padding-bottom: 8vw;
  }
  #sale-10th .container {
    margin: 0 auto;
  }
  #sale-10th .inner {
    margin: 40px -10px 0 -10px;
    justify-content: center;
    width: 100%;
    margin-inline: auto;
  }
  #sale-10th .title {
    height: 40px;
  }
  #sale-10th .sale-01,
  #sale-10th .sale-02,
  #sale-10th .sale-03,
  #sale-10th .sale-04,
  #sale-10th .sale-05 {
    width: 100%;
  }
  #sale-10th .show-more-wrap {
    position: relative;
    margin-top: 16px;
    padding-bottom: 64px;
  }
  #sale-10th .show-more-wrap > .sale-list {
    overflow: hidden;
    height: 130vw;
    transition: height 0.3s ease;
  }
  #sale-10th .show-more-wrap > .sale-list.open {
    height: auto;
  }
  #sale-10th .show_more {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 130px;
    padding-top: 60px;
    text-align: center;
    background: linear-gradient(180deg, rgba(241, 198, 103, 0) 0%, rgba(241, 198, 103, 0.85) 70%);
    transition: bottom 0.2s;
  }
  #sale-10th .show_more .toClose {
    display: none;
  }
  #sale-10th .show_more.open {
    background: none;
  }
  #sale-10th .show_more.open .toOpen {
    display: none;
  }
  #sale-10th .show_more.open .toClose {
    display: inline;
  }
  #sale-10th .sale-list {
    row-gap: 20px;
  }
  #gift .show-more-wrap {
    position: relative;
    padding-bottom: 64px;
  }
  #gift .golden_btn {
    height: 130vw;
    overflow: hidden;
    transition: height 0.3s ease;
  }
  #gift .show-more-wrap.open .golden_btn {
    height: auto;
  }
  #gift .show_more {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 130px;
    padding-top: 60px;
    text-align: center;
    background: linear-gradient(180deg, rgba(33, 23, 11, 0) 0%, rgba(33, 23, 11, 0.85) 70%);
    transition: bottom 0.2s;
  }
  #gift .show_more .toClose {
    display: none;
  }
  #gift .show_more.open {
    background: none;
  }
  #gift .show_more.open .toOpen {
    display: none;
  }
  #gift .show_more.open .toClose {
    display: inline;
  }
  #sale-10th .sale-01 .sale-list li, #sale-10th .sale-02 .sale-list li, #sale-10th .sale-03 .sale-list li, #sale-10th .sale-04 .sale-list li{
    width: calc(100% / 2);
  }
  #gift {
    padding-bottom: 16vw;
  }
  #golden {
    padding-bottom: 8vw;
  }
  #golden .golden-items {
    grid-template-columns: repeat(1, 1fr);
  }
  #golden .golden-left {
    grid-column: span 1;
    grid-template-columns: repeat(2, 1fr);
  }
  #golden .golden-right {
    grid-column: span 1;
  }
  #limited {
    padding-bottom: 16vw;
  }
  #limited .limited_btn {
    grid-template-columns: repeat(1, 1fr);
  }
  #xmas {
    padding-bottom: 8vw;
  }
  #xmas .other-links {
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
    width: 80%;
  }
  #xmas .show_more {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 130px;
    padding-top: 60px;
    text-align: center;
    background: linear-gradient(180deg, rgba(241, 198, 103, 0) 0%, rgba(241, 198, 103, 0.85) 70%);
    transition: bottom 0.2s;
  }
  #xmas .show_more .toClose {
    display: none;
  }
  #xmas .show_more.open {
    background: none;
  }
  #xmas .show_more.open .toOpen {
    display: none;
  }
  #xmas .show_more.open .toClose {
    display: inline;
  }
}
section.title .golden_btn {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin: 40px auto 0;
  width: 90%;
  max-width: 1200px;
}
section.title .golden_btn li {
  width: 100%;
}
section.title .golden_btn li.col-span-2 {
  grid-column: span 2;
}
section.title .show-more-wrap {
  position: relative;
}
section.title .show_more {
  display: none;
}
section.title .show-more-wrap > .golden_btn {
  transition: height 0.3s ease;
}
section.title #golden .golden_btn li:last-child {
  grid-column: span 3;
}
section.title #surprise .golden_btn {
  margin-top: 0;
}
@media only screen and (max-width: 800px) {
  section.title .golden h2 {
    margin: 10% auto 0;
  }
  section.title .golden_btn {
    grid-template-columns: repeat(2, 1fr);
  }
  section.title .show_more {
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 130px;
    padding-top: 60px;
    text-align: center;
    cursor: pointer;
    background: linear-gradient(180deg, rgba(13, 8, 5, 0) 0%, rgba(13, 8, 5, 0.9) 70%);
    transition: bottom 0.2s;
  }
  section.title .show_more.open {
    background: none;
  }
  section.title .show_more .toClose {
    display: none;
  }
  section.title .show_more.open .toOpen {
    display: none;
  }
  section.title .show_more.open .toClose {
    display: inline;
  }
  section.title .show-more-wrap {
    position: relative;
  }
  section.title .show-more-wrap.open {
    padding-bottom: 60px;
  }
  section.title #golden .golden_btn li:last-child {
    grid-column: span 2;
  }
}
section.title .theme {
  padding: 80px 0 87px 0;
}
section.title .theme h2 {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
section.title .theme_btn {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 16px;
  margin: 24px auto 0;
  width: 90%;
  max-width: 1000px;
}
section.title .theme .note {
  max-width: 360px;
  margin: 32px auto 0;
}
@media only screen and (max-width: 800px) {
  section.title .theme {
    padding: 40px 0 47px 0;
  }
  section.title .theme_btn {
    grid-template-columns: repeat(3, 1fr);
    margin: 24px auto 0;
  }
  section.title .theme .note {
    width: 85%;
    max-width: none;
    margin: 3% auto 0;
  }
}
section.contents {
  padding: 45px 0 0 0;
}
section.contents .midashi {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
section.contents .midashi h3 {
  width: 100%;
  margin: 0 auto 15px 44px;
}
section.contents .items {
  border-top: 6px solid;
  padding: 0 0 45px 0;
}
section.contents .items a.ichiran_btn {
  width: 100%;
  max-width: 384px;
  margin: 39px auto 0;
}
section.contents .items .slickBox {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
section.contents .items .slickBox li {
  margin: 0 0 0 27px;
  width: 179px;
  height: auto;
}
section.contents .items .slickBox li.double {
  width: 368px;
}
section.contents .items .slickBox .slick-list {
  margin-top: 70px;
}
section.contents .items .slickBox .slide-arrow {
  width: 36px;
  height: auto;
  position: absolute;
  top: -46px;
}
section.contents .items .slickBox .prev-arrow {
  right: 44px;
  left: auto;
}
section.contents .items .slickBox .next-arrow {
  right: 0;
}
@media only screen and (max-width: 800px) {
  section.contents .items {
    padding: 0 0 35px 0;
  }
}
section.contents .items .slickBox .show_more {
  display: none;
}
@media only screen and (max-width: 800px) {
  section.contents .items .slickBox {
    position: relative;
    margin-bottom: 45px;
  }
  section.contents .items .slickBox .show_more {
      display: block;
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 100px;
			padding-top: 90px;
			text-align: center;
			line-height: 30px;
			/* background: linear-gradient(180deg, rgb(227, 243, 230, 0) 0%, rgb(227, 243, 230, 1) 70%); */
			cursor: pointer;
			transition: bottom 0.2s;
  }
  #theme01 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(227, 243, 230, 0) 0%, rgb(227, 243, 230, 1) 70%);
  }
  #theme02 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(248, 239, 236, 0) 0%, rgb(248, 239, 236, 1) 70%);
  }
  #theme03 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(250, 237, 219, 0) 0%, rgb(250, 237, 219, 1) 70%);
  }
  #theme04 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(251, 233, 236, 0) 0%, rgb(251, 233, 236, 1) 70%);
  }
  #theme05 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(219, 233, 232, 0) 0%, rgb(219, 233, 232, 1) 70%);
  }
  #theme06 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(253, 235, 243, 0) 0%, rgb(253, 235, 243, 1) 70%);
  }
  #theme07 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(236, 240, 248, 0) 0%, rgb(236, 240, 248, 1) 70%);
  }
  #theme08 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(224, 234, 244, 0) 0%, rgb(224, 234, 244, 1) 70%);
  }
  #theme09 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(224, 232, 241, 0) 0%, rgb(224, 232, 241, 1) 70%);
  }
  #theme10 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(248, 239, 236, 0) 0%, rgb(248, 239, 236, 1) 70%);
  }
  #theme11 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(219, 240, 225, 0) 0%, rgb(219, 240, 225, 1) 70%);
  }
  #theme12 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(234, 247, 248, 0) 0%, rgb(234, 247, 248, 1) 70%);
  }
  #theme13 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(240, 238, 245, 0) 0%, rgb(240, 238, 245, 1) 70%);
  }
  #theme14 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(253, 237, 237, 0) 0%, rgb(253, 237, 237, 1) 70%);
  }
  section.contents .items .slickBox .show_more.open {
    background: none !important;
    bottom: -30px;
  }
  section.contents .items .slickBox .show_more.open .toOpen {
    display: none;
  }
  section.contents .items .slickBox .show_more.open .toClose {
    display: block;
  }
  section.contents .items .slickBox .show_more.close .toOpen {
    display: block;
  }
  section.contents .items .slickBox .show_more.close .toClose {
    display: none;
  }
  section.contents .items .slickBox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2% 0 0 0;
    margin: 0 auto;
    height: 130vw;
    overflow: hidden;
  }
  section.contents .items .slickBox ul li {
    width: 49%;
    margin: 2% 0 0 0;
  }
  section.contents .items .slickBox ul li.double {
    width: 100%;
  }
  section.contents .items a.ichiran_btn {
    width: 80%;
    max-width: none;
    margin: 50px auto 0;
  }
  section.contents .items a.ichiran_btn.open {
    margin: 80px auto 0;
  }
}
#theme01 .midashi h3 {
  max-width: 446px;
}
#theme02 .midashi h3 {
  max-width: 562px;
}
#theme03 .midashi h3 {
  max-width: 404px;
}
#theme04 .midashi h3 {
  max-width: 351px;
}
#theme04 .midashi {
  position: relative;
}
#theme05 .midashi h3 {
  max-width: 533px;
}
#theme06 .midashi h3 {
  max-width: 515px;
}
#theme07 .midashi h3 {
  max-width: 435px;
}
#theme08 .midashi h3 {
  max-width: 527px;
}
#theme09 .midashi h3 {
  max-width: 411px;
}
#theme10 .midashi h3 {
  max-width: 407px;
}
#theme11 .midashi h3 {
  max-width: 393px;
}
#theme12 .midashi h3 {
  max-width: 319px;
}
#theme13 .midashi h3 {
  max-width: 418px;
}
#theme14 .midashi h3 {
  max-width: 371px;
}
#theme01 .items {
  border-image: radial-gradient(rgba(92, 215, 114, 1), rgba(43, 203, 74, 1) 39%);
  border-image-slice: 1;
  background-color: #e3f3e6;
}
#theme02 .items {
  border-image: radial-gradient(rgba(151, 39, 0, 1) 23%, rgba(159, 107, 0, 1) 66%, rgba(151, 39, 0, 1));
  border-image-slice: 1;
  background-color: #f7eeeb;
}
#theme03 .items {
  border-image: radial-gradient(rgba(242, 173, 69, 1) 23%, rgba(249, 175, 49, 1) 66%, rgba(242, 173, 69, 1));
  border-image-slice: 1;
  background-color: #f9ecda;
}
#theme04 .items {
  border-image: radial-gradient(rgba(224, 25, 19, 1) 23%, rgba(240, 154, 152, 1) 66%, rgba(224, 25, 19, 1));
  border-image-slice: 1;
  background-color: #fae8eb;
}
#theme05 .items {
  border-image: radial-gradient(rgba(60, 134, 139, 1) 23%, rgba(77, 127, 141, 1) 66%, rgba(60, 134, 139, 1));
  border-image-slice: 1;
  background-color: #dae8e7;
}
#theme06 .items {
  border-image: radial-gradient(rgba(223, 123, 168, 1) 23%, rgba(241, 90, 155, 1) 66%, rgba(223, 123, 168, 1));
  border-image-slice: 1;
  background-color: #fceaf2;
}
#theme07 .items {
  border-image: radial-gradient(rgba(94, 130, 196, 1) 23%, rgba(70, 209, 233, 1) 66%, rgba(94, 130, 196, 1));
  border-image-slice: 1;
  background-color: #ebeff7;
}
#theme08 .items {
  border-image: radial-gradient(rgba(41, 107, 179, 1) 23%, rgba(79, 134, 224, 1) 66%, rgba(41, 107, 179, 1));
  border-image-slice: 1;
  background-color: #dfe9f3;
}
#theme09 .items {
  border-image: radial-gradient(rgba(0, 62, 139, 1) 23%, rgba(172, 193, 218, 1) 66%, rgba(0, 62, 139, 1));
  border-image-slice: 1;
  background-color: #e0e8f1;
}
#theme10 .items {
  border-image: radial-gradient(rgba(155, 39, 0, 1) 23%, rgba(188, 157, 84, 1) 66%, rgba(155, 39, 0, 1));
  border-image-slice: 1;
  background-color: #f8efec;
}
#theme11 .items {
  border-image: radial-gradient(rgba(85, 190, 106, 1) 23%, rgba(188, 225, 198, 1) 66%, rgba(85, 190, 106, 1));
  border-image-slice: 1;
  background-color: #dbf0e1;
}
#theme12 .items {
  border-image: radial-gradient(rgba(111, 228, 215, 1) 23%, rgba(121, 208, 202, 1) 66%, rgba(111, 228, 215, 1));
  border-image-slice: 1;
  background-color: #e9f6f7;
}
#theme13 .items {
  border-image: radial-gradient(rgba(112, 72, 193, 1) 23%, rgba(201, 105, 186, 1) 66%, rgba(112, 72, 193, 1));
  border-image-slice: 1;
  background-color: #efedf4;
}
#theme14 .items {
  border-image: radial-gradient(rgba(228, 68, 0, 1) 23%, rgba(236, 172, 40, 1) 66%, rgba(228, 68, 0, 1));
  border-image-slice: 1;
  background-color: #fcecec;
}
@media only screen and (max-width: 800px) {
  section.contents .midashi {
    width: 100%;
    max-width: none;
  }
  section.contents .items {
    border: none;
  }
  #theme01 .midashi h3,
  #theme02 .midashi h3,
  #theme03 .midashi h3,
  #theme04 .midashi h3,
  #theme05 .midashi h3,
  #theme06 .midashi h3,
  #theme07 .midashi h3,
  #theme08 .midashi h3,
  #theme09 .midashi h3,
  #theme10 .midashi h3,
  #theme11 .midashi h3,
  #theme12 .midashi h3,
  #theme13 .midashi h3,
  #theme14 .midashi h3 {
    width: 100%;
    max-width: none;
    margin: 0 auto;
  }
}
#theme03 .note {
  width: 100%;
  margin: 20px auto;
  display: none;
}
@media only screen and (max-width: 800px) {
  #theme03 .note {
    display: block;
  }
}
#theme08 .note {
  width: 90%;
  margin: 0 auto;
  padding: 10px 0 0 0;
  display: none;
}
@media only screen and (max-width: 800px) {
  #theme08 .note {
    display: block;
  }
}
#theme03 .copyright {
  width: 90%;
  max-width: 1100px;
  margin: 40px auto 0;
  font-size: 12px;
  line-height: 1.5;
}
@media only screen and (max-width: 800px) {
  #theme03 .copyright {
    width: 100%;
    max-width: none;
    margin: 10px auto 0;
    font-size: 10px;
  }
}
section.other {
  background-color: #000000;
  padding: 50px 0 105px 0;
  border-top: 12px solid;
  border-image: linear-gradient(30deg, rgba(241, 198, 103, 1), rgba(255, 238, 188, 1) 50%, rgba(241, 198, 103, 1));
  border-image-slice: 1;
}
section.other a {
  width: 90%;
  max-width: 500px;
  margin: 60px auto 0;
}
@media only screen and (max-width: 800px) {
  section.other {
    padding: 50px 0 120px 0;
  }
}
section.note figure {
  width: 90%;
  max-width: 800px;
  margin: 11px auto;
}
section.popup .popup_btn ul {
  position: fixed;
  top: 100px;
  right: 0;
  width: 20%;
  max-width: 200px;
  z-index: 100;
}
section.popup .popup_btn ul li {
  width: 100%;
}
section.popup .popup_btn ul li:last-child {
  width: 45%;
  margin: 0 0 0 auto;
}
section.popup .popup_Wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999999999;
}
section.popup .popup_Wrap .pc .close {
  max-width: 40px;
  margin: 5px 5px 5px auto;
}
section.popup .popup_Wrap .sp .close {
  max-width: 40px;
  margin: 5px 5px 0 auto;
}
section.popup .popup_Wrap .contents {
  max-width: 900px;
  margin: 0 auto;
  display: none;
}
section.popup .popup_Wrap .contents div {
  position: relative;
}
section.popup .popup_Wrap .contents div figure,
section.popup .popup_Wrap .contents div a {
  position: absolute;
}
section.popup .popup_Wrap .black-friday { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .black-friday.pc div {
  aspect-ratio: 900 / 1830;
}
section.popup .popup_Wrap .black-friday.pc div a.link-01 {
  width: 36%;
  height: 1.1%;
  left: 2.6%;
  bottom: 2.5%;
  display: block;
}
section.popup .popup_Wrap .black-friday.pc div a.link-02 {
  width: 40%;
  height: 1.1%;
  left: 51.6%;
  bottom: 3.5%;
  display: block;
}
section.popup .popup_Wrap .black-friday.sp div {
  aspect-ratio: 630 / 4210;
}
section.popup .popup_Wrap .black-friday.sp div a.link-01 {
  width: 67.3%;
  height: 0.7%;
  left: 4.3%;
  right: 0;
  bottom: 7%;
  display: block;
}
section.popup .popup_Wrap .black-friday.sp div a.link-02 {
  width: 75%;
  height: 0.7%;
  left: 4.3%;
  right: 0;
  bottom: 2%;
  display: block;
}
section.popup .popup_Wrap .netpoint { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .netpoint.pc div {
  aspect-ratio: 861 / 751;
}
section.popup .popup_Wrap .netpoint.pc div a {
  width: 30%;
  left: 0;
  right: 0;
  bottom: 5%;
  margin: 0 auto;
}
section.popup .popup_Wrap .netpoint.sp div {
  aspect-ratio: 605 / 1607;
}
section.popup .popup_Wrap .netpoint.sp div a {
  width: 70%;
  left: 0;
  right: 0;
  bottom: 3%;
  margin: 0 auto;
}
section.popup .popup_Wrap .gacha { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .gacha.pc div {
  aspect-ratio: 287 / 290;
}
section.popup .popup_Wrap .gacha.pc div a {
  width: 30%;
}
section.popup .popup_Wrap .gacha.pc div a.appstore {
  width: 17.4%;
  left: 57.8%;
  bottom: 11.5%;
}
section.popup .popup_Wrap .gacha.pc div a.googleplay {
  width: 17.4%;
  left: 57.8%;
  bottom: 4.5%;
}
section.popup .popup_Wrap .gacha.pc div a.iaeon {
  width: 10%;
  left: 81.1%;
  bottom: 6%;
}
section.popup .popup_Wrap .gacha.pc div a.iaeon img {
  border-radius: 22.2%;
  box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}
section.popup .popup_Wrap .gacha.sp div {
  aspect-ratio: 458 / 1788;
}
section.popup .popup_Wrap .gacha.sp div a {
  width: 30%;
}
section.popup .popup_Wrap .gacha.sp div a.appstore {
  width: 34.4%;
  left: 16.5%;
  bottom: 5.5%;
}
section.popup .popup_Wrap .gacha.sp div a.googleplay {
  width: 34.4%;
  left: 16.5%;
  bottom: 2.5%;
}
section.popup .popup_Wrap .gacha.sp div a.iaeon {
  width: 25%;
  left: 60.5%;
  bottom: 2.5%;
}
section.popup .popup_Wrap .gacha.sp div a.iaeon img {
  border-radius: 22.2%;
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
section.popup .popup_Wrap .coupon { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .coupon.pc div {
  aspect-ratio: 50 / 93;
}
section.popup .popup_Wrap .coupon.pc div [class*="to-clipboard"] {
  width: 44%;
}
section.popup .popup_Wrap .coupon.pc div .to-clipboard-01 {
  left: 4.8%;
  bottom: 36.6%;
}
section.popup .popup_Wrap .coupon.pc div .to-clipboard-02 {
  left: 51.3%;
  bottom: 36.6%;
}
section.popup .popup_Wrap .coupon.pc div .to-clipboard-03 {
  left: 4.8%;
  bottom: 2.1%;
}
section.popup .popup_Wrap .coupon.sp div {
  aspect-ratio: 35 / 127;
}
section.popup .popup_Wrap .coupon.sp div [class*="to-clipboard"] {
  width: 84%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
section.popup .popup_Wrap .coupon.sp div .to-clipboard-01 {
  bottom: 53.1%;
}
section.popup .popup_Wrap .coupon.sp div .to-clipboard-02 {
  bottom: 30%;
}
section.popup .popup_Wrap .coupon.sp div .to-clipboard-03 {
  bottom: 6.8%;
}
section.popup .popup_Wrap .gentei { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .gentei.pc div {
  aspect-ratio: 1800 / 2161;
}
section.popup .popup_Wrap .gentei.pc div a {
  width: 24.6%;
  left: 0;
  right: 0;
  bottom: 3%;
  margin: 0 auto;
}
section.popup .popup_Wrap .gentei.sp div {
  aspect-ratio: 1501 / 8965;
}
section.popup .popup_Wrap .gentei.sp div a {
  width: 90%;
  left: 0;
  right: 0;
  bottom: 1.2%;
  margin: 0 auto;
}
section.popup .popup_Wrap .theme { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .theme.pc div {
  aspect-ratio: 1880 / 1280  ;
}
section.popup .popup_Wrap .theme.pc ul {
  flex-wrap: wrap;
  /* justify-content: space-between; */
  margin: 0 auto;
  width: 85%;
  padding: 11% 0 0 0;
}
section.popup .popup_Wrap .theme.pc ul li {
  width: calc(100% / 6);
  margin: 2.5% 0 0 0;
  z-index: 120;
}
section.popup .popup_Wrap .theme.pc ul li a {
  position: static;
}
section.popup .popup_Wrap .theme.sp div {
  aspect-ratio: 1500 / 2900  ;
}
section.popup .popup_Wrap .theme.sp ul {
  flex-wrap: wrap;
  /* justify-content: space-between; */
  margin: 0 auto;
  width: 85%;
  padding: 18% 0 0 0;
}
section.popup .popup_Wrap .theme.sp ul li {
  width: calc(100% / 3);
  margin: 1.5% 0 0 0;
  z-index: 120;
}
section.popup .popup_Wrap .theme.sp ul li a {
  position: static;
}
section.footerBtn {
  display: none;
  position: fixed;
  width: 100%;
  bottom: -2px;
  z-index: 120;
}
section.footerBtn li:nth-of-type(1),
section.footerBtn li:nth-of-type(2) {
  width: 41.5%;
}
section.footerBtn li:nth-of-type(3) {
  width: 17%;
}
@media only screen and (max-width: 800px) {
  section.footerBtn {
    display: block;
  }
}
section.yokoku {
  position: fixed;
  width: 100%;
  bottom: -2px;
  z-index: 120;
  background-color: #fce830;
  padding: 10px 0;
}
section.yokoku figure {
  width: 90%;
  max-width: 730px;
  margin: 0 auto;
}
@media only screen and (max-width: 800px) {
  section.yokoku {
    position: relative;
    bottom: initial;
    z-index: initial;
    padding: 10px 0;
  }
  section.yokoku figure {
    width: 90%;
    max-width: 300px;
    margin: 0 auto;
  }
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
トグルコンテンツ
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.gold-friday-toggle {
  display: none;
}
@media only screen and (max-width: 800px) {
  .gold-friday-items {
    height: 130vw;
    overflow: hidden;
    position: relative;
    transition: 0.5s ease;
    padding-bottom: 0;
  }
  .is-active .gold-friday-items {
    overflow: visible;
    padding-bottom: 20vw;
  }
  .gold-friday-toggle {
    display: grid;
    place-items: center;
    width: 100%;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 15vw;
    background-image: linear-gradient(to bottom, rgba(241, 198, 103, 0) 0%, rgba(241, 198, 103, 1) 50%);
    opacity: 1;
    transition: opacity 0.3s ease;
    cursor: pointer;
  }
  #xmas .gold-friday-toggle {
    width: 90%;
    left: 5%;
  }
  .gold-friday-toggle.black {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 60%);
  }
  .is-active .gold-friday-toggle {
    background-image: none;
  }
  .gold-friday-toggle:hover {
    opacity: 0.9;
  }
  .gold-friday-toggle .toOpen {
    display: block;
  }
  .is-active .gold-friday-toggle .toOpen {
    display: none;
  }
  .gold-friday-toggle .toClose {
    display: none;
  }
  .is-active .gold-friday-toggle .toClose {
    display: block;
  }
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
ステージング用
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#outer {
  margin-top: 0;
  margin-bottom: 0;
}
#site_aside2 {
  display: none;
}
#mid {
  margin-top: 0;
  max-width: 100%;
  width: unset;
  padding: 0;
}
#footer {
  position: relative;
  z-index: 99999999;
}
#main_Wrap {
  height: 100%;
}