@use '../../../user_data/packages/default/css/_reset.scss';
html[name="gsale"] {
  font-size: 16px;
  font-size: 55%;
  font-family: 'Teko', 'Noto Sans JP', 'Helvetica Neue', 'Jost', sans-serif;
  letter-spacing: inherit;
  line-height: 1.0em; }
  html[name="gsale"] body #gSale_all_wrap {
    overflow-x: hidden;
    font-family: 'Teko', 'Noto Sans JP', 'Helvetica Neue', 'Jost', sans-serif;
    list-style: none;
    box-sizing: border-box; }
    html[name="gsale"] body #gSale_all_wrap a {
      text-decoration: none; }
    html[name="gsale"] body #gSale_all_wrap a:hover {
      text-decoration: none;
      color: inherit; }
    html[name="gsale"] body #gSale_all_wrap h2 {
      font-weight: inherit;
      font-size: inherit; }
  html[name="gsale"] body #mv_newLife {
    display: none; }
  html[name="gsale"] body .sakura {
    width: 15%;
    position: absolute; }
  @media screen and (max-width: 500px) {
    html[name="gsale"] body {
      font-size: 31%; }
      html[name="gsale"] body .pc_display {
        display: none; } }
  @media screen and (max-width: 360px) {
    html[name="gsale"] body {
      width: 100vw;
      min-width: 320px;
      font-size: 24%; } }
  html[name="gsale"] body #gSale_all_wrap {
    margin-bottom: 6rem;
    overflow-y: hidden; }
    @media screen and (max-width: 500px) {
      html[name="gsale"] body #gSale_all_wrap {
        width: 100vw;
        min-width: 300px;
        margin-bottom: 2rem; } }
  html[name="gsale"] body .saleColor {
    color: #ff5d5d; }
  html[name="gsale"] body #breadcrumbs {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.2rem;
    margin-bottom: 1rem; }
    html[name="gsale"] body #breadcrumbs li a {
      font-size: 1.2rem; }
  html[name="gsale"] body #mv_wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url("../images/gsale_mainV.jpg");
    background-position: center, center;
    background-size: cover, 120%, 120%;
    z-index: -1; }
    @media screen and (max-width: 500px) {
      html[name="gsale"] body #mv_wrap {
        width: 100vw;
        background-position: center, center;
        background-size: cover, 120%, 120%;
        height: 98vw; } }
    html[name="gsale"] body #mv_wrap:before {
      content: "";
      display: block;
      padding-top: 65%; }
    html[name="gsale"] body #mv_wrap #white_area {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: rgba(255, 255, 255, 0.7);
      width: 90%;
      width: 90%;
      height: 90%;
      z-index: 0; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body #mv_wrap #white_area {
          width: 80%;
          height: 80%;
          background-color: rgba(255, 255, 255, 0.8); } }
      @media screen and (max-width: 360px) {
        html[name="gsale"] body #mv_wrap #white_area {
          width: 90%;
          height: 90%;
          background-color: rgba(255, 255, 255, 0.8); } }
  html[name="gsale"] body #mv_txt_area {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  html[name="gsale"] body #mv_txt_area #mv_eng_area {
    width: 38rem;
    margin: 0 auto;
    color: #444;
    font-family: "Teko", sans-serif; }
    html[name="gsale"] body #mv_txt_area #mv_eng_area .mv_eng_small p {
      font-style: italic;
      font-size: 3.0rem;
      font-weight: 600;
      line-height: 3.3rem;
      margin-bottom: 0.8rem;
      font-family: "Teko", sans-serif;
      letter-spacing: 0.04em; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body #mv_txt_area #mv_eng_area .mv_eng_small p {
          font-size: 2.4rem;
          margin-left: -1rem;
          margin-bottom: 0.8rem; } }
    html[name="gsale"] body #mv_txt_area #mv_eng_area .mv_eng_large {
      font-weight: 400; }
      html[name="gsale"] body #mv_txt_area #mv_eng_area .mv_eng_large .eng_l {
        font-size: 15rem;
        line-height: 12.8rem;
        letter-spacing: 0.8rem;
        position: relative;
        font-family: "Teko", sans-serif; }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body #mv_txt_area #mv_eng_area .mv_eng_large .eng_l {
            font-size: 12rem;
            line-height: 10rem; } }
        html[name="gsale"] body #mv_txt_area #mv_eng_area .mv_eng_large .eng_l.sl {
          font-weight: 400; }
        html[name="gsale"] body #mv_txt_area #mv_eng_area .mv_eng_large .eng_l > .script {
          position: absolute;
          font-family: 'Pinyon Script', cursive;
          font-feature-settings: "palt";
          font-size: 2.9rem;
          font-weight: 500;
          letter-spacing: -0.1rem; }
          html[name="gsale"] body #mv_txt_area #mv_eng_area .mv_eng_large .eng_l > .script.dsc {
            bottom: 1.6rem;
            right: 0.2rem;
            color: #ffa3a3;
            width: 12rem;
            height: auto; }
            @media screen and (max-width: 500px) {
              html[name="gsale"] body #mv_txt_area #mv_eng_area .mv_eng_large .eng_l > .script.dsc {
                width: 10rem;
                bottom: 1.4rem;
                right: 3.5rem; } }
          html[name="gsale"] body #mv_txt_area #mv_eng_area .mv_eng_large .eng_l > .script.point {
            top: -5.2rem;
            left: -0.5rem;
            color: #ffa3a3;
            width: 14.1rem;
            height: auto; }
            @media screen and (max-width: 500px) {
              html[name="gsale"] body #mv_txt_area #mv_eng_area .mv_eng_large .eng_l > .script.point {
                width: 16.1rem;
                top: -6.5rem;
                left: -2.4rem; } }
            html[name="gsale"] body #mv_txt_area #mv_eng_area .mv_eng_large .eng_l > .script.point .cross {
              font-size: 3.3rem;
              margin-left: 0.2rem; }
            html[name="gsale"] body #mv_txt_area #mv_eng_area .mv_eng_large .eng_l > .script.point .ten {
              font-size: 4.0rem;
              font-weight: 600; }
    html[name="gsale"] body #mv_txt_area #mv_eng_area .eng_m {
      font-size: 6rem;
      margin-bottom: 0.6rem; }
  html[name="gsale"] body #mv_jp_area {
    font-family: "Noto Sans JP", sans-serif;
    color: #444;
    margin-top: -1rem; }
    html[name="gsale"] body #mv_jp_area h1 {
      font-size: 2.2rem;
      letter-spacing: 0.9rem;
      font-weight: 600;
      font-family: "Noto Sans JP", sans-serif;
      margin-bottom: 0.5rem;
      color: #444; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body #mv_jp_area h1 {
          font-size: 1.8rem;
          margin-top: 0.5rem;
          letter-spacing: 0.8rem; } }
      html[name="gsale"] body #mv_jp_area h1 > em {
        font-family: 'Helvetica Neue', sans-serif;
        font-style: normal;
        letter-spacing: -0.05rem;
        margin-right: 0.2rem; }
    html[name="gsale"] body #mv_jp_area .mv_date_area {
      display: flex;
      font-size: 1.4rem;
      width: 33rem;
      align-items: center;
      justify-content: space-around;
      border: solid #444;
      border-width: 1px 0 1px 0;
      height: 3.4rem;
      font-weight: 500;
      margin: 1.0em auto 1.0em auto;
      font-family: "Noto Sans JP", sans-serif; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body #mv_jp_area .mv_date_area {
          width: 28rem;
          font-size: 1.8rem;
          margin: 1.4rem auto 2rem auto;
          height: 2.5rem;
          font-weight: 400;
          margin-bottom: 0.5em; } }
      html[name="gsale"] body #mv_jp_area .mv_date_area .ttl_date {
        letter-spacing: 0.2rem;
        padding: auto;
        position: relative;
        width: 8.0rem;
        height: 1.8rem;
        margin-right: 1rem;
        font-size: 1.0em;
        font-family: "Noto Sans JP", sans-serif; }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body #mv_jp_area .mv_date_area .ttl_date {
            width: 7rem;
            font-size: 1.2rem;
            height: 1.1rem;
            font-weight: 500;
            line-height: 1.1rem; } }
        html[name="gsale"] body #mv_jp_area .mv_date_area .ttl_date .bar {
          font-size: 1em;
          position: absolute;
          line-height: 1.2rem;
          right: -10%;
          font-family: "Noto Sans JP", sans-serif; }
          @media screen and (max-width: 500px) {
            html[name="gsale"] body #mv_jp_area .mv_date_area .ttl_date .bar {
              font-size: 0.9em;
              line-height: 0.8rem;
              right: -8%; } }
      html[name="gsale"] body #mv_jp_area .mv_date_area .number {
        display: flex;
        letter-spacing: 0.05rem;
        align-items: center;
        margin: auto;
        font-size: 1.8rem; }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body #mv_jp_area .mv_date_area .number {
            font-size: 0.9em;
            font-weight: 500;
            line-height: 1.1rem; } }
        html[name="gsale"] body #mv_jp_area .mv_date_area .number .day {
          letter-spacing: 0.05rem;
          font-family: "Jost", sans-serif;
          vertical-align: center;
          font-size: 0.8em; }
          @media screen and (max-width: 500px) {
            html[name="gsale"] body #mv_jp_area .mv_date_area .number .day {
              font-size: 0.8em;
              font-weight: 500; } }
        html[name="gsale"] body #mv_jp_area .mv_date_area .number .week {
          font-size: 1.1rem;
          height: 0.9rem;
          line-height: 0.8rem;
          font-family: "Noto Sans JP", sans-serif;
          letter-spacing: 0.2rem; }
          @media screen and (max-width: 750px) {
            html[name="gsale"] body #mv_jp_area .mv_date_area .number .week {
              height: 2.2rem; } }
          @media screen and (max-width: 500px) {
            html[name="gsale"] body #mv_jp_area .mv_date_area .number .week {
              font-size: 0.55em;
              letter-spacing: 0.1rem;
              height: 0.9rem;
              font-weight: 500; } }
        html[name="gsale"] body #mv_jp_area .mv_date_area .number .time {
          letter-spacing: 0.05rem;
          font-family: "Jost", sans-serif;
          font-size: 0.8em;
          margin-right: 0.5rem; }
          @media screen and (max-width: 500px) {
            html[name="gsale"] body #mv_jp_area .mv_date_area .number .time {
              font-weight: 500;
              font-size: 0.7em;
              height: 0.9rem; } }
        html[name="gsale"] body #mv_jp_area .mv_date_area .number > span {
          margin-right: 0.5rem;
          font-size: 0.6em;
          height: 1.4rem;
          font-family: "Noto Sans JP", sans-serif; }
          @media screen and (max-width: 500px) {
            html[name="gsale"] body #mv_jp_area .mv_date_area .number > span {
              font-size: 0.6em;
              height: 0.9rem;
              margin-right: 0.3rem;
              margin-left: -0.2rem; } }
    html[name="gsale"] body #mv_jp_area .mv_txt_jp p {
      font-size: 1.6rem;
      font-weight: 500;
      letter-spacing: 0.2em;
      line-height: 2.8rem;
      width: 40rem;
      margin: 0 auto;
      padding-left: 0.8rem;
      font-family: "Noto Sans JP", sans-serif; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body #mv_jp_area .mv_txt_jp p {
          width: 54rem;
          line-height: 2.4rem;
          font-size: 1.4rem;
          letter-spacing: 0.2rem; } }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body #mv_jp_area .mv_txt_jp p {
          width: 60rem; } }
  html[name="gsale"] body #pPush_items {
    width: 100%; }
    html[name="gsale"] body #pPush_items #pPush_wrap {
      margin-top: 6rem; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body #pPush_items #pPush_wrap {
          margin-top: 4rem; } }
  html[name="gsale"] body .pPush_box {
    width: 100%;
    margin: 0 auto 4rem auto;
    position: relative; }
    @media screen and (max-width: 500px) {
      html[name="gsale"] body .pPush_box {
        width: 90%; } }
    @media screen and (max-width: 500px) {
      html[name="gsale"] body .pPush_box {
        width: 92%;
        margin: 0 auto 3.5rem auto; } }
    @media screen and (max-width: 500px) {
      html[name="gsale"] body .pPush_box {
        width: 94%; } }
    html[name="gsale"] body .pPush_box .pPush_img {
      width: 57%; }
      @media screen and (max-width: 750px) {
        html[name="gsale"] body .pPush_box .pPush_img {
          width: 57%; } }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .pPush_box .pPush_img {
          width: 54.1%; } }
      html[name="gsale"] body .pPush_box .pPush_img > img {
        width: 100%;
        z-index: -1; }
  html[name="gsale"] body .pPush_txt_wrap {
    width: 38%;
    height: auto;
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1;
    color: #444;
    padding: 4.5% 0 4.5% 4.5%; }
    @media screen and (max-width: 750px) {
      html[name="gsale"] body .pPush_txt_wrap {
        padding: 4.5% 0 4.5% 4.5%;
        border: none;
        width: 43%; } }
    @media screen and (max-width: 500px) {
      html[name="gsale"] body .pPush_txt_wrap {
        border: none;
        padding: 4.5% 0 4.5% 0; } }
    html[name="gsale"] body .pPush_txt_wrap .txt_eng_head {
      display: flex;
      font-family: "Teko", sans-serif;
      height: 3.5em; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .pPush_txt_wrap .txt_eng_head {
          height: 3.8rem; } }
      @media screen and (max-width: 360px) {
        html[name="gsale"] body .pPush_txt_wrap .txt_eng_head {
          height: 3.04rem; } }
      html[name="gsale"] body .pPush_txt_wrap .txt_eng_head .pPush_ttl h3 {
        line-height: 2.0rem;
        letter-spacing: 0.2em;
        margin-right: 0.1em;
        font-weight: 400;
        font-size: 2.0rem;
        font-family: "Teko", sans-serif; }
        @media screen and (max-width: 750px) {
          html[name="gsale"] body .pPush_txt_wrap .txt_eng_head .pPush_ttl h3 {
            font-size: 2.25rem; } }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .pPush_txt_wrap .txt_eng_head .pPush_ttl h3 {
            font-size: 1.8rem; } }
        @media screen and (max-width: 360px) {
          html[name="gsale"] body .pPush_txt_wrap .txt_eng_head .pPush_ttl h3 {
            font-size: 1.44rem;
            line-height: 1.6rem; } }
        html[name="gsale"] body .pPush_txt_wrap .txt_eng_head .pPush_ttl h3 em {
          color: #ffa3a3;
          font-style: normal;
          font-family: "Teko", sans-serif; }
      html[name="gsale"] body .pPush_txt_wrap .txt_eng_head .pPush_number {
        font-family: "Teko", sans-serif;
        font-weight: 100;
        align-self: center;
        letter-spacing: 0.05em;
        font-size: 5.3rem;
        height: 1.26em; }
        @media screen and (max-width: 750px) {
          html[name="gsale"] body .pPush_txt_wrap .txt_eng_head .pPush_number {
            font-size: 6.25rem;
            height: 7.5rem; } }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .pPush_txt_wrap .txt_eng_head .pPush_number {
            font-size: 5.1rem;
            height: 2.0rem; } }
        @media screen and (max-width: 360px) {
          html[name="gsale"] body .pPush_txt_wrap .txt_eng_head .pPush_number {
            font-size: 4.08rem;
            height: 1.6rem; } }
      html[name="gsale"] body .pPush_txt_wrap .txt_eng_head .script {
        width: 10.2rem;
        margin-left: 0.3rem;
        margin-bottom: 0.8rem; }
        @media screen and (max-width: 750px) {
          html[name="gsale"] body .pPush_txt_wrap .txt_eng_head .script {
            width: 9.2rem;
            margin: 0 0 -1.8rem 0.5rem; } }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .pPush_txt_wrap .txt_eng_head .script {
            width: 7rem;
            margin: 0 0 -2.5rem 0.2rem;
            height: 4.6rem; } }
        @media screen and (max-width: 360px) {
          html[name="gsale"] body .pPush_txt_wrap .txt_eng_head .script {
            width: 5.6rem;
            margin: 0 0 -2.5rem 0.2rem;
            height: 3.68rem; } }
    html[name="gsale"] body .pPush_txt_wrap .pPush_catch {
      font-family: "Noto Sans JP", sans-serif;
      line-height: 1.6em;
      margin-top: 0.4rem;
      letter-spacing: 0.1em;
      font-size: 1.8rem; }
      @media screen and (max-width: 750px) {
        html[name="gsale"] body .pPush_txt_wrap .pPush_catch {
          font-size: 2rem; } }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .pPush_txt_wrap .pPush_catch {
          font-size: 1.4rem;
          margin-top: 0.8rem;
          line-height: 1.2em; } }
    html[name="gsale"] body .pPush_txt_wrap .pPush_txt {
      font-family: "Noto Sans JP", sans-serif;
      line-height: 1.8em;
      letter-spacing: 0.1em;
      margin-top: 1.4rem;
      font-size: 1.4rem; }
      @media screen and (max-width: 750px) {
        html[name="gsale"] body .pPush_txt_wrap .pPush_txt {
          font-size: 1.5rem; } }
      @media screen and (max-width: 360px) {
        html[name="gsale"] body .pPush_txt_wrap .pPush_txt {
          font-size: 1.26rem; } }
    html[name="gsale"] body .pPush_txt_wrap .line {
      border-bottom: 1px solid #ffa3a3;
      border-right: none;
      border-left: none;
      width: 100%;
      height: 1px;
      display: block;
      margin-top: 1.4rem; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .pPush_txt_wrap .line {
          margin-top: 1.1rem; } }
    html[name="gsale"] body .pPush_txt_wrap .name {
      letter-spacing: 0.05em;
      margin: 1.5rem 0 0.2rem 0;
      font-size: 1.4rem;
      font-family: "Noto Sans JP", sans-serif; }
      @media screen and (max-width: 750px) {
        html[name="gsale"] body .pPush_txt_wrap .name {
          font-size: 1.75rem; } }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .pPush_txt_wrap .name {
          font-size: 1.2rem;
          font-weight: 400;
          letter-spacing: 0.1rem;
          margin-top: 0.2rem; } }
      @media screen and (max-width: 360px) {
        html[name="gsale"] body .pPush_txt_wrap .name {
          font-size: 1.08rem;
          font-weight: 400;
          letter-spacing: 0.1rem;
          margin-top: 0.2rem; } }
  html[name="gsale"] body .price_mass {
    display: flex;
    align-items: center;
    margin-top: 0rem;
    margin-left: -0.3rem;
    margin-bottom: 0.6rem; }
    @media screen and (max-width: 500px) {
      html[name="gsale"] body .price_mass {
        line-height: 3.5rem;
        margin-top: -1rem;
        margin-bottom: 3rem; } }
    html[name="gsale"] body .price_mass .price_ttl {
      font-family: "Noto Sans JP", sans-serif;
      letter-spacing: 0.1em;
      font-size: 1.4rem;
      font-weight: 400; }
      @media screen and (max-width: 750px) {
        html[name="gsale"] body .price_mass .price_ttl {
          font-size: 1.75rem; } }
      @media screen and (max-width: 600px) {
        html[name="gsale"] body .price_mass .price_ttl {
          font-size: 1.54rem; } }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .price_mass .price_ttl {
          font-size: 0.95rem;
          width: 6rem;
          line-height: 1.2em; } }
      @media screen and (max-width: 360px) {
        html[name="gsale"] body .price_mass .price_ttl {
          font-size: 0.855rem;
          width: 5.4rem;
          line-height: 1.08em;
          height: 1.7rem; } }
    html[name="gsale"] body .price_mass .yen_nol,
    html[name="gsale"] body .price_mass .yen_sale {
      font-family: "Noto Sans JP", sans-serif; }
    html[name="gsale"] body .price_mass .yen_nol {
      color: #444;
      font-weight: 500;
      font-size: 1.8rem; }
      @media screen and (max-width: 750px) {
        html[name="gsale"] body .price_mass .yen_nol {
          font-size: 1.44rem;
          height: 2.7rem; } }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .price_mass .yen_nol {
          height: 2.6rem;
          font-size: 1.2rem; } }
    html[name="gsale"] body .price_mass .price_nol {
      font-size: 2.08rem;
      color: #444;
      font-weight: 500;
      position: relative; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .price_mass .price_nol {
          height: 2.4rem;
          font-size: 1.76rem;
          font-style: normal; } }
      html[name="gsale"] body .price_mass .price_nol:after {
        content: "";
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        left: 0;
        width: 104%;
        border-top: 1px solid #444; }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .price_mass .price_nol:after {
            transform: translateY(-74%);
            top: 74%; } }
    html[name="gsale"] body .price_mass .jost {
      font-family: "Jost", sans-serif; }
    html[name="gsale"] body .price_mass .angle {
      margin: 0 0rem 0.1rem 0.2rem;
      height: 1.8rem; }
      @media screen and (max-width: 750px) {
        html[name="gsale"] body .price_mass .angle {
          margin: 0 0.4rem -0.1em 0.9rem;
          height: 1.8rem; } }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .price_mass .angle {
          height: 1.4rem;
          margin: 0 0.2rem -0.1em 1.3rem; } }
  @media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 0) {
    html[name="gsale"] body .price_mass .angle {
      height: 1.6rem; } }

@-moz-document url-prefix() {
  html[name="gsale"] body .price_mass .angle {
    height: 1.2rem; } }
    html[name="gsale"] body .price_mass _::-webkit-full-page-media,
    html[name="gsale"] body .price_mass _:future,
    html[name="gsale"] body .price_mass :root .price_mass .angle {
      height: 2.4rem; }
    html[name="gsale"] body .price_mass .fa {
      margin: 0 0.3em 0 0.6em;
      vertical-align: middle;
      font-size: 1.2rem;
      position: inherit;
      color: #ff5d5d;
      width: inherit;
      height: 1.1em; }
      @media screen and (max-width: 750px) {
        html[name="gsale"] body .price_mass .fa {
          font-size: 1.2rem; } }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .price_mass .fa {
          font-size: 1.2rem;
          height: 2.3rem;
          margin: 0 0 0 -0.5rem; } }
      @media screen and (max-width: 360px) {
        html[name="gsale"] body .price_mass .fa {
          font-size: 1.08rem;
          height: 2.0rem;
          margin: 0 0 0 -0.2rem; } }
    html[name="gsale"] body .price_mass .yen_sale {
      font-weight: 600;
      vertical-align: 0.1em;
      font-size: 1.92rem;
      margin-right: -0.2rem;
      margin-left: 0.1rem; }
      @media screen and (max-width: 750px) {
        html[name="gsale"] body .price_mass .yen_sale {
          font-size: 2.4rem;
          height: 3.8rem; } }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .price_mass .yen_sale {
          font-size: 1.6rem;
          height: 2.6rem; } }
    html[name="gsale"] body .price_mass .price_sale {
      font-size: 2.88rem;
      height: 3.4rem;
      letter-spacing: 0.1rem;
      font-weight: 600;
      font-family: "Jost", sans-serif; }
      @media screen and (max-width: 750px) {
        html[name="gsale"] body .price_mass .price_sale {
          font-size: 2.88rem;
          height: 4.4rem; } }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .price_mass .price_sale {
          font-size: 2.34rem;
          height: 2.6rem;
          letter-spacing: 0;
          font-style: normal; } }
  html[name="gsale"] body .btn {
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    background-color: #ffa3a3;
    width: 13.8rem;
    letter-spacing: 0.2em;
    position: relative;
    text-align: center;
    font-size: 1.5rem;
    padding: 0.7rem 2.8rem 0.9rem 2.8rem; }
    @media screen and (max-width: 750px) {
      html[name="gsale"] body .btn {
        font-size: 1.54rem; } }
    @media screen and (max-width: 600px) {
      html[name="gsale"] body .btn {
        font-size: 1.54rem; } }
    @media screen and (max-width: 500px) {
      html[name="gsale"] body .btn {
        margin-top: -2.2rem;
        font-size: 1.3rem;
        width: 12.0rem;
        padding: 0rem 1.0rem 0.5rem 1.2rem;
        height: 2rem;
        font-weight: 400;
        background: #ffa3a3; } }
    @media screen and (max-width: 360px) {
      html[name="gsale"] body .btn {
        margin-top: -2.2rem;
        font-size: 1.17rem;
        width: 10.8rem;
        padding: 0rem 1.0rem 1rem 1.2rem;
        height: 1.6rem;
        font-weight: 400;
        background: #ffa3a3; } }
  html[name="gsale"] body .arrow_wrap {
    position: relative;
    display: block;
    font-size: 1.4rem;
    width: 17.6rem;
    height: 1px; }
    @media screen and (max-width: 500px) {
      html[name="gsale"] body .arrow_wrap {
        width: 14.0rem;
        top: 0.2rem; } }
    @media screen and (max-width: 360px) {
      html[name="gsale"] body .arrow_wrap {
        width: 12.6rem;
        top: 0.2rem; } }
    html[name="gsale"] body .arrow_wrap::before {
      position: absolute;
      content: "";
      height: 1px;
      width: 1.8rem;
      top: -1.5rem;
      right: -1.8rem;
      border-top: 1px solid #fff;
      z-index: 1;
      text-align: right; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .arrow_wrap::before {
          top: -1.5rem;
          width: 1.4rem;
          right: -0.2rem; } }
      @media screen and (max-width: 360px) {
        html[name="gsale"] body .arrow_wrap::before {
          top: -1.5rem;
          width: 1.4rem;
          right: -0.3rem; } }
    html[name="gsale"] body .arrow_wrap .arrow_sale {
      position: absolute;
      top: -1.6rem;
      right: -1.8rem;
      width: 1.4rem;
      height: 0.7rem; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .arrow_wrap .arrow_sale {
          top: -1.6rem;
          right: -0.1rem; } }
      html[name="gsale"] body .arrow_wrap .arrow_sale::before {
        text-align: right;
        height: 1px;
        width: 3.2rem;
        position: absolute;
        content: "";
        top: 0.1rem;
        right: -2.0rem;
        border-top: 1px solid #ffa3a3;
        z-index: 0; }
      html[name="gsale"] body .arrow_wrap .arrow_sale::after {
        height: 0.6rem;
        position: absolute;
        content: "";
        top: -0.3rem;
        right: -1.8rem;
        border-right: 1px solid #ffa3a3;
        transform: rotate(130deg); }
  html[name="gsale"] body a:hover .pPush_img img {
    transform: scale(1.05, 1.05);
    transition: 300ms all; }
  html[name="gsale"] body a:hover .pPush_txt_wrap .btn {
    border: solid #ffa3a3 1px;
    background-color: #fff;
    transition: 300ms;
    color: #ffa3a3;
    font-weight: 600; }
  html[name="gsale"] body a:hover .pPush_txt_wrap .arrow_wrap::before {
    width: 0rem;
    transition: 200ms; }
  html[name="gsale"] body a:hover .pPush_txt_wrap .arrow_sale {
    right: -4rem;
    transition: 200ms; }
  html[name="gsale"] body #lineup_wrap {
    margin: 0.4rem auto 0 auto;
    width: 100%; }
    @media screen and (max-width: 500px) {
      html[name="gsale"] body #lineup_wrap {
        width: 95%; } }
  html[name="gsale"] body .ttl_lineup {
    text-align: center;
    color: #444; }
    html[name="gsale"] body .ttl_lineup .lineupTtl_jp {
      font-family: "Noto Sans JP", sans-serif;
      font-size: 1.8rem;
      letter-spacing: 0.3em;
      font-weight: 400;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .ttl_lineup .lineupTtl_jp {
          font-size: 1.6rem;
          line-height: 2rem; } }
    html[name="gsale"] body .ttl_lineup .lineupTtl_eng {
      font-family: "Teko", sans-serif;
      font-size: 5rem;
      line-height: 0.9em;
      font-weight: 300;
      letter-spacing: 0.08em; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .ttl_lineup .lineupTtl_eng {
          font-size: 4.5rem; } }
      html[name="gsale"] body .ttl_lineup .lineupTtl_eng em {
        color: #ffa3a3;
        font-style: normal;
        font-family: "Teko", sans-serif; }
    html[name="gsale"] body .ttl_lineup .lineupTtl_script {
      width: 100%;
      margin-bottom: 0.5rem; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .ttl_lineup .lineupTtl_script {
          margin-top: -0.5rem; } }
      html[name="gsale"] body .ttl_lineup .lineupTtl_script img {
        width: 18.7rem;
        height: auto;
        display: block;
        margin: 0 auto;
        image-rendering: -webkit-optimize-contrast; }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .ttl_lineup .lineupTtl_script img {
            width: 17.5rem; } }
  html[name="gsale"] body .lineupProduct_wrap {
    display: flex;
    flex-wrap: wrap;
    align-self: center;
    justify-content: space-between; }
    @media screen and (max-width: 750px) {
      html[name="gsale"] body .lineupProduct_wrap {
        width: 100%; } }
    html[name="gsale"] body .lineupProduct_wrap .lineup_box {
      text-align: center;
      width: 47.5%;
      margin-bottom: 4rem; }
      html[name="gsale"] body .lineupProduct_wrap .lineup_box .lineupimg {
        overflow: hidden; }
      html[name="gsale"] body .lineupProduct_wrap .lineup_box img {
        width: 100%; }
      html[name="gsale"] body .lineupProduct_wrap .lineup_box .name {
        font-family: "Noto Sans JP", sans-serif;
        font-size: 1.3rem;
        letter-spacing: 0.1em;
        margin-top: 1em; }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .lineupProduct_wrap .lineup_box .name {
            margin-top: 0.2em;
            font-weight: 400;
            color: #444;
            font-size: 1.2rem; } }
      html[name="gsale"] body .lineupProduct_wrap .lineup_box .price_mass {
        font-family: "Jost", sans-serif;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem; }
        @media screen and (max-width: 750px) {
          html[name="gsale"] body .lineupProduct_wrap .lineup_box .price_mass {
            margin-top: -0.7rem; } }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .lineupProduct_wrap .lineup_box .price_mass {
            margin-bottom: 1.4rem;
            margin-top: -0.5rem; } }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .lineupProduct_wrap .lineup_box .price_mass .yen_nol {
            height: 2.3rem;
            font-size: 1.4rem; } }
  @media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 0) {
    html[name="gsale"] body .lineupProduct_wrap .lineup_box .price_mass .yen_nol {
      height: 2.5rem; } }

        @media screen and (max-width: 500px) {
          html[name="gsale"] body .lineupProduct_wrap .lineup_box .price_mass .angle {
            height: 2.0rem; } }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .lineupProduct_wrap .lineup_box .price_mass .yen_sale {
            font-size: 1.8rem;
            height: 2.4rem; } }
  @media screen and (max-width: 500px) and (-webkit-min-device-pixel-ratio: 0) {
    html[name="gsale"] body .lineupProduct_wrap .lineup_box .price_mass .yen_sale {
      height: 2.6rem; } }

        @media screen and (max-width: 500px) {
          html[name="gsale"] body .lineupProduct_wrap .lineup_box .price_mass .price_sale {
            font-size: 2.34rem;
            height: 2.4rem;
            letter-spacing: 0;
            font-style: normal; } }
      html[name="gsale"] body .lineupProduct_wrap .lineup_box .lineup_btn {
        margin: 0 auto;
        font-size: 1.6rem;
        width: 14rem;
        height: 2.32rem;
        padding: 0.5rem 0 0.1rem;
        letter-spacing: 0.3rem;
        border: 1px solid #ffa3a3;
        font-weight: 500; }
        @media screen and (max-width: 750px) {
          html[name="gsale"] body .lineupProduct_wrap .lineup_box .lineup_btn {
            font-size: 1.6rem;
            width: 14rem;
            padding: 0.1rem 0 0.0rem;
            height: 2.32rem; } }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .lineupProduct_wrap .lineup_box .lineup_btn {
            font-size: 1.1rem;
            padding-top: 0.20rem;
            width: 12.0rem;
            padding: 0rem 0 0.1rem 0; } }
      html[name="gsale"] body .lineupProduct_wrap .lineup_box .arrow_wrap {
        width: 14rem;
        margin: 0 auto; }
        @media screen and (max-width: 750px) {
          html[name="gsale"] body .lineupProduct_wrap .lineup_box .arrow_wrap {
            width: 14rem; } }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .lineupProduct_wrap .lineup_box .arrow_wrap {
            width: 12.0rem; } }
        html[name="gsale"] body .lineupProduct_wrap .lineup_box .arrow_wrap::before {
          top: -1.5rem;
          right: -0.1rem; }
          @media screen and (max-width: 750px) {
            html[name="gsale"] body .lineupProduct_wrap .lineup_box .arrow_wrap::before {
              top: -1.5rem; } }
          @media screen and (max-width: 500px) {
            html[name="gsale"] body .lineupProduct_wrap .lineup_box .arrow_wrap::before {
              top: -1.6rem; } }
        html[name="gsale"] body .lineupProduct_wrap .lineup_box .arrow_wrap .arrow_sale {
          position: absolute;
          top: -1.6rem;
          right: -0rem;
          width: 1.4rem;
          height: 0.7rem; }
          @media screen and (max-width: 750px) {
            html[name="gsale"] body .lineupProduct_wrap .lineup_box .arrow_wrap .arrow_sale {
              top: -1.6rem; } }
          @media screen and (max-width: 500px) {
            html[name="gsale"] body .lineupProduct_wrap .lineup_box .arrow_wrap .arrow_sale {
              top: -1.70rem; } }
          html[name="gsale"] body .lineupProduct_wrap .lineup_box .arrow_wrap .arrow_sale::before {
            text-align: right;
            height: 1px;
            width: 3.2rem;
            position: absolute;
            content: "";
            top: 0.1rem;
            right: -2.0rem;
            border-top: 1px solid #ffa3a3;
            z-index: 0; }
          html[name="gsale"] body .lineupProduct_wrap .lineup_box .arrow_wrap .arrow_sale::after {
            height: 0.6rem;
            position: absolute;
            content: "";
            top: -0.3rem;
            right: -1.8rem;
            border-right: 1px solid #ffa3a3;
            transform: rotate(130deg); }
      html[name="gsale"] body .lineupProduct_wrap .lineup_box a:hover .arrow_sale {
        right: -3rem;
        transition: 300ms; }
      html[name="gsale"] body .lineupProduct_wrap .lineup_box a:hover .arrow_wrap:before {
        width: 0;
        transition: 200ms; }
  html[name="gsale"] body a:hover .lineupimg img {
    transform: scale(1.05, 1.05);
    transition: 300ms all; }
  html[name="gsale"] body a:hover .lineup_btn {
    border: solid #ffa3a3 1px;
    background-color: #fff;
    transition: 300ms;
    color: #ffa3a3;
    font-weight: 600; }
  html[name="gsale"] body .lineup_box a:hover .arrow_wrap::before {
    width: 0rem;
    transition: 200ms; }
  html[name="gsale"] body .lineup_box a:hover .arrow_wrap .arrow_sale {
    right: -3rem;
    transition: 200ms; }
  html[name="gsale"] body #point10_wrap, html[name="gsale"] body #point15_wrap {
    text-align: center;
    color: #444;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 500px) {
      html[name="gsale"] body #point10_wrap, html[name="gsale"] body #point15_wrap {
        width: 95%; } }
  html[name="gsale"] body .ttl_point10 {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.8rem;
    letter-spacing: 0.3em;
    font-weight: 400;
    margin-bottom: 0.5em; }
    html[name="gsale"] body .ttl_point10 .point10Ttl_jp {
      font-family: "Noto Sans JP", sans-serif;
      font-size: 1.8rem;
      letter-spacing: 0.3em;
      font-weight: 400;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .ttl_point10 .point10Ttl_jp {
          font-size: 1.6rem;
          margin-bottom: 0.8em; } }
      html[name="gsale"] body .ttl_point10 .point10Ttl_jp em {
        color: #ffa3a3;
        font-style: normal;
        font-weight: 500;
        font-size: 1.1em;
        font-family: "Noto Sans JP", sans-serif; }
    html[name="gsale"] body .ttl_point10 .point10Ttl_eng {
      font-family: "Teko", sans-serif;
      font-size: 5rem;
      line-height: 0.9em;
      font-weight: 300;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .ttl_point10 .point10Ttl_eng {
          font-size: 4.5rem; } }
      html[name="gsale"] body .ttl_point10 .point10Ttl_eng em {
        color: #ffa3a3;
        font-style: normal;
        font-family: "Teko", sans-serif; }
    html[name="gsale"] body .ttl_point10 .point10Ttl_script {
      width: 100%; }
      html[name="gsale"] body .ttl_point10 .point10Ttl_script img {
        width: 16.0rem;
        height: auto;
        display: block;
        margin: 0 auto;
        margin-top: -0.2rem; }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .ttl_point10 .point10Ttl_script img {
            width: 15rem;
            margin-top: -0.5rem; } }
  html[name="gsale"] body .point10_inner_wrap {
    display: flex;
    flex-wrap: wrap;
    align-self: center;
    justify-content: space-between;
    font-weight: 500; }
    html[name="gsale"] body .point10_inner_wrap .point10_box {
      text-align: center;
      width: 31.0%;
      margin-bottom: 4rem; }
      @media screen and (max-width: 500px) {
        html[name="gsale"] body .point10_inner_wrap .point10_box {
          margin-bottom: 3.5rem; } }
      html[name="gsale"] body .point10_inner_wrap .point10_box img {
        width: 100%; }
      html[name="gsale"] body .point10_inner_wrap .point10_box .name {
        font-family: "Noto Sans JP", sans-serif;
        letter-spacing: 0.1em;
        margin-top: 1.2rem;
        font-size: 1.3rem; }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .point10_inner_wrap .point10_box .name {
            font-size: 1rem;
            font-weight: 500;
            font-family: #444;
            margin-top: 0.2em; } }
      html[name="gsale"] body .point10_inner_wrap .point10_box .point10_btn {
        margin: 1rem auto 0 auto;
        font-size: 1.2rem;
        width: 10rem;
        height: 1.8rem;
        padding: 0.4rem 0 0 0;
        background-color: #ffa3a3;
        color: #fff;
        font-family: jost;
        position: relative;
        letter-spacing: 0.15em; }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .point10_inner_wrap .point10_box .point10_btn {
            font-size: 1.2rem;
            width: 9rem;
            height: 2.0rem;
            padding: 0.2rem 0 0 0;
            line-height: 1.7rem;
            margin-top: 0.1rem;
            letter-spacing: 0.05em; } }
        html[name="gsale"] body .point10_inner_wrap .point10_box .point10_btn em {
          font-style: normal;
          margin-left: -0.3em;
          font-family: "Noto Sans JP", sans-serif; }
        html[name="gsale"] body .point10_inner_wrap .point10_box .point10_btn::before {
          width: 1rem;
          top: -0.4rem;
          right: 0.0rem; }
      html[name="gsale"] body .point10_inner_wrap .point10_box .arrow_wrap {
        position: relative;
        display: block;
        width: 10rem;
        margin: 0 auto;
        height: 1px; }
        @media screen and (max-width: 500px) {
          html[name="gsale"] body .point10_inner_wrap .point10_box .arrow_wrap {
            width: 9rem; } }
        html[name="gsale"] body .point10_inner_wrap .point10_box .arrow_wrap::before {
          width: 1rem;
          top: -1.1rem;
          right: 0; }
          @media screen and (max-width: 500px) {
            html[name="gsale"] body .point10_inner_wrap .point10_box .arrow_wrap::before {
              width: 0.8rem;
              top: -1.3rem; } }
        html[name="gsale"] body .point10_inner_wrap .point10_box .arrow_wrap span {
          top: -1rem;
          right: 0.5rem;
          position: absolute; }
          @media screen and (max-width: 500px) {
            html[name="gsale"] body .point10_inner_wrap .point10_box .arrow_wrap span {
              width: 0.8rem;
              top: -1.2rem;
              right: 0.8rem; } }
          html[name="gsale"] body .point10_inner_wrap .point10_box .arrow_wrap span::before {
            text-align: right;
            height: 1px;
            width: 2rem;
            position: absolute;
            content: "";
            border-top: 1px solid #ffa3a3;
            z-index: -1;
            top: -0.1rem; }
          html[name="gsale"] body .point10_inner_wrap .point10_box .arrow_wrap span::after {
            border-right: 1px solid #ffa3a3;
            height: 0.6rem;
            position: absolute;
            content: "";
            top: -0.5rem;
            right: -1.8rem;
            transform: rotate(130deg); }
        html[name="gsale"] body .point10_inner_wrap .point10_box .arrow_wrap:hover span {
          right: -3rem;
          transition: 200ms; }
  html[name="gsale"] body .point10_box a:hover .arrow_wrap {
    transform: translateX(1rem);
    transition: 200ms; }
  html[name="gsale"] body .point10_box a:hover .point10_btn:before {
    width: 0.0rem;
    transition: 300ms; }

_::-webkit-full-page-media,
_:future,
:root html[name="gsale"] body .price_mass .price_nol:after {
  width: 80%; }

/*# sourceMappingURL=gsale-frame.css.map */
