@charset "utf-8";
/*要素のリセット*/
figcaption, figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
p {
  text-align: justify;
}

/** 共通 **/
.header3_margin{
	margin-top: 2.5em !important;
    
    display: block;
        
}
.annotation{
    width: 100%;
    font-size: 0.8rem !important;
}

.annotation::before{
    content: "※";
    padding-right: 0.3em;
}
#d_load h1{
	margin-bottom: 1.5em;
}

/*** CAR1013 heroheader*/
.hero_h_car101 {
  width: 100%;
  height: 450px;
  margin: 0 auto;
  padding: 0;
  background-repeat: none;
  background-position: center;
  background-size: cover;
}
.hero_h_car101 section {
  width: 100%;
  max-width: 930px;
  height: 450px;
  margin: 0 auto;
  position: relative;
}
.hero_h_car101 section div {
  line-height: 1.6em;
  position: absolute;
  top: 220px;
  left: 0;
  width: 42%;
  padding: 10px 0 10px 20px;
  background: rgba(250, 250, 250, 0.75);
  /* box-shadow */
  box-shadow: 0px 4px 10px 0px #666666;
  -moz-box-shadow: 0px 4px 10px 0px #666666;
  -webkit-box-shadow: 0px 4px 10px 0px #666666;
}
.hero_h_car101 h1 {
  font-size: 1.4rem;
  padding: 0;
  margin: 0 0 0.5em 0;
  font-family: "heisei-kaku-gothic-std", sans-serif;
}
.hero_h_car101 h2 {
  font-size: 1.7rem;
  padding: 0;
  margin: 0 0 0.5em 0;
  font-family: "heisei-kaku-gothic-std", sans-serif;
}
.hero_h_car101 h3 {
  font-size: 2.5rem;
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-shadow: 3px 3px 6px #333333;
  font-family: "heisei-kaku-gothic-std", sans-serif;
  position: absolute;
  top: 60px;
  line-height: 140%;
}
.hero_h_car101 section div ul {
  font-size: 0.9rem;
  line-height: 1em;
  list-style: none;
  padding: 0;
  margin: 0;
}
.hero_h_car101 section div ul li {
  margin: 0.5em 0;
}
.hero_h_car101 section div ul li span {
  display: inline-block;
  width: 50px;
}
img.model_photo {
  width: 48%;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 0;
}
/*** スクローラーのオフセット ***/
#tokucyo, #option, #spec, #galy, #d_load {
  padding-top: 100px;
  margin-top: -100px;
}

/*** 1カラム ***/
.colum1 {
  margin: 1em 0 3em 0;
}
.colum1 figure {
  width: 100%;
}
.colum1 figure img {
  width: 100%;
}
.colum1 p {
  margin: 0 0 0.5em 0;
}
/*** 背景 ***/
.sky {
  background-image: url("../products/wls/car101/img/sky.jpg");
  background-size: cover;
  background-position: center center;
  padding: 1em 0;
  margin: 1em 0 4em 0;
}
.smaho {
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 212, 118, 1) 100%);
  padding: 1em 0 0 0;
  margin: 1em 0 4em 0;
}
.spec-bg {
  /*画像そのものは元ファイルに用意*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}
.spec-bg secftion {
   background-attachment: fixed; 
}
/*** 全幅の2カラム ***/
.colum_full {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
}
.colum_full div {
  width: 45%;
  margin: 0;
  padding: 1em;
  background: rgba(255, 255, 255, 0.80);
}
.colum_full div p {
  margin: 0 0 0 0;
}
.colum_full figure {
  width: 45%;
  margin: 0;
  padding: 0;
}
.colum_full figure img {
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
.icon_text_orange {
  margin: 1em 0 0 0 !important;
  padding: 0.5em 1em !important;
  background: rgba(255, 155, 0, 1.00);
  border-radius: 4px;
  display: inline-block;
  color: rgba(255, 255, 255, 1.00);
  font-size: 1.2rem;
  font-family: "heisei-kaku-gothic-std", sans-serif;
  font-weight: 500;
}
.icon_text_orange span {
  display: inline-block;
  margin: 0 1em 0 0;
}
/*** センター2カラム ***/
.colum2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 1em 0 3em 0;
}
.colum2 div {
  width: 48%;
  margin: 0 0 2em 0;
  padding: 0;
}
.colum2 div figure img {
  width: 100%;
  margin: 0;
  padding: 0;
}
.colum2 div p {
  margin: 0;
  padding: 0;
}
/***3カラム ***/
.colum3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 1em 0 1em 0;
}
.colum3 div {
  width: 31%;
  margin: 0 0 1.5em 0;
  padding: 0;
}
.colum3 div figure img {
  width: 100%;
  margin: 0;
  padding: 0;
}
.colum3 div p {
  margin: 0;
  padding: 0;
}
p.hosoku {
  font-size: 0.9rem;
  margin: 0.35em 0 0 0 !important;
  padding: 0;
  line-height: 1.4em;
}
/*** ご注意 ***/
.caution {
  border: rgba(0, 0, 0, 1.00) solid 1px;
  padding: 0.75em !important;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100% !important;
  margin-bottom: 3em;
}
.caution h6 {
  line-height: 1.4em !important;
  font-size: 0.8rem;
  margin: 0;
  padding: 0;
  width: 6%;
  min-width: 3em;
  display: block;
}
.caution p {
  display: block;
  width: 93%;
  margin: 0;
  padding: 0;
  line-height: 1.4em !important;
  font-size: 0.8rem;
}
/** 特徴 **/
.spec_maintext{
	padding-top: 9em !important;
	font-size: 1.05em !important;
	font-weight: bold;
}

/*** 録画時間テーブル */
.rec_table {
  width: 100%;
  margin: 0 0 3em 0;
  border-spacing: 0;
  font-size: 1rem;
}
.rec_table th, .rec_table td {
  border-collapse: collapse;
  border: 1px solid #ccc;
  line-height: 1.5;
}
.rec_table tr:hover td, tr:hover th {
  background-color: #FFFFec;
}
.rec_table td {
  padding: 8px;
  text-align: left;
}
.rec_table td:nth-of-type(1) {
  width: 25%;
}

.rec_table th {
  padding: 8px;
  background: #eeeeee;
  text-align: left;
}

.rec_table_caption{
    margin-top: -24px;
}
.kome {
  font-size: 0.6rem;
  line-height: 1.4em !important;
}
.new_feature {
  position: relative;
}
.new_feature span {
  position: absolute;
  top: 2%;
  left: 3%;
  color: white;
}
/*** オプションカラム ***/
.option {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin: 2em 0 3em 0;
}
.option div {
  width: 48%;
  margin: 0 0 2em 0;
  padding: 0;
}
.option div p {
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}
.option div figure {
  width: 100%;
  margin: 0;
  padding: 0;
}
.option div figure img {
  width: 100%;
  margin: 0;
  padding: 0;
}
.option h3 {
  width: 100%;
  margin: 0;
}
.option h4 {
  width: 100%;
  font-size: 1.3rem;
  margin: 0.3em 0 0 0 !important;
  padding: 0;
}
.option h4 a {
  font-size: 1.2rem;
  text-decoration: none;
}
.option h4 a:hover {
  text-decoration: underline;
}
.option h5 {
  width: 100%;
  font-size: 1.1rem;
  padding: 0 !important;
}
.option div ul {
  margin-bottom: 0.75em !important;
}
.option div ul li {
  list-style: none;
  display: inline-block;
  font-size: 0.9rem;
  margin-right: 2em;
}
/*** オプション-パッケージ内容 ***/
.option_package {
  margin: 0 0 1em 0;
  padding: 0;
}
.option_package li {
  list-style-position: inside;
}
/*** パッケージ内容 ***/
.pkg_zone {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 3em;
}
.pkg_zone div {
  padding: 0;
  margin: 0 0 0 0;
  width: 47%;
}
.pkg_zone div ol {
  padding: 0;
  margin: 0 0 0 0;
  width: 100%;
  font-size: 1rem;
}
.pkg_zone div ol li {
  margin: 0.5em 0 0.5em 2.5em;
}
.pkg_zone figure {
  width: 47%;
}
.pkg_zone figure img {
  width: 100%;
}
/*** パッケージ内容 ***/
.dimensions {
  margin-bottom: 3em;
}
.dimensions figure {
  width: 100%;
  margin-bottom: 3em;
}
.dimensions figure figcaption {
  font-size: 1.2rem;
  font-family: "heisei-kaku-gothic-std", sans-serif;
}
.dimensions figure img {
  width: 90%;
  margin: 0 5%;
}
/*** ギャラリー ***/
.my-gallery {
  margin-bottom: 3em;
}
/** スライダー **/
.bxslider div {
  position: relative;
}
.bxslider div span {
  position: absolute;
  top: 70%;
  left: 2%;
}
.bxslider div span h4 {
  margin: 0;
  padding: 0;
}
.bx-prev {
  left: -40px !important;
}
.bx-next {
  right: -40px !important;
}
.bxslider h4 {
/*
  margin-left: 1.5em !important;
  padding: 0 1em;
*/
}
.bxslider p {
	font-size: inherit;
/*
  margin-bottom: 1.5em;
  margin-left: 1.5em;
  padding: 0 1em;
*/
}
.bx-viewport {
  box-shadow: initial !important;
}
.bx-wrapper{
  margin: 0 auto 105px auto !important;
}
@media (max-width: 640px) {
  /*** 背景 ***/
  .sky {
    padding: 1em 0;
  }
  .smaho {
    padding: 1em 0 1em 0;
  }
  /*** ASD01 heroheader*/
  .hero_h_car101 {
    height: 80vh;
    max-height: 667px;
    margin: 0 auto;
    padding: 0;
  }
  img.model_photo {
    width: 76%;
    height: auto;
    top: 14vh;
    right: 12%;
  }
  .hero_h_car101 section div {
    top: 54vh;
    left: 5%;
    width: 82%;
    padding: 10px 4%;
    background: rgba(250, 250, 250, 0.75);
    /* box-shadow */
    box-shadow: 0px 4px 10px 0px #666666;
    -moz-box-shadow: 0px 4px 10px 0px #666666;
    -webkit-box-shadow: 0px 4px 10px 0px #666666;
  }
  .hero_h_car101 h1 {
    font-size: 1.1rem;
    line-height: 1.3em;
    font-family: "heisei-kaku-gothic-std", sans-serif;
    margin-bottom: 0.25em;
  }
  .hero_h_car101 h2 {
    font-size: 1.5rem;
    padding: 0;
    margin: 0 0 0.25em 0;
    font-family: "heisei-kaku-gothic-std", sans-serif;
  }
  .hero_h_car101 h3 {
    font-size: 1.6rem !important;
    padding: 0;
    margin: 0;
    width: 90%;
    text-shadow: 3px 3px 6px #333333;
    top: 2vh;
    left: 5%;
    right: auto;
    text-align: center;
  }
  .hero_h_car101 section div ul {
    font-size: 0.8rem;
    list-style: none;
  }
  .hero_h_car101 section div ul li span {
    display: inline-block;
    width: 4em;
  }
	/* 共通 */
	.spec_maintext{
		padding-top: 0 !important;
	}
  /*** 1カラム ***/
  .colum1 {
    margin: 0 0 3em 0;
  }
  .colum1 p {
    margin: 0 0 0.5em 0 !important;
  }
  /*** 全幅の2カラム ***/
  .colum_full {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
  }
  .colum_full div {
    width: 100%;
    margin: 0;
    padding: 1em;
    background: rgba(255, 255, 255, 0.80);
  }
  .colum_full div p {
    margin: 0 0 0 0;
  }
  .colum_full figure {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .colum_full figure img {
    width: 100%;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
  }
  .icon_text_orange {
    margin: 1em 0 0 0 !important;
    padding: 0.5em 1em !important;
    background: rgba(255, 155, 0, 1.00);
    border-radius: 4px;
    display: inline-block;
    color: rgba(255, 255, 255, 1.00);
    font-size: 1.2rem;
    font-family: "heisei-kaku-gothic-std", sans-serif;
    font-weight: 500;
  }
  .icon_text_orange span {
    display: inline-block;
    margin: 0 1em 0 0;
  }
  /*** センター2カラム ***/
  .colum2 div {
    width: 100%;
    margin-bottom: 2.5em;
  }
  /***3カラム ***/
  .colum3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 1em 0 1em 0;
  }
  .colum3 div {
    width: 100%;
    margin: 0 0 2.5em 0;
  }
  .colum3 div figure img {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .colum3 div p {
    margin: 0;
    padding: 0;
  }
  /*** ご注意 ***/
  .caution h6 {
    width: 100%;
  }
  .caution p {
    width: 100%;
  }
  /*** 録画時間テーブル */
  .rec_table {
    font-size: 0.9rem;
  }
  .rec_table th, .rec_table td {
    line-height: 1.5;
  }
  .rec_table td {
    padding: 5px 8px;
    width: 34%;
  }
  .rec_table th {
    padding: 5px 8px;
  }
  .new_feature {}
  .new_feature span {
    font-size: 1.3em;
    color: white;
  }
  /*** pkgゾーン */
  .pkg_zone {
    flex-flow: column-reverse;
  }
  .pkg_zone div {
    width: 100%;
  }
  .pkg_zone figure {
    width: 100%;
  }
  /*** 別売オプション */
  .option div {
    width: 100%;
    margin: 0 0 2em 0;
  }
  .option div p {
    margin: 0 0 1em 0;
  }
  .option div h4 {
    margin: 0 0 0.5em 0;
    padding: 0;
  }
  .option div ul {
    margin: 0 0 1.5em 0;
    padding: 0;
  }
  /** スライダー **/
  .bxslider div span {
    transform: translateY(-30%);
  }
	.bx-prev{
		left: 10px !important;
		top: 100% !important;
	}
	.bx-next{
		right: 10px !important;
		top: 100% !important;		
	}
}
/*** パッケージ内容 ***/
.dimensions figure figcaption {
  font-size: 1rem;
  margin-bottom: 1em;
}
span.parts_num {
  float: right;
}
@media (max-width: 320px) {}