@charset "UTF-8";
@font-face {
  font-family: "ASans";
  src: url("../../font/ASansreg.woff"); }

@font-face {
  font-family: "Pragmatica";
  src: url("../../font/pragmatica.woff"); }

.pc_only {
  display: none !important; }

#preorder_2020ss {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  color: #000;
  margin-bottom: calc(180 * (100vw / 750)); }
  #preorder_2020ss * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #preorder_2020ss a {
    display: inline-block; }
  #preorder_2020ss img {
    width: 100%;
    display: block; }
  #preorder_2020ss .pragmatica {
    font-family: "Pragmatica"; }
  #preorder_2020ss .credit {
    font-family: "ASans";
    font-size: calc(26 * (100vw / 750));
    line-height: 1.9;
    text-align: center;
    margin-top: calc(28 * (100vw / 750)); }
    #preorder_2020ss .credit a {
      text-decoration: underline;
      padding-left: 0.4em;
      padding-right: 0.4em;
      letter-spacing: 0.025em; }
  #preorder_2020ss .fade_wrap {
    position: relative; }
    #preorder_2020ss .fade_wrap .fade {
      -webkit-animation-name: fadeIn;
      animation-name: fadeIn;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      animation-name: fadeIn;
      -webkit-animation-duration: 4s;
      animation-duration: 4s;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-direction: alternate;
      animation-direction: alternate; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 1; }
  30% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeIn {
  0% {
    opacity: 1; }
  30% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 0; } }
  #preorder_2020ss .mv {
    margin-bottom: calc(94 * (100vw / 750)); }
  #preorder_2020ss .sec_01,
  #preorder_2020ss .sec_02,
  #preorder_2020ss .sec_03,
  #preorder_2020ss .sec_04,
  #preorder_2020ss .sec_05,
  #preorder_2020ss .sec_06,
  #preorder_2020ss .sec_07,
  #preorder_2020ss .sec_08,
  #preorder_2020ss .sec_09,
  #preorder_2020ss .sec_10,
  #preorder_2020ss .sec_11,
  #preorder_2020ss .sec_12,
  #preorder_2020ss .sec_13,
  #preorder_2020ss .sec_14,
  #preorder_2020ss .sec_15,
  #preorder_2020ss .sec_16,
  #preorder_2020ss .sec_17,
  #preorder_2020ss .sec_18,
  #preorder_2020ss .sec_19,
  #preorder_2020ss .sec_20,
  #preorder_2020ss .sec_21,
  #preorder_2020ss .sec_22,
  #preorder_2020ss .sec_23,
  #preorder_2020ss .sec_24,
  #preorder_2020ss .sec_25 {
    margin-bottom: calc(88 * (100vw / 750)); }
    #preorder_2020ss .sec_01 .block_01,
    #preorder_2020ss .sec_02 .block_01,
    #preorder_2020ss .sec_03 .block_01,
    #preorder_2020ss .sec_04 .block_01,
    #preorder_2020ss .sec_05 .block_01,
    #preorder_2020ss .sec_06 .block_01,
    #preorder_2020ss .sec_07 .block_01,
    #preorder_2020ss .sec_08 .block_01,
    #preorder_2020ss .sec_09 .block_01,
    #preorder_2020ss .sec_10 .block_01,
    #preorder_2020ss .sec_11 .block_01,
    #preorder_2020ss .sec_12 .block_01,
    #preorder_2020ss .sec_13 .block_01,
    #preorder_2020ss .sec_14 .block_01,
    #preorder_2020ss .sec_15 .block_01,
    #preorder_2020ss .sec_16 .block_01,
    #preorder_2020ss .sec_17 .block_01,
    #preorder_2020ss .sec_18 .block_01,
    #preorder_2020ss .sec_19 .block_01,
    #preorder_2020ss .sec_20 .block_01,
    #preorder_2020ss .sec_21 .block_01,
    #preorder_2020ss .sec_22 .block_01,
    #preorder_2020ss .sec_23 .block_01,
    #preorder_2020ss .sec_24 .block_01,
    #preorder_2020ss .sec_25 .block_01 {
      margin-bottom: calc(36 * (100vw / 750)); }
  #preorder_2020ss .sec_01 .block_01,
  #preorder_2020ss .sec_05 .block_01,
  #preorder_2020ss .sec_07 .block_01,
  #preorder_2020ss .sec_15 .block_01,
  #preorder_2020ss .sec_19 .block_01,
  #preorder_2020ss .sec_24 .block_01 {
    margin-left: calc(36 * (100vw / 750));
    margin-right: calc(36 * (100vw / 750)); }
  #preorder_2020ss .sec_01 .block_02,
  #preorder_2020ss .sec_05 .block_02,
  #preorder_2020ss .sec_07 .block_02,
  #preorder_2020ss .sec_15 .block_02,
  #preorder_2020ss .sec_19 .block_02,
  #preorder_2020ss .sec_24 .block_02 {
    margin-left: calc(114 * (100vw / 750));
    margin-right: calc(114 * (100vw / 750)); }
  #preorder_2020ss .sec_02 .block_01 {
    margin-right: calc(113 * (100vw / 750)); }
  #preorder_2020ss .sec_02 .block_02 {
    margin-left: calc(262 * (100vw / 750));
    margin-right: calc(36 * (100vw / 750)); }
  #preorder_2020ss .sec_03 .block_01,
  #preorder_2020ss .sec_11 .block_01 {
    margin-left: calc(55 * (100vw / 750));
    margin-right: calc(55 * (100vw / 750)); }
  #preorder_2020ss .sec_03 .block_02,
  #preorder_2020ss .sec_11 .block_02 {
    margin-left: calc(150 * (100vw / 750));
    margin-right: calc(150 * (100vw / 750)); }
  #preorder_2020ss .sec_04 .block_01 {
    margin-left: calc(36 * (100vw / 750));
    margin-right: calc(262 * (100vw / 750)); }
  #preorder_2020ss .sec_04 .block_02 {
    margin-left: calc(113 * (100vw / 750)); }
  #preorder_2020ss .sec_06 .block_01,
  #preorder_2020ss .sec_14 .block_01,
  #preorder_2020ss .sec_17 .block_01 {
    margin-left: calc(114 * (100vw / 750));
    margin-right: calc(114 * (100vw / 750)); }
  #preorder_2020ss .sec_06 .block_02,
  #preorder_2020ss .sec_14 .block_02,
  #preorder_2020ss .sec_17 .block_02 {
    margin-left: calc(55 * (100vw / 750));
    margin-right: calc(55 * (100vw / 750)); }
  #preorder_2020ss .sec_08 .block_01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #preorder_2020ss .sec_08 .block_01 .img18 {
      margin-left: calc(36 * (100vw / 750));
      margin-top: calc(203 * (100vw / 750)); }
  #preorder_2020ss .sec_08 .block_02 {
    margin-left: calc(36 * (100vw / 750));
    margin-right: calc(36 * (100vw / 750)); }
  #preorder_2020ss .sec_09 .block_01 {
    margin-left: calc(55 * (100vw / 750));
    margin-right: calc(55 * (100vw / 750)); }
  #preorder_2020ss .sec_09 .block_02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #preorder_2020ss .sec_09 .block_02 .img21 {
      margin-right: calc(21 * (100vw / 750)); }
  #preorder_2020ss .sec_10 .block_01 {
    margin-left: calc(114 * (100vw / 750));
    margin-right: calc(36 * (100vw / 750)); }
  #preorder_2020ss .sec_10 .block_02 {
    margin-left: calc(36 * (100vw / 750));
    margin-right: calc(300 * (100vw / 750)); }
  #preorder_2020ss .sec_12 .block_01 {
    margin-left: calc(114 * (100vw / 750));
    margin-right: calc(114 * (100vw / 750)); }
  #preorder_2020ss .sec_12 .block_02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #preorder_2020ss .sec_12 .block_02 .img28 {
      width: 50%;
      margin-right: calc(21 * (100vw / 750)); }
    #preorder_2020ss .sec_12 .block_02 .img29 {
      width: 50%; }
  #preorder_2020ss .sec_13 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #preorder_2020ss .sec_13 .block_01 {
      margin-left: calc(150 * (100vw / 750));
      margin-bottom: 0;
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2; }
    #preorder_2020ss .sec_13 .block_02 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      margin-left: calc(36 * (100vw / 750));
      margin-right: calc(114 * (100vw / 750));
      margin-bottom: calc(36 * (100vw / 750)); }
    #preorder_2020ss .sec_13 .credit {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3; }
  #preorder_2020ss .sec_16 .block_01 {
    margin-right: calc(150 * (100vw / 750)); }
  #preorder_2020ss .sec_16 .block_02 {
    margin-left: calc(75 * (100vw / 750)); }
  #preorder_2020ss .sec_18 .block_01 {
    margin-left: calc(240 * (100vw / 750));
    margin-right: calc(60 * (100vw / 750)); }
  #preorder_2020ss .sec_18 .block_02 {
    margin-left: calc(36 * (100vw / 750));
    margin-right: calc(114 * (100vw / 750)); }
  #preorder_2020ss .sec_20 .block_01 {
    margin-left: calc(75 * (100vw / 750)); }
  #preorder_2020ss .sec_20 .block_02 {
    margin-right: calc(114 * (100vw / 750)); }
  #preorder_2020ss .sec_21 .block_01 {
    margin-left: calc(75 * (100vw / 750));
    margin-right: calc(75 * (100vw / 750)); }
  #preorder_2020ss .sec_22 {
    margin-left: calc(36 * (100vw / 750));
    margin-right: calc(188 * (100vw / 750)); }
  #preorder_2020ss .sec_23 {
    margin-left: calc(113 * (100vw / 750));
    margin-right: calc(36 * (100vw / 750)); }
  #preorder_2020ss .sec_25 .block_01 {
    margin-left: calc(36 * (100vw / 750));
    margin-right: calc(338 * (100vw / 750)); }
  #preorder_2020ss .sec_25 .block_02 {
    margin-left: calc(113 * (100vw / 750));
    margin-right: calc(36 * (100vw / 750)); }
  #preorder_2020ss .sec_22 .credit,
  #preorder_2020ss .sec_23 .credit {
    text-align: left;
    margin-left: -0.5em; }
  #preorder_2020ss .info_area .title {
    width: calc(590 * (100vw / 750));
    margin: calc(200 * (100vw / 750)) auto calc(60 * (100vw / 750)); }
  #preorder_2020ss .info_area .category_list {
    margin: 0 auto calc(10 * (100vw / 750));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #preorder_2020ss .info_area .category_list li {
      border-right: 1px solid #000;
      margin-bottom: calc(50 * (100vw / 750)); }
      #preorder_2020ss .info_area .category_list li a {
        font-size: calc(28 * (100vw / 750));
        display: block;
        padding-left: calc(28 * (100vw / 750));
        padding-right: calc(28 * (100vw / 750)); }
      #preorder_2020ss .info_area .category_list li:nth-child(4), #preorder_2020ss .info_area .category_list li:nth-child(7) {
        border-right: none; }
  #preorder_2020ss .info_area a.check_btn {
    font-size: calc(26 * (100vw / 750));
    width: calc(450 * (100vw / 750));
    height: calc(100 * (100vw / 750));
    line-height: calc(100 * (100vw / 750));
    margin: 0 auto calc(30 * (100vw / 750));
    display: block;
    text-align: center;
    border: 1px solid #000; }
    #preorder_2020ss .info_area a.check_btn span {
      padding-left: 0.3em; }
#preorder_2020ss .img17{
  width:calc(375 * (100vw / 750));
}

#preorder_2020ss .img18{
  width:calc(338 * (100vw / 750));
}