@CHARSET "utf-8";

/* =============================================
                    RESET
============================================= */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,a,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:none;outline:none;background:transparent;vertical-align:top;font-size:100%}body{line-height:1}img{line-height: 0; vertical-align: top;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}li{list-style-type: none}table{border-collapse:collapse;border-spacing:0}input, select{vertical-align:middle}hr{display:block;height:1px;margin:1em 0;padding:0;border:none;border-top:1px solid #ccc}a{outline:none;}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}
.ui-slider a{  -webkit-transition: all 0s;}
/* =============================================
                    COMMON
============================================= */
/*  anchor  */
a{
  text-decoration: none;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:link { color: #cccccc;}
a:visited{ color: #cccccc;}
a:hover,a.hover{ color: #00A3DD;}
a:active{ color: #cccccc;}
a.op:hover img,a.op.hover img{ filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}
.bb,.bb a{ font-weight: bold;}

a.textlink:link { color: #00A3DD;}
a.textlink:visited{ color: #00A3DD;}
a.textlink:hover{ text-decoration: underline;}
a.textlink:active{ color: #00A3DD;}

/*  body  */
body{ background: url("/u-car/common/img/base-bg.png") left center repeat; color: #333333;}

/*  header  */
header{ background: url("/u-car/common/img/base-bg.png") left center repeat;}
header > div{ position: relative;}
button {outline: none;}
button::-moz-focus-inner {  border: 0;}

/*  contents  */
#contents{
	background: url("/u-car/common/img/contents-bg.png") left top repeat;
	box-shadow: 0 10px 20px -10px #222222 inset;
	-webkit-box-shadow: 0 10px 20px -10px #222222 inset;
	-moz-box-shadow: 0 10px 20px -10px #222222 inset;
}

/*  h  */
#h1-wrap,.h1-wrap{ color: #cccccc; font-weight: bold; font-style: oblique;}
#h1-wrap h1,.h1-wrap h1{ float: left; text-shadow: -1px -1px 0px #000000;}
#h1-wrap h1 > span,.h1-wrap h1 > span{ background: url("/u-car/common/img/h1-ico.png") left center no-repeat; padding-left: 35px; display: block;}
#h1-wrap div,.h1-wrap div{ float: right;}
.no{ color: #00A3DD; vertical-align: baseline; font-style: oblique; text-shadow: -1px -1px 1px #000000;}
/*  IE10用  */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.no { text-shadow: none;}
}

.no > span{ display: inline-block; margin: 0 4px 0 0;}

.h2-wrap{ background: url("/u-car/common/img/h2-line.png") left bottom repeat-x; color: #cccccc; font-weight: bold; font-style: oblique;}
.h2-wrap h2{ float: left; text-shadow: -1px -1px 0px #000000;}
.h2-wrap h2 > span{ background: url("/u-car/common/img/h2-ico.png") left center no-repeat; padding-left: 35px;}
.h2-wrap > div{ float: right;}
.h3-basic{ background: url("/u-car/common/img/h3-ico.png") left center no-repeat; padding-left: 35px; text-shadow: 1px 1px 0px #ffffff; font-style: oblique;}
.h3-wrap{ background: url("/u-car/common/img/h2-line.png") left bottom repeat-x;}
.h3-wrap h3{ float: left;}
.h3-wrap > div{ float: right;}
.h3-img{ background: #ffffff;}

/*  footer  */
footer{
	background: #333333;
	box-shadow: 0 10px 20px #222222;
	-webkit-box-shadow: 0 10px 20px #222222;
	-moz-box-shadow: 0 10px 20px #222222;
}

footer p{
	background: url("/u-car/common/img/contents-bg.png") left top repeat;
	box-shadow: 0 10px 20px -10px #222222 inset;
	-webkit-box-shadow: 0 10px 20px -10px #222222 inset;
	-moz-box-shadow: 0 10px 20px -10px #222222 inset;
	color: #cccccc;
	text-align: center;
}

/*  btn  */
.blue-btn{
	background: #026db9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyNmRiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzFkNzliYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzBiNWE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #026db9 0%, #1d79ba 35%, #0b5a91 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#026db9), color-stop(35%,#1d79ba), color-stop(78%,#0b5a91)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* IE10+ */
	background: linear-gradient(to bottom,  #026db9 0%,#1d79ba 35%,#0b5a91 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026db9', endColorstr='#0b5a91',GradientType=0 ); /* IE6-8 */
	border: 2px solid #0b5a91;
	cursor: pointer;
	display: block;
	color: #cccccc;
	font-style: oblique;
	font-weight: bold;
	text-shadow: -1px -1px 0px #000000;
	
}
.blue-btn:hover{ border: 2px solid #00A3DD; color: #ffffff;}

.red-btn{
	background: #cc0033; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMDAzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2I1MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzk1MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #cc0033 0%, #b50000 35%, #950000 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0033), color-stop(35%,#b50000), color-stop(78%,#950000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cc0033 0%,#b50000 35%,#950000 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cc0033 0%,#b50000 35%,#950000 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cc0033 0%,#b50000 35%,#950000 78%); /* IE10+ */
	background: linear-gradient(to bottom, #cc0033 0%,#b50000 35%,#950000 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0033', endColorstr='#950000',GradientType=0 ); /* IE6-8 */
	border: 2px solid #950000;
	cursor: pointer;
	display: block;
	color: #cccccc;
	font-style: oblique;
	font-weight: bold;
	text-shadow: -1px -1px 0px #000000;
	
}
.red-btn:hover{ border: 2px solid #FF0033; color: #ffffff;}

.black-btn{
	background: #1a1a1a; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzFhMWExYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #1a1a1a 0%, #333333 35%, #1a1a1a 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1a1a), color-stop(35%,#333333), color-stop(78%,#1a1a1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1a1a1a 0%,#333333 35%,#1a1a1a 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1a1a1a 0%,#333333 35%,#1a1a1a 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1a1a1a 0%,#333333 35%,#1a1a1a 78%); /* IE10+ */
	background: linear-gradient(to bottom, #1a1a1a 0%,#333333 35%,#1a1a1a 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#1a1a1a',GradientType=0 ); /* IE6-8 */
	border: 2px solid #000000;
	cursor: pointer;
	display: block;
	color: #cccccc;
	font-style: oblique;
	font-weight: bold;
	text-shadow: -1px -1px 0px #000000;
}
.black-btn:hover{ border: 2px solid #00A3FF; color: #FFFFFF;}
.black-btn.selected{
	background: #026DB9; /* Old browsers */
	background: -moz-linear-gradient(top,  #026DB9 0%, #0b5a91 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #026DB9 0%,#0b5a91 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #026DB9 0%,#0b5a91 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #026DB9 0%,#0b5a91 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #026DB9 0%,#0b5a91 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#026DB9', endColorstr='#0b5a91'); /* IE6-8 */
	border: 2px solid #00A3DD; color: #ffffff;
}

.orange-btn{
	background: #b95f04; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5NWYwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2JhNmIxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzkwNGQwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #b95f04 0%, #ba6b1d 35%, #904d0a 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b95f04), color-stop(35%,#ba6b1d), color-stop(78%,#904d0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b95f04 0%,#ba6b1d 35%,#904d0a 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b95f04 0%,#ba6b1d 35%,#904d0a 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b95f04 0%,#ba6b1d 35%,#904d0a 78%); /* IE10+ */
	background: linear-gradient(to bottom, #b95f04 0%,#ba6b1d 35%,#904d0a 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b95f04', endColorstr='#904d0a',GradientType=0 ); /* IE6-8 */
	border: 2px solid #904d0a;
	cursor: pointer;
	display: block;
	color: #cccccc;
	font-style: oblique;
	font-weight: bold;
	text-shadow: -1px -1px 0px #000000;
}
.orange-btn:hover{ border: 2px solid #FF6600; color: #ffffff;}

.green-btn{
	background: #18ae79; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4YWU3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzFhYmE4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc4JSIgc3RvcC1jb2xvcj0iIzBhOTA2MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #18ae79 0%, #1aba81 35%, #0a9060 78%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18ae79), color-stop(35%,#1aba81), color-stop(78%,#0a9060)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #18ae79 0%,#1aba81 35%,#0a9060 78%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #18ae79 0%,#1aba81 35%,#0a9060 78%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #18ae79 0%,#1aba81 35%,#0a9060 78%); /* IE10+ */
	background: linear-gradient(to bottom, #18ae79 0%,#1aba81 35%,#0a9060 78%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18ae79', endColorstr='#0a9060',GradientType=0 ); /* IE6-8 *//* IE6-8 */
	border: 2px solid #0a9060;
	cursor: pointer;
	display: block;
	color: #cccccc;
	font-style: oblique;
	font-weight: bold;
	text-shadow: -1px -1px 0px #000000;
	
}
.green-btn:hover{ border: 2px solid #1BCF91; color: #ffffff;}


/* =============================================
                    SP
============================================= */
@media screen and (max-width: 720px){

  /*  body  */
  body{ -webkit-text-size-adjust: none; font: 12px/1.4 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}

  /*  common  */
  img{ width: 100%;}
  #grayLayer { display:none; position:absolute; z-index: 50; left:0; top:0; height:100%; width:100%; background:#ffffff; opacity: 0.7; }

  /*  header  */
  header > div{ background: #fff;}
  header #logo-mazda{ width: 37%; margin: 0 0 10px; padding: 10px 0 0;}
  header #logo-ucar{ width: 48%; margin-left: -24%; position: absolute; top: 10px; left: 50%;}
  header #menu{ width: 11%; position: absolute; top: 8px; right: 8px;}

  header ul{
    width: 90%;
    margin-left: -45%;
    position:absolute;
    left: 50%;
    z-index: 60;
    display: none;
    border: 1px solid #3c3c3c; outline: 1px solid #000000;
    background: #323232; /* Old browsers */
    background: -moz-linear-gradient(top,  #323232 0%, #232323 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #323232 0%,#232323 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #323232 0%,#232323 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #323232 0%,#232323 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #323232 0%,#232323 100%); /* W3C */
  }
  header li{ border-bottom: 1px solid #3c3c3c;}
  header li a,header li span{ border-bottom: 1px solid #000000; font-size: 14px; display: block; padding: 20px 10px;}
  header li a{ background: url("/u-car/common/img/slink-arrow_blue.png") 97% center no-repeat;}
  header li#close{ background: #000000; border-bottom: none; color: #cccccc; text-align: center;}

  header dl{ border: 1px solid #ffffff; outline: 1px solid #cccccc; margin-bottom: 5px;}
  header dt{ background: url("/u-car/common/img/calendar-arrow.png") right center no-repeat; padding: 5px 20px 5px 5px; float: left; cursor: pointer;}
  header dt span{ background: url("/u-car/common/img/calendar-ico.png") left center no-repeat; padding: 2px 0 2px 28px;}
  header dt.hover{ color: #00A3DD;}
  header dd{ padding: 5px 8px 5px 5px; float: left;}
  header dd span{ color: #00A3DD;}

  /*  contents  */
  #contents > div{ padding: 15px 10px 0;}

  /*  h  */
  #h1-wrap,.h1-wrap{ background: url("/u-car/common/img/h1-line_sp.png") left bottom no-repeat; margin-bottom: 10px; padding-bottom: 6px;}
  #h1-wrap h1,.h1-wrap h1{ font-size: 16px;}
  #h1-wrap h1 span > span,.h1-wrap h1 span > span{ display: none;}
  #h1-wrap .no > span,.h1-wrap .no > span{ font-size: 16px; vertical-align: baseline;}
  #h1-wrap .stext,.h1-wrap .stext{ font-size: 10px; font-weight: normal; margin-top: -4px;}
  #h1-wrap .stext span,.h1-wrap .stext span{ display: block;}

  .h2-wrap{ margin-bottom: 10px; padding-bottom: 6px;}
  .h2-wrap h2{ font-size: 14px;}
  .h2-wrap h2 span > span{ display: none;}
  .h2-wrap div{ font-size: 10px;}
  .h2-wrap .no > span{ font-size: 14px; vertical-align: baseline;}
  .h2-wrap div.btn a{ font-size: 10px; padding: 1px 10px;}
  .h3-basic{ font-size: 14px; margin-bottom: 5px;}
  .h3-wrap{ margin-bottom: 10px;}
  .h3-wrap h3{ font-size: 14px; padding-bottom: 6px;}
  .h3-wrap div.btn a{ font-size: 10px; padding: 1px 10px;}
  .h3-wrap .h3-img{ padding-bottom: 0px;}
  
  /*  footer  */
  footer > div{ padding: 10px 0 0;}
  footer #address{ width: 80%;}
  footer ul{ border-top: 1px solid #000000;}
  footer li{ border-bottom: 1px solid #3c3c3c;}
  footer li:first-child{ border-top: 1px solid #3c3c3c;}
  footer li a{ background: url("/u-car/common/img/slink-arrow_gray.png") 97% center no-repeat; border-bottom: 1px solid #000000; display: block; padding: 10px 10px;}
  footer p{ padding: 10px; text-align: center; font-size: 10px;}
  footer p span{ display: block;}
}

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

/*  body  */
body{ font: 14px/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;}

/*  common  */
#grayLayer { display:none;}

/*  header  */
header{ border-bottom: 2px solid #00A3DD; min-width:960px; _display: inline; _zoom:1; background: #fff;}
header > div{ width: 960px; margin: 0 auto;}
header #logo-mazda a{ width: 228px; height: 91px;}
header #logo-ucar{ width: 301px; height: 64px; position: absolute; top: 12px; left: 200px;}
header #menu{ display: none;}
header ul{ font-size: 10px; position: absolute; top: 10px; right: 0; display: block;} 
header li{ float: left; margin-left: 10px;}
header li#close{ display: none;} 
header li a{ background: url("/u-car/common/img/slink-arrow_blue.png") left center no-repeat; padding-left: 8px;} 
header li a:link{ color: #333333;}
header li a:visited{ color: #333333;}
header li a:hover{ color: #00A3DD;}
header dl{ border: 1px solid #ffffff; outline: 1px solid #cccccc; font-size: 12px; position: absolute; top: 42px; right: 0;}
header dt{ background: url("/u-car/common/img/calendar-arrow.png") right center no-repeat; padding: 5px 20px 5px 5px; float: left; cursor: pointer;}
header dt span{ background: url("/u-car/common/img/calendar-ico.png") left center no-repeat; padding: 2px 0 2px 28px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease;}
header dt:hover{ color: #00A3DD;}
header dd{ padding: 5px 8px 5px 5px; float: right;}
header dd span{ color: #00A3DD;}

/*  contents  */
#contents{ min-width:960px; _display: inline;_zoom:1;}
#contents > div{ width: 960px; margin: 0 auto; padding: 20px 0 40px;}

/*  h  */
#h1-wrap,.h1-wrap{ background: url("/u-car/common/img/h1-line.png") left bottom no-repeat; padding-bottom: 6px; margin-bottom: 20px;}
#h1-wrap h1,.h1-wrap h1{ font-size: 26px;}
#h1-wrap h1 span > span,.h1-wrap h1 span > span{ font-size: 12px; vertical-align: baseline; display: inline-block; margin-left: 8px;}
#h1-wrap .no > span,.h1-wrap .no > span{ font-family: Impact,Charcoal,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif; font-weight: normal; font-size: 30px; vertical-align: -6%;}
#h1-wrap .stext,.h1-wrap .stext{ font-size: 12px; font-weight: normal; margin-top: 14px;}

.h2-wrap{ padding-bottom: 6px; margin-bottom: 20px;}
.h2-wrap h2{ font-size: 20px;}
.h2-wrap h2 span > span{ font-size: 12px; vertical-align: baseline; display: inline-block; margin-left: 8px;}
.h2-wrap div{ font-size: 16px; margin-top: -4px;}
.h2-wrap .no > span{ font-family: Impact,Charcoal,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif; font-weight: normal; font-size: 26px; vertical-align: -6%;}
.h2-wrap div.btn{ margin-top: 0;}
.h2-wrap div.btn a{ font-size: 12px; padding: 2px 10px;}
.h3-basic{ font-size: 20px; margin-bottom: 10px;}
.h3-wrap{ margin-bottom: 20px;}
.h3-wrap h3{ font-size: 20px; padding-bottom: 6px}
.h3-wrap h3 span > span{ font-size: 12px; vertical-align: baseline; display: inline-block; margin-left: 8px;}
.h3-wrap div.btn{ margin-top: 0;}
.h3-wrap div.btn a{ font-size: 12px; padding: 2px 10px;}
.h3-wrap .h3-img{ padding-bottom: 0px;}

/*  footer  */
footer{ min-width:960px; _display: inline; _zoom:1;}
footer > div{ width: 960px; margin: 0 auto; padding: 10px 0 0;}
footer #address{ float: left; margin-left: -85px;}
footer ul{ float: right; font-size: 12px; width: 430px; margin-top: 15px;}
footer li{ float: right; margin: 0 0 4px 20px;}
footer li a{ background: url("/u-car/common/img/slink-arrow_gray.png") left center no-repeat; padding-left: 8px;}
footer p{ font-size: 12px; padding: 20px 0;}
footer p span{ display: inline-block; margin-left: 10px;}
}

/*  Google remarketing tag 余白対策 20170808追加 */
iframe[name="google_conversion_frame"] { position: absolute; top: 0; }

/* add 18.03 */
.btn_zip2mrk{
	display:inline-block;
	padding:2px 4px;
	cursor: pointer;
}
#shopbox+.notes-list{
	margin:10px 0 0;
}
.gm-style-iw a{
	color:#333;
}
.gm-style-iw a:hover{
	color:#00A3DD;
}
.shopnametxt{
	display:inline-block;
	padding:5px 0 0;
}
.shopnametxt:before{
	content:"・";
	color:#990000;
}
@media screen and (max-width: 720px){
	.btn_zip2mrk{
		margin:5px 0 0;
		padding:5px 12px;
		font-size:14px;
	}
	.shopnametxt{
		margin:5px 0 0;
		display:block;
	}

}

@media screen and (max-width: 720px){
	.movieArea{
	  position:relative;
	  width:100%;
	  padding-top:56.25%;
	}
	.movieArea iframe{
	  position:absolute;
	  top:0;
	  right:0;
	  width:100%;
	  height:100%;
	}

}
/* 車両画像モーダル */

.car_image_modal_close{
display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: rgba(0,0,0,.7);
    z-index: 1002;
    width: 100%;
    display:none;
}
.car_image_modal_close a{
width: 50px;
    height: 50px;
    right: 2%;
    position: absolute;
}
.car_image_modal_close img{
    width: 50px;
    height: 50px;
}

.car_image_overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(38, 33, 30, .8);
    display:none;
    opacity:0;
    z-index:101;
}

.car_image_modal{
    position: fixed;
    display:none;
    overflow-y: auto;
    padding: 0 5%;
    width: 100%;
    height: 100%;
    z-index: 100;
    padding-top: 50px;
    bottom: 0px;
    top:1500px;
    z-index:103;
}
.car_image_modal .car_image_photobox{
    margin: auto;width: 800px;
}

.car_image_modal .car_image_photobox p{
background:white;max-width: 100%;
}