@charset "UTF-8";
/*---------------------------------------------------------------------------*\
    $SALES SETTING
\*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*\
    $SETTING
\*---------------------------------------------------------------------------*/
/**
 * @@@DEVICE
 * NOTO-FONT
 * LAYOUT-TYPE
 * RESPONSIBLE
 * COMMON-PATH
 * SITE-WIDTH
 * BREAKPOINT
 */
/*---------------------------------------------------------------------------*\
    $DEVICE
\*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*\
    $FONT
\*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*\
    $NOTO-FONT
\*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*\
    $RESPONSIBLE
\*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*\
    $COMMON-PATH
\*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*\
    $SITE-WIDTH
\*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*\
    $BREAKPOINT
\*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*\
    $SETTING
\*---------------------------------------------------------------------------*/
/**
 * FONT FACE
 * FONT FAMILY
 * FONT STYLE
 * 各言語 Font Set
 */
/*---------------------------------------------------------------------------*\
    $FONT FACE
\*---------------------------------------------------------------------------*/
/* SimonCircular(SITE COMMON)
---------------------------------------------------------------------------- */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
  font-family: 'SimonCircular';
  src: url("/_assets/fonts/SimonCircular-Book.eot");
  src: url("/_assets/fonts/SimonCircular-Book.eot?#iefix") format("embedded-opentype"), url("/_assets/fonts/SimonCircular-Book.woff") format("woff");
  font-style: normal; }
@font-face {
  font-family: 'SimonCircularBold';
  src: url("/_assets/fonts/SimonCircular-Bold.eot");
  src: url("/_assets/fonts/SimonCircular-Bold.eot?#iefix") format("embedded-opentype"), url("/_assets/fonts/SimonCircular-Bold.woff") format("woff");
  font-style: normal; }
/* NotoSansCJKkr-Regular(CHS/CHT)
---------------------------------------------------------------------------- */
@font-face {
  font-family: 'NotoSansCJKkr-Regular';
  src: url("/_assets/fonts/NotoSansCJKkr-Regular.eot");
  src: url("/_assets/fonts/NotoSansCJKkr-Regular.eot?#iefix") format("embedded-opentype"), url("/_assets/fonts/NotoSansCJKkr-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
/* NotoSansCJKkr-Regular(TH)
---------------------------------------------------------------------------- */
@font-face {
  font-family: "NotoSansThai";
  src: url("/_assets/fonts/NotoSansThai-Regular.eot");
  src: url("/_assets/fonts/NotoSansThai-Regular.eot?#iefix") format("embedded-opentype"), url("/_assets/fonts/NotoSansThai-Regular.woff") format("woff"), url("/_assets/fonts/NotoSansThai-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "NotoSerifThai";
  src: url("/_assets/fonts/NotoSerifThai-Regular.eot");
  src: url("/_assets/fonts/NotoSerifThai-Regular.eot?#iefix") format("embedded-opentype"), url("/_assets/fonts/NotoSerifThai-Regular.woff") format("woff"), url("/_assets/fonts/NotoSerifThai-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
/* Noto Sans Japanese(JA)
---------------------------------------------------------------------------- */
/*---------------------------------------------------------------------------*\
    $FONT FAMILY
\*---------------------------------------------------------------------------*/
/* 日本語
---------------------------------------------------------------------------- */
/* 英語
---------------------------------------------------------------------------- */
/* 簡体字
---------------------------------------------------------------------------- */
/* 繁体字
---------------------------------------------------------------------------- */
/* タイ語
---------------------------------------------------------------------------- */
/*---------------------------------------------------------------------------*\
    $FONT STYLE
\*---------------------------------------------------------------------------*/
/* 日本語
---------------------------------------------------------------------------- */
.font {
  font-family: "SimonCircularLight", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", Verdana, "MS P Gothic", Arial, Helvetica, sans-serif;
  font-weight: 400; }

.font--middle {
  font-family: "SimonCircularLight", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", Verdana, "MS P Gothic", Arial, Helvetica, sans-serif;
  font-weight: 600; }

.font--bold {
  font-family: "SimonCircularLight", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", Verdana, "MS P Gothic", Arial, Helvetica, sans-serif;
  font-weight: 700; }

/* 日本語(Noto Sans Japanese)
---------------------------------------------------------------------------- */
.font-noto {
  font-family: "SimonCircularLight", "Noto Sans Japanese", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", Verdana, "MS P Gothic", Arial, Helvetica, sans-serif;
  font-weight: 400; }

.font-noto--middle {
  font-family: "SimonCircularLight", "Noto Sans Japanese", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", Verdana, "MS P Gothic", Arial, Helvetica, sans-serif;
  font-weight: 600; }

.font-noto--bold {
  font-family: "SimonCircular", "Noto Sans Japanese", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", Verdana, "MS P Gothic", Arial, Helvetica, sans-serif;
  font-weight: 700; }

/* 英語
---------------------------------------------------------------------------- */
.font-en {
  font-family: "SimonCircularLight", "メイリオ", "Meiryo", sans-serif;
  font-weight: 400; }

.font-en--middle {
  font-family: "SimonCircularLight", "メイリオ", "Meiryo", sans-serif;
  font-weight: 600; }

.font-en--bold {
  font-family: "SimonCircular", "メイリオ", "Meiryo", sans-serif;
  font-weight: 700; }

/* 簡体字
---------------------------------------------------------------------------- */
.font-chs {
  font-family: "SimonCircularLight", "Noto Sans", "メイリオ", "Meiryo", "SimSun", "MS UI Gothic", "Hei", "Arial", sans-serif;
  font-weight: 400; }

.font-chs--middle {
  font-family: "SimonCircularLight", "Noto Sans", "メイリオ", "Meiryo", "SimSun", "MS UI Gothic", "Hei", "Arial", sans-serif;
  font-weight: 600; }

.font-chs--bold {
  font-family: "SimonCircular", "Noto Sans", "メイリオ", "Meiryo", "SimSun", "MS UI Gothic", "Hei", "Arial", sans-serif;
  font-weight: 700; }

/* 繁体字
---------------------------------------------------------------------------- */
.font-cht {
  font-family: "SimonCircularLight", "Noto Sans", "メイリオ", "Meiryo", "SimSun", "MS UI Gothic", "Hei", "Arial", sans-serif;
  font-weight: 400; }

.font-cht--middle {
  font-family: "SimonCircularLight", "Noto Sans", "メイリオ", "Meiryo", "SimSun", "MS UI Gothic", "Hei", "Arial", sans-serif;
  font-weight: 600; }

.font-cht--bold {
  font-family: "SimonCircular", "Noto Sans", "メイリオ", "Meiryo", "SimSun", "MS UI Gothic", "Hei", "Arial", sans-serif;
  font-weight: 700; }

/* タイ語
---------------------------------------------------------------------------- */
.font-th {
  font-family: "SimonCircularLight", "NotoSansThai", "メイリオ", "Meiryo", "Arial", sans-serif;
  font-weight: 400; }

.font-th--middle {
  font-family: "SimonCircularLight", "NotoSansThai", "メイリオ", "Meiryo", "Arial", sans-serif;
  font-weight: 600; }

.font-th--bold {
  font-family: "SimonCircular", "NotoSansThai", "メイリオ", "Meiryo", "Arial", sans-serif;
  font-weight: 700; }

/*---------------------------------------------------------------------------*\
    $SETTING
\*---------------------------------------------------------------------------*/
/**
 * COLOR..........................カラー情報
 */
/*---------------------------------------------------------------------------*\
    $COLOR
\*---------------------------------------------------------------------------*/
/* キーカラー
--------------------------------------------------------------------- */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: 20px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      font-size: 0px;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 20px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/*---------------------------------------------------------------------------*\
    $TOOL
\*---------------------------------------------------------------------------*/
/* percent
--------------------------------------------------------------------- */
/* fontsize
--------------------------------------------------------------------- */
/*clearfix
--------------------------------------------------------------------- */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3002;
  overflow: hidden;
  position: fixed;
  background: #fff;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3003;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 3005; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 3004; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 3006;
  box-shadow: none;
  touch-action: manipulation; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 0px;
    padding-right: 0px; } }
/*
====== Zoom effect ======
*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */ }
  .mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8); }
  .mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out; }
  .mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1); }
  .mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8; }
  .mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0; }
  .mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0; }

/*

====== Newspaper effect ======

*/
.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */ }
  .mfp-newspaper .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.5s;
    transform: scale(0) rotate(500deg); }
  .mfp-newspaper.mfp-bg {
    opacity: 0;
    transition: all 0.5s; }
  .mfp-newspaper.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1) rotate(0deg); }
  .mfp-newspaper.mfp-ready.mfp-bg {
    opacity: 0.8; }
  .mfp-newspaper.mfp-removing .mfp-with-anim {
    transform: scale(0) rotate(500deg);
    opacity: 0; }
  .mfp-newspaper.mfp-removing.mfp-bg {
    opacity: 0; }

/*

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */ }
  .mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s;
    transform: translateX(-50px); }
  .mfp-move-horizontal.mfp-bg {
    opacity: 0;
    transition: all 0.3s; }
  .mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateX(0); }
  .mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: 0.8; }
  .mfp-move-horizontal.mfp-removing .mfp-with-anim {
    transform: translateX(50px);
    opacity: 0; }
  .mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0; }

/*

====== Move-from-top effect ======

*/
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */ }
  .mfp-move-from-top .mfp-content {
    vertical-align: top; }
  .mfp-move-from-top .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s;
    transform: translateY(-100px); }
  .mfp-move-from-top.mfp-bg {
    opacity: 0;
    transition: all 0.2s; }
  .mfp-move-from-top.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateY(0); }
  .mfp-move-from-top.mfp-ready.mfp-bg {
    opacity: 0.8; }
  .mfp-move-from-top.mfp-removing .mfp-with-anim {
    transform: translateY(-50px);
    opacity: 0; }
  .mfp-move-from-top.mfp-removing.mfp-bg {
    opacity: 0; }

/*

====== 3d unfold ======

*/
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */ }
  .mfp-3d-unfold .mfp-content {
    perspective: 2000px; }
  .mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg); }
  .mfp-3d-unfold.mfp-bg {
    opacity: 0;
    transition: all 0.5s; }
  .mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: rotateY(0deg); }
  .mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: 0.8; }
  .mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    opacity: 0; }
  .mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0; }

/*

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */ }
  .mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(1.3); }
  .mfp-zoom-out.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out; }
  .mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1); }
  .mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: 0.8; }
  .mfp-zoom-out.mfp-removing .mfp-with-anim {
    transform: scale(1.3);
    opacity: 0; }
  .mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0; }

/*

====== "Hinge" close effect ======

*/
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  100% {
    transform: translateY(700px);
    opacity: 0; } }
.hinge {
  animation-duration: 1s;
  animation-name: hinge; }

.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
  opacity: 0;
  transition: opacity .5s ease-out; }
.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1; }
.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: 0.8; }
.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0; }

/*---------------------------------------------------------------------------*\
    $PROJECT
\*---------------------------------------------------------------------------*/
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.page .footer {
  margin-top: 0;
  background-color: #fff;
  position: relative; }

.contents {
  background-color: #fffbbc;
  max-width: 100% !important;
  width: 100% !important; }

.contents__wrap {
  overflow: hidden;
  position: relative; }

.is-MobileOS .page .contents__visual {
  padding-top: 114px; }
  @media screen and (max-width: 640px) {
    .is-MobileOS .page .contents__visual {
      padding-top: 19.84375vw; } }

.sale-2024 .content__visual.kv.is-top-space {
  padding-top: 154px;
  max-width: 1382px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1440px) {
    .sale-2024 .content__visual.kv.is-top-space {
      max-width: calc((100vw / 1440 * 1382)); } }
  @media screen and (max-width: 640px) {
    .sale-2024 .content__visual.kv.is-top-space {
      max-width: 100%;
      padding-top: 13.59375vw; } }
  .sale-2024 .content__visual.kv.is-top-space h1 {
    line-height: 1; }
  .sale-2024 .content__visual.kv.is-top-space img {
    width: 100%;
    height: auto; }

.wallet {
  box-sizing: border-box;
  margin-top: 65px;
  margin-bottom: 100px;
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-family: "Zen Kaku Gothic New", serif;
  font-feature-settings: "palt" 1;
  color: #4a4a4a;
  position: relative;
  z-index: 9; }
  @media all and (min-width: 641px) and (max-width: 1024px) {
    .wallet {
      margin-top: 6.34765625vw;
      max-width: 84.9609375vw;
      margin-bottom: 9.765625vw; } }
  @media screen and (max-width: 640px) {
    .wallet {
      max-width: 93.75vw;
      margin-top: 10.15625vw;
      margin-bottom: 15.625vw; } }
  .wallet .keywords {
    text-align: center; }
    .wallet .keywords h2 {
      font-size: 2.8rem;
      letter-spacing: -0.01em;
      margin-bottom: 34px; }
      @media all and (min-width: 641px) and (max-width: 1024px) {
        .wallet .keywords h2 {
          font-size: 2.2222222222vw; } }
      @media all and (min-width: 641px) and (max-width: 1024px) {
        .wallet .keywords h2 {
          margin-bottom: 3.3203125vw; } }
      @media screen and (max-width: 640px) {
        .wallet .keywords h2 {
          margin-bottom: 5.3125vw;
          font-size: 4.375vw;
          line-height: 1.4; } }
    .wallet .keywords .keyword_list {
      display: flex;
      flex-wrap: wrap;
      column-gap: 10px;
      row-gap: 10px;
      justify-content: center; }
      .wallet .keywords .keyword_list + .keyword_list {
        margin-top: 10px; }
        @media all and (min-width: 641px) and (max-width: 1024px) {
          .wallet .keywords .keyword_list + .keyword_list {
            margin-top: 0.9765625vw; } }
        @media screen and (max-width: 640px) {
          .wallet .keywords .keyword_list + .keyword_list {
            margin-top: 1.5625vw; } }
    .wallet .keywords .mention {
      margin-top: 40px;
      text-align: left;
      font-size: 1.4rem; }
      @media all and (min-width: 641px) and (max-width: 1024px) {
        .wallet .keywords .mention {
          font-size: 1.1111111111vw; } }
      @media all and (min-width: 641px) and (max-width: 1024px) {
        .wallet .keywords .mention {
          margin-bottom: 3.90625vw; } }
      @media screen and (max-width: 640px) {
        .wallet .keywords .mention {
          margin-bottom: 6.25vw;
          font-size: 3.125vw; } }
    .wallet .keywords .tab-item {
      display: flex;
      justify-content: center;
      align-items: center;
      column-gap: 10px; }
      @media screen and (max-width: 640px) {
        .wallet .keywords .tab-item {
          column-gap: 1.5625vw; } }
    .wallet .keywords .tab_menu_item, .wallet .keywords .tab_menu_color {
      display: inline-block;
      font-size: 1.9rem;
      text-align: center;
      border-radius: 2em;
      cursor: pointer;
      line-height: 1.3;
      background-color: #f0f0f0;
      padding: .5em 1em; }
      @media all and (min-width: 641px) and (max-width: 1024px) {
        .wallet .keywords .tab_menu_item, .wallet .keywords .tab_menu_color {
          font-size: 1.5079365079vw; } }
      @media screen and (max-width: 640px) {
        .wallet .keywords .tab_menu_item, .wallet .keywords .tab_menu_color {
          font-size: 3.4375vw; } }
    .wallet .keywords input[name="tab_menu_item"], .wallet .keywords input[name="tab_menu_color"] {
      display: none; }
  .wallet .box + .box {
    margin-top: 70px; }
    @media all and (min-width: 641px) and (max-width: 1024px) {
      .wallet .box + .box {
        margin-top: 6.8359375vw; } }
    @media screen and (max-width: 640px) {
      .wallet .box + .box {
        margin-top: 9.375vw; } }
  .wallet .tab {
    width: 100%;
    margin: 70px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 30px; }
    @media all and (min-width: 641px) and (max-width: 1024px) {
      .wallet .tab {
        margin: 6.8359375vw auto 0; } }
    @media screen and (max-width: 640px) {
      .wallet .tab {
        margin: 10.9375vw auto 0;
        column-gap: 4.6875vw; } }
    .wallet .tab_menu {
      position: relative;
      width: calc( (100% - 60px) / 3 );
      font-size: 3.2rem;
      line-height: 1.3;
      text-align: center;
      border-radius: 10px 10px 0 0;
      cursor: pointer;
      color: #ffffff;
      background-color: #808080;
      padding: .6em 0;
      box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.11); }
      @media all and (min-width: 641px) and (max-width: 1024px) {
        .wallet .tab_menu {
          font-size: 2.5396825397vw; } }
      .wallet .tab_menu span {
        position: relative; }
      @media screen and (max-width: 640px) {
        .wallet .tab_menu {
          width: calc( (100% - 0.15625vw*30*2) / 3 );
          font-size: 5vw; } }
    .wallet .tab input[name="tab_menu"] {
      display: none; }
    .wallet .tab_contents {
      display: none;
      clear: both;
      overflow: hidden;
      box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.11);
      border-radius: 0 0 10px 10px;
      width: 100%;
      background: #FFFFFF;
      padding: 60px 40px 40px; }
      @media all and (min-width: 641px) and (max-width: 1024px) {
        .wallet .tab_contents {
          padding: 5.859375vw 3.90625vw 3.90625vw; } }
      @media screen and (max-width: 640px) {
        .wallet .tab_contents {
          padding: 6.25vw 4.6875vw 3.125vw; } }
      .wallet .tab_contents h3 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 15px 0 20px;
        background-color: #f0f0f0; }
        @media all and (min-width: 641px) and (max-width: 1024px) {
          .wallet .tab_contents h3 {
            padding: 1.46484375vw 0 1.953125vw; } }
        @media screen and (max-width: 640px) {
          .wallet .tab_contents h3 {
            padding: 3.125vw 0 3.90625vw; } }
        .wallet .tab_contents h3 span {
          display: inline-block;
          font-size: 3.2rem; }
          @media all and (min-width: 641px) and (max-width: 1024px) {
            .wallet .tab_contents h3 span {
              font-size: 2.5396825397vw; } }
          @media screen and (max-width: 640px) {
            .wallet .tab_contents h3 span {
              font-size: 5vw; } }
      .wallet .tab_contents .carousel-wrap:not(.js-carousel) {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 10px; }
        .wallet .tab_contents .carousel-wrap:not(.js-carousel) .carousel-col {
          width: calc( (100% - 10px * 2) / 3 ); }
        @media screen and (max-width: 640px) {
          .wallet .tab_contents .carousel-wrap:not(.js-carousel) {
            gap: 1.5625vw; }
            .wallet .tab_contents .carousel-wrap:not(.js-carousel) .carousel-col {
              width: calc( (100% - 0.15625vw*10) / 2 ); } }
    .wallet .tab #color:checked ~ #color,
    .wallet .tab #item:checked ~ #item,
    .wallet .tab #brand:checked ~ #brand {
      display: block; }
  .wallet .tab input:checked + .tab_menu {
    background-color: #FFFFFF;
    color: #4a4a4a; }
    .wallet .tab input:checked + .tab_menu:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: calc( 100% + 20px );
      background-color: #FFFFFF;
      border-radius: 10px 10px 0 0; }
  .wallet .tab-color {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 640px) {
      .wallet .tab-color {
        justify-content: flex-start;
        gap: 1.5625vw; } }
    .wallet .tab-color .tab_menu_color {
      position: relative;
      font-size: 1.9rem;
      text-align: center;
      border-radius: 2em;
      padding: .65em 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      line-height: 1.3;
      background-color: #dbfffc; }
      @media all and (min-width: 641px) and (max-width: 1024px) {
        .wallet .tab-color .tab_menu_color {
          font-size: 1.5079365079vw; } }
      @media screen and (max-width: 640px) {
        .wallet .tab-color .tab_menu_color {
          font-size: 3.4375vw;
          width: calc( (100% -  0.15625vw * 11 * 2) / 3 ); } }
      .wallet .tab-color .tab_menu_color.is-gray {
        background-color: #a1a1a1; }
        .wallet .tab-color .tab_menu_color.is-gray span {
          color: #FFFFFF; }
      .wallet .tab-color .tab_menu_color.is-brown {
        background-color: #eedbc0; }
      .wallet .tab-color .tab_menu_color.is-pink {
        background-color: #fee5ff; }
      .wallet .tab-color .tab_menu_color.is-black {
        background-color: #414141; }
        .wallet .tab-color .tab_menu_color.is-black span {
          color: #FFFFFF; }
      .wallet .tab-color .tab_menu_color.is-white {
        background-color: #ffffff;
        border: 1px solid #c8c8c8; }
      .wallet .tab-color .tab_menu_color.is-green {
        background-color: #e5ffd0; }
      .wallet .tab-color .tab_menu_color.is-blue {
        background-color: #dcfaff; }
      .wallet .tab-color .tab_menu_color.is-purple {
        background-color: #f1e5ff; }
      .wallet .tab-color .tab_menu_color.is-red {
        background-color: #ffdbe0; }
      .wallet .tab-color .tab_menu_color.is-beige {
        background-color: #f2efcb; }
    .wallet .tab-color input[name="tab_menu_color"] {
      display: none; }
    .wallet .tab-color-contents {
      display: none;
      opacity: 0;
      overflow: hidden;
      background-color: #fff;
      width: 100%;
      margin-top: 35px; }
      @media all and (min-width: 641px) and (max-width: 1024px) {
        .wallet .tab-color-contents {
          margin-top: 3.41796875vw; } }
      @media screen and (max-width: 640px) {
        .wallet .tab-color-contents {
          margin-top: 3.125vw; } }
      .wallet .tab-color-contents-red h3 {
        background-color: #ffdbe0; }
      .wallet .tab-color-contents-blue h3 {
        background-color: #dcfaff; }
      .wallet .tab-color-contents-green h3 {
        background-color: #e5ffd0; }
      .wallet .tab-color-contents-beige h3 {
        background-color: #f2efcb; }
      .wallet .tab-color-contents-pink h3 {
        background-color: #fee5ff; }
      .wallet .tab-color-contents-black h3 {
        background-color: #414141; }
        .wallet .tab-color-contents-black h3 span {
          color: #fff; }
      .wallet .tab-color-contents-white h3 {
        background-color: #ffffff;
        border: 1px solid #c8c8c8; }
      .wallet .tab-color-contents-purple h3 {
        background-color: #f1e5ff; }
      .wallet .tab-color-contents-gray h3 {
        background-color: #a1a1a1; }
        .wallet .tab-color-contents-gray h3 span {
          color: #fff; }
      .wallet .tab-color-contents-brown h3 {
        background-color: #eedbc0; }
      .wallet .tab-color-contents ul {
        display: flex;
        flex-wrap: wrap; }
        .wallet .tab-color-contents ul li {
          overflow: hidden;
          width: 281px;
          margin-right: 15px; }
          .wallet .tab-color-contents ul li:nth-child(3n) {
            margin-right: 0; }
          @media all and (min-width: 641px) and (max-width: 1024px) {
            .wallet .tab-color-contents ul li {
              width: 23.2421875vw;
              margin-right: 1.46484375vw; } }
          @media screen and (max-width: 640px) {
            .wallet .tab-color-contents ul li {
              width: 40vw;
              margin-right: 2.8125vw; }
              .wallet .tab-color-contents ul li:nth-child(3n) {
                margin-right: 2.8125vw; }
              .wallet .tab-color-contents ul li:nth-child(2n) {
                margin-right: 0; } }
          .wallet .tab-color-contents ul li a {
            display: block;
            position: relative;
            text-decoration: none; }
            .wallet .tab-color-contents ul li a .block .logo {
              text-align: center;
              background-color: #fff;
              position: relative;
              z-index: 3;
              overflow: hidden;
              height: 100px; }
              @media all and (min-width: 641px) and (max-width: 1024px) {
                .wallet .tab-color-contents ul li a .block .logo {
                  height: 9.765625vw; } }
              @media screen and (max-width: 640px) {
                .wallet .tab-color-contents ul li a .block .logo {
                  height: 14.0625vw; } }
              .wallet .tab-color-contents ul li a .block .logo img {
                width: auto;
                height: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                object-fit: cover; }
            .wallet .tab-color-contents ul li a .block .img img {
              display: block;
              width: 100%;
              height: auto; }
    .wallet .tab-color #color-red:checked ~ #color-red,
    .wallet .tab-color #color-blue:checked ~ #color-blue,
    .wallet .tab-color #color-green:checked ~ #color-green,
    .wallet .tab-color #color-beige:checked ~ #color-beige,
    .wallet .tab-color #color-pink:checked ~ #color-pink,
    .wallet .tab-color #color-black:checked ~ #color-black,
    .wallet .tab-color #color-white:checked ~ #color-white,
    .wallet .tab-color #color-purple:checked ~ #color-purple,
    .wallet .tab-color #color-gray:checked ~ #color-gray,
    .wallet .tab-color #color-brown:checked ~ #color-brown {
      display: block;
      animation: fadeIn .3s ease;
      animation-fill-mode: forwards; }
  .wallet .tab-item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: flex-start; }
    .wallet .tab-item .tab_menu_item {
      position: relative;
      font-size: 1.9rem;
      text-align: center;
      border-radius: 2em;
      padding: .65em 1.2em;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      line-height: 1.3;
      background-color: #dbfffc; }
      @media all and (min-width: 641px) and (max-width: 1024px) {
        .wallet .tab-item .tab_menu_item {
          font-size: 1.5079365079vw; } }
      @media screen and (max-width: 640px) {
        .wallet .tab-item .tab_menu_item {
          font-size: 3.4375vw;
          padding-left: 1em;
          padding-right: 1em; } }
    .wallet .tab-item input[name="tab_menu_item"] {
      display: none; }
    .wallet .tab-item-contents {
      display: none;
      opacity: 0;
      overflow: hidden;
      background-color: #fff;
      width: 100%;
      margin-top: 35px; }
      @media all and (min-width: 641px) and (max-width: 1024px) {
        .wallet .tab-item-contents {
          margin-top: 3.41796875vw; } }
      @media screen and (max-width: 640px) {
        .wallet .tab-item-contents {
          margin-top: 3.125vw; } }
    .wallet .tab-item #item-long:checked ~ #item-long,
    .wallet .tab-item #item-folded:checked ~ #item-folded,
    .wallet .tab-item #item-trifold:checked ~ #item-trifold,
    .wallet .tab-item #item-coin:checked ~ #item-coin,
    .wallet .tab-item #item-fragment:checked ~ #item-fragment {
      display: block;
      animation: fadeIn .3s ease;
      animation-fill-mode: forwards; }
  .wallet .tab-brand {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px; }
    @media screen and (max-width: 640px) {
      .wallet .tab-brand {
        gap: 0.78125vw; } }
    .wallet .tab-brand .tab_menu_brand {
      position: relative;
      width: 110px;
      text-align: center;
      border: 1px solid #d8d8d8;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      cursor: pointer;
      overflow: hidden; }
      .wallet .tab-brand .tab_menu_brand img {
        width: 100%; }
      @media screen and (max-width: 640px) {
        .wallet .tab-brand .tab_menu_brand {
          width: calc( (100% - 0.15625vw * 5 * 2) / 3 );
          margin-bottom: 0.78125vw; } }
    .wallet .tab-brand input[name="tab_menu_brand"] {
      display: none; }
    .wallet .tab-brand-contents {
      display: none;
      opacity: 0;
      overflow: hidden;
      background-color: #fff;
      width: 100%;
      margin-top: 35px; }
      @media all and (min-width: 641px) and (max-width: 1024px) {
        .wallet .tab-brand-contents {
          margin-top: 3.41796875vw; } }
      @media screen and (max-width: 640px) {
        .wallet .tab-brand-contents {
          margin-top: 3.125vw; } }
      .wallet .tab-brand-contents ul {
        display: flex;
        flex-wrap: wrap;
        padding: 20px 0; }
        @media all and (min-width: 641px) and (max-width: 1024px) {
          .wallet .tab-brand-contents ul {
            padding: 1.953125vw 0; } }
        @media screen and (max-width: 640px) {
          .wallet .tab-brand-contents ul {
            padding: 3.125vw 0; } }
        .wallet .tab-brand-contents ul li {
          overflow: hidden;
          width: 281px;
          margin-right: 15px; }
          .wallet .tab-brand-contents ul li:nth-child(3n) {
            margin-right: 0; }
          @media all and (min-width: 641px) and (max-width: 1024px) {
            .wallet .tab-brand-contents ul li {
              width: 23.2421875vw;
              margin-right: 1.46484375vw; } }
          @media screen and (max-width: 640px) {
            .wallet .tab-brand-contents ul li {
              width: 40vw;
              margin-right: 2.8125vw; }
              .wallet .tab-brand-contents ul li:nth-child(3n) {
                margin-right: 2.8125vw; }
              .wallet .tab-brand-contents ul li:nth-child(2n) {
                margin-right: 0; } }
          .wallet .tab-brand-contents ul li a {
            display: block;
            position: relative;
            text-decoration: none; }
            .wallet .tab-brand-contents ul li a .block .logo {
              text-align: center;
              background-color: #fff;
              position: relative;
              z-index: 3;
              overflow: hidden;
              height: 100px; }
              @media all and (min-width: 641px) and (max-width: 1024px) {
                .wallet .tab-brand-contents ul li a .block .logo {
                  height: 9.765625vw; } }
              @media screen and (max-width: 640px) {
                .wallet .tab-brand-contents ul li a .block .logo {
                  height: 14.0625vw; } }
              .wallet .tab-brand-contents ul li a .block .logo img {
                width: auto;
                height: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                object-fit: cover; }
            .wallet .tab-brand-contents ul li a .block .img img {
              display: block;
              width: 100%;
              height: auto; }
    .wallet .tab-brand #brand-michael_kors:checked ~ #brand-michael_kors,
    .wallet .tab-brand #brand-orobianco:checked ~ #brand-orobianco,
    .wallet .tab-brand #brand-takeo_kikuchi:checked ~ #brand-takeo_kikuchi,
    .wallet .tab-brand #brand-beams:checked ~ #brand-beams,
    .wallet .tab-brand #brand-samantha_thavasa:checked ~ #brand-samantha_thavasa,
    .wallet .tab-brand #brand-coach:checked ~ #brand-coach,
    .wallet .tab-brand #brand-ryu:checked ~ #brand-ryu,
    .wallet .tab-brand #brand-marc_jacobs:checked ~ #brand-marc_jacobs,
    .wallet .tab-brand #brand-furla:checked ~ #brand-furla,
    .wallet .tab-brand #brand-armani:checked ~ #brand-armani,
    .wallet .tab-brand #brand-brooks_brothers:checked ~ #brand-brooks_brothers,
    .wallet .tab-brand #brand-boss:checked ~ #brand-boss {
      display: block;
      animation: fadeIn .3s ease;
      animation-fill-mode: forwards; }
  .wallet .tab-brand input:checked + .tab_menu_brand {
    border: 1px solid #808080; }
  .wallet .lucky img {
    display: block;
    height: auto;
    width: auto;
    max-width: 100%;
    margin: 0 auto; }
  .wallet .is-sp {
    display: none; }
    @media screen and (max-width: 640px) {
      .wallet .is-sp {
        display: block; } }
  .wallet .is-pc {
    display: block; }
    @media screen and (max-width: 640px) {
      .wallet .is-pc {
        display: none; } }

.carousel-wrap {
  padding: 20px 0; }
  @media all and (min-width: 641px) and (max-width: 1024px) {
    .carousel-wrap {
      padding: 1.953125vw 0; } }
  @media screen and (max-width: 640px) {
    .carousel-wrap {
      padding: 3.125vw 0; } }
.carousel-col {
  overflow: hidden;
  width: 281px; }
  @media all and (min-width: 641px) and (max-width: 1024px) {
    .carousel-col {
      width: 23.2421875vw; } }
  @media screen and (max-width: 640px) {
    .carousel-col {
      width: 40vw; } }
  .carousel-col a {
    display: block;
    position: relative;
    text-decoration: none; }
    .carousel-col a .block .logo {
      text-align: center;
      background-color: #fff;
      position: relative;
      z-index: 3;
      overflow: hidden;
      height: 100px; }
      @media all and (min-width: 641px) and (max-width: 1024px) {
        .carousel-col a .block .logo {
          height: 9.765625vw; } }
      @media screen and (max-width: 640px) {
        .carousel-col a .block .logo {
          height: 14.0625vw; } }
      .carousel-col a .block .logo img {
        width: auto;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        object-fit: cover; }
    .carousel-col a .block .img img {
      display: block;
      width: 100%;
      height: auto; }
  .carousel-col.slick-slide {
    padding-left: 5px;
    padding-right: 5px; }
    @media screen and (max-width: 640px) {
      .carousel-col.slick-slide {
        padding-left: 0.78125vw;
        padding-right: 0.78125vw; } }
.carousel-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 42%;
  z-index: 10;
  transform: translateY(-50%);
  background-color: #808080;
  border-radius: 50%;
  width: 35px;
  height: 35px; }
  @media screen and (max-width: 640px) {
    .carousel-prev {
      width: 6.25vw;
      height: 6.25vw; } }
  .carousel-prev .arrow-c {
    display: inline-block;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateX(3px) rotate(45deg);
    width: 12px;
    height: 12px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }
    @media screen and (max-width: 640px) {
      .carousel-prev .arrow-c {
        width: 1.875vw;
        height: 1.875vw;
        transform: translateX(1px) rotate(45deg); } }
.carousel-next {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 42%;
  z-index: 10;
  transform: translateY(-50%);
  background-color: #808080;
  border-radius: 50%;
  width: 35px;
  height: 35px; }
  @media screen and (max-width: 640px) {
    .carousel-next {
      width: 6.25vw;
      height: 6.25vw; } }
  .carousel-next .arrow-c {
    display: inline-block;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: translateX(-3px) rotate(45deg);
    width: 12px;
    height: 12px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }
    @media screen and (max-width: 640px) {
      .carousel-next .arrow-c {
        width: 1.875vw;
        height: 1.875vw;
        transform: translateX(-1px) rotate(45deg); } }

.popup {
  position: relative;
  box-sizing: border-box;
  font-family: "Zen Kaku Gothic New", serif;
  font-feature-settings: "palt" 1;
  max-width: 880px;
  width: 880px;
  margin: 0 auto; }
  @media screen and (max-width: 640px) {
    .popup {
      width: 75vw;
      max-width: none; } }
  .popup-delete {
    position: absolute;
    top: -65px;
    right: 10px;
    width: 55px;
    height: 55px;
    cursor: pointer; }
    @media screen and (max-width: 640px) {
      .popup-delete {
        top: -10.15625vw;
        right: 1.5625vw;
        width: 8.59375vw;
        height: 8.59375vw; } }
    .popup-delete img {
      width: 55px;
      height: 55px;
      line-height: 55px;
      padding: 0;
      opacity: 1 !important; }
      @media screen and (max-width: 640px) {
        .popup-delete img {
          width: 8.59375vw;
          height: 8.59375vw;
          line-height: 8.59375vw; } }
  .popup-inr {
    height: 100%;
    background-color: #fff;
    padding: 60px 50px;
    box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.11); }
    @media screen and (max-width: 640px) {
      .popup-inr {
        padding: 7.8125vw; } }
    .popup-inr .box {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 640px) {
        .popup-inr .box {
          display: block; } }
      .popup-inr .box-photo {
        width: 49%;
        max-width: 360px;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 640px) {
          .popup-inr .box-photo {
            width: 100%;
            max-width: 100%;
            margin-bottom: 4.6875vw; } }
        .popup-inr .box-photo img {
          display: block;
          width: 100%;
          height: auto; }
      .popup-inr .box-t {
        width: 49%; }
        @media screen and (max-width: 640px) {
          .popup-inr .box-t {
            width: 100%; } }
      .popup-inr .box-logo {
        text-align: center;
        position: relative;
        z-index: 3;
        overflow: hidden;
        height: 90px;
        margin-bottom: 20px; }
        @media screen and (max-width: 640px) {
          .popup-inr .box-logo {
            height: 14.0625vw;
            margin-bottom: 0; } }
        .popup-inr .box-logo img {
          width: auto;
          height: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          object-fit: cover; }
      .popup-inr .box-merchandise, .popup-inr .box-txt {
        color: #010101;
        font-size: 2.4rem;
        line-height: 1.6; }
        @media all and (min-width: 641px) and (max-width: 1024px) {
          .popup-inr .box-merchandise, .popup-inr .box-txt {
            font-size: 1.9047619048vw; } }
        @media screen and (max-width: 640px) {
          .popup-inr .box-merchandise, .popup-inr .box-txt {
            font-size: 3.75vw; } }
      .popup-inr .box-merchandise {
        margin-bottom: 1em; }
      .popup-inr .box-btn {
        display: block;
        margin: 30px auto 0;
        text-align: center; }
        .popup-inr .box-btn a {
          border-radius: 2em;
          background-color: #595959;
          text-decoration: none;
          z-index: 1;
          display: inline-block;
          padding: .9em 2.7em;
          color: #fff;
          font-weight: bold;
          font-size: 2rem; }
          @media all and (min-width: 641px) and (max-width: 1024px) {
            .popup-inr .box-btn a {
              font-size: 1.5873015873vw; } }
        @media screen and (max-width: 640px) {
          .popup-inr .box-btn {
            margin-top: 6.25vw; }
            .popup-inr .box-btn a {
              font-size: 3.75vw; } }