@charset "utf-8";
/**************************************************************************************************************************/
/**************************************************************************************************************************/
/*PC*/
@media screen and (max-width:1024px) {
	#container,#container_v {     //330_change
		margin-top: 165px;
	}
	div.A2-1 {
		width: 100%;     
	}
	div.A2-1-3 .menu_title2 {
		margin-right: 5px;
	}
	div.A2-1-3 {
		width: 20%;     /*0406 change*/
		/*float: right;*/
	}
	div.A2-1-2 {
		padding: 0px;
		display: table-cell;
	}
	div.A2-1-2 p.menu_title {
		margin-top: 0px;
	}
	div.shop_map {
		text-align: center;
		width: 500px;
		height: 500px;
		margin-bottom: 20px;
	}
.menu {
		width:100%;
}
.body .bodydiv {
	margin: 0.5em 0;
	max-width: 100%;
}
.body .bodydiv img.image {
	max-width: 70%;
}
.body .bodydiv table td img.image {
	max-width:100%;
}

}

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

/*0629 add*/
body.usa en div.A2-1-1 {
	width:10%;
}
body.es div.A2-1-1,body.fr div.A2-1-1,body.de div.A2-1-1,body.nl div.A2-1-1 {
	width:20%;
}
body.es div.A2-1-3,body.fr div.A2-1-3,body.de div.A2-1-3,body.nl div.A2-1-3 {
	width:20%;
	}
div.A2-1-2 {
	width:60%;
}
	
/*0629 add*/
div.how_to_div img.step_img {
	margin:0 2em 0.5em 1.5em;
	float:none;
}
div.how_to_div p{
	margin:0 0 0 1.2em;
}
.clear1{
	display:none;
}
.left_up1 {
	display:inline;
}
.left_up2 {
	display:none;
}

/*Mazda rogo of menu*/
	#header {
		top:0px;
		left:0px;
		background-size: 55px;
		background-position: 5% 10px;
	}
/*Mazda rogo index*/
	.top #header {
		background-size: 60px;
		background-position: 3% 20px;
	}
	
/* Visual search */
	#visual .box {
		height: 423px;
		width: 752px;
	}
	
	/*0406 add*/
	#container{
		margin-top:154px;
	}
	.gmenu {
		margin-top:20px;
	}


body.es  div.A2-1-2 .menu_title img, body.fr  div.A2-1-2 .menu_title img, body.de  div.A2-1-2 .menu_title img, body.nl  div.A2-1-2 .menu_title img {
	width: 75%;
	height: auto;
	display:none;
}

body.es div.A2-1-2 .menu_title img+img, body.fr div.A2-1-2 .menu_title img+img, body.de div.A2-1-2 .menu_title img+img, body.nl div.A2-1-2 .menu_title img+img {
	width: 80%;
	height: auto;
	display:inline-block;
	max-width:350px;
	min-width:220px;
}

}

/********spacial table***********/
@media screen and (max-width:800px) {


body.cx-3.usa.fr #id10030100 table{
	table-layout: auto;
}

}
/********spacial table***********/


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

br.kai {
    display:block;
}

#manual {
    padding-top: 5px;
}

h1.title {
	padding: 4px 0px;
	height: auto;    /*0406 change*/
}


/*0406_change*/
#header {
	top:0px;
	left:0px;
	//background:url(../img/top_img_01_s.png);
	//background:url(../img/top_img_01.png);
	background-color:#1a1a1a;
	background-repeat:no-repeat;
	background-size:37px;
	background-position: 3% 2px;

}

/*0406_change*/
div.A2-1 {
	margin-top: 2px;  /*0406_change*/
	height: 100%;     /*0406_change*/
	width:100%;       /*0406_change*/
	height: 30px;
}
.gmenu {
	margin-top : 14px;
}
.menu_title {
	margin-top: 20px;
	text-align: center;         /*0406_change*/
	margin-top: 0px;
}
#contents {
	margin-top: 140px;
}
#header .familylinks	{
	min-height: 22px;
}

div.A2-1-2 p img {
	width: 210px;
}
div.A2-1-1 img {
	width: 153px;
}
div.A2-1-3 div.menu_title2 {
	width: 45px;
	height:100%;  /*330_add*/
	padding: 0px;
}
div.A2-1-3 div.menu_title2 {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-color: #1A1A1A;
	width:30px;
	margin: 0 auto;  /*330_add*/
}
div.A2-1-3 div.menu_title2 a {
	background-image : url("../img/top_header_info_ico.png") ;
	background-size: 79%;
	background-position: top;    /*0406 change*/
	background-repeat: no-repeat;
	display: block;
	width: 30px;  /*330_change*/
	height: 25px;  /*330_change*/
	margin:0 auto;  /*330_add*/
}
p.menu span {
	display: none;
}

#searchform1 {
	width: 88%;
}
#keywords1 {
	font-size: 12px;
	height: 36px;
}
.movie_search_bt {
	vertical-align: top;
}
div.card_d {
	width: 440px;
	height: auto;
}
div.card_e {
	width: 440px;
	height: auto;
}
div.dealer_box div {
	width: 100%;
	display: block;
}
div.dealer_box tr td.phone_number p.tel_big {
	font-size: 262%;
	padding: 15px 5px;
	display: list-item;
}
div.dealer_box tr td.phone_number p.dealer_text {
	padding: 0px 8px;
}
p.tel_big {
	font-size: 165%;
}
div.set {
	margin-left: 20px;
}
div.fontsize div, div.uicolor div {
	width: 100%;
	margin-bottom: 15px;
}
div.shop_search_ken select {
	margin: 19px 0px 0px 0px;
	font-size: 16px;
}
div.shop_search_key {
	margin: 65px 0;
}
div.shop_search_key input[type="text"] {
	height: 34px;
	font-size: 16px;
}
div.shop_search_key div {
	margin: 30px 18px 16px 0px;
}
div.shop_search_ken input {
	margin: 30px 18px 16px 0px;
}
/* google map */
div.shop_map {
	width: 365px;
	height: 365px;
	margin-bottom: 20px;
}

/*0406 change*/
div.A2-1-1 {
	width:10%;
	margin:0;
}
body.es div.A2-1-1,body.fr div.A2-1-1,body.de div.A2-1-1,body.nl div.A2-1-1 {
	width:10%;
	margin:0;
}

/*0406 change*/
/*330_add*/
div.A2-1-2 {
	width:80%;
	display: table-cell;
	vertical-align:top;
}
div.A2-1-3 {
	width:10%;
	display: table-cell;	
	margin:0;    /*0406 add*/
}

/*330_add*/
#searchBg {
	background-position: 50% 201px;
}
body#search div#container {
	margin-top: 210px;
}

/*0406 change*/
.gmenu {
	float:none;
	margin-top:8px;
	height:100%;
}
.gmenu_visual_chi, .gmenu_scene_chi, .gmenu_word_chi, .gmenu_movie_chi, .gmenu_inquiry_chi {
	height:30px;
}

.menu {
	height:40px;
}

/*0406 change*/
.dammy_gmenu {
	height:170px;
}
.dammy_gmenu{
	background-size:60px;
	background-position: 0px 50px;
}

body.ja  div.A2-1-2 .menu_title img, body.en div.A2-1-2 .menu_title img {
	width: 75%;
	height: auto;
	display:none;
}
body.ja div.A2-1-2 .menu_title img+img, body.en div.A2-1-2 .menu_title img+img {
	width: 80%;
	height: auto;
	display:inline-block;
	max-width:350px;
	min-width:220px;
}

.dammy_gmenu {
	height:140px;
}
/*Global menu*/
div.gmenu ul li {
	vertical-align: bottom;
}
div.gmenu ul li div {
	overflow: hidden;
}
div.gmenu ul li div:hover {
	padding-bottom: 0px;
}
body.ja .menu li, body.en .menu li,body.es .menu li,body.fr .menu li,body.de .menu li,body.nl .menu li  {
	width: 90px;
}


div.gmenu ul li div.gmenu_visual_chi {
	width: 45px;
}
div.gmenu ul li div.gmenu_scene_chi {
	width: 45px;
}
div.gmenu ul li div.gmenu_word_chi {
	width: 45px;
}
div.gmenu ul li div.gmenu_movie_chi {
	width: 45px;
}
div.gmenu ul li div.gmenu_inquiry_chi {
	width: 35px;
}

/*****g_menu for japanese************************/
body.ja div.gmenu ul li div.gmenu_visual_chi {
	width: 35px;
}
body.ja div.gmenu ul li div.gmenu_scene_chi {
	width: 40px;
}
body.ja div.gmenu ul li div.gmenu_word_chi {
	width: 35px;
}
body.ja div.gmenu ul li div.gmenu_movie_chi {
	width: 35px;
	//margin-left: 15px;
}
body.ja div.gmenu ul li div.gmenu_inquiry_chi {
	width: 25px;
	//margin-left:15px;
}
/************************************************/

.gmenu img {
	margin:0;
}

/************************************************/
div.gmenu ul li div.gmenu_visual_chi img{
	margin-left:0px;
}
div.gmenu ul li div.gmenu_scene_chi img{
	margin-left:9px;
}
div.gmenu ul li div.gmenu_word_chi img{
	margin-left:-15px;
}
div.gmenu ul li div.gmenu_movie_chi img{
	margin-left:-3px;
}
div.gmenu ul li div.gmenu_inquiry_chi img{
	margin-left:-3px;
}
/************************************************/

/************************************************/
body.es div.gmenu ul li div.gmenu_visual_chi img{
	margin-left:10px;
}
body.es div.gmenu ul li div.gmenu_scene_chi img{
	margin-left:9px;
}
body.es div.gmenu ul li div.gmenu_word_chi img{
	margin-left:10px;
}
body.es div.gmenu ul li div.gmenu_movie_chi img{
	margin-left:10px;
}
body.es div.gmenu ul li div.gmenu_inquiry_chi img{
	margin-left:7px;
}
/************************************************/

/************************************************/
body.fr div.gmenu ul li div.gmenu_visual_chi img{
	margin-left:11px;
}
body.fr div.gmenu ul li div.gmenu_scene_chi img{
	margin-left:9px;
}
body.fr div.gmenu ul li div.gmenu_word_chi img{
	margin-left:10px;
}
body.fr div.gmenu ul li div.gmenu_movie_chi img{
	margin-left:11px;
}
body.fr div.gmenu ul li div.gmenu_inquiry_chi img{
	margin-left:10px;
}
/************************************************/

/************************************************/
body.de div.gmenu ul li div.gmenu_visual_chi img{
	margin-left:11px;
}
body.de div.gmenu ul li div.gmenu_scene_chi img{
	margin-left:9px;
}
body.de div.gmenu ul li div.gmenu_word_chi img{
	margin-left:10px;
}
body.de div.gmenu ul li div.gmenu_movie_chi img{
	margin-left:11px;
}
body.de div.gmenu ul li div.gmenu_inquiry_chi img{
	margin-left:10px;
}
/************************************************/

/************************************************/
body.nl div.gmenu ul li div.gmenu_visual_chi img{
	margin-left:11px;
}
body.nl div.gmenu ul li div.gmenu_scene_chi img{
	margin-left:9px;
}
body.nl div.gmenu ul li div.gmenu_word_chi img{
	margin-left:10px;
}
body.nl div.gmenu ul li div.gmenu_movie_chi img{
	margin-left:11px;
}
body.nl div.gmenu ul li div.gmenu_inquiry_chi img{
	margin-left:10px;
}
/************************************************/

/************************************************/
body.ja div.gmenu ul li div.gmenu_visual_chi img{
	margin-left:-5px;
}
body.ja div.gmenu ul li div.gmenu_scene_chi img{
	margin-left:-8px;
}
body.ja div.gmenu ul li div.gmenu_word_chi img{
	margin-left:16px;
}
body.ja div.gmenu ul li div.gmenu_movie_chi img{
	margin-left:16px;
}
body.ja div.gmenu ul li div.gmenu_inquiry_chi img{
	margin-left:15px;
}
/************************************************/


/*Visual search*/
#visual .box {
	height: 342px;
	width: 608px;
}

/*330_add  top_screen*/
.model_title span{
	display:block;
	font-size:90%;
	padding:0.3em 0 0 0;
}

/*watch videos*/
#container_v div.box div.boxcol a p.video_link {
	bottom:0em;
}

/*0406 add*/
#container{
	margin-top:125px;
}
.v_box{
	margin-top: 75px;
}
	
#footer {
	padding-bottom:0.1em;
		padding-top:0.1em;
}
ul.movie_search input.movie_search_bt{
	width: 10%;
}

/*0407 add*/
div.small_table {
	font-size:60%;
}

/*0408 add*/
.page #id06150100 td.entry p.warningtitle,.page #id06150100 td.entry p.cautiontitle,.page #id06150100 td.entry p.notetitle, .page #id06140103 td.entry p.warningtitle,.page #id06140103 td.entry p.cautiontitle,.page #id06140103 td.entry p.notetitle {
	height:50px;
}
.page #id06150100 td.entry p.warningtitle:after,.page #id06150100 td.entry p.cautiontitle:after, .page #id06150100 td.entry p.notetitle:after,.page #id06140103 td.entry p.warningtitle:after,.page #id06140103 td.entry p.cautiontitle:after, .page #id06140103 td.entry p.notetitle:after {
	margin-top:5px;
}

table ol, table ul {
	padding-left:19px;
}

html[lang="en"] table.table ol li p+.caution,html[lang="es"] table.table ol li p+.caution,html[lang="fr"] table.table ol li p+.caution,html[lang="de"] table.table ol li p+.caution,html[lang="nl"] table.table ol li p+.caution, html[lang="en"] table.table ol li p+.waring, html[lang="es"] table.table ol li p+.waring, html[lang="fr"] table.table ol li p+.waring, html[lang="de"] table.table ol li p+.waring, html[lang="nl"] table.table ol li p+.waring, html[lang="en"] table.table ol li p+.note, html[lang="es"] table.table ol li p+.note, html[lang="fr"] table.table ol li p+.note, html[lang="de"] table.table ol li p+.note, html[lang="nl"] table.table ol li p+.note {
	margin-left:-19px;
}

div.gmenu ul li div a:before {
	position:inline-block;
	content:"aa";
	float:left;
	font-size:0.1px;
	line-height:0.1;
	color:transparent;
	height:1px;
	width:0;
}

}

/**************************************************************************************************************************/
/**************************************************************************************************************************/
@media screen and (max-width: 680px) {
div.A2-1 {
	width: 97%;
}
/*Grid*/
div.colm2 div.boxcol1 {
	width: 100%;
	height:auto;
}
div.colm2 div.boxcol2 {
	float: none;
	width: 100%;
	display: block;
	height: auto;
}
div.colm2 {
	display: block;
	margin: 5px 10px;
	padding-bottom: 10px;
	width: 316px;
	height: auto;
}

div.colm1 img.colm1 {
	display: block;
}
div.colm2 img.colm1 {
	display: block;
	width: 100%;
	height: 160px;
	float:none;
	clear:both;
}
div.colm2 div.boxcol1 {
	width: 100%;
}

/* scene_big */
div.colm1 { 
	display:block;
	margin: 5px 10px;
	padding-bottom:10px;
	width: 316px;
	height:auto;
	overflow:hidden;
	background:#292929;
}
div.colm2 {
	display:block;
	margin: 5px 10px;
	padding-bottom:10px;
	width: 316px;
	background:#292929;
	height:auto;
}
div.colm2 img.colm2 {
	display:none;
}
div.colm2 img.colm1 {
	display:block;
	width:316px;
	height:160px;
}
div.colm2 div {
	columns:auto;
	-moz-columns:auto;
	-webkit-columns:auto;
	-o-columns:auto;
	-ms-columns: auto;
}
.boxcol p {
	padding-bottom: 0.2em
}
.menu_btn, .menu_btn2 {
	display:none;
}

/*330_add*/
div.colm1 p,div.colm2 p {
	font-size: 1.2em;
	padding: 0.2em 0;
}

#container_v p.l1 {
	font-size: 1.05em;	
}

div.colm1 div p,div.colm2 div p {
	font-size: 1.1em;
	padding: 0.2em 0;
}

#container_v div.box div.boxcol a p.video_link {
	font-size: 1.0em;
}

/* Visual search */
#visual .box {
	height: 370px;
	width: 480px;
}
/*Search by Keyword*/
div.searchText {
	width: 54%;	
}
div.movie_search_bt {
  padding: 0 13px;
}

#ajaxLoader {
	width: 17%;
	height: 80%;
}

/*0407 add*/
div.small_table {
	font-size:45%;
	margin-left:0.1em;
	margin-right:0.1em;
}

#id05030101 div.table {
	font-size:70%;
}
#id05030101 div.table+ol+p+img+div.table {
	font-size:70%;
}
#id05030101 div.table+ol+p+img+div.table th,#id05030101 div.table+ol+p+img+div.table td {
	padding:0;
}

}


/**************************************************************************************************************************/
/**************************************************************************************************************************/
/* iphone */
@media screen and (max-device-width: 480px) {
	#selector { property: value; }
	div.sec_title_bar01 p.sec,
	div.sec_title_bar02 p.sec,
	div.sec_title_bar03 p.sec,
	div.sec_title_bar04 p.sec,
	div.sec_title_bar05 p.sec{
		padding: 5px 5px 8px 15px;
	}

/*330_add*/
p.SStitle {
 padding:0 0 0 1.8em;
}

/*0404_add*/
h1.title {
	display:none;
}
/*0404_add*/
.familylinks{
	min-height: 40px;
}

#contents{
	margin-top:120px;
}

/*330_add_pankuzu*/
/*330_add*/
.model_title span{
	font-size:80%;
}

/*0403_add*/
/*URL Link modal*/
.ui-dialog-content {
	font-size:0.6em;
}

}


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

body {
	overflow-x:hidden;
}

img.carname {
	max-width:1000px;
	width:70%;
}

div.colm1,div.col2 {
	margin-left:0;
	margin-right:0;
}

.gmenu {
	margin-top:10px;
	height: 35px;
}

div.A2-1-3,div.A2-1-2  {
	margin-top:0px;
	width:70%;    /*0406 change*/
}
ul.movie_search input.movie_search_bt{
	width: 11%;
}

div.A2-1-3 ,div.A2-1-3 div.menu_title2 {
	height:30px;
}
.parentlink{
	height: auto;
}

div.A2-1 {
	width: 99%;
}
div.A2-1-1 img {
	width: 134px;
}
div.A2-1-2 p.menu_title img {
	width: 180px;
}
div.A2-1-2 .menu_title img {
	/*width: 250px;*/
	height: auto;
	margin-top: 0px;
}

div.A2-1-2 p.menu_title {
	font-size: 14px;
}
div.A2-1-3 {
	width: 90%;
}
div.A2-1-3 p.menu_title2 {
	font-size: 14px;
}
div.A2-1-3 p.menu_title2 img {
	width: 15px;
	height: 15px;
	vertical-align: bottom;
}
#searchform1 {
	width: 90%;
}
#keywords1 {
	font-size: 12px;
	height: 36px;
}
div.searchText {
	width: 67%;
}
div.shop_search_key div input{
	padding: 0px 22px;
}
ul.movie_search input.movie_search_bt {
	font-size: 11px;
	padding: 0px 12px;
}
table.set {
	margin: 0px 10px;
}
table.set p {
	margin: 0px;
	font-weight: bold;
	font-family:DefaultBold, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
}
body.ja table.set p {
	font-weight: bold;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}

table.set p.set_text {
	font-size: 23px;
}

.shop_info p.dealer_text {
	padding: 5px 13px;
}
div.card_d {
	width: 315px;
	height: auto;
}
div.card_e {
	width: 315px;
	height: auto;
}
div.shop_search_ken select {
	font-size: 13px;
	width: 80%;
}
div.shop_search_key input[type="text"] {
	height: 28px;
	font-size: 13px;
}
/* google map */
div.shop_map {
	width: 240px;
	height: 240px;
	margin-bottom: 20px;
}
	
/* scene_big */
div.colm2 img.colm2 {
	display:none;
}
div.colm2 img.colm1 {
	display:block;
	width:316px;
	height:160px;
}
#ajaxLoader {
	background-position: 50% 250px;
}


/*Global menu*/
body.ja .menu li, body.en .menu li {
	width: 69px;
}
body.es .menu li,body.fr .menu li,body.de .menu li,body.nl .menu li {
	width: 60px;
}

/* Visual search */
#visual .box {
	min-height: 300px;;
	width: 320px;
}
#footer a img{
	width: 40px;
}

/*0404_add*/
h1.title {
	display:none;
}

#contents {
	margin-top:118px;
}

/*330_add_pankuzu*/
/*330_add*/
.model_title span{
	font-size:80%;
}

/*0403_add*/
/*URL Link modal*/

.ui-dialog-content {
	font-size:0.6em;
}

#header .line_title {
	font-size:1em;
	margin-top:5px;
}

div.A2-1-1,div.A2-1-3 {
	width:15%;
}

body.es div.A2-1-1,body.fr div.A2-1-1,body.de div.A2-1-1,body.nl div.A2-1-1,body.es div.A2-1-3,body.fr div.A2-1-3,body.de div.A2-1-3,body.nl div.A2-1-3 {
	width:15%;
}
div.A2-1-3 div.menu_title2 {
	margin:0;
}
p.cautiontitle:after,p.cautiontitle.opened:after,p.warningtitle:after,p.warningtitle.opened:after,p.notetitle:after,p.notetitle.opened:after {
	margin-top:-5px;
	 -webkit-transform: scale(0.9); 
	 -moz-transform: scale(0.9); 
}

/*0407 add*/
div.small_table {
	font-size:25%;
}


/*0408 add*/
.page #id06140102 td.entry p.warningtitle,.page #id06140102 td.entry p.cautiontitle,.page #id06140102 td.entry p.notetitle {
	height:50px;
}
.page #id06140101 td.entry p.warningtitle,.page #id06140101 td.entry p.cautiontitle,.page #id06140101 td.entry p.notetitle{
	height:50px;
}
.page #id06140102 td.entry p.warningtitle:after,.page #id06140102 td.entry p.cautiontitle:after, .page #id06140102 td.entry p.notetitle:after {
	margin-top:5px;
}
.page #id06140101 td.entry p.warningtitle:after,.page #id06140101 td.entry p.cautiontitle:after, .page #id06140101 td.entry p.notetitle:after {
	margin-top:12.5px;
	margin-right:20px;
}

/*Mazda rogo of menu*/
#header {
	top:0px;
	left:0px;
	background-size: 30px; 
}
/*Mazda rogo index*/
.top #header {
	background-size: 38px;
	background-position: 3% 10px;
}

#contents {
	font-size:80%;
	margin-top: 107px;
}

div.open_close {
	font-size:12px;
}
div.open_close img {
	width:12px;
}

.gmenu {
	margin-top:0px;
}

div.A2-1-3 div {
	margin-left:10px;
}

p.warningtitle {
	position:relative;
}

/*for expect Japanese*/
table.table th, table.table td {
	padding:0.2em 0.2em 0.2em 0.2em;
}

div.table {
	margin: 0.2em 0em 0.2em 2em;
}

ol.numStep.olStart div.table {
	margin-right:-2.2em;
}

table.table {
	font-size:10px;
}

#footer .page_top {
	text-align:left;
	width:67%;
	padding-left:5%; /*except for the English*/
}
html[lang="en"] #footer .page_top {
	text-align:left;
	width:67%;
	padding-left:10%;
}

#footer .page_next{
	display:none
}

#header .familylinks {
	padding-bottom:5px;
}

table ol, table ul {
	padding-left:16px;
}
html[lang="en"] table.table ol li p+.caution,html[lang="es"] table.table ol li p+.caution,html[lang="fr"] table.table ol li p+.caution,html[lang="de"] table.table ol li p+.caution,html[lang="nl"] table.table ol li p+.caution, html[lang="en"] table.table ol li p+.waring,html[lang="es"] table.table ol li p+.waring,html[lang="fr"] table.table ol li p+.waring,html[lang="de"] table.table ol li p+.waring,html[lang="nl"] table.table ol li p+.waring, html[lang="en"] table.table ol li p+.note,html[lang="es"] table.table ol li p+.note,html[lang="fr"] table.table ol li p+.note,html[lang="de"] table.table ol li p+.note,html[lang="nl"] table.table ol li p+.note {
	margin-left:-16px;
}

p.notetitle, p.cautiontitle, p.warningtitle {
	margin-left:0px;
	padding-left:0;
}
p.cautiontitle:before,p.warningtitle:before,p.notetitle:before {
	 margin-left:0.8em;
	 margin-top:-10px;
}
p.warningtitle:before {
	content: url(../img/warning_mark_b_sp.png);
}
p.cautiontitle:before {
	content: url(../img/caution_mark_b_sp.png);
}
p.notetitle:before {
	content: url(../img/note_mark_b_sp.png);
}

ol li p.notetitle:before,ul li p.notetitle:before,ol li p.warningtitle:before,ul li p.warningtitle:before,ol li p.cautiontitle:before,ul li p.cautiontitle:before {
	margin-left:1.1em;
}

sup.sup {
	bottom:0.2em;
}

/************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;
}

}


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

/*Mazda rogo of menu*/
#header {
	top:0px;
	left:0px;
	background-size: 30px;  /*0406_change 1103_change*/
	background-position: 3% 2px;   /*0406_change 1103_change*/
}
/*Mazda rogo index*/
	.top #header {
		background-size: 33px;
		background-position: 3% 10px;
	}

body.en .menu li,body.es .menu li,body.fr .menu li,body.de .menu li,body.nl .menu li {
	width: 55px;
}

/******************ES,FR*********************/
body.es div.gmenu ul li div.gmenu_visual_chi img{
	margin-left:11px;
}
body.es div.gmenu ul li div.gmenu_movie_chi img{
	margin-left:11px;
}
/********************************************/


div.A2-1-2 .menu_title img {
	/*width: 210px;*/
	height: auto;
}
div.A2-1-3 div.menu_title2 a {
	background-size: 69%;
}
div.A2-1-2 p.menu_title img {
	width: 140px;
}

#ajaxLoader {
	width: 17%;
	height: 78%;
}

/*330_add infobotton*/
div.A2-1-3 div.menu_title2 a {
	height:100%;
}

.gmenu {
	margin-top:0px;    
	height: 35px;
}

div.small_table {
	font-size:60%;
}

p.Subject, p.subject {
	margin-bottom:0.4em;
	line-height:1.5;
}

}