@charset "UTF-8";
/* CSS Document */

#main2 {
  font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
}

#main2 img {
  width: 100%;
}

/*top*/
.top {
  background-image: url(/products/fantastick_holder_airvent/img/texture/airvent_top.jpg);
  background-repeat: no-repeat;
  background-size: 710px;
  height: 500px;
}

.top img {
  width: 55% !important;
  margin: 130px 0 0 40px;
}

.bkRGBA {
  height: 100%;
  background: rgba(255, 255, 255, 0.8)
}

/*orange_border*/
.orange_border {
  width: 100%;
  margin-top: -45px;
}

/*orange_border*/
.orange_border_2 {
  width: 100%;
  margin-top: -4em;
}

/*contents1*/
.contents1 {
  background-image: url(/products/fantastick_holder_airvent/img/texture/istock_.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 580px;
  background-position: bottom;

}

.contents1_image {
  width: 50%;
  margin: -340px 0 0 350px;
}

.contents1_h {
  margin: 0 0 0 42px;
  color: #959595;
  font-size: 23px;
}

.contents1_image2 {
  width: 40%;
  margin: 0 0 0 50px;
}

.contents1_h2 {
  width: 300px;
  text-align: center;
  margin: -210px 0 0 390px;
  font-size: 25px;
  color: #959595;
}

.honbun {
  font-size: 14px;
  color: #313131;
  margin-top: 1.5em;
  text-align: left;
  line-height: 1.9em;
}

@media screen and (min-width:600px) and (max-width:1024px) {

  /*Tablet*/
  .top {
    background-image: url(/products/fantastick_holder_airvent/img/texture/airvent_top.jpg);
    background-repeat: no-repeat;
    background-size: 700px;
    height: 500px;
  }

  .top img {
    width: 45% !important;
    margin: 100px 0 0 40px;
  }

  /*contents1*/
  .contents1 {
    background-image: url(/products/fantastick_holder_airvent/img/texture/istock_.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 480px;
    background-position: bottom;

  }

  .contents1_image {
    width: 50%;
    margin: -400px 0 0 340px;
  }

  .contents1_h {
    margin: -40px 0 0 10px;
    color: #959595;
    font-size: 23px;
  }

  .contents1_image2 {
    width: 50%;
    margin: 0;
  }

  .contents1_h2 {
    width: 300px;
    text-align: center;
    margin: -230px 0 0 380px;
    font-size: 25px;
    color: #959595;
  }

  .honbun {
    font-size: 14px;
    color: #313131;
    margin-top: 1.5em;
    text-align: left;
    line-height: 1.9em;
  }

  /*orange_border*/
  .orange_border {
    width: 710px;
    margin-top: 3em;
  }

  /*orange_border*/
  .orange_border_2 {
    width: 100%;
    margin-top: -4em;
  }


}

@media screen and (max-width:599px) {

  /*SmartPhone*/
  .top {
    background-image: url(/products/fantastick_holder_airvent/img/texture/airvent_top.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 200px;
  }

  .top img {
    width: 50% !important;
    margin: 60px 0 0 20px;
  }

  .contents1 {
    background-image: none;
    height: 1150px;

  }

  .contents1_image {
    margin: 0;
    width: 100%;
    margin-bottom: 2em;
  }

  .contents1_h {
    margin: 0;
    margin-bottom: 2em;
    text-align: center;
    color: #959595;
    font-size: 20px;
  }

  .contents1_image2 {
    margin: 0;
    width: 100%;
    margin-bottom: 2em;
  }

  .contents1_h2 {
    width: 300px;
    text-align: center;
    margin: 0;
    font-size: 25px;
    color: #959595;
  }

  .honbun {
    font-size: 14px;
    color: #313131;
    margin-top: 1.5em;
    line-height: 1.9em;
  }

  .contents1 br {
    display: none;
  }

}

/*contens2*/
.contents2 {
  background-image: url(/products/fantastick_holder_airvent/img/texture/istock_.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  height: 700px;
}

.contents2_image img {
  width: 60% !important;
}

.contents2_image img {
  width: 40% !important;
  margin-top: -3em;
}

.contents2_image3 {
  margin-left: 5em;
  margin-top: 1em;
}

.contents2_image3 img {
  width: 25% !important;
}

.contents2_image2 {
  width: 55%;
  margin-left: 320px;
  margin-top: -240px;
}

.contents2_h {
  font-size: 24px;
  width: 275px;
  text-align: center;
  color: #959595;
  margin: 1.5em 0 0 1em;

}

.honbun2 {
  font-size: 14px;
  color: #313131;
  margin-top: 1.5em;
  text-align: left;
  line-height: 1.8em;
}

@media screen and (max-width:599px) {

  /*SmartPhone*/
  .contents2 {
    background-image: none;
    height: 900px;
  }

  .contents2_image {
    margin: 0;
    margin-top: 4em;
    text-align: center;
    width: 100%;

  }

  .contents2_image2 {
    width: 100%;
    margin: 0;
  }

  .contents2_image img {
    width: 80% !important;
  }

  .contents2_image3 {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    margin-top: 2em;

  }

  .contents2_image3 img {
    margin: 0;
    width: 100% !important;

  }

  .contents2_image2 {
    margin: 0;
  }

  .contents2_h {
    font-size: 24px;
    width: 300px;
    text-align: center;
    color: #959595;
    margin: 0;
    margin-top: 1em;

  }

  .honbun2 {
    font-size: 14px;
    color: #313131;
    margin-top: 1.5em;
    line-height: 1.8em;
    margin-bottom: 2em;
  }

  .contents2 br {
    display: none;
  }

}

/*contents3*/
.contens3 {
  background-image: url(/products/fantastick_holder_airvent/img/texture/istock_.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  height: 500px;
}


.flexbox {
  width: 300px;
}

.chart {
  display: flex;
}

.contents3_h {
  font-size: 24px;
  width: 350px;
  text-align: center;
  color: #959595;
  margin-left: 350px;
  margin-top: -280px;
}

.honbun3 {
  font-size: 14px;
  color: #313131;
  margin-top: 3em;
  text-align: left;
}

.honbun3_2 {
  font-size: 11px;
  color: #313131;
  margin-top: 2em;
  text-align: left;
}


.img_driv {
  background-image: url(/products/fantastick_holder_airvent/img/airvent_img12.png);
  background-repeat: no-repeat;
  height: 500px;
  margin-top: -115px;
  background-size: 710px;
}

@media screen and (max-width:599px) {

  /*SmartPhone*/
  .contens3 {
    background-image: none;
    background-position: center;
    height: 700px;
  }


  .flexbox {
    width: 300px;
  }

  .chart {
    display: flex;
  }

  .contents3_h {
    font-size: 24px;
    width: 300px;
    text-align: center;
    color: #959595;
    margin: 0;
  }

  .honbun3 {
    font-size: 14px;
    color: #313131;
    margin-top: 2em;
  }

  .honbun3_2 {
    font-size: 11px;
    color: #313131;
    margin-top: 2em;

  }


  .img_driv {
    background-image: url(/products/fantastick_holder_airvent/img/airvent_img12.png);
    background-repeat: no-repeat;
    -webkit-clip-path: polygon(0 23.5%, 100% 41%, 100% 100%, 0% 100%);
    clip-path: polygon(0 23.5%, 100% 41%, 100% 100%, 0% 100%);
    height: 260px;
    background-size: 300px;
    background-position: bottom;
  }


}

/*contents4*/

.contents4 {
  background-image: url(/products/fantastick_holder_airvent/img/texture/istock_.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  height: 540px;
}

.contents4_h {
  font-size: 24px;
  width: 300px;
  text-align: center;
  color: #959595;
}

.honbun4 {
  font-size: 14px;
  color: #313131;
  margin-top: 3em;
  text-align: left;
}

.contents4_img_matome {
  width: 100%;
  display: flex;
  margin-left: 300px;
  margin-top: -150px;
}

.contents4_img {
  width: 25%;
  transform: scale(-1, 1);
  margin-left: 2.5em;
}

.contents4_img2 {
  width: 25%;
  margin-left: 2em;
}

.contents4_img3 {
  margin-left: 70px;
  padding-top: -6em;
}

.contents4_img3 img {
  width: 25% !important;
  margin-bottom: 1em;
}

.orange_border_4 {
  margin-top: -2em;
}

@media screen and (max-width:599px) {

  /*SmartPhone*/
  .contents4 {
    background-image: none;
    height: 950px;
  }

  .contents4_h {
    font-size: 24px;
    width: 300px;
    text-align: center;
    color: #959595;
    margin-top: 1em;
  }

  .honbun4 {
    font-size: 14px;
    color: #313131;
    margin-top: 2em;
    text-align: left;
  }

  .contents4_img_matome {
    display: block;
    width: 100%;
    margin: 0;
  }

  .contents4_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    width: 50%;
    transform: scale(-1, 1);
  }

  .contents4_img2 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    width: 50%;
  }

  .contents4_img3 {
    margin: 0;
    text-align: center;
  }

  .contents4_img3 img {
    width: 60% !important;
  }

  .orange_border_4 {
    margin-top: -2em;
  }


}

/*contents5*/
.contents5 {
  background-image: url(/products/fantastick_holder_airvent/img/texture/istock_.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  height: 800px;
}

.contents5_img {
  width: 50%;
  margin-top: 4em;
}

.contents5_img2 {
  width: 50%;
  margin-top: -18em;
}

.contents5_h {
  font-size: 24px;
  width: 299px;
  text-align: center;
  color: #959595;
  margin-left: 400px;
  margin-top: -150px;
}

.honbun5 {
  font-size: 15px;
  color: #313131;
  margin-top: 3em;
  text-align: left;
}

.honbun5_2 {
  font-size: 14px;
  color: #313131;
  margin-top: 2em;
  text-align: left;
}

.image_dashboard {
  margin-top: -9.6em;
}

.orange_border_5 {
  margin-top: -7.8em;
}

@media screen and (max-width:599px) {

  /*SmartPhone*/
  .contents5 {
    background-image: none;
    height: 1000px;
  }

  .contents5_img {
    margin: 0;
    width: 100%;
  }

  .contents5_img2 {
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .contents5_h {
    margin: 0;
    margin-top: 1.5em;
    font-size: 24px;
    width: 300px;
    text-align: center;
    color: #959595;
  }

  .honbun5 {
    font-size: 14px;
    color: #313131;
    margin-top: 2em;
    text-align: left;
  }

  .honbun5_2 {
    font-size: 14px;
    color: #313131;
    margin-top: 2em;
    margin-bottom: 1em;
  }

  .image_dashboard {
    width: 100%;
    margin: 0;
    margin-top: -4.4em;
  }

  .orange_border_5 {
    margin: 0;
    margin-top: -3.6em
  }

}

/*contents6*/
.contens6 {
  background-image: url(/products/fantastick_holder_airvent/img/texture/istock_.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  height: 1250px;
}


.compatible_models_img {
  width: 100%;
  text-align: center;
  margin-top: 3em;
}

.compatible_models_img img {
  width: 90%;
}

@media screen and (max-width:599px) {

  /*SmartPhone*/
  .contens6 {
    background-image: none;
    height: 1390px;
  }

  .compatible_models_img {
    margin: 0;
    width: 100%;
    text-align: center;
    margin-top: 3em;
  }

  .compatible_models_img img {
    margin: 0;
    width: 100%;
  }


}

/*spec*/
.compatible_models {
  margin-left: 4.5em;
}

.compatible_models p {
  text-align: left;
  margin: 3em;
}

.airvent_spec {
  width: 510px;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
}


.airvent_spec ul {
  list-style: none;
}

.airvent_spec p {
  margin-top: 2em;
}

@media screen and (max-width:599px) {

  /*SmartPhone*/
  .compatible_models {
    margin: 0;
  }

  .compatible_models p {
    width: 100%;
  }

  .airvent_spec {
    width: 100%;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
  }


  .airvent_spec ul {
    list-style: none;
  }

  .airvent_spec p {
    margin-top: 1.5em;
  }

}

/*gallery*/
.gallery {
  width: 710px;
  display: inline-block;
  margin-bottom: 7em;
  margin-top: 2em;
}

.gallery img {
  width: 24% !important;
}

@media screen and (max-width:599px) {

  /*SmartPhone*/
  .gallery {
    width: 300px;
    display: inline-block;
    margin-bottom: 4em;
    margin-top: 2em;
  }

  .gallery img {
    width: 48% !important;
  }
}

/*contents7*/
.contents7 {
  background-image: url(/products/fantastick_holder_airvent/img/texture/istock_.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  height: 670px;
}


.contents7 img {
  margin-top: 5em;
}

.contents7 hr {
  border-top: 3px double #8c8b8b;
}

.contents7_text {
  padding-left: 1.5em;
}

.honbun7 {
  font-size: 14px;
  width: 470px;
}

.honbun7_2 {
  font-size: 14px;
  margin-top: 2em;
  width: 670px;
}

.more {
  text-align: right;
}

.makuake_rogo {
  width: 30%;
  margin-top: -4em;
  margin-left: 1.5em;
}

.trademark_airvent {
  margin-top: 1em;
  margin-left: 1em;
}

@media screen and (max-width:599px) {

  /*SmartPhone*/
  .contents7 {
    background-image: none;
    height: 570px;
  }


  .contents7 img {
    margin-top: 2em;
  }

  .contents7 hr {
    border-top: 3px double #8c8b8b;
  }

  .contents7_text {
    padding: 0;
  }

  .honbun7 {
    font-size: 14px;
    width: 300px;
  }

  .honbun7_2 {
    font-size: 14px;
    margin-top: 1em;
    width: 300px;
  }

  .more {
    text-align: right;
  }

  .makuake_rogo {
    width: 70%;
    margin: 0;

  }

  .pagetop {
    margin-top: 3em;
  }
}