@charset "utf-8";

/* 2015-04-24 */

/*
 * -------------------------------------------------------------------- *|
 * -------------------------------------------------------------------- *|
 */
html {
  overflow-y: visible;
}
#mainContent {
/*
  border-bottom: 1px solid #c9c9c9;
*/
  padding-bottom: 10px;
}

/* タイトル */
.ttl_typeA {
  color: #fff;
  background-color: #a5acb2;
  font-size: 1.9rem;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  display: table;
  width: 984px;
  height: 45px;
  margin: 0 auto;
  padding: 0;
}
.ttl_typeA .type_headline {
  letter-spacing: 0.2em;
  vertical-align: middle;
  display: table-cell;
  padding: 0 0 0 0.2em;
}
.ttl_typeB {
  color: #fff;
  background-color: #99b3ca;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
  display: table;
  width: 984px;
  height: 32px;
  margin: 20px auto 0;
  padding: 0;
}
.ttl_typeB .type_headline {
  letter-spacing: 0.1em;
  vertical-align: middle;
  display: table-cell;
  padding: 0 0 0 0.1em;
}

/*
 * -------------------------------------------------------------------- *|
 * 製品カテゴリページ
 * -------------------------------------------------------------------- *|
 */
.cat_bnrs_area {
  width: 984px;
  margin: 0 auto;
  padding: 0 0 5px;
}
.cat_bnrs_area ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cat_bnrs_area li,
.cat_bnrs_area p {
  margin: 0;
  padding: 0;
}
.cat_bnrs_area .cell {
  float: left;
  margin: 4px 0 0 4px;
  position: relative;
}
.cat_bnrs_area .cell > img {
  width: 100%;
  height: 100%;
}
/*  */
.cat_bnrs_area .bnr_typeA {
  clear: both;
}
.cat_bnrs_area .bnr_typeA .cell {
  float: none;
  margin: 4px auto 0;
}
.bnr_typeA .bnr_high {
  width: 984px;
  height: 130px;
}
.bnr_typeA .bnr_mid {
  width: 984px;
  height: 105px;
}
.bnr_typeA .bnr_low {
  width: 984px;
  height: 70px;
}
.bnr_typeA .bnr_lower {
  width: 984px;
  height: 50px;
}
.bnr_typeB + .bnr_typeA,
.bnr_typeC + .bnr_typeA,
.bnr_typeD + .bnr_typeA {
  padding-top: 4px;
}
.bnr_typeB + .bnr_typeA .cell,
.bnr_typeC + .bnr_typeA .cell,
.bnr_typeD + .bnr_typeA .cell {
  margin-top: 0;
}
/*  */
.bnr_typeB .cell:nth-child(2n+1) {
  margin-left: 0;
  clear: both;
}
.bnr_typeB .bnr_high {
  width: 490px;
  height: 165px;
}
.bnr_typeB .bnr_mid {
  width: 490px;
  height: 130px;
}
.bnr_typeB .bnr_low {
  width: 490px;
  height: 70px;
}
/*  */
.bnr_typeC .cell:nth-child(3n+1) {
  margin-left: 0;
  clear: both;
}
.bnr_typeC .bnr_high {
  width: 325px;
  height: 165px;
}
.bnr_typeC .bnr_low {
  width: 325px;
  height: 110px;
}
.bnr_typeC .cell:nth-child(3n-1) {
  width: 326px;
}
/*  */
.bnr_typeD .cell:nth-child(4n+1) {
  margin-left: 0;
  clear: both;
}
.bnr_typeD .bnr_high {
  width: 243px;
  height: 165px;
}
.bnr_typeD .bnr_low {
  width: 243px;
  height: 110px;
}

/* その他の指定 */
.cat_bnrs_area .cat_bnrs.stand-alone .cell {
  margin: 20px 0 0;
}
.cat_bnrs_area .lt-current-year {
  font-size: 1.2rem;
  text-align: right;
  margin: 20px 0 10px;
}

/* --------------------------------------------------- *
 * カメラ
 */
#camera.cat_index .ttl_typeA {
  background: #a5acb2 url(/common/data/img/products/cat_index/camera_hdr_logo.png) right top no-repeat;
}

/* リンクテキスト */
#camera.cat_index .link_txt {
  font-size: 1.2rem;
  line-height: 1;
  position: absolute;
  right: 145px;
  bottom: 12px;
}
/*
#camera.cat_index .cat_bnrs.num3 li:nth-of-type(3) .link_txt {
  line-height: 1.3;
  bottom: 5px;
}
 */
/*
 * -------------------------------------------------------------------- *|
 * 製品詳細ページ
 * -------------------------------------------------------------------- *|
 */
.detail_area {
  width: 984px;
  margin: 0 auto;
  position: relative;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ h1 / 製品名周辺
 */
.detail_area .product_hdr {/*
  border-bottom: 1px solid #014f99;*/
  float: left;
  width: 800px;
  min-height: 50px;
  margin: 0 0 20px;
  padding: 23px 0 0;
  position: relative;
}
/* 発売時期アイコン */
.detail_area .product_hdr .skd_icon {
  display: block;
  width: 110px;
  height: 25px;
  position: absolute;
  top: -2px;
  left: 0;
}
.detail_area .product_hdr .skd_icon img {
  width: 110px;
  height: 25px;
}
.detail_area .product_hdr .skd_icon.icon_discon,
.detail_area .product_hdr .skd_icon.icon_fewness {
  background: url(/common/img/archive_icon.png) center center no-repeat;
  width: 58px;
	background-size: 110px 25px;
}
.detail_area .product_hdr .skd_icon.icon_fewness {
  background: url(/common/img/archive_icon2.png) center center no-repeat;
  background-size: 110px 25px;
}
.product_hdr .skd_icon.icon_discon img,
.product_hdr .skd_icon.icon_fewness img {
  width: 58px;
  visibility: hidden;
}
.detail_area .product_hdr h1 {
  color: #014f99;
  font-size: 2.4rem;
  line-height: 1.2;
  margin: 0;
}
.detail_area .hdr_area .btn_store {
  float: right;
  width: 128px;
  margin-top: 22px;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ 製品画像
 */
.detail_area .product_img {
  float: left;
  width: 334px;
  padding-bottom: 30px;
}
.detail_area .product_img_main img {
  width: 300px;
  height: 225px;
}
.detail_area .product_img_sub img {
  width: 94px;
  height: auto;
}
.detail_area .product_img_sub ul {
  margin: 9px 0 0;
  padding: 0;
}
.detail_area .product_img_sub li {
  list-style: none;
  float: left;
  margin: 0 0 9px 9px;
}
.detail_area .product_img_sub li:nth-child(3n+1) {
  margin-left: 0;
  clear: both;
}
.detail_area .product_img_note p {
  font-size: 1.3rem;
  line-height: 1.4;
  margin: 0 34px 0 0;
}
.detail_area .product_img_note p.rice {
  text-indent: -1em;
  margin-left: 1em;
}


/*
 * -------------------------------------------------------------------- *|
 * ____ 製品詳細
 */
.detail_area .outline_area {
  float: left;
  width: 650px;
}
.detail_area .outline_area p,
.detail_area .outline_area dt,
.detail_area .outline_area dd,
.detail_area .outline_area li {
  line-height: 1.6;
}
.detail_area .outline_body {
  position: relative;
}
.detail_area .outline_body .outline_comment,
.detail_area .outline_body .outline_symbol {
  margin: 0;
  padding: 0 0 20px;
}
.detail_area .outline_data {
  float: right;
  width: 128px;
/*  height: 80px;*/
  height: auto;
/*  margin-top: -21px;*/
  margin-top: -16px;
}
.detail_area .outline_data p {
  line-height: 1.3;
  text-align: right;
  margin: 0 0 0 -74px;
}
.detail_area .outline_data p.price {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0 8px 8px 0;
  padding-bottom: 5px;
}

/* --------------------------------------------------- *
 * 製品コメント / 機能説明アイコン
 */
.outline_symbol {
  
}
.outline_symbol ul.pkg {
  list-style: none;
  margin: 0;
  padding: 0;
}
.outline_symbol ul.pkg > li {
  float: left;
  margin: 0 5px 0 0;
  cursor: default !important;
}
.outline_symbol ul.pkg > li > .tooltip {
  display: none;
}

/* --------------------------------------------------- *
 * 製品概要
 */
.outline_note {
  min-height: 225px;
}
.outline_comment + .outline_note,
.outline_symbol + .outline_note {
  min-height: 172px;
  padding-top: 10px;
}
.outline_note {/*
  margin-right: 140px;*/
}
.outline_note p,
.outline_note ul,
.outline_note ol,
.outline_note dl,
.outline_note div {
  margin: 0 0 30px;
}
.outline_note ul ul {
  margin-bottom: 0.3em;
}
.outline_note dt {
  float: left;
  width: 6em;
}
.outline_note dd {
  margin-left: 6em;
}
.outline_note ul {
  margin: 0 0 30px 1em;
  padding: 0;
}
.outline_note ul.rice {
  list-style: none;
  margin: 0 0 30px 1em;
}
.outline_note ul.rices {
  list-style: none;
  margin: -20px 0 30px 2em;
  text-indent: -1em;
}
.outline_note dd > ul,
.outline_note dd > ul.rice,
.outline_note dd.marker > ul.rice {
  list-style: none;
  margin: 0 0 0 1em;
}
.outline_note dd > ul li,
.outline_note ul.rice li {
  text-indent: -1em;
}
.outline_note ul.linkL {
  margin-left: 0;
}
.outline_note ul.linkL li {
  text-indent: 0;
}
.outline_note dd ul.no-marker {
  margin-left: 0;
}
.outline_note dd ul.no-marker li {
  text-indent: 0;
}
.no-marker li {
  text-indent: 0;
}
.outline_note dd > ul.marker {
  margin: 0 0 30px 1em;
}
.outline_note dd > ul.marker li,
.outline_note .rice ul.marker li {
  list-style-type: disc;
  text-indent: 0;
}
.outline_note dd > ul.marker li li,
.outline_note .rice ul.marker li li {
  list-style-type: circle;
}
.outline_note p.rice {
  text-indent: -1em;
  margin-left: 1em;
}
.outline_note p.rices {
  text-indent: -2em;
  margin-left: 2em;
}
.outline_note ol {
  padding-left: 2em;
}
.outline_note ol.rice {
  padding-left: 3em;
}
.outline_note ol.rice li span.marker {
  display: inline-block;
  width: 3em;
  margin-left: -3em;
}
.outline_note .anno,
.outline_note .rice.anno {
  margin-top: -20px;
}

/* 文字数の多い dt 要素（製品概要、備考といった見出し）についての指定 */
.outline_note p.dt {
  margin-bottom: 5px;
}

/* ［.box］に内包された p,ul,dl,div の margin-bottom を変更 */
.outline_note .box p,
.outline_note .box ul,
.outline_note .box ol,
.outline_note .box dl,
.outline_note .box div {
  margin-bottom: 0;
}
.outline_note .box {
  margin-bottom: 30px;
}
.outline_note .design_reg {
  font-size: 1.2rem;
  line-height: 1.3;
  float: left;
}
.outline_note .design_reg span {
  color: #e72323;
  border: 1px solid #e72323;
  text-align: center;
  display: inline-block;
  padding: 2px 3px;
}
.outline_note .spec_icon,
.outline_note .btn_function {
  text-align: right;
}
/*  */
.outline_note .blockRowPer2 .cell,
.outline_note .blockRowPer3 .cell,
.outline_note .blockRowPer4 .cell,
.outline_note .blockRowPer5 .cell,
.outline_note .block-2col .cell,
.outline_note .block-3col .cell,
.outline_note .block-4col .cell,
.outline_note .block-5col .cell {
  margin-bottom: 0;
}
.outline_note .outline_img_note img {
  width: 100%;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ PDFダウンロード
 */
.outline_note  a[href$=".pdf"] {
  background: url(/support/img/pdf_icon.png) right center no-repeat;
  padding: 2px 20px 2px 0;
}


/*
 * -------------------------------------------------------------------- *|
 * ____ 機能・仕様、スペシャルサイトへのバナー
 */
.carnav_keycolor ,
.carnav_keycolor img,
.carnav_lp_page,
.carnav_lp_page img,
.prd_funcbtn,
.prd_funcbtn img {
  width: 254px;
  height: 40px;
}


/*
 * -------------------------------------------------------------------- *|
 */
.outline_area .btn_manual {
  text-align: right;
  padding: 0 0 30px;
}
.outline_area .btn_manual p.note {
  color: #666;
  font-size: 1.25rem;
  line-height: 1.2;
  margin: 0;
  padding: 0 4px 3px;
}
.outline_area .btn_manual p {
  margin: 0;
  padding: 0;
}
.outline_area .btn_manual p img {
  width: 232px;
  height: auto;
}

.outline_body + .outline_ftr_note {
  color: #666;
  list-style: none;
  text-align: right;
  margin: 0 0 30px;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ otherlist.inc
 */
.other_list nav {
  border: 1px solid #ccc;
  width: 942px;
  margin: 0 auto 30px;
  padding: 20px;
  padding-left: 5px;
}
.other_list h3 {
  color: #014f99;
  font-size: 1.6rem;
  margin: 0;
  padding: 0 0 10px 15px;
}
.other_list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.other_list li {
  text-align: center;
  float: left;
  width: 155px;
  margin: 0 0 0 30px;
  padding: 0;
}
.other_list li h4 {
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: center;
  margin: 5px 0 10px;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ 製品ページ用モジュール
 */
.mainContent {
  width: 984px;
}
.mainContent h2 {
  background:none;
  color:#000;
  width: 984px;
  padding:0;
  margin:0;
}
#technologies .txtP,
#phpchange .txtP {
  line-height: 1.6;
}
#technologies ul,
#technologies ol,
#phpchange ul,
#phpchange ol {
  list-style: none;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
#technologies th,
#technologies td,
#technologies dl,
#technologies dt,
#technologies dd,
#phpchange th,
#phpchange td,
#phpchange dl,
#phpchange dt,
#phpchange dd {
  line-height: 1.6;
  margin: 0;
  padding: 0;
}
#technologies .pat05 table th,
#technologies .pat05 table td {
  font-size: 1.3rem;
  white-space: nowrap;
  padding: 4px 8px;
}
#spec_area {
  margin: 0 auto;
  width: 984px;
}
#spec_area h2{
  font-size:131%;
  padding-bottom:10px;
  border-bottom:1px solid #004E98;
  margin-bottom:20px;
  color:#014f99;
}
#spec_area h2 span{
  font-size:85%;
  vertical-align:1px;
}
.featureBox h2,
.featureBox4 h2{
  font-size:131%;
  padding-bottom:10px;
  border-bottom:1px solid #004E98;
  margin-bottom:20px;
  color:#014f99;
}
#phpchange .discL {
  margin: 0 0 15px;
}

/* feature */
.featureBox,
.featureBox4 {
  width: 970px;
  margin: 0 auto 30px;
  padding: 20px 0 0;
/*  border-top: 1px solid #004E98;*/
}
.featureBox .detail,
.featureBox4 .detail {
  border-bottom: none;
}
.featureIndex {
  float: left;
  margin: 0 33px 0 0;
  text-align: center;
  width: 300px;
}
.featureIndex:last-child { margin-right: 0;}

.featureBox .featureIndex a, .featureBox4 .featureIndex a,
.featureBox .featureIndex a:link, .featureBox4 .featureIndex a:link,
.featureBox .featureIndex a:visited, .featureBox4 .featureIndex a:visited {
  text-decoration: none;
}
.featureIndex .imgP {
  text-align: center;
}
.featureIndex h3 {
  color: #1F60B6;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
  margin: 5px 0 10px;
  padding-bottom: 15px;
  background: url(/common/img/h_03.gif) no-repeat right bottom;
}
.featureIndex h3 span {
  display: block;
  font-size: 1.1rem;
  font-weight: normal;
  line-height: 1.4;
  margin-top: 5px;
}
#speaker .featureIndex.detail {
  padding: 0;
  border: none;
}

.featureBox4 {/*
  width: 970px;
  margin: 0 0 20px 0;
  padding: 20px 0 0;*/
}
.featureBox4 .featureIndex {
  float: left;
  margin: 0 0 0 25px;
  text-align: center;
  width: 210px;
}

/* テクノロジー */
#technologies { width: 984px; margin: 0 auto; padding-top: 30px;}
#technologies section { margin-bottom: 30px;}
#technologies section.group { margin-bottom: 0;}
#technologies h2 {
  border-bottom: 1px solid #004E98;
  color: #014F99;
  font-size: 131%;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

#technologies section.group .pat01,
#technologies section.group .pat03,
#technologies section.group .pat08,
#technologies section.group .pat11 {
  padding: 0 25px;
}

/* */
#technologies section.group h3,
#technologies div.group h3 {
  color: #666;
  font-size: 108%;
  font-weight: bold;
  line-height: 1.6;
  margin: 12px 0 16px;
  padding: 5px 10px;
  border-bottom: none;
  background-color:  #EEF5FA;
}
#technologies section.group h4 {
  font-weight: bold;
  margin: 0 0 10px;
  padding-left: 16px;
  background: url(/common/img/heading-bg.gif) no-repeat left center;
}
#technologies section.group p + h4 { margin-top: 16px;}

#technologies section.group .pat03 { margin: 0 auto 15px;}

#technologies .functionL { width: 936px; margin: 0 auto;}
#technologies .functionL li {
  background-color: #EEE;
  display: block;
  float: left;
  margin-bottom: 2px;
  margin-left: 2px;
  padding: 10px;
  width: 211px;
}
#technologies .functionL .w {
  width: 444px;
}

/* 製品仕様／付属品 */
#speaker .mainContent + #aside_contents { padding-top: 20px;}
/*
#speaker #phpchange { margin-bottom: 30px;}
*/
#speaker .specTable table { width: 100%;}

#speaker .specTable table + div { padding-top: 40px;}
#speaker .specTable + section { padding-top: 50px;}

#speaker .specTable td, #speaker .specTable  th {
  color: #333;
  padding: 5px;
  border: 1px solid #CCCCCC;
}
#speaker .specTable th { width:28%;background:#eee;font-weight:normal;}

#speaker .specTable .pat05,
#speaker .specTable .pat10 {
  margin-bottom: 0;
}
#speaker .specTable th.cells_type_headline {background:#eee;font-weight:bold;}

#speaker .specTable .annotation {
  color: #333;
  padding: 8px 0 16px;
}
#speaker #technologies ul.cf {
  clear: both;
}
.section_second dl.databox {
  background-color: #F2F2F2;
  border: 1px solid #CCCCCC;
}
.section_second .databox {
  color: #333333;
  font-size: 93%;
  margin-top: 1em;
}
.section_second dl.databox dt {
  background: url(/common/img/databox_titleBg.png) repeat scroll center bottom #999999;
  color: #FFFFFF;
  font-size: 100%;
  margin: 1px 1px 0;
  padding: 5px 10px;
}
.section_second dl.databox dt + dd {
  border-top: medium none;
}
.section_second dl.databox dd {
  padding: 10px;
}

/* 製品詳細ページの対応表 */
.productKitTable {
  border: 1px solid #ccc;
}
.productKitTable td, .productKitTable th {
  color: #333;
  padding: 3px;
  font-size: 93%;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.productKitTable th { line-height: 1.6; white-space: nowrap;width:28%;background:#eee;font-weight:bold;text-align: center;vertical-align: middle; }
.productKitTable td { line-height: 1.6; white-space: nowrap;vertical-align: middle; }
.productKitTable td.noteP {
    border-left: medium none;
}
.annotationCount {
  padding-left: 3em;
  text-indent: -3em;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ フリーエリア関連
 */
.def_format984 {
  line-height: 1.6;
  width: 984px;
  margin: 0 auto;
}
.def_format934 {
  line-height: 1.6;
  width: 934px;
  margin: 0 auto;
}
.def_format984 .hor_table,
.def_format984 .ver_table {
  border: 1px solid #ccc;
  border-bottom: none;
  width: 100%;
}
.def_format984 .block-2col .hor_table {
  width: 99%;
  margin-right: 0;
  margin-left: auto;
}
.def_format984 .block-2col .cell:nth-child(2n+1) .hor_table {
  margin-right: auto;
  margin-left: 0;
  vertical-align: top;
}

/*
 * 関連する th と td が横位置
 */
.def_format984 .hor_table th {
  color: #fff;
  background-color: #999;
  border: 1px solid #ccc;
  border-top: none;
  border-left: none;
  width: 39%;
  padding: 5px;
}
.def_format984 .hor_table td {
  border: 1px solid #ccc;
  border-top: none;
  border-left: none;
  padding: 5px;
}

/*
 * 関連する th と td が縦位置
 */
.def_format984 .ver_table th {
  color: #fff;
  background-color: #999;
  border: 1px solid #ccc;
  border-top: none;
  border-left: none;
  padding: 5px;
}
.def_format984 .ver_table td {
  border: 1px solid #ccc;
  border-top: none;
  border-left: none;
  padding: 5px;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ 製品ページに動画掲載｜2015-07-29
 */
.movie_area {
  background-color: #f3f3f3;
  width: 984px;
  margin: 0 auto 20px;
  padding: 42px 0;
}
.movie_area iframe {
  display: block;
  width: 860px;
  height: 484px;
  margin: 0 auto;
  z-index: 100;
}
.movie_area .movie_area_subcnt {
  float: left;
  width: 448px;
  margin-left: 26px;
}
.movie_area .movie_area_subcnt:first-child {
  margin-left: 29px;
}
.movie_area .movie_area_subcnt iframe {
  width: 448px;
  height: 252px;
}
/*
.movie_area h2 {
  color: #002a95;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 0 0 10px 60px;
}
.movie_area .movie_area_subcnt h2 {
  margin-left: 0;
}
*/
/* ____ 製品ページに動画掲載::追加｜2017-01-31 */
.movie_area.ttl_on {
  margin: 0 auto 20px;
  padding: 18px 0 42px;
}
.movie_area .movie_hdr {
  color: #666;
  font-size: 1.8rem;
  height: 28px;
  margin: 0;
  padding: 0 0 0 64px;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ アルパインストア｜2015-11-09
 */
.hdr_area .btn_apnstore {
  float: right;
  width: 178px;
  height: 48px;
  margin-top: 22px;
}
.hdr_area .btn_apnstore img {
  width: 100%;
  height: auto;
}
.detail_area .outline_data p.price {
  padding-right: 0;
}


/*
 * -------------------------------------------------------------------- *|
 * ____ 表組関連｜2016-01-22
 */
.ol_list_table {
  width: 100%;
  margin-bottom: 30px;
}
.ol_list_table caption {
  padding: 0 0 0.6em;
}
.ol_list_table .cell_def {
  background-color: #eee;
}
.ol_list_table th,
.ol_list_table td {
  line-height: 1.3;
  border: 1px solid #ccc;
  padding: 5px;
}
.ol_list_table .w10pr { width: 10%;}
.ol_list_table .w15pr { width: 15%;}
.ol_list_table .w20pr { width: 20%;}
.ol_list_table .w25pr { width: 25%;}
.ol_list_table .w30pr { width: 30%;}
.ol_list_table .w35pr { width: 35%;}
.ol_list_table .w40pr { width: 40%;}
.ol_list_table .w45pr { width: 45%;}
.ol_list_table .w50pr { width: 50%;}
.ol_list_table .w55pr { width: 55%;}
.ol_list_table .w60pr { width: 60%;}
.ol_list_table .w65pr { width: 65%;}

/* ---------------------------------------------- *
** 表組 製品概要｜2016-09-08
**/
.prd_functable table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 99%;
  margin: 0 auto;
}
.prd_functable td {
  background-color: #f6f6f6;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 1.3rem;
  line-height: 1.3;
  text-align: left;
  vertical-align: middle;
  width: 67%;
  padding: 3px 5px;
}
.prd_functable.w-z-size td {
  width: 58%;
}
.prd_functable.w-l-size td {
  width: 48%;
}
.prd_functable.w-m-size td {
  width: 38%;
}
.prd_functable.w-s-size td {
  width: 28%;
}
.prd_functable.w-x-size td {
  width: 18%;
}
.prd_functable td.td-marker {
  background-color: #fff;
  text-align: center;
  width: auto;
}
.prd_functable td.td-rowspan {
  width: auto;
}
.prd_functable td.txt-nowrap {
  white-space: nowrap;
}
.prd_functable td.w3em {
  width: 3em;
}
.prd_functable td.w4em {
  width: 4em;
}
.prd_functable td.w5em {
  width: 5em;
}
.prd_functable td.w6em {
  width: 6em;
}
.prd_functable .anno {
  margin: 6px 0 0 4px !important;
}
.prd_functable ul.anno li {
  margin-left: 1em !important;
}
.prd_functable td.normal-txt {
  background-color: #fff;
  text-align: left;
  width: auto;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ フリーエリアアイコン｜2016-09-12
 */
.free_area1 .skd_icon {
  height: auto;
}
.free_area1 .skd_icon img {
  display: block;
  width: 60%;
  height: auto;
  margin: 2px auto;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ 製品詳細部分へのimg配置（width: 100%;）｜2016-09-16
 */
.prd_ol_img img {
  width: 100%;
  height: auto;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ 製品詳細：対応車種表組み｜2017-02-09
 */
.prd_fittable table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 99%;
  margin: 0 auto;
}
.prd_fittable .list_item {
  background-color: #f6f6f6;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.3;
  vertical-align: middle;
  padding: 3px 5px;
}
.prd_fittable td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 1.3rem;
  line-height: 1.3;
  text-align: left;
  vertical-align: middle;
  padding: 3px 5px;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ 車種専用 セパレート3ウェイスピーカー：バナー追加｜2017-02-10
 */
.bnr_area#bnr_x-special-site {
  width: 860px;
  margin: 0 auto 30px;
}
.bnr_area#bnr_x-special-site a {
  display: block;
  width: 100%;
  height: 100%;
}
.bnr_area#bnr_x-special-site img {
  width: 100%;
  height: auto;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ 製品概要：リストの入れ子設定｜2017-03-09
 */
.outline_note ul.marker .marker_rice {
  list-style: none;
  margin: 0 0 0 1em;
}
.outline_note ul.marker .marker_rice > li {
  list-style: none !important;
  text-indent: -1em;
}
.outline_note ul .rice_marker {
  list-style-type: circle;
}
.outline_note ul .rice_marker > li {
  text-indent: 0 !important;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ 製品概要｜2017-03-09
 */
.free_areas {
  width: 984px;
  margin: 0 auto;
}

/* スピーカーロゴ */
.free_areas .speaker-x-series {
  padding-bottom: 20px;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ 製品概要｜2017-04-12
 */
.bnr_area.width-full {
  width: 984px;
  margin: 0 auto;
}
.bnr_area.width-full img {
  width: 100%;
  height: auto;
}
#c-hr-lp {
  padding-bottom: 36px;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ 製品詳細：カートイズ｜2017-06-23
 */
.free_area1 .cartoys_note p.note.block_type {
  margin: 0 auto 12px;
  width: 984px;
}
.free_area1 .cartoys_note p.note.txt_box {
  line-height: 1.5;
  padding: 0 0 20px;
}
.outline_note > .txtRight > img.ico-log.ico-cartoys {
    width: 154px;
    height: auto;
}

/*
 * -------------------------------------------------------------------- *|
 * ____ カーナビ、モニター、カメラの各機能詳細ページへのボタン

 */
.funcBtn_1706,
.funcBtn_1706 img,
.prd_funcbtn.funcBtnPast_1706,
.prd_funcbtn.funcBtnPast_1706 img  {
  width: 584px;
  height: 76px;
}


/* 
 * ___ 追加の設定がある場合 ___
 * 通常の汎用的な設定については、この項目よりも前に追記すること
 * -------------------------------------------------------------------- *|
 * ____ 製品詳細：動画掲載バージョン2｜2017-01-27
 */
/* modalwindow
------------------------------------------------ */
#overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .9;
  filter: alpha(opacity=90);
  z-index: 100;
}

#modal_contents {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  background: url(/carnavigation/img/ajax-loader3.gif) no-repeat center center;
  z-index: 200;
}
.modal_done { background: none !important; }

#modal_target {
  position: relative;
  z-index: 1;
}

#modal_close {
  position: fixed;
  top: 14px;
  right: 14px;
  display: block;
  width: 28px;
  height: 28px;
  background: url(/carnavigation/img/modal_close_pc.png) no-repeat left top;
  background-size: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 2;
}
#modal_close:hover { text-decoration: none; opacity: .3; filter: alpha(opacity=30); }

#menuOverlay {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  z-index: 5;
}

/* -------------------------------------------------------------------- */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 104200;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: .9; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 104300;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 104500; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 104400; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 104600;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
/*  padding: 0 0 18px 10px;*/
  padding: 0;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }

/*
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }
*/
.mfp-arrow-left {
  left: 0; }
/*
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }
*/
.mfp-arrow-right {
  right: 0; }
/*
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }
*/

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 982px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 819px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: .67;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* -------------------------------------------------------------------- *
 * jquery.magnific-popup.min.js -rewrite-
/* -------------------------------------------------------------------- */
.mfp-figure figure {
  background-color: transparent;
}
.mfp-zoom-out-cur {
  cursor: default;
}
.mfp-image-holder .mfp-content {
  max-width: 982px;
  width: 96%;
}
.mfp-gallery .mfp-close,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
.mfp-gallery .mfp-close,
#modal_close {
  position: fixed;
  top: 30px;
  right: 30px;
  display: block;
  width: 33px;
  height: 33px;
  background: url(/carnavigation/img/modal_close_pc.png) no-repeat left top;
  background-size: 100%;
  z-index: 2;
}
.mfp-title {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.3;
  padding: 2px 48px 0 2px;
}
button.mfp-arrow.mfp-arrow-left {
  background: url(/carnavigation/img/slide_prev1.png) no-repeat center center;
}
button.mfp-arrow.mfp-arrow-right {
  background: url(/carnavigation/img/slide_next1.png) no-repeat center center;
}

/* ------------------------------------------- */
@media screen and (max-width: 819px){
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
.mfp-gallery .mfp-close,
#modal_close {
  top: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  padding-right: 0;
  background-image: url(/carnavigation/img/modal_close_sp.png);
}

/*.mfp-figure > .mfp-close*/
.mfp-gallery .mfp-container + .mfp-close {
  display: none;
}
button.mfp-arrow.mfp-arrow-left {
  background-position: left center;
}
button.mfp-arrow.mfp-arrow-right {
  background-position: right center;
}
/* @media screen and (max-width: 819px)*/ }
/* ------------------------------------------- */


/* -------------------------------------------------------------------- *
 * PC
 * -------------------------------------------------------------------- */
@media screen and (min-width: 820px){

.gallery_area {
  margin-bottom: 40px;
}
.gallery_area .pc-only {
  width: 984px;
  margin: 0 auto;
}
.mfp-iframe-holder .mfp-close,
#modal_close {
  position: fixed;
  top: 30px;
  right: 30px;
  display: block;
  width: 33px;
  height: 33px;
  background: url(/carnavigation/img/modal_close_pc.png) no-repeat left top;
  background-size: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 2;
}
/* @media screen and (min-width: 820px)*/ }
/* ------------------------------------------- */

/* -------------------------------------------------------------------- *
 * サムネイル部分
 * -------------------------------------------------------------------- */
.movie_col .bnr_area {
  background-color: #f3f3f3;
  font-size: 0;
  text-align: center;
  width: 984px;
  margin: 0 auto 20px;
  padding: 16px 0;
}
.movie_col .bnr_area li {
  border-left: solid #f3f3f3 1px;
  display: inline-block;
  width: 474px;
  margin: 0;
  padding: 0;
}
.movie_col .bnr_area li:first-child {
  border-right: solid #f3f3f3 1px;
}
.movie_col .bnr_area li img {
  width: 100%;
  height: auto;
}
.movie_col.one_col .bnr_area li {
  border: none !important;
  width: 860px;
}


/* -------------------------------------------------------------------- *|
 * ____ 変更するなキケン::display: none;
 */
.display_none1605 {
  display: none !important;
}
.display_none1605.prd_funcbtn {
  display: block !important;
}
.display_none1611 {
  display: none !important;
}

/*
 * -------------------------------------------------------------------- *
 * ------------------------------------------------------------- EOF -- */