@charset "UTF-8";
/* z-index */
/* media query */
/* table width ratio */
.level3 h3 {
  pointer-events: none; }

#container #main-accordion .level3 h3.opened + .body .floatThead-container {
  display: block; }

/**************************小タイトルのアコーディオン設定************************/
/* タイトル */
/* タイトル開いた時 */
/* コンテンツ 閉じた時 */
/***for japan オートマチックトランスミッション ***/
/***for japan オーディオの上手な使いかた ***/
/***for japan オーディオの操作 ***/
/***for japan オーディオリモートコントロールスイッチの操作 ***/
/***for japan ポータブルオーディオ機器を使用していただくために ***/
html[lang="jpn"] div.level3 div[id^="id030601"]:not(#id03060100) div.body {
  overflow: hidden;
  height: 0; }
  html[lang="jpn"] div.level3 div[id^="id030601"]:not(#id03060100) div.body .floatThead-container {
    display: none; }

html[lang="jpn"] div.level3 div[id^="id030601"]:not(#id03060100) h3 {
  background: #666666 url(../img/closed.png) no-repeat 99% 50%;
  font-family: 'MazdaType-Bold', 'Noto Sans CJK JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #F1F1F1;
  margin: 0em;
  cursor: pointer;
  padding: 6px 44px 4px 19px;
  pointer-events: auto; }
  html[lang="jpn"] div.level3 div[id^="id030601"]:not(#id03060100) h3 else {
    font-family: 'MazdaType-Bold', 'Noto Sans CJK JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
    font-style: normal;
    font-weight: bold; }
  html[lang="jpn"] div.level3 div[id^="id030601"]:not(#id03060100) h3.opened {
    background: #666666 url(../img/opened.png) no-repeat 99% 50%; }

html[lang="jpn"] div.level3 div[id^="id040213"]:not(#id04021300) div.body {
  overflow: hidden;
  height: 0; }
  html[lang="jpn"] div.level3 div[id^="id040213"]:not(#id04021300) div.body .floatThead-container {
    display: none; }

html[lang="jpn"] div.level3 div[id^="id040213"]:not(#id04021300) h3 {
  background: #666666 url(../img/closed.png) no-repeat 99% 50%;
  font-family: 'MazdaType-Bold', 'Noto Sans CJK JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #F1F1F1;
  margin: 0em;
  cursor: pointer;
  padding: 6px 44px 4px 19px;
  pointer-events: auto; }
  html[lang="jpn"] div.level3 div[id^="id040213"]:not(#id04021300) h3 else {
    font-family: 'MazdaType-Bold', 'Noto Sans CJK JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
    font-style: normal;
    font-weight: bold; }
  html[lang="jpn"] div.level3 div[id^="id040213"]:not(#id04021300) h3.opened {
    background: #666666 url(../img/opened.png) no-repeat 99% 50%; }

html[lang="jpn"] div.level3 div[id^="id040205"]:not(#id04020500) div.body {
  overflow: hidden;
  height: 0; }
  html[lang="jpn"] div.level3 div[id^="id040205"]:not(#id04020500) div.body .floatThead-container {
    display: none; }

html[lang="jpn"] div.level3 div[id^="id040205"]:not(#id04020500) h3 {
  background: #666666 url(../img/closed.png) no-repeat 99% 50%;
  font-family: 'MazdaType-Bold', 'Noto Sans CJK JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #F1F1F1;
  margin: 0em;
  cursor: pointer;
  padding: 6px 44px 4px 19px;
  pointer-events: auto; }
  html[lang="jpn"] div.level3 div[id^="id040205"]:not(#id04020500) h3 else {
    font-family: 'MazdaType-Bold', 'Noto Sans CJK JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
    font-style: normal;
    font-weight: bold; }
  html[lang="jpn"] div.level3 div[id^="id040205"]:not(#id04020500) h3.opened {
    background: #666666 url(../img/opened.png) no-repeat 99% 50%; }

html[lang="jpn"] div.level3 div[id^="id040203"]:not(#id04020300) div.body {
  overflow: hidden;
  height: 0; }
  html[lang="jpn"] div.level3 div[id^="id040203"]:not(#id04020300) div.body .floatThead-container {
    display: none; }

html[lang="jpn"] div.level3 div[id^="id040203"]:not(#id04020300) h3 {
  background: #666666 url(../img/closed.png) no-repeat 99% 50%;
  font-family: 'MazdaType-Bold', 'Noto Sans CJK JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #F1F1F1;
  margin: 0em;
  cursor: pointer;
  padding: 6px 44px 4px 19px;
  pointer-events: auto; }
  html[lang="jpn"] div.level3 div[id^="id040203"]:not(#id04020300) h3 else {
    font-family: 'MazdaType-Bold', 'Noto Sans CJK JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
    font-style: normal;
    font-weight: bold; }
  html[lang="jpn"] div.level3 div[id^="id040203"]:not(#id04020300) h3.opened {
    background: #666666 url(../img/opened.png) no-repeat 99% 50%; }

html[lang="jpn"] div.level3 div[id^="id040201"]:not(#id04020100) div.body {
  overflow: hidden;
  height: 0; }
  html[lang="jpn"] div.level3 div[id^="id040201"]:not(#id04020100) div.body .floatThead-container {
    display: none; }

html[lang="jpn"] div.level3 div[id^="id040201"]:not(#id04020100) h3 {
  background: #666666 url(../img/closed.png) no-repeat 99% 50%;
  font-family: 'MazdaType-Bold', 'Noto Sans CJK JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #F1F1F1;
  margin: 0em;
  cursor: pointer;
  padding: 6px 44px 4px 19px;
  pointer-events: auto; }
  html[lang="jpn"] div.level3 div[id^="id040201"]:not(#id04020100) h3 else {
    font-family: 'MazdaType-Bold', 'Noto Sans CJK JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
    font-style: normal;
    font-weight: bold; }
  html[lang="jpn"] div.level3 div[id^="id040201"]:not(#id04020100) h3.opened {
    background: #666666 url(../img/opened.png) no-repeat 99% 50%; }

/***for else オートマチックトランスミッション ***/
/***for else Operating Tips for Audio System ***/
/***for else Audio Set [Type A/Type B (non-touchscreen)] ***/
/***for else Audio Set [Type C/Type D (touchscreen)] ***/
/***for else AUX/USB/iPod mode ***/
/***for else Audio Control Switch Operation ***/
html:not([lang="jpn"]) div.level3 div[id^="id052102"]:not(#id05210200) div.body {
  overflow: hidden;
  height: 0; }
  html:not([lang="jpn"]) div.level3 div[id^="id052102"]:not(#id05210200) div.body .floatThead-container {
    display: none; }

html:not([lang="jpn"]) div.level3 div[id^="id052102"]:not(#id05210200) h3 {
  background: #666666 url(../img/closed.png) no-repeat 99% 50%;
  font-family: MazdaType-Bold, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #F1F1F1;
  margin: 0em;
  cursor: pointer;
  padding: 6px 44px 4px 19px;
  pointer-events: auto; }
  html:not([lang="jpn"]) div.level3 div[id^="id052102"]:not(#id05210200) h3 else {
    font-family: MazdaType-Bold, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold; }
  html:not([lang="jpn"]) div.level3 div[id^="id052102"]:not(#id05210200) h3.opened {
    background: #666666 url(../img/opened.png) no-repeat 99% 50%; }

html:not([lang="jpn"]) div.level3 div[id^="id060202"]:not(#id06020200) div.body {
  overflow: hidden;
  height: 0; }
  html:not([lang="jpn"]) div.level3 div[id^="id060202"]:not(#id06020200) div.body .floatThead-container {
    display: none; }

html:not([lang="jpn"]) div.level3 div[id^="id060202"]:not(#id06020200) h3 {
  background: #666666 url(../img/closed.png) no-repeat 99% 50%;
  font-family: MazdaType-Bold, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #F1F1F1;
  margin: 0em;
  cursor: pointer;
  padding: 6px 44px 4px 19px;
  pointer-events: auto; }
  html:not([lang="jpn"]) div.level3 div[id^="id060202"]:not(#id06020200) h3 else {
    font-family: MazdaType-Bold, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold; }
  html:not([lang="jpn"]) div.level3 div[id^="id060202"]:not(#id06020200) h3.opened {
    background: #666666 url(../img/opened.png) no-repeat 99% 50%; }

html:not([lang="jpn"]) div.level3 div[id^="id060203"]:not(#id06020300) div.body {
  overflow: hidden;
  height: 0; }
  html:not([lang="jpn"]) div.level3 div[id^="id060203"]:not(#id06020300) div.body .floatThead-container {
    display: none; }

html:not([lang="jpn"]) div.level3 div[id^="id060203"]:not(#id06020300) h3 {
  background: #666666 url(../img/closed.png) no-repeat 99% 50%;
  font-family: MazdaType-Bold, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #F1F1F1;
  margin: 0em;
  cursor: pointer;
  padding: 6px 44px 4px 19px;
  pointer-events: auto; }
  html:not([lang="jpn"]) div.level3 div[id^="id060203"]:not(#id06020300) h3 else {
    font-family: MazdaType-Bold, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold; }
  html:not([lang="jpn"]) div.level3 div[id^="id060203"]:not(#id06020300) h3.opened {
    background: #666666 url(../img/opened.png) no-repeat 99% 50%; }

html:not([lang="jpn"]) div.level3 div[id^="id060204"]:not(#id06020400) div.body {
  overflow: hidden;
  height: 0; }
  html:not([lang="jpn"]) div.level3 div[id^="id060204"]:not(#id06020400) div.body .floatThead-container {
    display: none; }

html:not([lang="jpn"]) div.level3 div[id^="id060204"]:not(#id06020400) h3 {
  background: #666666 url(../img/closed.png) no-repeat 99% 50%;
  font-family: MazdaType-Bold, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #F1F1F1;
  margin: 0em;
  cursor: pointer;
  padding: 6px 44px 4px 19px;
  pointer-events: auto; }
  html:not([lang="jpn"]) div.level3 div[id^="id060204"]:not(#id06020400) h3 else {
    font-family: MazdaType-Bold, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold; }
  html:not([lang="jpn"]) div.level3 div[id^="id060204"]:not(#id06020400) h3.opened {
    background: #666666 url(../img/opened.png) no-repeat 99% 50%; }

html:not([lang="jpn"]) div.level3 div[id^="id060207"]:not(#id06020700) div.body {
  overflow: hidden;
  height: 0; }
  html:not([lang="jpn"]) div.level3 div[id^="id060207"]:not(#id06020700) div.body .floatThead-container {
    display: none; }

html:not([lang="jpn"]) div.level3 div[id^="id060207"]:not(#id06020700) h3 {
  background: #666666 url(../img/closed.png) no-repeat 99% 50%;
  font-family: MazdaType-Bold, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #F1F1F1;
  margin: 0em;
  cursor: pointer;
  padding: 6px 44px 4px 19px;
  pointer-events: auto; }
  html:not([lang="jpn"]) div.level3 div[id^="id060207"]:not(#id06020700) h3 else {
    font-family: MazdaType-Bold, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold; }
  html:not([lang="jpn"]) div.level3 div[id^="id060207"]:not(#id06020700) h3.opened {
    background: #666666 url(../img/opened.png) no-repeat 99% 50%; }

html:not([lang="jpn"]) div.level3 div[id^="id060205"]:not(#id06020500) div.body {
  overflow: hidden;
  height: 0; }
  html:not([lang="jpn"]) div.level3 div[id^="id060205"]:not(#id06020500) div.body .floatThead-container {
    display: none; }

html:not([lang="jpn"]) div.level3 div[id^="id060205"]:not(#id06020500) h3 {
  background: #666666 url(../img/closed.png) no-repeat 99% 50%;
  font-family: MazdaType-Bold, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #F1F1F1;
  margin: 0em;
  cursor: pointer;
  padding: 6px 44px 4px 19px;
  pointer-events: auto; }
  html:not([lang="jpn"]) div.level3 div[id^="id060205"]:not(#id06020500) h3 else {
    font-family: MazdaType-Bold, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold; }
  html:not([lang="jpn"]) div.level3 div[id^="id060205"]:not(#id06020500) h3.opened {
    background: #666666 url(../img/opened.png) no-repeat 99% 50%; }

/**************************PLはみだし調整************************/
/* smart_phone */
@media screen and (max-width: 480px) {
  /************ja*********************/
  body.ja .page .warning {
    min-width: 150px; }
  body.ja .page .note {
    min-width: 150px; }
  body.ja .page .caution {
    min-width: 150px; }
  /************en*********************/
  body.en .page .warning {
    min-width: 135px; }
  body.en .page .note {
    min-width: 135px; }
  body.en .page .caution {
    min-width: 135px; }
  /************es*********************/
  body.es .page .warning {
    min-width: 165px; }
  body.es .page .note {
    min-width: 135px; }
  body.es .page .caution {
    min-width: 155px; }
  /************fr*********************/
  body.fr .page .warning {
    min-width: 185px; }
  body.fr .page .note {
    min-width: 185px; }
  body.fr .page .caution {
    min-width: 185px; }
  /************de*********************/
  body.de .page .warning {
    min-width: 135px; }
  body.de .page .note {
    min-width: 135px; }
  body.de .page .caution {
    min-width: 185px; }
  /************nl*********************/
  body.nl .page .warning {
    min-width: 185px; }
  body.nl .page .note {
    min-width: 145px; }
  body.nl .page .caution {
    min-width: 135px; }
  /************ar*********************/
  body.ar .page .warning {
    min-width: 135px; }
  body.ar .page .note {
    min-width: 135px; }
  body.ar .page .caution {
    min-width: 135px; } }

/*************************改行調整・見開きイラスト************************/
wbr:after {
  content: "\00200B"; }

img.usemap {
  margin: 0.5em 1em;
  height: auto;
  width: 200%;
  max-width: 1000px;
  min-width: 650px;
  border: 1.5px solid #666666;
  display: block; }

/*************************表上イラスト調整************************/
dt.dd {
  margin-top: 10px; }

dd.dt img.image {
  margin-left: 0px; }

/**************************table icon 調整************************/
table td img.icon {
  max-width: none; }

/**************************下付き位置調整************************/
sub.sub {
  bottom: 0; }

/**************************表背景色************************/
.mainCont div.table {
  background-color: #fff; }

/**************************表幅************************/
/*for "jp" & "id07010200" only*/
@media screen and (max-width: 680px) {
  body.ja #container #id07010200 .table-responsive .table {
    width: 1020px;
    max-width: 1020px; } }

@media screen and (max-width: 480px) {
  body.ja #container #id07010200 .table-responsive .table {
    width: 680px;
    max-width: 680px; } }

@media screen and (max-width: 370px) {
  body.ja #container #id07010200 .table-responsive .table {
    width: 493px;
    max-width: 493px; } }

@media screen and (max-width: 320px) {
  body.ja #container #id07010200 .table-responsive .table {
    width: 408px;
    max-width: 408px; } }

/*for "not jp" & "id07020201 & id07020202" only*/
@media screen and (max-width: 380px) {
  html:not([lang='jpn']) #container #id07020201 .table-responsive .table,
  html:not([lang='jpn']) #container #id07020202 .table-responsive .table {
    width: 550px;
    max-width: 550px; } }

/***************************************機種・仕向**************************************************/
/*for cx-3 for usa*/
#id05180104 ol.charBracket ul.bulCircle.single {
  padding: 0.5em 0 0 0.2em; }

body.mazda2 #id07020104 .table + .table {
  margin-top: 2em; }

body.mx-5.eu.nl .noteframe ol.numAsterisk, body.mx-5.eu.de .noteframe ol.numAsterisk {
  margin-left: 3em; }

/***************************************table Adjustment**************************************************/
body.cx-3.eu.en #id07020102 table.table th,
body.cx-3.eu.en #id07020102 table.table td {
  padding: 2.5px; }

body.cx-3.eu.fr #id07020102 table.table th,
body.cx-3.eu.fr #id07020102 table.table td {
  padding: 2.5px; }

body.cx-3.eu.fr #id10030100 table.table th,
body.cx-3.eu.fr #id10030100 table.table td {
  padding: 1px; }

body.cx-3.eu.nl #id07020102 table.table th,
body.cx-3.eu.nl #id07020102 table.table td {
  padding-left: 2px;
  padding-right: 2px; }

body.cx-3.eu.de #id10030100 table.table th,
body.cx-3.eu.de #id10030100 table.table td {
  padding-left: 2px;
  padding-right: 2px; }

body.mazda2.eu.en #id07020102 table.table th,
body.mazda2.eu.en #id07020102 table.table td {
  padding: 2.5px; }

body.mazda2.eu.en #id06020209 table.table {
  table-layout: fixed; }

body.mazda6.eu #id07020102 table.table th,
body.mazda6.eu #id07020102 table.table td {
  padding-left: 2px;
  padding-right: 2px; }

body.mazda6.eu.fr #id10030100 table.table th,
body.mazda6.eu.fr #id10030100 table.table td {
  padding-left: 1px;
  padding-right: 1px; }

body.mazda6.eu.de #id10030100 table.table th,
body.mazda6.eu.de #id10030100 table.table td {
  padding-left: 2px;
  padding-right: 2px; }

body.mazda6.eu.nl #id10030100 table.table th,
body.mazda6.eu.nl #id10030100 table.table td {
  padding-left: 1.5px;
  padding-right: 1.5px; }

body.mazda6.eu.es #id10030100 table.table th,
body.mazda6.eu.es #id10030100 table.table td {
  padding-left: 2px;
  padding-right: 2px; }

body.cx-9.usa.es #id05030101 table.table th,
body.cx-9.usa.es #id05030101 table.table td {
  padding-left: 2px;
  padding-right: 2px; }

body.mazda3.usa.es #id05030101 table.table th,
body.mazda3.usa.es #id05030101 table.table td {
  padding-left: 2px;
  padding-right: 2px; }

body.mazda6.usa.es #id05030101 table.table th,
body.mazda6.usa.es #id05030101 table.table td {
  padding-left: 2px;
  padding-right: 2px; }

body.mazda3.eu #id07020102 table.table th,
body.mazda3.eu #id07020102 table.table td {
  padding-left: 2px;
  padding-right: 2px; }

/***********************note_frame/caution_frame first bulCircle*****************************/
body.mazda6.eu #id05010200 .noteframe .bulCircle.single {
  list-style-type: disc;
  padding-left: 20px; }

/***********************note_frame/caution_frame first bulCircle*****************************/
/***********************note_frame in id03030102 for ATENZA Japan*****************************/
body.atenza.ni #id03030102 dl dd .note {
  margin: 0 -2em; }

/***********************note_frame in id03030102 for ATENZA Japan*****************************/
/**************************note margin/padding調整************************/
body.cx-5.ni #id03050417 dd .note {
  margin: 0 -2em; }

body.cx-5.ni #id03050417 dd .noteframe ul {
  padding: 0 40px; }

body.ni dl dd .note {
  margin: 0 -2em; }

/*# sourceMappingURL=contents.css.map */