/* clearfix */
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 */
.rover-hover:hover {
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  opacity: 0.7; }

@media screen and (max-width: 640px) {
  .pc {
    display: none; } }

@media screen and (min-width: 641px) {
  .sp {
    display: none; } }

.shop-area {
  padding: 64px 0;
  background: url("../images/bg_arrow_dot.png") 50% 0 repeat; }
  @media screen and (max-width: 768px) {
    .shop-area {
      padding: 9.6% 0 0;
      background: #ffffff; } }
  .shop-area .shop-name {
    margin: 0 0 36px;
    font-size: 39px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .shop-area .shop-name {
        margin: 0 0 3.2%;
        font-size: 6.9333333333vw; } }
    .shop-area .shop-name img {
      margin: 0 0 11px 0; }
      @media screen and (max-width: 768px) {
        .shop-area .shop-name img {
          width: 40.8vw;
          margin: 0 0 2.9333333333% 0; } }
  .shop-area .shop-info-container {
    width: 980px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .shop-area .shop-info-container {
        width: 92vw; } }
    .shop-area .shop-info-container .shop-overview {
      padding: 30px 0 0;
      background: url("../images/bg_bias_yellow.png") 50% 0 repeat; }
      @media screen and (max-width: 768px) {
        .shop-area .shop-info-container .shop-overview {
          padding: 5.2173913043% 0 0;
          background-size: 4.0579710145%; } }
      .shop-area .shop-info-container .shop-overview .company-name {
        margin: 0 0 12px;
        font-size: 25px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .shop-area .shop-info-container .shop-overview .company-name {
            margin: 0 0 1.1594202899%;
            font-size: 3.4666666667vw; } }
      .shop-area .shop-info-container .shop-overview .shop-intro {
        margin: 0 0 12px;
        font-size: 45px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          .shop-area .shop-info-container .shop-overview .shop-intro {
            margin: 0 0 2.8985507246%;
            font-size: 5.3333333333vw; } }
      .shop-area .shop-info-container .shop-overview .overview-txt {
        margin: 0 0 25px;
        font-size: 20px;
        text-align: center;
        line-height: 1.55em; }
        @media screen and (max-width: 768px) {
          .shop-area .shop-info-container .shop-overview .overview-txt {
            width: 84.27vw;
            margin: 0 auto 3.1884057971%;
            font-size: 3.7333333333vw;
            letter-spacing: -.1em;
            text-align: left;
            line-height: 1.45em; } }
    .shop-area .shop-info-container .bonus-header {
      padding: 12px 0 0 148px;
      background: #ffffff; }
      @media screen and (max-width: 768px) {
        .shop-area .shop-info-container .bonus-header {
          margin: -17.6% 0 0;
          padding: 22.6086956522% 0 0; } }
    .shop-area .shop-info-container .bonus-container {
      padding: 52px 42px;
      background: #FFE100; }
      @media screen and (max-width: 768px) {
        .shop-area .shop-info-container .bonus-container {
          padding: 4.0579710145% 2.8985507246%; } }
    .shop-area .shop-info-container .shop-address {
      padding: 66px 107px;
      font-size: 23px;
      background: #ffffff; }
      @media screen and (max-width: 768px) {
        .shop-area .shop-info-container .shop-address {
          padding: 7.8260869565% 2.8985507246%;
          font-size: 3.7333333333vw;
          line-height: 1.14em; } }
      .shop-area .shop-info-container .shop-address p {
        margin: 0 0 20px; }
        @media screen and (max-width: 768px) {
          .shop-area .shop-info-container .shop-address p {
            margin: 0 0 2.8985507246%; }
            .shop-area .shop-info-container .shop-address p:last-of-type {
              margin: 0; } }
    .shop-area .shop-info-container .btn-shop-info {
      padding: 45px 55px;
      text-align: center;
      background: #ffffff; }
      @media screen and (max-width: 768px) {
        .shop-area .shop-info-container .btn-shop-info {
          padding: 7.2463768116% 0; } }

.bonus-list .bonus-item {
  margin: 0 0 33px;
  padding: 0 0 10px 155px; }
  @media screen and (max-width: 768px) {
    .bonus-list .bonus-item {
      margin: 0 0 4.9230769231%;
      padding: 2.4615384615% 0 3.0769230769% 14.46vw; } }
  .bonus-list .bonus-item:last-of-type {
    margin: 0;
    padding-bottom: 0; }
  .bonus-list .bonus-item.bonus--early {
    background: url("../images/ico_discount_early.png") 0 0 no-repeat; }
  .bonus-list .bonus-item.bonus--driver {
    background: url("../images/ico_discount_driver.png") 0 0 no-repeat; }
  .bonus-list .bonus-item.bonus--repeat {
    background: url("../images/ico_discount_repeat.png") 0 0 no-repeat; }
    .bonus-list .bonus-item.bonus--repeat .font-96 {
      margin: 0 0 0 -0.3076923077%; }
      @media screen and (min-width: 769px) {
        .bonus-list .bonus-item.bonus--repeat .font-96 {
          margin: 0 0 -1px; } }
  .bonus-list .bonus-item.bonus--other {
    padding-bottom: 0;
    overflow: hidden;
    background: url("../images/ico_discount_other.png") 0 0 no-repeat; }
    @media screen and (min-width: 769px) {
      .bonus-list .bonus-item.bonus--other {
        margin: 0 0 23px; } }
    @media screen and (max-width: 768px) {
      .bonus-list .bonus-item.bonus--other {
        margin: 0 0 5px;
        padding-top: 4px; } }
    .bonus-list .bonus-item.bonus--other div {
      overflow: hidden; }
      .bonus-list .bonus-item.bonus--other div p:nth-of-type(odd) {
        float: left; }
      .bonus-list .bonus-item.bonus--other div p:nth-of-type(even) {
        float: right; }
      .bonus-list .bonus-item.bonus--other div p:nth-of-type(3) {
        padding: 20px 0; }
        @media screen and (max-width: 768px) {
          .bonus-list .bonus-item.bonus--other div p:nth-of-type(3) {
            padding: 2.9520295203% 0; } }
      @media screen and (max-width: 768px) {
        .bonus-list .bonus-item.bonus--other div p.bill {
          font-size: 2.6666666667vw;
          line-height: 1.2em; }
        .bonus-list .bonus-item.bonus--other div p.bill-discount {
          padding: 1.8450184502% 0 3.6900369004%; }
        .bonus-list .bonus-item.bonus--other div p.next {
          font-size: 4vw;
          line-height: 1.1em; }
        .bonus-list .bonus-item.bonus--other div p.next-discount {
          padding: 4.4444444444% 0 0; }
        .bonus-list .bonus-item.bonus--other div p .price {
          font-size: 6.6666666667vw; }
        .bonus-list .bonus-item.bonus--other div p .unit, .bonus-list .bonus-item.bonus--other div p .shorten {
          font-size: 3.7333333333vw; } }
      .bonus-list .bonus-item.bonus--other div span.font-32.shorten {
        margin: 0 0 0 -20px;
        display: inline-block; }
        @media screen and (max-width: 768px) {
          .bonus-list .bonus-item.bonus--other div span.font-32.shorten {
            margin: 0 0 0 -2.13vw; } }
      .bonus-list .bonus-item.bonus--other div span.font-53 {
        display: inline-block;
        margin: 0 0 0 -15px; }
        @media screen and (max-width: 768px) {
          .bonus-list .bonus-item.bonus--other div span.font-53.discount02 {
            margin: 0 0 0 -2.13vw;
            padding: 0;
            font-size: 6.1333333333vw; } }
  .bonus-list .bonus-item.bonus--present {
    padding-bottom: 6.4615384615%;
    background: url("../images/ico_present.png") 0 0 no-repeat; }
    @media screen and (min-width: 769px) {
      .bonus-list .bonus-item.bonus--present {
        margin: 0 0 23px;
        padding-bottom: 10px; }
        .bonus-list .bonus-item.bonus--present .font-32 {
          display: inline-block;
          padding: 8px 0; } }
    @media screen and (max-width: 768px) {
      .bonus-list .bonus-item.bonus--present {
        margin: 0 0 0.3076923077% 0;
        padding-top: 0.9230769231%; }
        .bonus-list .bonus-item.bonus--present .font-32 {
          font-size: 4vw;
          letter-spacing: -.09em;
          line-height: 1.4em; }
        .bonus-list .bonus-item.bonus--present .font-53 {
          font-size: 6.1333333333vw; }
          .bonus-list .bonus-item.bonus--present .font-53.engine-oil {
            display: inline-block;
            margin: 0 0.3076923077% 0 0;
            letter-spacing: -.06em; } }
  .bonus-list .bonus-item.bonus--introduce {
    background: url("../images/ico_introduce_bonus.png") 0 0 no-repeat; }
    @media screen and (max-width: 768px) {
      .bonus-list .bonus-item.bonus--introduce {
        padding-top: 1.2307692308%; } }
    @media screen and (max-width: 768px) {
      .bonus-list .bonus-item.bonus--introduce p {
        display: block;
        padding: 0 0 6.6666666667%; }
        .bonus-list .bonus-item.bonus--introduce p .introduce {
          font-size: 4vw; }
        .bonus-list .bonus-item.bonus--introduce p .quo {
          display: inline-block;
          font-size: 3.2vw; }
        .bonus-list .bonus-item.bonus--introduce p .price {
          margin: 0 0 0 -1.4814814815%;
          display: inline-block;
          font-size: 7.2vw; }
        .bonus-list .bonus-item.bonus--introduce p .unit {
          font-size: 3.7333333333vw; }
        .bonus-list .bonus-item.bonus--introduce p .present {
          margin: 0 0 0 -1.4814814815%;
          display: inline-block;
          font-size: 6.9333333333vw; }
        .bonus-list .bonus-item.bonus--introduce p .engine-oil {
          font-size: 6.9333333333vw;
          letter-spacing: -.07em; }
        .bonus-list .bonus-item.bonus--introduce p .free {
          display: inline-block;
          margin: 0 0 0 0.3703703704%;
          font-size: 6.9333333333vw; } }
    .bonus-list .bonus-item.bonus--introduce p:last-of-type {
      padding: 0; }
  @media screen and (max-width: 768px) {
    .bonus-list .bonus-item {
      background-size: 13.13vw !important; } }
  .bonus-list .bonus-item p {
    padding: 0 0 20px;
    display: inline-block; }
    @media screen and (min-width: 769px) {
      .bonus-list .bonus-item p.repeat-prefix {
        margin: 0 18px 0 0; } }
    @media screen and (max-width: 768px) {
      .bonus-list .bonus-item p {
        padding: 0 0 1.1111111111%; } }
    .bonus-list .bonus-item p.flat {
      padding: 0; }
    .bonus-list .bonus-item p .second {
      font-size: 4vw; }
      @media screen and (min-width: 769px) {
        .bonus-list .bonus-item p .second {
          font-size: 32px; } }
    .bonus-list .bonus-item p .users {
      font-size: 2.6666666667vw; }
      @media screen and (min-width: 769px) {
        .bonus-list .bonus-item p .users {
          font-size: 22px; } }
  .bonus-list .bonus-item span.font-57 {
    padding: 0 0 10px 0;
    display: inline-block; }
    .bonus-list .bonus-item span.font-57:last-of-type {
      display: inline-block;
      margin: 0 0 0 -20px;
      padding: 0 0 10px; }
    @media screen and (max-width: 768px) {
      .bonus-list .bonus-item span.font-57.max {
        padding: 0 0 0.6153846154% 0;
        font-size: 6.6666666667vw; }
      .bonus-list .bonus-item span.font-57.discount01 {
        margin: 0 0 0 -4%;
        padding: 0;
        font-size: 8.2666666667vw; } }
  .bonus-list .bonus-item span.font-96 {
    letter-spacing: -0.05em; }
    @media screen and (max-width: 768px) {
      .bonus-list .bonus-item span.font-96 {
        margin: 0 0 0 -1.5384615385%;
        display: inline-block;
        font-size: 9.3333333333vw; } }
  .bonus-list .bonus-item span.font-45 {
    display: inline-block;
    padding: 0 0 10px 0; }
  .bonus-list .bonus-item span.font-43 {
    display: inline-block;
    margin: 0 0 0 -20px;
    padding: 0 0 10px; }
  @media screen and (max-width: 768px) {
    .bonus-list .bonus-item span.unit .suffix {
      margin: 0 0 2.380952381% -14.2857142857%;
      display: inline-block;
      font-size: 3.2vw; }
    .bonus-list .bonus-item span.unit .unit-body {
      display: inline-block;
      font-size: 5.0666666667vw; } }

.top-bonus-area {
  width: 653px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .top-bonus-area {
      width: 92vw; } }
  .top-bonus-area .bonus-container {
    padding: 42px 36px 47px 36px;
    background: #FFE100;
    border-radius: 20px;
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      .top-bonus-area .bonus-container {
        width: 92vw;
        padding: 5.7971014493% 0 6.9565217391% 0;
        border-radius: 2.6666666667vw; } }
    @media screen and (max-width: 768px) {
      .top-bonus-area .bonus-container .bonus-list {
        width: 86.67vw;
        margin: 0 auto; } }
    .top-bonus-area .bonus-container .bonus-item {
      margin: 0 0 19px;
      padding: 11px 0 19px 100px;
      background-size: 80px; }
      @media screen and (max-width: 768px) {
        .top-bonus-area .bonus-container .bonus-item {
          margin: 0 0 3.0769230769%;
          padding: 2.1538461538% 0 2.1538461538% 16%;
          background-size: 13.0666666667vw; } }
      .top-bonus-area .bonus-container .bonus-item:last-of-type {
        margin: 0 0 35px; }
        @media screen and (max-width: 768px) {
          .top-bonus-area .bonus-container .bonus-item:last-of-type {
            margin: 0 0 6.4615384615%; } }
      .top-bonus-area .bonus-container .bonus-item .max {
        font-size: 38px; }
        @media screen and (max-width: 768px) {
          .top-bonus-area .bonus-container .bonus-item .max {
            font-size: 6.6666666667vw;
            letter-spacing: -.05em; } }
      .top-bonus-area .bonus-container .bonus-item .price {
        font-size: 50px; }
        @media screen and (max-width: 768px) {
          .top-bonus-area .bonus-container .bonus-item .price {
            margin: 0 0 0 -0.9230769231%;
            display: inline-block;
            font-size: 9.3333333333vw;
            letter-spacing: -.02em; } }
      @media screen and (max-width: 768px) {
        .top-bonus-area .bonus-container .bonus-item .unit {
          margin: 0 0 0 0.6153846154%; } }
      .top-bonus-area .bonus-container .bonus-item .unit-body {
        font-size: 30px; }
        @media screen and (max-width: 768px) {
          .top-bonus-area .bonus-container .bonus-item .unit-body {
            font-size: 5.0666666667vw; } }
      .top-bonus-area .bonus-container .bonus-item .tax {
        margin: 0 0 0 -14px;
        display: inline-block;
        font-size: 29px; }
        @media screen and (max-width: 768px) {
          .top-bonus-area .bonus-container .bonus-item .tax {
            margin: 0 0 0 -16.6666666667%;
            font-size: 3.2vw; } }
      .top-bonus-area .bonus-container .bonus-item .discount01 {
        margin: 0 0 0 -14px;
        display: inline-block;
        font-size: 38px; }
        @media screen and (max-width: 768px) {
          .top-bonus-area .bonus-container .bonus-item .discount01 {
            margin: 0 0 0 -5.5384615385%;
            font-size: 8.2666666667vw; } }
      .top-bonus-area .bonus-container .bonus-item .repeat-prefix {
        margin: 0;
        padding: 0 0 0.6153846154%; }
        .top-bonus-area .bonus-container .bonus-item .repeat-prefix .second {
          font-size: 24px; }
          @media screen and (max-width: 768px) {
            .top-bonus-area .bonus-container .bonus-item .repeat-prefix .second {
              font-size: 4vw; } }
        .top-bonus-area .bonus-container .bonus-item .repeat-prefix .users {
          font-size: 17px; }
          @media screen and (max-width: 768px) {
            .top-bonus-area .bonus-container .bonus-item .repeat-prefix .users {
              font-size: 2.6666666667vw; } }
  .top-bonus-area .btn-to-detail {
    text-align: center; }
    @media screen and (max-width: 768px) {
      .top-bonus-area .btn-to-detail {
        width: 80.2666666667vw;
        margin: 0 auto; } }

/*# sourceMappingURL=index.css.map */