@charset "utf-8";

@font-face {
  font-family: 'icon';
  src: url('/usa/car/common/fonts/icon.eot?dfhc1g');
  src: url('/usa/car/common/fonts/icon.eot?dfhc1g#iefix') format('embedded-opentype'), url('/usa/car/common/fonts/icon.ttf?dfhc1g') format('truetype'), url('/usa/car/common/fonts/icon.woff?dfhc1g') format('woff'), url('/usa/car/common/fonts/icon.svg?dfhc1g#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.detail .usatemp01 * {
    line-height: 150%;
    font-family: 'Frutiger Next W01 Light', sans-serif;
}
.detail .dbox.usatemp01 {
  padding-bottom: 40px;
  background: #fff;
}
.detail .usatemp01 .dboxn {
  width: 980px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 30px;
}
.detail .dbox.usatemp01 .info {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: top;
	text-align: left;
}
.detail .dbox.usatemp01 .info .hBox {
  width: 460px;
  padding-right: 30px;
	text-align: left;
}
.detail .dbox.usatemp01 .info .hBox .img_app_logo {
  margin:20px auto 20px;
}
.detail .dbox.usatemp01 .noimg .info .hBox {
  width: 100%;
}
.detail .dbox.usatemp01 .info .imgbox {
  width: 490px;
}
.detail .usatemp01 .dboxn .imgbox .img_list{
		width: 100%;
	}
/*
.detail .dbox:nth-of-type(even).usatemp01 .info .hBox {
  order: 2;
  padding-right: 0;
  padding-left: 30px;
}
.detail .dbox:nth-of-type(even).usatemp01 .noimg .info .hBox {
  padding-left: 0;
}
*/
.detail .dbox.usatemp01 .info dt h3 {
  display: inline-block;
}
.detail .dbox.usatemp01 .info div.img_icon {
  width: 100px;
  margin-right: 30px;
  margin-bottom: -30em;
  padding-bottom: 30em;
}
.detail .dbox.usatemp01 .dbox_icon .info {
  width: 700px;
}
.detail .dbox.usatemp01 .dbox_icon .info div.img_icon {
  width: 125px;
}
.detail .dbox.usatemp01 .dbox_icon .info div.img_icon img {
  width: 125px;
  height: auto;
}
.detail .dbox.usatemp01 .hBox dt {
  margin-top: -10px;
}
.detail .dbox.usatemp01 .hBox dd {
  padding-top: 20px;
  padding-bottom: 20px;
}
.detail .dbox.usatemp01 .hBox p {
  font-size: 16px;
	margin: 0;
	line-height: 150%;
}
.detail .dbox.usatemp01 a {
  color: #fff;
  text-decoration: none;
}
.detail .dbox.usatemp01 a:hover {
  text-decoration: underline;
}
.detail .dbox.usatemp01 h3 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 35px;
  font-weight: normal;
  line-height: 120%;
  transform-origin: top left;
  transform: scale(0.8, 1);
  margin-right: -50px;
	text-align: left;
}
.detail .dbox.usatemp01 div.img img {
  display: inline-block;
  margin-bottom: 5px;
}
.detail .dbox.usatemp01 p.note {
  margin-top: 10px;
}
.detail .dbox.usatemp01 div.img *,
.detail .dbox.usatemp01 div.img,
.detail .dbox.usatemp01 p.note {
  font-size: 13px!important;
}
.detail .dbox.usatemp01 .info,
.detail .dbox.usatemp01 #dbox1 .info,
.detail .dbox.usatemp01 #dbox2 .info,
.detail .dbox.usatemp01 #dbox3 .info,
.detail .dbox.usatemp01 #dbox4 .info,
.detail .dbox.usatemp01 #dbox5 .info,
.detail .dbox.usatemp01 #dbox6 .info,
.detail .dbox.usatemp01 #dbox7 .info,
.detail .dbox.usatemp01 #dbox8 .info,
.detail .dbox.usatemp01 #dbox9 .info,
.detail .dbox.usatemp01 #dbox10 .info,
.detail .dbox.usatemp01 #dbox11 .info,
.detail .dbox.usatemp01 #dbox12 .info,
.detail .dbox.usatemp01 #dbox13 .info,
.detail .dbox.usatemp01 #dbox14 .info,
.detail .dbox.usatemp01 #dbox15 .info,
.detail .dbox.usatemp01 #dbox16 .info,
.detail .dbox.usatemp01 #dbox17 .info,
.detail .dbox.usatemp01 #dbox18 .info,
.detail .dbox.usatemp01 #dbox19 .info,
.detail .dbox.usatemp01 #dbox20 .info,
.detail .dbox.usatemp01 #dbox21 .info,
.detail .dbox.usatemp01 #dbox31 .info {
  margin-right: 0;
  margin-left: auto;
}
.detail .dbox.usatemp01 .info,
.detail .dbox.usatemp01 #dbox1 .info,
.detail .dbox.usatemp01 #dbox2 .info,
.detail .dbox.usatemp01 #dbox3 .info,
.detail .dbox.usatemp01 #dbox4 .info,
.detail .dbox.usatemp01 #dbox5 .info,
.detail .dbox.usatemp01 #dbox6 .info,
.detail .dbox.usatemp01 #dbox7 .info,
.detail .dbox.usatemp01 #dbox8 .info,
.detail .dbox.usatemp01 #dbox9 .info,
.detail .dbox.usatemp01 #dbox10 .info,
.detail .dbox.usatemp01 #dbox11 .info,
.detail .dbox.usatemp01 #dbox12 .info,
.detail .dbox.usatemp01 #dbox13 .info,
.detail .dbox.usatemp01 #dbox14 .info,
.detail .dbox.usatemp01 #dbox15 .info,
.detail .dbox.usatemp01 #dbox16 .info,
.detail .dbox.usatemp01 #dbox17 .info,
.detail .dbox.usatemp01 #dbox18 .info,
.detail .dbox.usatemp01 #dbox19 .info,
.detail .dbox.usatemp01 #dbox20 .info,
.detail .dbox.usatemp01 #dbox21 .info,
.detail .dbox.usatemp01 #dbox31 .info {
  margin-left: 0;
}
.detail .dbox.usatemp01 #dbox1._02 .info,
.detail .dbox.usatemp01 #dbox2._02 .info,
.detail .dbox.usatemp01 #dbox3._02 .info,
.detail .dbox.usatemp01 #dbox4._02 .info,
.detail .dbox.usatemp01 #dbox5._02 .info,
.detail .dbox.usatemp01 #dbox6._02 .info,
.detail .dbox.usatemp01 #dbox7._02 .info,
.detail .dbox.usatemp01 #dbox8._02 .info,
.detail .dbox.usatemp01 #dbox9._02 .info,
.detail .dbox.usatemp01 #dbox10._02 .info,
.detail .dbox.usatemp01 #dbox11._02 .info,
.detail .dbox.usatemp01 #dbox12._02 .info,
.detail .dbox.usatemp01 #dbox13._02 .info,
.detail .dbox.usatemp01 #dbox14._02 .info,
.detail .dbox.usatemp01 #dbox15._02 .info,
.detail .dbox.usatemp01 #dbox16._02 .info,
.detail .dbox.usatemp01 #dbox17._02 .info,
.detail .dbox.usatemp01 #dbox18._02 .info,
.detail .dbox.usatemp01 #dbox19._02 .info,
.detail .dbox.usatemp01 #dbox20._02 .info,
.detail .dbox.usatemp01 #dbox21._02 .info,
.detail .dbox.usatemp01 #dbox31._02 .info {
  transform: scale(-1, 1);
}
.detail .dbox.usatemp01 #dbox1._02 .info,
.detail .dbox.usatemp01 #dbox2._02 .info,
.detail .dbox.usatemp01 #dbox3._02 .info,
.detail .dbox.usatemp01 #dbox4._02 .info,
.detail .dbox.usatemp01 #dbox5._02 .info,
.detail .dbox.usatemp01 #dbox6._02 .info,
.detail .dbox.usatemp01 #dbox7._02 .info,
.detail .dbox.usatemp01 #dbox8._02 .info,
.detail .dbox.usatemp01 #dbox9._02 .info,
.detail .dbox.usatemp01 #dbox10._02 .info,
.detail .dbox.usatemp01 #dbox11._02 .info,
.detail .dbox.usatemp01 #dbox12._02 .info,
.detail .dbox.usatemp01 #dbox13._02 .info,
.detail .dbox.usatemp01 #dbox14._02 .info,
.detail .dbox.usatemp01 #dbox15._02 .info,
.detail .dbox.usatemp01 #dbox16._02 .info,
.detail .dbox.usatemp01 #dbox17._02 .info,
.detail .dbox.usatemp01 #dbox18._02 .info,
.detail .dbox.usatemp01 #dbox19._02 .info,
.detail .dbox.usatemp01 #dbox20._02 .info,
.detail .dbox.usatemp01 #dbox21._02 .info,
.detail .dbox.usatemp01 #dbox31._02 .info {
  transform: scale(-1, 1);
}
.detail .dbox.usatemp01 .info div.img_icon img {
  margin-bottom: 30px;
}
.detail .dbox.usatemp01 .info div.img_border img,
img.img_border {
  border: 1px solid #fff;
}
.detail .dbox.usatemp01 .info div.img2 img {
  margin-left: 10px;
}
.detail .dbox.usatemp01 .info div.img2 img:first-child {
  margin-left: 0;
}
.detail .dbox.usatemp01 .info div.img3 > img,
.detail .dbox.usatemp01 .info div.img3 span {
  float: left;
}
.detail .dbox.usatemp01 .info div.img3 {
  width: 520px;
  overflow: hidden;
}
.detail .dbox.usatemp01 .info div.img3 img + img + img,
.detail .dbox.usatemp01 .info div.img3 span + span + span {
  margin-right: 0;
}
.detail .usatemp01 .dboxn div.img_list ul li img {
  width: 100%;
  height: auto;
  margin-bottom: 1px;
  border: 1px solid #fff;
  vertical-align: bottom;
}
.detail .usatemp01 .dboxn div.img_list ul.list_img {
  text-align: center;
}
.detail .usatemp01 .dboxn div.img_list ul.list_img li {
  display: none;
}
.detail .usatemp01 .dboxn div.img_list ul.list_img li img {
  margin-bottom: 5px;
}
.detail .usatemp01 .dboxn div.img_list ul.list_img li:first-child {
  display: block;
}
.detail .usatemp01 .dboxn div.img_list ul.thumb {
  display: flex;
  overflow: hidden;
  margin-top: 10px;
}
.detail .usatemp01 .dboxn div.img_list ul.thumb li {
  display: inline-block;
  width: 85px;
  margin-right: 10px;
  vertical-align: top;
  cursor: pointer;
}
.detail .usatemp01 .dboxn div.img_list ul.thumb li:last-child {
  margin-right: 0;
}
.detail .usatemp01 .dboxn div.img_list ul.thumb li.current img {
  opacity: 1;
  border: 1px #c00 solid;
}
.detail .usatemp01 .dboxn div.img_list ul.thumb li img {
  opacity: 0.5;
}
.detail .usatemp01 .dboxn .img_feature {
  margin-left: 150px;
}
.detail .dbox.usatemp01 #dbox1._02,
.detail .dbox.usatemp01 #dbox2._02,
.detail .dbox.usatemp01 #dbox3._02,
.detail .dbox.usatemp01 #dbox4._02,
.detail .dbox.usatemp01 #dbox5._02,
.detail .dbox.usatemp01 #dbox6._02,
.detail .dbox.usatemp01 #dbox7._02,
.detail .dbox.usatemp01 #dbox8._02,
.detail .dbox.usatemp01 #dbox9._02,
.detail .dbox.usatemp01 #dbox10._02,
.detail .dbox.usatemp01 #dbox11._02,
.detail .dbox.usatemp01 #dbox12._02,
.detail .dbox.usatemp01 #dbox13._02,
.detail .dbox.usatemp01 #dbox14._02,
.detail .dbox.usatemp01 #dbox15._02,
.detail .dbox.usatemp01 #dbox16._02,
.detail .dbox.usatemp01 #dbox17._02,
.detail .dbox.usatemp01 #dbox18._02,
.detail .dbox.usatemp01 #dbox19._02,
.detail .dbox.usatemp01 #dbox20._02,
.detail .dbox.usatemp01 #dbox21._02,
.detail .dbox.usatemp01 #dbox31._02 {
  transform: scale(-1, 1);
}
.detail .dbox.usatemp01 #dbox20,
.detail .dbox.usatemp01 #dbox20._02 {
  background-size: 80%;
}
.detail .dbox.usatemp01 .tabbox {
  margin-top: 120px;
}
.detail .dbox.usatemp01 .tabbox .hBox {
  margin: 50px auto;
  background: url('/usa/car/common/images/products/bg_tabbox.png') repeat-x #fff;
}
.detail .dbox.usatemp01 .tabbox h2 {
  width: 980px;
  background: #000;
  color: #fff;
  margin: 0 auto;
  padding: 3px 0;
  font-size: 22px;
  text-align: center;
  letter-spacing: 4px;
  font-weight: normal;
}
.detail .dbox.usatemp01 .tabbox .hBox dt,
.detail .dbox.usatemp01 .tabbox .hBox dd {
  width: 980px;
  margin: 0 auto;
}
.detail .dbox.usatemp01 .tabbox .hBox dt {
  padding-top: 50px;
  display: table;
}
.detail .dbox.usatemp01 .tabbox .hBox dd {
  clear: both;
  margin-top: 20px;
}
.detail .dbox.usatemp01 .tabbox .hBox dt h3,
.detail .dbox.usatemp01 .tabbox .hBox dt div.img {
  display: table-cell;
  vertical-align: bottom;
  width: 50%;
}
.detail .dbox.usatemp01 .tabbox .hBox dt h3 {
  font-size: 30px;
  transform: scale(0.8, 1);
  transform-origin: top left;
  font-weight: normal;
  line-height: 130%;
}
.detail .dbox.usatemp01 .tabbox .hBox dt div.img {
  text-align: right;
}
.detail .dbox.usatemp01 .tabbox .hBox dt div.img img {
  max-height: 75px;
  width: auto;
  margin-left: 10px;
}
.detail .dbox.usatemp01 .tabbox .hBox dd div.img {
  padding-top: 30px;
}
.detail .dbox.usatemp01 #features {
  background: #fff;
  width: 900px;
  margin: 120px auto 0 auto;
  padding-bottom: 70px;
}
.detail .dbox.usatemp01 #features h2 {
  color: #000;
  letter-spacing: 2px;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 22px;
  text-align: center;
  cursor: pointer;
  background: url('/usa/car/common/images/products/open.png') no-repeat 90% center;
}
.detail .dbox.usatemp01 #features h2.open {
  background: url('/usa/car/common/images/products/close.png') no-repeat 90% center;
}
.detail .dbox.usatemp01 #features h3 {
  transform: scale(0.8, 1);
  transform-origin: top left;
  font-size: 20px;
  color: #333;
  letter-spacing: 2px;
}
.detail .dbox.usatemp01 #features .hBox {
  display: none;
}
.detail .dbox.usatemp01 #features .hBox dt {
  margin-top: 50px;
}
.detail .dbox.usatemp01 #features .hBox dd {
  padding-left: 10px;
}
.detail .dbox.usatemp01 #features .hBox ul {
  margin-top: 30px;
  border-left: 1px solid #000;
}
.detail .dbox.usatemp01 #features .hBox ul li {
  list-style-type: none;
  padding-left: 10px;
  margin-left: 50px;
  margin-bottom: 10px;
  text-indent: -5px;
  font-size: 16px;
}
.detail .dbox.usatemp01 #features .hBox ul li:before {
  content: '';
  width: 5px;
  height: 5px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  position: relative;
  left: -20px;
  top: -3px;
}
.detail .dbox.usatemp01 .tabbox .hBox.bk {
  color: #fff;
  background: none;
  background-color: #000;
  margin-top: 0;
}

/*--------------------------------------------------------------------------------
 max-width: 1024px
--------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {

	/* 06_popup_summary */

.detail .dbox.usatemp01 .info,
.detail .dbox.usatemp01 #dbox1 .info,
.detail .dbox.usatemp01 #dbox2 .info,
.detail .dbox.usatemp01 #dbox3 .info,
.detail .dbox.usatemp01 #dbox4 .info,
.detail .dbox.usatemp01 #dbox5 .info,
.detail .dbox.usatemp01 #dbox6 .info,
.detail .dbox.usatemp01 #dbox7 .info,
.detail .dbox.usatemp01 #dbox8 .info,
.detail .dbox.usatemp01 #dbox9 .info,
.detail .dbox.usatemp01 #dbox10 .info,
.detail .dbox.usatemp01 #dbox11 .info,
.detail .dbox.usatemp01 #dbox12 .info,
.detail .dbox.usatemp01 #dbox13 .info,
.detail .dbox.usatemp01 #dbox14 .info,
.detail .dbox.usatemp01 #dbox15 .info,
.detail .dbox.usatemp01 #dbox16 .info,
.detail .dbox.usatemp01 #dbox17 .info,
.detail .dbox.usatemp01 #dbox18 .info,
.detail .dbox.usatemp01 #dbox19 .info,
.detail .dbox.usatemp01 #dbox20 .info,
.detail .dbox.usatemp01 #dbox21 .info,
.detail .dbox.usatemp01 #dbox31 .info {
  width: 85%;
  margin-right: auto;
  margin-left: auto;
}
.detail .dbox.usatemp01 .info .hBox,
.detail .dbox.usatemp01 .info .imgbox {
  width: 48%;
  margin: 0;
  padding: 0;
  overflow: inherit;
}
.detail .dbox:nth-of-type(even) .info .hBox {
  padding: 0 0 0 4%;
}
.detail .dbox.usatemp01 .info .hBox {
  padding: 0 4% 0 0;
}
.detail .usatemp01 .dboxn div.img_list ul.thumb {
  width: 100%;
}
.detail .usatemp01 .dboxn div.img_list ul.list_img {
  width: 100%;
}

.detail .dbox.usatemp01 .info div.img3 {
  width: 100%;
  overflow: inherit;
}
.detail .dbox.usatemp01 #dbox3 .info div.img3 {
  display: flex;
  overflow: hidden;
}
.detail .dbox.usatemp01 #dbox3 .info div.img3 span img {
  width: 100%;
}
.detail .dbox.usatemp01 #dbox14 .info div.img3 span {
  display: block;
  float: none;
  width: 100%;
}

}

/*--------------------------------------------------------------------------------
 max-width: 980px
--------------------------------------------------------------------------------*/
@media screen and (max-width: 980px) {

/* 06_popup_summary */
.detail .usatemp01 .dboxn div.img_list ul.thumb {
  display: flex;
}

/* 07_other_cat */
.detail .dbox.usatemp01 .other_cat .other_cat_link {
  width: 404px;
}

/* 09_spec_table */
.detail .dbox.usatemp01 .spec_table {
  width: 760px;
}

}

/*--------------------------------------------------------------------------------
 max-width: 786px
--------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	
/* 06_popup_summary */
.detail .dbox.usatemp01 {
  padding-bottom: 0;
}
.detail .dbox.usatemp01 .sp_tac{
		text-align: center;
	}


------------------------------------------------------------------------------*/

/* 06_popup_summary */
.detail .dbox.usatemp01 .info {
  display: inherit;
}
.detail .usatemp01 .dboxn {
  width: 100%;
  padding-top: 50px;
}
.detail .dbox.usatemp01 h3 {
  font-size: 28px;
}

	.detail .usatemp01 .dboxn div.img_list ul.list_img,
.detail .dbox.usatemp01 .info .imgbox,
.detail .dbox.usatemp01 .info .hBox {
  width: 100%;
}
.detail .dbox.usatemp01 .info .hBox,
.detail .dbox:nth-of-type(even) .info .hBox {
  padding: 0;
}
.detail .dbox.usatemp01 .info {
  display: inherit;
}
.detail .usatemp01 .dboxn {
  width: 100%;
}
.detail .dbox.usatemp01 div.img img {
  margin-top: 10px;
  margin-bottom: 10px;
}
.detail .usatemp01 .dboxn div.img_list ul.thumb li {
  width: inherit;
}
.detail .dbox.usatemp01 #dbox4 .info .hBox {
  margin-bottom: 20px;
}



/* 20190724 */
.detail .dbox.usatemp01 .side_image {
  text-align:center
}

.detail .dbox.usatemp01 .side_image img {
  width:70%; 
}

.detail .dbox.usatemp01 .Description {
 padding:2% 5%;
}

.detail .dbox.usatemp01 .Description .text {
  padding-top: 2%;
  display:inline-block;
  width:48%;
  text-align:left;
  vertical-align:top;
}

.detail .dbox.usatemp01 .spec_table .tableType03{
  overflow: auto;
}

/* ico_plus_white */
.detail .dbox.usatemp01 .ico_plus_white {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding-right: 23px;
  color: #ffffff;
  font-size: 22px;
}
.detail .dbox.usatemp01 .ico_plus_white:after {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 19px;
  color: #ff0000;
  content: "＋";
}
.detail .dbox.usatemp01 a.ico_plus_white:link,
.detail .dbox.usatemp01 a.ico_plus_white:visited,
.detail .dbox.usatemp01 a.ico_plus_white:hover,
.detail .dbox.usatemp01 a.ico_plus_white:active {
  color: #ffffff;
  text-decoration: none;
  outline: none;
}
}
@media screen and (max-width: 480px) {
  .detail .dbox.usatemp01 .Description .text {
  padding-top: 0%;
  width:100%;
}
}

/*template02_h3*/
.dboxn .info.tmp02_change{
  display: inherit!important;
  text-align: center!important;
}
.dboxn .info.tmp02_change .hBox{
  padding:0!important;
  width: 100%!important;
  text-align: center!important;
}
.dboxn .info.tmp02_change .imgbox{
  width: 100%!important;
}
.dboxn .info.tmp02_change .img.tal{
  text-align: center!important;
}
.dboxn .info.tmp02_change .img img{
  max-width: 100%!important;
  display: block!important;
  margin-bottom: 5px!important;
  margin:0 auto!important;
}
.dboxn .info.tmp02_change .hBox h3{
  margin-bottom: 40px!important;
  margin-right: 0!important;
  font-size: 35px!important;
  font-weight: normal!important;
  line-height: 120%!important;
  transform-origin: top center!important;
  transform: scale(0.8, 1)!important;
  text-align: center!important;
  display: inline-block!important;
}
.dboxn .info.tmp02_change .hBox p{
  font-size: 20px!important;
  line-height: 1.875!important;
  margin: 0 80px 40px!important;
}