@charset "utf-8";

.dspnone {
  display: none !important;
}

#mainVisual {
  min-height: 800px;
}

#vehicle #search .searchResult .vehiclePrice {
  margin-bottom: 1em;
}

#vehicle #search .searchResult .vehiclePrice table td {
  width: 13%;
}
#vehicle ul.typeBox .typeBox_vehicle {
  padding: 20px 0;
}

.formCommon dl dd > span {
  display: inline-block;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button,
input[type='date']::-webkit-inner-spin-button,
input[type='date']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
  text-align: right;
  padding-right: 0.5em !important;
}
input[type='number'] {
  text-align: right;
  padding-right: 0.5em !important;
}

canvas#canvassign {
  -ms-touch-action: none;
  touch-action: none;
}
canvas {
  border: 3px solid #000;
}

#search .searchResult .vehiclePhoto ul.slide li img {
  object-fit: contain;
  max-width: 100%;
}

button.btnChange,
button.btnBack,
a.btnBack {
  color: #fff;
  border: none;
  background: #ff3413;
}

form.searchBlock dl.searchBlock_input dd .ip02 {
  width: 45%;
}

.contract #cancel .cancelBlock h3 {
  margin-bottom: 0;
  padding-left: 20px;
  text-align: left;
}

.contract #cancel .cancelBlock .cancelText {
  text-align: left;
  line-height: 1.8;
}

button.btnContact,
button.btnContact,
a.btnContact {
  width: 240px;
  height: 50px;
  display: block;
  margin: 20px auto;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  color: #bbb;
  cursor: pointer;
  border: solid 5px #ddd;
  border-radius: 30px;
  background: #fff;
  box-sizing: border-box;
}

.formCommon dl dd .ip05 {
  margin: 0;
}

.loginForm dl.loginForm_input dd select {
  height: 50px;
  margin: 0 1%;
  padding: 0 10px;
  padding-right: 10px;
  line-height: 1em;
  box-sizing: border-box;
}

.loginForm dl.loginForm_input dd select.ip03 {
  width: 20%;
}

pre {
  overflow-y: scroll;
  height: 12em;
  white-space: pre-wrap;
  font-size: 14px;
}
.formCommon .ip60 {
  margin: 0;
  width: 60%;
}

#entry a.linkIndex {
  position: absolute;
  height: 20px;
  right: 0;
  display: block;
  padding-right: 20px;
  font-size: 1.2em;
  line-height: 20px;
  background: url('/images/arrow_red_right.png') no-repeat right center;
  background-size: auto;
  background-size: 10px;
  box-sizing: border-box;
}

#insta > div {
  width: 100%;
  max-width: 1200px;
  clear: both;
  display: block;
  margin: 0 auto;
  padding: 40px 0;
}

#insta-widget {
  max-width: 100%;
}

#insta .iswg-images-item {
  width: 15%;
  border: #fff solid 5px;
  margin: 3px;
}

#insta .iswg-image-link {
  position: relative;
  display: block;
}

#insta .iswg-images {
  justify-content: center;
}

#insta .iswg-image-link:after {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transform: rotate(3deg); /* 回転させる */
  background: #fff;
  z-index: -1;
}

#insta .campaignBtn {
  width: 450px;
  height: 50px;
  clear: both;
  display: block;
  margin: 0 auto;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  color: #fff;
  border-radius: 25px;
  background: url(../images/arrow_white_right.png) no-repeat right 20px center
    #ff3413;
  background-size: 10px;
}

.footerTop > a {
  display: inline-block;
}

.footerLogo {
  width: 33vw;
}

@media screen and (max-width: 1024px) {
  .loginForm dl.loginForm_input dd select.ip03 {
    width: 16%;
    margin: 0 1%;
  }
  .loginForm dl.loginForm_input dd select {
    height: 40px;
    margin: 0;
    padding: 0 5px;
    padding-right: 5px;
    line-height: 1em;
    box-sizing: border-box;
  }

  #insta .iswg-images-item {
    width: 30%;
  }
}