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

html {
	height: 100%;
	font-size: 62.5%;
}
body {
	font-size: 10px;
  	font-size: 1.0rem;  
	margin: 0 !important;
	padding: 0 !important;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	/*font-family: "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	height: 100%;
	background-color:#e9e9e9;
	color:#000000;
}

a {
	text-decoration: none;
	color:#000000;
}
a img {
	border: none;
}

a:hover {
	text-decoration: none;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
.alt {
	text-indent: -9999px;
	font-size: 0px;
	line-height: 0;
}
p {margin:0;}
h1,h2,h3 {margin:0;padding:0;}
h2 { margin:0;padding:0; font-family: 'Montserrat', sans-serif; font-weight:bold; font-size:30px; font-size:3rem;  }
h3 { margin:0;padding:0; font-family: 'Montserrat', sans-serif; }


.pt30 {
  padding-top: 30px;
}
.pt60 {
  padding-top: 60px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb60 {
  padding-bottom: 60px;
}

.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.video {
  min-width: 100%;
  min-width: 100vw;
}
#wrapper { width:100%;}

.header {
  position: relative;
}
.logo {
  position: absolute;
  top: 20px;
  left: 20px;
  /*  left:50%;
    margin-left: -60px;*/
  width: 120px;
}
.logo img {
  width: 100%;
}

.bgblk {
  background-color: #000000;
  color: #ffffff; 
}
.bgwht {
  background-color: #ffffff;
  color: #000000;
}

.v7_100 {
  width: 100%;
}
.v7_100 img { width: 100%;}

.v7_980 {
  width: 980px; margin: 0 auto;
}
.v7_modelname { text-align: center;  font-family: droid-serif, serif;  font-style: normal;font-weight: 900; font-size: 3.6em; color:#ffffff;}

.v7_100 .title{
  font-size: 3.2rem;
  text-align: center;
     font-family: droid-serif, serif;
font-style: normal;
    
}
.v7_spl .title {
  font-size: 3.2rem;
  text-align: center;
     font-family: droid-serif, serif;
font-style: normal;
    font-weight: 900;
}
.v7_100 p {
  font-size: 1.8rem;
  line-height: 2.8rem;
 padding: 20px;
  text-align: center;
}


/*横並び３つのリスト*/
.v7_3li img {
  width: 100%;
  vertical-align: top;
}
.v7_3li ul {
  margin: 0;
  padding: 0;
    width:90%;
    margin-left: 5%;
    text-align: left;
}
.v7_3li ul li {
  display: inline-block;
  width: 33%;
  vertical-align: top;
  font-size: 1.3rem;
   
}
.v7_3li .title {
  font-size: 3.2rem;
   border-bottom:5px solid #e93323; 
    line-height: 4.8rem;
    display: inline-block; 
    margin: 30px;
   font-family: droid-serif, serif;
font-style: normal;
    font-weight: 900;
    
    
}
.v7_3li ul li .subtitle {
  font-size: 2.4rem;
    text-align: left; 
    padding-bottom: 15px;
      margin-left: 8%;
    
}

.v7_3li ul li .txtcts { font-size: 1.8rem;
    line-height: 3.0rem;
    text-align: left; 
    margin-left: 8%;
    margin-right: 8%;
    }

/*色*/
#v7s_color01  {background-color:#101010; }
#v7s_color02  {background-color:#E64700; }
#v7s_color03  {background-color:#7399A0; }
#v7s_color04  {background-color:#EDDA08; }
#v7s_color05  {background-color:#AEAEAE; }
#v7p_color01  {background-color:#1D276E; }
#v7p_color02  {background-color:#B2B2B2; }     
        
ul.colorbtnArea,ul.colorbtnAreasp {
	list-style-type: none;
	padding-left: 0;    
}
.colorbtnArea { width:170px; margin: auto; padding-bottom: 80px; }
.colorbtnAreasp { width:70px; margin: auto; padding-bottom: 80px; }
.colorbtnArea li,ul.colorbtnAreasp li {
 display:block; width:28px; height:28px; border-color:#7f7f7f; border-style:solid; border-width:1px;float:left;text-indent:-9999px;
    margin-left: 10px;
}
.colorbtnArea li:first-child,.colorbtnAreasp li:first-child { margin-left:0;}
.colorbtnArea,.colorbtnAreasp {
	text-align: center;
}
.colorbtnArea li:hover,.colorbtnAreasp li:hover  { border-width:5px; display:block;width:20px; height:20px; border-style:solid; border-color:#7f7f7f; cursor:pointer;}
.colorbtnArea li.active,.colorbtnAreasp li.active  { border-width:5px; display:block; width:20px; height:20px; border-style:solid; border-color:#7f7f7f;}
    

.ColorChange { clear:both; width:100%; padding-top:1px; } 
.ColorChange img { width:100%;}
.ImageArea { display:none;}
.ColorName { text-align:center; font-size: 2.4rem; margin-bottom: 30px; margin-top: 30px;}


/*背景画像ありのところ*/
.v7_cts {
  position: relative;
  padding: 0;
  margin: 0;
}
.v7_cts img {
  width: 100%;
  vertical-align: top;
}
.v7_txt_l {
  position: absolute;
  width: 550px;
  left: 50%;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  display: block;
  top: 0;
  height: 100%;
  background-color: #000000;
  opacity: 0.8;
}
.v7_txt_r {
  position: absolute;
  width: 550px;
  right: 50%;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  display: block;
  top: 0;
  height: 100%;
  background-color: #000000;
  opacity: 0.8;
}
.v7_txt_l .txt, .v7_txt_r .txt {
  width: 70%;
  font-size: 1.4rem;
  line-height: 2.0rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
    color:#ffffff;
}
.v7_txt_l .subtitle, .v7_txt_r .subtitle {
  font-size: 2.8rem;
  margin-bottom: 20px;
  line-height: 3.6rem;
    font-family: droid-serif, serif;
font-style: normal;
    font-weight: 900;
}
.v7_txt_l .content, .v7_txt_r .content {
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.v7_under { padding-bottom: 8px;  border-bottom:5px solid #e93323; }
.v7_cts .discovermore_r a {color:#e93323;font-size: 2.0rem; font-weight:bolder; position: absolute; bottom: 30px; left: 15%;font-family: 'Source Sans Pro', sans-serif; }
.v7_cts .discovermore_l a {color:#e93323;font-size: 2.0rem; font-weight:bolder; position: absolute; bottom: 30px; left: 15%; margin-left: 0; font-family: 'Source Sans Pro', sans-serif;}

/*ボタン*/
.v7_button a {
  width: 320px;
  line-height: 40px;
  display: block;
  background: #e93323;
  border: 0;
  color: #ffffff;
  margin: 30px auto 30px auto;
  text-align: center;
  font-size: 16px;
}
.v7_button a:hover {
  opacity: 0.5;
}



/*スライド*/
/*.v7_sl {
  clear: both;
}
.v7_sl .slider {
  left: 50%;
  margin-left: -940px;
}*/
/*スペックリスト*/
.v7_spl {
  clear: both;
  padding-top: 70px;
  font-size: 1.2rem;
  width: 1220px;
  margin: auto;
}
.v7_spl .title {
  font-size: 3.6rem;
  text-align: center;
    font-family: droid-serif, serif;
font-style: normal;
    font-weight: 900;
}
.v7_spl dl {
  overflow: hidden;
  width: 100%;
  line-height: 3.0rem;
}
.v7_spl dt {
  float: left;
  width: 200px;
  padding-left: 80px;
}
.v7_spl dt:nth-of-type(odd), .v7_spl dd:nth-of-type(odd) {
  background: #ffffff;
}
.v7_spl .caution {
  padding-left: 80px;
  padding-top: 20px;
}


@media screen and (max-width:1220px) {
  /*    body { background-color:#ff2200;}*/
    
  .v7_spl {
    clear: both;
    padding-top: 70px;
    font-size: 1.2rem;
    width: 100%;
    margin: auto;
  }
  .v7_spl dt {
    float: left;
    width: 150px;
    padding-left: 3%;
  }
  .v7_spl dt:nth-of-type(odd), .v7_spl dd:nth-of-type(odd) {
    background: #ffffff;
  }
  .v7_spl .caution {
    padding-left: 3%;
    padding-top: 20px;
  }
}
@media screen and (max-width:1020px) {
  body {
   /* background-color: #00ff00;*/
  }
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }

  .v7_100,.v7_980 {
    width: 100%;
  }

 .v7_modelname { text-align: center;  font-family: droid-serif, serif;  font-style: normal;font-weight: 900; font-size: 3.0em; color:#ffffff;}

.v7_100 .title {
font-size: 2.0rem;
  text-align: center;
    
}
    
    .v7_100 p {
  font-size: 1.4rem;
  line-height: 2.0rem;
        padding: 0;
        margin-top: 10px;
margin-left: 5%;
        margin-right: 5%;
  text-align: center;
        
}
/*    .mg100yrs_c_color {  display:block; width:28px; height:28px; background-color: #5C6C65;  margin:0 auto; margin-top: 80px;}*/
.ColorName {  text-align: center; width:100%; font-size: 1.8rem; margin-top: 0px;}
    
  /*横並び３つのリスト*/
   .v7_3li { padding:0;}
  .v7_3li ul {
    margin: 0;
    padding: 0;
    width:100%;
      
      
  }
  .v7_3li ul li {
    display: block;
    width: 100%;
    vertical-align: top;
    margin: 0;
  }
    .v7_3li .title {
         font-size: 2.4rem;
   border-bottom:5px solid #e93323; 
    line-height: 3.2rem;
    display: inline-block; 
      
    margin-left: 5%;
      
        
        

   font-family: droid-serif, serif;
font-style: normal;
    font-weight: 900;
    
}
  .v7_3li ul li .subtitle {
    font-size: 2.0rem;
    text-align: left; 
    padding-bottom: 15px;
    margin-left: 5%;
         margin: 0;
      margin-left: 5%;
    padding-top: 0px;
      
  }
  .v7_3li ul li p {
  /*  margin: 5%;
    font-size: 1.3rem;
      padding-bottom: 30px;*/
  }
    
    
    
  .v7_button a {
    width: 70%;
    line-height: 5rem;
    font-size: 1.5rem;
    display: block;
    background: #e93323;
    border: 0;
    color: #ffffff;
    margin: 30px auto 30px auto;
    text-align: center;
  }
  .v7_cts {
    position: static;
    padding: 0;
    margin: 0;
    
  }
  .v7_cts img {
    width: 100%;
    vertical-align: top;
  }
  .v7_txt_l {
    position: static;
    width: 100%;
    left: 0%;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    background-color: #000000;
    opacity: 1;
    display: block;
    top: 0;
    height: 100%;
  }
  .v7_txt_r {
    position: static;
    width: 100%;
    right: 0%;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    background-color: #000000;
    opacity: 1;
    display: block;
    top: 0;
    height: 100%;
  }
    
    .v7_txt_l .txt, .v7_txt_r .txt {
  width: 90%;
  font-size: 1.3rem;
  line-height: 2.0rem;
  position: static;
  top: 0%;
  left: 0%;
        padding: 5%;
  transform: translateY(0) translateX(0);
  -webkit-transform: translateY(0) translateX(0);
}
.v7_txt_l .subtitle, .v7_txt_r .subtitle {
  font-size: 2.0rem;
  margin-bottom: 20px;
  line-height: 3.0rem;
}
.v7_txt_l .content, .v7_txt_r .content {
  font-size: 1.3rem;
  line-height: 2.0rem;
}
    
.v7_cts .discovermore_r a {color:#e93323;font-size: 2.0rem; font-weight:bolder; position: static; bottom: 0px; left: 0%; padding-left: 5%; font-family: 'Source Sans Pro', sans-serif; width:100%; line-height: 12rem; }
.v7_cts .discovermore_l a {color:#e93323;font-size: 2.0rem; font-weight:bolder; position: static; bottom: 0px; left: 0%; margin-left: 0; padding-left: 5%; font-family: 'Source Sans Pro', sans-serif;background-color: #000000;padding-bottom: 30px;  }
    

  /*スペックリスト*/
  .v7_spl dt:nth-of-type(odd) {
    background: #e9e9e9;
  }
  .v7_spl dl {
    overflow: hidden;
    width: 100%;
    line-height: 3.2rem;
    font-size: 1.4rem;
  }
  .v7_spl dt {
    float: none;
    width: 97%;
    padding-left: 3%;
    background: #e9e9e9;
  }
  .v7_spl dd {
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
    margin-left: 0;
    background: #ffffff;
  }
  .logo {
    width: 20%;
  }
    
  
}