input[type="checkbox"],
input[type="radio"] {
  display: none; }

input[type="submit"],
input[type="button"],
label,
button,
select {
  cursor: pointer; }

body {
  font-family: sans-serif;
  margin: 0 auto; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.footer_xeam {
  margin-top: 0; }

iframe {
  aspect-ratio: 16 / 9;
  width: 95%; }

img {
  image-rendering: -webkit-optimize-contrast; }

.minosummer {
  padding-top: 74px;
  margin: 0 auto; }
  .minosummer .inner {
    width: 65%;
    margin: 0 auto;
    max-width: 1000px;
    text-align: center; }
  .minosummer .fv {
    position: relative; }
    .minosummer .fv img {
      width: 100%; }
    .minosummer .fv .fvimg {
      position: absolute;
      top: 6%;
      left: 17%;
      width: 33%;
      visibility: hidden;
      opacity: 0;
      transform: translateY(0);
      transition: all 0.7s ease; }
    .minosummer .fv .fvimg.run {
      visibility: visible;
      opacity: 1;
      transform: translateY(0); }
  .minosummer .about {
    max-width: 1000px;
    margin: 0 auto; }
  .minosummer .bg {
    position: absolute;
    z-index: -3;
    width: 100%; }
    .minosummer .bg img {
      width: 100%; }
    .minosummer .bg .bg01 {
      position: relative;
      z-index: 20;
      margin-top: 5%; }
      .minosummer .bg .bg01 .bg02 {
        position: absolute;
        top: -1%;
        width: 100%; }
        .minosummer .bg .bg01 .bg02 .bgSub {
          visibility: visible;
          position: absolute;
          top: 100%;
          width: 0%; }
  .minosummer .sections {
    margin-top: 10%; }
    .minosummer .sections .sale .inner {
      width: 65%; }
    .minosummer .sections .sale .saleContent {
      position: relative; }
      .minosummer .sections .sale .saleContent .saleIcon {
        position: absolute;
        top: -4%;
        left: 68%;
        width: 30%;
        visibility: hidden;
        opacity: 0;
        transform: translateY(-200px);
        transition: all 0.7s ease; }
      .minosummer .sections .sale .saleContent .saleIcon.run {
        visibility: visible;
        opacity: 1;
        transform: translateY(0); }
    .minosummer .sections .sale .otoku {
      visibility: hidden;
      opacity: 0;
      transform: translateY(-200px);
      transition: all 0.7s ease; }
    .minosummer .sections .sale .otoku.run {
      visibility: visible;
      opacity: 1;
      transform: translateY(0); }
    .minosummer .sections .info {
      margin-top: 10%; }
      .minosummer .sections .info .inner {
        width: 55%; }
      .minosummer .sections .info .bikeInfo {
        position: relative; }
        .minosummer .sections .info .bikeInfo .bike {
          width: 40%;
          position: absolute;
          z-index: 10;
          top: 2%;
          left: 7%;
          visibility: hidden;
          opacity: 0;
          transform: translateY(-200px);
          transition: all 0.7s ease; }
        .minosummer .sections .info .bikeInfo .bike.run {
          visibility: visible;
          opacity: 1;
          transform: translateY(0); }
        .minosummer .sections .info .bikeInfo .spec {
          width: 100%;
          position: relative; }
          .minosummer .sections .info .bikeInfo .spec .moreInfo {
            position: absolute;
            width: 35%;
            height: 5%;
            top: 29%;
            left: 53%; }
      .minosummer .sections .info .bikeImages {
        margin-top: 10%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .minosummer .sections .info .bikeImages .bikeImage {
          width: 33%;
          visibility: hidden;
          opacity: 0;
          transform: translateY(-200px);
          transition: all 0.7s ease; }
          .minosummer .sections .info .bikeImages .bikeImage:nth-child(2) {
            transition-delay: 0.4s; }
          .minosummer .sections .info .bikeImages .bikeImage:nth-child(3) {
            transition-delay: 0.8s; }
          .minosummer .sections .info .bikeImages .bikeImage:nth-child(4) {
            transition-delay: 1.2s; }
          .minosummer .sections .info .bikeImages .bikeImage:nth-child(5) {
            transition-delay: 1.6s; }
      .minosummer .sections .info .bikeImages.run {
        margin-top: 10%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .minosummer .sections .info .bikeImages.run .bikeImage {
          width: 33%;
          visibility: visible;
          opacity: 1;
          transform: translateY(0); }
          .minosummer .sections .info .bikeImages.run .bikeImage:nth-child(2) {
            transition-delay: 0.4s; }
          .minosummer .sections .info .bikeImages.run .bikeImage:nth-child(3) {
            transition-delay: 0.8s; }
          .minosummer .sections .info .bikeImages.run .bikeImage:nth-child(4) {
            transition-delay: 1.2s; }
          .minosummer .sections .info .bikeImages.run .bikeImage:nth-child(5) {
            transition-delay: 1.6s; }
    .minosummer .sections .bgimg {
      position: relative;
      top: -40%;
      left: 0%;
      z-index: -5; }
      .minosummer .sections .bgimg img {
        width: 115%;
        margin-left: -15%;
        max-width: none;
        max-height: none; }
    .minosummer .sections .impression {
      margin-top: -57%;
      position: relative;
      z-index: 0; }
      .minosummer .sections .impression .inner {
        width: 55%; }
        .minosummer .sections .impression .inner .movie {
          margin-top: 5%; }
      .minosummer .sections .impression .bgimg2 {
        visibility: collapse;
        position: absolute;
        top: 170%;
        left: 0%;
        z-index: -19; }
        .minosummer .sections .impression .bgimg2 img {
          width: 100%;
          max-width: none;
          max-height: none; }
    .minosummer .sections .review {
      margin-top: 10%; }
      .minosummer .sections .review .inner {
        width: 55%; }
        .minosummer .sections .review .inner .reviewBtn {
          margin-top: -4%; }
    .minosummer .sections .purchaseBtn {
      margin-top: 3%;
      margin-bottom: -1%; }
      .minosummer .sections .purchaseBtn .inner {
        visibility: hidden;
        opacity: 0;
        transform: scale(0.6);
        transition: all 0.7s ease; }
      .minosummer .sections .purchaseBtn .inner.run {
        visibility: visible;
        opacity: 1;
        transform: scale(1); }
    .minosummer .sections .caution {
      position: relative;
      z-index: -1; }
      .minosummer .sections .caution .diamond {
        transform: skewY(-3deg);
        background-color: darkblue; }
        .minosummer .sections .caution .diamond .txtBox {
          color: white;
          padding: 5% 0;
          transform: skewY(3deg);
          text-align: center; }
          .minosummer .sections .caution .diamond .txtBox .caution-txt {
            margin-top: 2%; }
            .minosummer .sections .caution .diamond .txtBox .caution-txt p {
              font-size: 24px;
              line-height: 1.4; }
      .minosummer .sections .caution .square {
        padding-top: 5%;
        margin-top: -5%;
        background-color: darkblue; }

@media screen and (max-width: 1000px) {
  .minosummer {
    padding-top: 60px; } }
@media screen and (max-width: 780px) {
  .footer_xeam {
    position: relative;
    z-index: 0; }

  .iframe {
    width: 80%; }

  .minosummer {
    padding-top: 60px; }
    .minosummer .fv {
      margin-left: -15%; }
    .minosummer .bg .bg01 img {
      width: 120%;
      max-width: 120%;
      margin-left: -20%; }
    .minosummer .bg .bg01 .bg02 .bgSub {
      width: 100%; }
    .minosummer .sections .sale .inner {
      width: 85%; }
    .minosummer .sections .info .inner {
      width: 95%; }
    .minosummer .sections .bgimg img {
      width: 200%;
      margin-left: -100%; }
    .minosummer .sections .impression {
      margin-top: -95%; }
      .minosummer .sections .impression .inner {
        width: 85%; }
      .minosummer .sections .impression .bgimg2 {
        visibility: visible; }
    .minosummer .sections .review {
      margin-top: 17%; }
      .minosummer .sections .review .inner {
        width: 95%; }
        .minosummer .sections .review .inner .reviewBtn {
          margin: -4% auto 0;
          width: 75%; }
    .minosummer .sections .caution .diamond .txtBox .caution-txt p {
      font-size: 11px; } }
@media screen and (max-width: 500px) {
  .minosummer {
    padding-top: 60px; } }

/*# sourceMappingURL=220701_minosummer.css.map */