@charset "UTF-8";
/* ==========================================================
  フォント
========================================================== */
/* ===================================================================
CSS information
 file name  :sale.css
 style info :メガトンセールのスタイル
=================================================================== */
#sale #wrap .content {
  width: 100%;
  line-height: 1.8;
}
@media screen and (min-width: 751px) {
  #sale #wrap .content {
    padding: 120px 0;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content {
    padding: 22vw 0;
  }
}
#sale #wrap .content .frame {
  padding: 4px;
  border: solid 1px #78acfe;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url(../img/shared/bg_slide_corner.svg), url(../img/shared/bg_slide_corner.svg), url(../img/shared/bg_slide_corner.svg), url(../img/shared/bg_slide_corner.svg);
  background-repeat: no-repeat;
  background-position: left top, right top, left bottom, right bottom;
  background-size: 4px;
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner {
    width: min(94%, 1080px);
    margin: 0 auto;
  }
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .mainImg {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .mainImg {
    margin-bottom: 8vw;
  }
}
#sale #wrap .content .inner .about {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url(../img/shared/bg_line_tl.png), url(../img/shared/bg_line_tr.png), url(../img/shared/bg_line_bl.png), url(../img/shared/bg_line_br.png);
  background-repeat: no-repeat;
  background-position: top left -1px, top right -1px, bottom left -1px, bottom right -1px;
  border: 1px solid #78acfe;
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .about {
    width: min(94%, 990px);
    padding: 30px;
    margin: 0 auto 60px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1020px) {
  #sale #wrap .content .inner .about {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .about {
    width: 96%;
    padding: 8vw 6vw;
    margin: 0 auto 14vw;
  }
}
#sale #wrap .content .inner .about .txt {
  color: #beee11;
  font-weight: 700;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .about .txt {
    font-size: 4vw;
  }
}
#sale #wrap .content .inner .about .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .about .date {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .about .date {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 6vw 0;
  }
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .about .date li {
    border-right: solid 1px #789ce4;
    width: 34%;
    padding: 0 1em;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .about .date li {
    width: 100%;
  }
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .about .date li:first-of-type {
    padding-left: 0;
  }
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .about .date li:last-of-type {
    border-right: none;
    padding-right: 0;
  }
}
#sale #wrap .content .inner .about .date li dl {
  font-weight: 700;
}
#sale #wrap .content .inner .about .date li dl dt {
  text-shadow: 0 0 4px #000;
  line-height: 1.6;
  border-bottom: 3px solid #cd0000;
  background: #343435;
  margin-bottom: 1em;
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .about .date li dl dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    padding: 0 1em;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .about .date li dl dt {
    padding: 1em;
  }
}
#sale #wrap .content .inner .about .date li dl dd {
  color: #fff9a2;
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .about .date li dl dd {
    font-size: 18px;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .about .date li dl dd {
    font-size: 3.8vw;
  }
}
#sale #wrap .content .inner .about .date li dl dd.comingsoon {
  color: #cdcdcd;
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .about .date li dl dd.comingsoon {
    font-size: 14px;
    margin-top: 2.5em;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .about .date li dl dd.comingsoon {
    font-size: 3.2vw;
  }
}
#sale #wrap .content .inner .about .date.single {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .about .date.single li {
    width: 60%;
  }
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .about .anoTxt {
    font-size: 14px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1020px) {
  #sale #wrap .content .inner .about .anoTxt {
    text-align: left;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .about .anoTxt {
    font-size: 3.2vw;
    text-align: left;
  }
}
#sale #wrap .content .inner .about .anoTxt li {
  padding-left: 1em;
  text-indent: -1em;
}
:lang(en) #sale #wrap .content .inner .about .anoTxt li, :lang(it) #sale #wrap .content .inner .about .anoTxt li, :lang(de) #sale #wrap .content .inner .about .anoTxt li, :lang(es) #sale #wrap .content .inner .about .anoTxt li {
  padding-left: 0.5em;
  text-indent: -0.5em;
}
#sale #wrap .content .inner .box {
  background: rgba(4, 4, 5, 0.8);
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .box {
    padding: 50px 60px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1020px) {
  #sale #wrap .content .inner .box {
    padding: 30px;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .box {
    padding: 10vw 4vw;
    margin-bottom: 4vw;
  }
}
#sale #wrap .content .inner .box .info dt {
  color: #fff9a2;
  font-weight: 700;
  text-align: left;
  border-bottom: 3px solid #cd0000;
  background: #3b3532;
  padding: 1em 1.5em;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .box .info dt {
    font-size: 18px;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .box .info dt {
    font-size: 4.4vw;
  }
}
#sale #wrap .content .inner .box .info dt span {
  display: inline-block;
  color: #beee11;
  font-weight: 700;
  line-height: 1.6;
  background: #4c6b22;
  padding: 0 0.5em;
  margin-bottom: 0.4em;
}
#sale #wrap .content .inner .box .info dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 1.2em 0;
}
#sale #wrap .content .inner .box .info dd ul li a {
  display: block;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  background: url(../img/shared/bg_arrow_link.png) no-repeat center right 1.4em/1.6em, -webkit-gradient(linear, left top, right top, from(#0080b5), to(#1b3a5e));
  background: url(../img/shared/bg_arrow_link.png) no-repeat center right 1.4em/1.6em, linear-gradient(90deg, #0080b5 0%, #1b3a5e 100%);
  background-size: 1.4em, auto;
  padding: 1em 0;
}
@media screen and (min-width: 751px) and (max-width: 1020px) {
  #sale #wrap .content .inner .box .info dd ul li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .box .info dd ul li a {
    font-size: 3.8vw;
  }
}
#sale #wrap .content .inner .box .info dd ul li a.comingsoon {
  pointer-events: none;
  opacity: 0.7;
  background: url(../img/shared/bg_arrow_link.png) no-repeat center right 1.4em/1.6em, -webkit-gradient(linear, left top, right top, from(#7b7b7b), to(#555));
  background: url(../img/shared/bg_arrow_link.png) no-repeat center right 1.4em/1.6em, linear-gradient(90deg, #7b7b7b 0%, #555 100%);
  background-size: 1.4em, auto;
}
:lang(en) #sale #wrap .content .inner .box .info dd ul li.ps a {
  pointer-events: none;
  opacity: 0.7;
  background: url(../img/shared/bg_arrow_link.png) no-repeat center right 1.4em/1.6em, -webkit-gradient(linear, left top, right top, from(#7b7b7b), to(#555));
  background: url(../img/shared/bg_arrow_link.png) no-repeat center right 1.4em/1.6em, linear-gradient(90deg, #7b7b7b 0%, #555 100%);
}
#sale #wrap .content .inner .box.delux .main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .box.delux .main {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .box.delux .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 4vw 0;
  }
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .box.delux .main figure {
    width: 48%;
  }
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .box.delux .main .info {
    width: 48%;
  }
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .box.delux .main .info dt span {
    font-size: 28px;
  }
}
#sale #wrap .content .inner .box.delux .detail {
  text-align: left;
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .box.delux .detail {
    margin-top: 2em;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .box.delux .detail {
    font-size: 4vw;
  }
}
#sale #wrap .content .inner .box.delux .detail dt {
  color: #fff9a2;
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .box.delux .detail dt {
    margin-bottom: 0.5em;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .box.delux .detail dd ul li {
    padding-left: 0.5em;
    text-indent: -0.5em;
    margin-bottom: 0.5em;
  }
}
#sale #wrap .content .inner .box.standard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .box.standard {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .box.standard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 10vw 0;
  }
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .box.standard .in {
    width: 46%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1020px) {
  #sale #wrap .content .inner .box.standard .in {
    width: 48%;
  }
}
#sale #wrap .content .inner .box.standard .in figure {
  margin-bottom: 1.5em;
}
@media screen and (min-width: 751px) and (max-width: 1020px) {
  #sale #wrap .content .inner .box.standard .in .info dt {
    font-size: 15px;
  }
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .box.standard .in .info dt span {
    font-size: 18px;
  }
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .box.standard .in .info dd {
    padding: 0 2.5em;
  }
}
@media screen and (min-width: 751px) and (max-width: 1200px) {
  #sale #wrap .content .inner .box.standard .in .info dd {
    padding: 0;
  }
}
#sale #wrap .content .inner .box.standard .in .anoTxt {
  color: #cdcdcd;
  text-align: left;
  margin-top: 1.5em;
}
@media screen and (min-width: 751px) {
  #sale #wrap .content .inner .box.standard .in .anoTxt {
    font-size: 14px;
  }
}
@media screen and (max-width: 750px) {
  #sale #wrap .content .inner .box.standard .in .anoTxt {
    font-size: 3.2vw;
  }
}
#sale #wrap .content .inner .box.standard .in .anoTxt li {
  padding-left: 1em;
  text-indent: -1em;
}
:lang(en) #sale #wrap .content .inner .box.standard .in .anoTxt li, :lang(it) #sale #wrap .content .inner .box.standard .in .anoTxt li, :lang(de) #sale #wrap .content .inner .box.standard .in .anoTxt li, :lang(es) #sale #wrap .content .inner .box.standard .in .anoTxt li {
  padding-left: 0.5em;
  text-indent: -0.5em;
}