@charset "UTF-8";
html {
  font-size: 62.5%;
  max-width: 1200px;
  margin: 0 auto;
}

body {
  background-color: #F5F5F5;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.75;
  color: white;
}

@media (min-width: 960px) {
  body {
    font-size: 1.6rem;
  }
}

body img {
  width: 100%;
}

header .cover {
  display: none;
}

main {
  background-color: white;
}

main .content2 {
  text-align: center;
}

main .block {
  text-align: center;
}

.fade-in {
  opacity: 0;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

.fade-in-up {
  -webkit-transform: translate(0, 50px);
          transform: translate(0, 50px);
}

.fade-in-down {
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
}

.fade-in-left {
  -webkit-transform: translate(-50px, 0);
          transform: translate(-50px, 0);
}

.fade-in-right {
  -webkit-transform: translate(50px, 0);
          transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

aside {
  height: 1000px;
  background-color: #eeeeee;
  /*background-image: url('/images/shop.png');*/
  /* 基本*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
  /*rem算出をしやすくするために*/
  /* 基本ボタン*/
  /* 目玉車 */
  /* 在庫車情報 */
  /* 在庫チェック */
}

aside *,
aside *:before,
aside *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

aside .btn,
aside a.btn,
aside button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 2.2rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

aside .btn--cubic {
  color: white !important;
  border-bottom: 7px solid #9f000c;
  background-color: #bb0000;
  width: 80%;
  max-width: 1400px;
  font-weight: bold !important;
  font-size: 3.5rem !important;
  text-shadow: 2px 2px 4px black !important;
}

aside a.btn--red.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #aa0000;
}

aside a.btn--radius {
  border-radius: 100vh;
}

aside .push {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-top: 50px;
}

aside .push2 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-top: 50px;
}

aside #button {
  background-color: #dd0000;
  width: 90%;
  height: 400px;
  position: relative;
}

aside #button .space {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  width: 100%;
}

aside #button .title1 {
  letter-spacing: 0.1em;
  font-size: 4rem;
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 30px;
}

aside #button .title2 {
  font-family: 'Noto Serif JP', serif;
}

aside #button .box {
  width: 80%;
  font-size: 2rem !important;
  margin-bottom: 30px;
}

aside #button .push {
  margin: 0 auto;
  text-align: center;
  margin-top: 50px;
}

aside #button .box:hover {
  color: #dd0000;
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

aside #button .fa-position-right {
  position: absolute;
  top: calc(50% - 0.5em);
  right: 1rem;
}

aside #button a.btn-flat {
  overflow: hidden;
  padding: 4rem 6rem;
  color: #cc0000;
  border-radius: 0;
  background: white;
}

aside #button a.btn-flat span {
  position: relative;
}

aside #button a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 200px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-80%) translateY(-25px);
  transform: translateX(-80%) translateY(-25px);
  border-radius: 0%;
  background: white;
}

aside #button a.btn-flat:hover:before {
  width: 120%;
  height: 550px;
  -webkit-transform: translateX(-1%) translateY(-175px);
  transform: translateX(-1%) translateY(-175px);
}

aside #button .box {
  border-radius: 1rem !important;
  font-size: 5rem !important;
}

aside #button2 a.btn--red2 {
  background-color: white;
  border: 2px solid white;
}

aside #button2 a.btn-c2 {
  width: 20%;
  font-size: 1.8rem;
  position: relative;
  padding: 1rem 1rem 1rem 1rem;
  color: #33CCCC;
  /*color: #FF9999;*/
  /*color: #F08080;*/
  /*color:#993399;*/
  /*color:#99CC99*/
  /*color:#F4A460*/
  /*color:#FF9933*/
  border-radius: 100vh;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

aside #button2 a.btn-c2:hover {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

aside #button2 .fa-position-right2 {
  position: absolute;
  top: calc(50% - 0.5em);
  right: 1rem;
}

aside .between {
  position: relative !important;
}

aside .between .click {
  position: absolute !important;
  bottom: 0;
  left: 16%;
  margin-bottom: 20px;
}
/*# sourceMappingURL=style.css.map */