@charset "UTF-8";

/* base */
/* button */
/* link */
/* footer */
/*
	Ex Machina by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/
@font-face {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  src: url("font/fontawesome-webfont.eot?v=4.0.1");
  src: url("font/fontawesome-webfont.eot?#iefix&v=4.0.1") format("embedded-opentype"), url("font/fontawesome-webfont.woff?v=4.0.1") format("woff"), url("font/fontawesome-webfont.ttf?v=4.0.1") format("truetype"), url("font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular") format("svg");
}

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
body,
input,
textarea,
select {
  font-weight: 300;
  line-height: 1.75em;
  letter-spacing: 0.07em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: uppercase;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
  color: inherit;
}

/* Change this to whatever font weight/color pairing is most suitable */
strong,
b {
  font-weight: bold;
  color: #000;
}

em,
i {
  font-style: italic;
}

.COMMON-UCAR-detail-spec__body em, 
.COMMON-UCAR-list-paging__current em,
.COMMON-UCAR-detail-header-data__item em,
.COMMON-UCAR-detail-contact__body em,
.COMMON-UCAR-detail-data__body em{
  font-style: normal !important;
}

/* Don't forget to set this to something that matches the design */
a {
  outline: none;
}

a:link {
  color: #cc0000;
  outline: none;
}

a:visited {
  color: #cc0000;
  outline: none;
}

a:hover {
  color: #cc0000;
  text-decoration: none;
  outline: none;
}

a.COMMON-UCAR-search-block-more,
.COMMON-UCAR-list-compare a,
.COMMON-UCAR-detail-print a,
.COMMON-UCAR-detail__pageback a,
.COMMON-UCAR-list-paging__nav a,
.COMMON-UCAR-list-paging__index a{
  color: #333;
}
a.COMMON-UCAR-detail-question{
  color: #fff;
}

sub {
  position: relative;
  font-size: .8em;
  bottom: 0;
}

sup {
  position: relative;
  top: -.5em;
  font-size: .8em;
}

hr {
  border: 0;
  border-top: solid 1px #ddd;
}

blockquote {
  font-style: italic;
  padding: 1em 0 1em 2em;
  border-left: solid .5em #ddd;
}

header {
  line-height: 1.7em;
  margin-bottom: 2em;
}

header h2 {
  font-size: 2.5em;
}

header .byline {
  display: block;
  text-transform: uppercase;
  margin: .5em 0 0 0;
  padding: 0 0 .5em 0;
  /*font-size: 1.4em;*/
}

footer {
  margin-top: 1em;
}

br.clear {
  clear: both;
}

/* Sections/Articles */
section,
article {
  margin-bottom: 3em;
}

section > :last-child,
article > :last-child {
  margin-bottom: 0;
}

section:last-child,
article:last-child {
  margin-bottom: 0;
}

.row > section,
.row > article {
  margin-bottom: 0;
}

/* Images */
.image {
  display: inline-block;
}

.image img {
  display: block;
  width: 100%;
}

.image.showroom {
  display: block;
  width: 100%;
  margin: 0 0 2em 0;
}

.image.full {
  display: block;
  width: 100%;
  margin-bottom: 2em;
}

.image.left {
  float: left;
  margin: 0 2em 2em 0;
}

.image.centered {
  display: block;
  margin: 0 0 2em 0;
}

.image.centered img {
  width: auto;
  margin: 0 auto;
}

/* Lists */
ul.default {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.default li {
  display: block;
  padding: 2em 0 1.25em 0;
  border-top: 1px solid #303030;
}

ul.default li:first-child {
  padding-top: 0;
  border-top: none;
}

ul.default a {
  text-decoration: none;
  color: rgba(255, 255, 255, .5);
}

ul.default a:hover {
  text-decoration: underline;
}

ul.style1 {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.style1 li {
  padding: .60em 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
}

ul.style1 li:first-child {
  padding-top: 0;
  border-top: 0;
}

ul.style1 li a {
  text-decoration: none;
}

ul.style1 li a:hover {
  text-decoration: underline;
}

ul.style2 {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.style2 > li {
  padding: 1.90em 0 1.60em 0;
  border-color: rgba(0, 0, 0, .1);
  border-top: 1px solid;
}

ul.style2 > li:first-child {
  padding-top: 0;
  border-top: 0;
}

ul.style2 img {
  float: left;
  padding-right: 1em;
}

ul.style2 h3 {
  border-top: 1px solid #303030;
}

ul.style5 {
  overflow: hidden;
  margin: 0 0 1em 0;
  padding: 0;
  list-style: none;
}

ul.style5 li {
  float: left;
  line-height: 0;
  padding: .25em .25em;
}

/* Buttons */
.button{
  display: inline-block;
  position: relative;
  font-size: 1.1em;
  text-decoration: none !important;
  text-transform: uppercase;
  margin-top: .5em;
  padding: .50em 1.5em;
  cursor: pointer;
  -webkit-transition: color .35s ease-in-out, background-color .35s ease-in-out;
  transition: color .35s ease-in-out, background-color .35s ease-in-out;
  color: #fff !important;
  border-radius: 6px;
  filter: brightness(1.0);
  background: #cc0000;
}

.button:hover{
  color: #fff !important;
  filter: brightness(1.5);
  transition: filter .35s ease-in-out;
}

/*********************************************************************************/
/* Icons                                                                         */
/* Powered by Font Awesome by Dave Gandy | https://fontawesome.com/?from=io      */
/* Licensed under the SIL OFL 1.1 (font), MIT (CSS)                              */
/*********************************************************************************/
.fa {
  text-decoration: none;
}

.fa.solo span {
  display: none;
}

.fa:before {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1.25em;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: .75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  text-align: center;
  width: 1.2857142857142858em;
}

.fa-ul {
  margin-left: 2.142857142857143em;
  padding-left: 0;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  top: .14285714285714285em;
  left: -2.142857142857143em;
  text-align: center;
  width: 2.142857142857143em;
}

.fa-li.fa-lg {
  left: -1.8571428571428572em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
}

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
}

.fa-stack {
  display: inline-block;
  position: relative;
  line-height: 2em;
  vertical-align: middle;
  width: 2em;
  height: 2em;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  text-align: center;
  width: 100%;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-move:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-resize-full:before {
  content: "\f065";
}

.fa-resize-small:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-resize-vertical:before {
  content: "\f07d";
}

.fa-resize-horizontal:before {
  content: "\f07e";
}

.fa-bar-chart-o:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-fullscreen:before {
  content: "\f0b2";
}

.fa-group:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-reorder:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building:before {
  content: "\f0f7";
}

.fa-hospital:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-expand-o:before {
  content: "\f116";
}

.fa-collapse-o:before {
  content: "\f117";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-reply-all:before {
  content: "\f122";
}

.fa-mail-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-o:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-horizontal:before {
  content: "\f141";
}

.fa-ellipsis-vertical:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/
#banner {
  position: relative;
  padding: 6em 0;
  color: #fff;
  background-image: url(../img/banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-box-shadow: 0 0 14px -3px rgba(0, 0, 0, .2) inset;
          box-shadow: 0 0 14px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#index #banner {
  padding: 16.5vw 0;
  background-image: url(../img/banner_homepage.jpg);
  background-size: contain;
}

#car #banner {
  background-image: url(../img/banner_car.jpg);
}

#maintenance #banner {
  background-image: url(../img/banner_maintenance.jpg);
}

#campaign #banner {
  background-image: url(../img/banner_campaign.jpg);
}

#company #banner {
  background-image: url(../img/banner_info.jpg);
}

#showroom #banner {
  background-image: url(../img/banner_sr.jpg);
}

#showroom #banner.banner-srPersonal {
  background-image: none;
  padding: 0;
}

#showroom #banner.banner-srPersonal .container {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-box-shadow: 0 0 14px -3px rgba(0, 0, 0, .2) inset;
          box-shadow: 0 0 14px -3px rgba(0, 0, 0, .2) inset;
}

.slick-slide {
  line-height: 0;
}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/
#page {
  position: relative;
  background: #fff;
}
#page .top-link{
  display: block;
  width: 100%;
  background-color: #333;
  overflow: hidden;
  -webkit-transition: -webkit-transform .8s ease;
  transition: -webkit-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  -moz-transition-duration:1s;
  -webkit-transition-duration:1s;
  -o-transition-duration:1s;
  -ms-transition-duration:1s;
  transition-delay:1s;
}

#page .top-link:hover .top-index-box__bg{
 -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  filter: none;
  -webkit-transition: -webkit-transform .8s ease;
  transition: -webkit-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

#page .top-link:hover .top-index-box__button{
  color: #fff !important;
  filter: brightness(1.5);
  transition: filter .35s ease-in-out;
}

#page .top-link h2{
  font-family: "Roboto Condensed", "メイリオ", sans-serif;
  font-weight: bold;
  font-size: 2.8rem;
}
#page .top-link .secTitle, #page .top-link .secDesc{
  color: #fff;
}

.sidebar header h2 {
  font-size: 1.6em;
}

/*********************************************************************************/
/* Top                                                                          */
/*********************************************************************************/

#main{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  /* padding: 0 5em; */
  margin: 0 auto;
  position: relative;
  z-index: 5;
}

.top-index-inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.top-index-box{
  color: #fff;
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  margin: 2px 0;
  width: calc(25% - 2px);
  overflow: hidden;
  position: relative;
  -webkit-transition: opacity .8s ease;
  transition: opacity .8s ease;
}


.top-index-box__bg{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 377px;
  width: 100%;
  opacity: .5;
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  filter: url(data:image/svg+xml;utf8,<svg xmlns='https://www.w3.org/2000/svg'><filter id=…es='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale);
  filter: grayscale(100%);
  filter: gray;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -webkit-filter: grayscale(1);
}

.top-index-box__inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.top-index-box__button{
  display: block;
  position: relative;
  font-size: 1.1em;
  text-decoration: none !important;
  text-transform: uppercase;
  margin-top: .5em;
  padding: .50em 1.5em;
  cursor: pointer;
  -webkit-transition: color .35s ease-in-out, background-color .35s ease-in-out;
  transition: color .35s ease-in-out, background-color .35s ease-in-out;
  color: #fff !important;
  border-radius: 6px;
  filter: brightness(1.0);
  background: #cc0000;
}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/
blockquote {
  font-style: normal;
  margin: 0;
  padding: 0;
  border: none;
}

.balloon {
  font-size: 1.2em;
  line-height: 180%;
  padding: 1.87em;
  color: #333;
  border-radius: 5px;
  background: url(../img/img08.jpg) repeat left top;
}

.ballon-bgbtm {
  height: 1.87em;
}

.balloon strong {
  color: #333 !important;
}

/*********************************************************************************/
/* gmap                                                                          */
/*********************************************************************************/
.gmapOpen_wrapContent {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 235px;
  padding: 10px;
}

.gmapOpen_shopName {
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 5px;
}

.gmapOpen_shopUrl {
  padding-top: 5px;
}

/*********************************************************************************/
/* telLink                                                                       */
/*********************************************************************************/
a.telLink {
  color: inherit;
  cursor: text;
}

/*********************************************************************************/
/* staff                                                                         */
/*********************************************************************************/
.staff__detail {
  overflow: hidden;
  width: auto;
}

.staff__detail .ATC-shop-contents-staff-list {
  float: left;
  overflow: hidden;
  width: 48%;
  margin: 10px 1%;
  padding: 20px;
  border: 1px solid #cfd0d4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.staff__detail .ATC-shop-contents-staff-list.is-notready {
  width: 100%;
  border: 0;
}

.staff__detail .ATC-photo-thumb-frame {
  /*width: 165px;*/
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  padding-bottom: 15px;
  /*float: left;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*max-width: 26%;*/
}

.staff__detail .ATC-photo-thumb-frame img {
  /*width: 150px;*/
  width: 100%;
}

.staff__detail .ATC-shop-contents-staff-list-name {
  overflow: hidden;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  width: auto;
  width: 100%;
  margin-bottom: 8px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ddd;
}

.staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg01,
.staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg02,
.staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg03,
.staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg04,
.staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg05,
.staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg06,
.staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg07,
.staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg08,
.staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg09,
.staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg10 {
  float: left;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  width: 120px;
  margin-right: 8px;
  color: #fff;
}

.staff__detail .ATC-staff-type-bg01 {
  background: #ef929d;
}

.staff__detail .ATC-staff-type-bg10 {
  background: #51bbd9;
}

.staff__detail .ATC-staff-type-bg02 {
  background: #8399d2;
}

.staff__detail .ATC-staff-type-bg03,
.staff__detail .ATC-staff-type-bg04,
.staff__detail .ATC-staff-type-bg05 {
  background: #72c5bd;
}

.staff__detail .ATC-staff-type-bg06,
.staff__detail .ATC-staff-type-bg07,
.staff__detail .ATC-staff-type-bg08,
.staff__detail .ATC-staff-type-bg09 {
  background: #ee9100;
}

.staff__detail .ATC-shop-contents-staff-list-qualification {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
  padding-bottom: 15px;
  /*width: 390px;*/
  /*float: right;*/
  /*max-width: 76%;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.staff__detail .ATC-staff-type-color01 {
  color: #dd2e43;
}

.staff__detail .ATC-staff-type-color10 {
  color: #3db1d2;
}

.staff__detail .ATC-staff-type-color02 {
  color: #3a5fbc;
}

.staff__detail .ATC-staff-type-color03,
.staff__detail .ATC-staff-type-color04,
.staff__detail .ATC-staff-type-color05 {
  color: #2caa9e;
}

.staff__detail .ATC-staff-type-color06,
.staff__detail .ATC-staff-type-color07,
.staff__detail .ATC-staff-type-color08,
.staff__detail .ATC-staff-type-color09 {
  color: #ee9100;
}

.staff__detail .ATC-shop-contents-staff-list-comment {
  clear: both;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.8;
  margin-top: 15px;
  padding: 10px;
  background: #f6f6f6;
}

.staff__detail .ATC-shop-contents-staff-list-comment.is-empty {
  padding: 0;
  background: transparent;
}

*********************************************************************************/
/* calendar                                                                       */
/*********************************************************************************/
.top_calendar {
  background-color: #fff;
  position: relative;
}

.cal_box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 50px 40px 10px;
  background: #fff;
  height: auto;
}

.cal_box .cal_month {
  font-size: 40px;
  font-size: 4rem;
  text-align: center;
  margin-bottom: 10px;
}

.cal_box .calWrap {
  position: relative;
}

.cal_box .calWrap .loadGif {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 45%;
  margin: 0 auto;
  padding: 0;
}

.cal_box .calWrap table {
  width: 100px;
  table-layout: fixed;
  width: 100%;
}

.cal_box .calWrap table tr {
  width: 100%;
}

.cal_box .calWrap table tr th {
  text-align: center;
  vertical-align: middle;
  line-height: 2.5;
}

.cal_box .calWrap table tr th .cal_sun {
  color: #e7342b;
}

.cal_box .calWrap table tr td .cal_holiday {
  color: #e7342b;
}

.cal_box .calWrap table tr th .cal_sat {
  color: #2175ba;
}

.cal_box .calWrap table tr td {
  text-align: center;
  vertical-align: middle;
  line-height: 3;
}

.cal_box .calWrap table tr td .cal_sun {
  color: #e7342b;
}

.cal_box .calWrap table tr td .cal_sat {
  color: #2175ba;
}

.calCaption {
  margin-top: 20px;
}

.calCaption ul li {
  position: relative;
  margin-bottom: 5px;
}

.calCaption ul li:last-child {
  margin-bottom: 0;
}

.cal__caption__close01:before {
  content: "\25cf";
  color: #d3d3d3;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
}

.cal__caption__close01 span {
  position: absolute;
}

.cal__caption__close01 span:before {
  content: "\ff1a";
}

/* showroomBlog
============================== */
.showroomBlog {
  padding: 4em 0 2em;
  background-color: #cc0000;
}

#index .showroomBlog {
  display: block;
}

.showroomBlog .row > div:first-of-type:last-of-type {
  float: none;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
}

.showroomBlog header h2 {
  color: #fff;
  font-size: 1.6em;
  margin-bottom: 30px;
}

.showroomBlog .box {
  overflow: hidden;
  font-size: .95em;
  width: 100%;
  margin-bottom: 2em;
  border-spacing: 20px;
  border-collapse: separate;
  background: #fff;
}

.showroomBlog .box h2 {
  font-size: 1.4em;
  margin-bottom: 10px;
}

.showroomBlog .box .showroomBlog__target {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  text-decoration: none;
  width: 100%;
  padding: 1.4em;
  -webkit-transition: .4s;
  transition: .4s;
}

.showroomBlog .box .showroomBlog__image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 150px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.showroomBlog .box .showroomBlog__inner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1em 1.4em 0;
  width: 75%;
}

.showroomBlog .box .showroomBlog__title {
  display: block;
  width: 100%;
  max-width: 320px;
  font-size: 2.2rem;
  font-weight: 600;
  padding-bottom: .6em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.showroomBlog .box .showroomBlog__text {
  color: #cc0000;
  display: block;
  height: 4.8em;
  width: 100%;
  max-width: 320px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-bottom: 1em;
  line-height: 1.75;
}

.showroomBlog .box .showroomBlog__text:hover {
  text-decoration: underline;
}

.showroomBlog .box .showroomBlog__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.showroomBlog .box .showroomBlog__name {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.2rem;
  font-weight: 600;
  background-color: #f6f6f6;
  padding: 1em;
  margin-right: 1.4em;
}

.showroomBlog .box .showroomBlog__date {
  font-size: 1.2rem;
}

.gmap-indoor {
  margin-top: 24px;
}

.gmap-indoor > iframe {
  width: 100%;
  height: 400px;
}

.srBlog {
  width: 100%;
}

.COMMON-BBS {
  width: 100%;
}

.COMMON-BBS + .COMMON-BBS {
  margin-top: 2.4em;
}

.COMMON-BBS .COMMON-BBS-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.COMMON-BBS .COMMON-BBS-detail .COMMON-BBS-detail-title {
  background-color: #999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  width: 65%;
  padding: 1em 0 1em 1em;
}

.COMMON-BBS .COMMON-BBS-detail .COMMON-BBS-detail-posted {
  background-color: #999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  text-align: right;
  width: 35%;
  padding: 1em 1em 1em 0;
}

.COMMON-BBS .COMMON-BBS-detail .COMMON-BBS-detail-article {
  padding: 1.4em 0;
}

.COMMON-BBS .COMMON-BBS-detail .COMMON-BBS-detail-article img {
  max-width: 100%;
}

.COMMON-BBS ul.COMMON-BBS-paging{
  overflow: hidden;
  text-align: right;
  margin-bottom: 1.4em;
}
/* .COMMON-BBS ul.COMMON-BBS-paging li{
  float: left;
} */

.COMMON-BBS ul.COMMON-BBS-paging a{
  text-decoration: underline;
}

.maintenance-price {
  padding-top: 4em;
}

.maintenance-price__inner {
  overflow: auto;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, .2))) 0 0/20px 100%, -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, .2))) right/20px 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, .2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, .2)) right/20px 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.maintenance-price__inner:not(:first-of-type) {
  margin-top: 1em;
}
@media (max-width: 768px) {
  .maintenance-price__inner:not(:first-of-type) {
    margin-top: 1rem;
  }
}

.maintenance-price header h2 {
  font-size: 1.6em;
  margin-bottom: 30px;
}

.maintenance-price table {
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white 15px) 0 0/50px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), white 15px) right/50px 100%;
  background-repeat: no-repeat;
  background-attachment: local;
  table-layout: fixed;
  width: 100%;
  min-width: 600px;
}

.maintenance-price table thead th,
.maintenance-price table thead td {
  border: 1px solid #e6e5e5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 1.4em;
  vertical-align: middle;
}

.maintenance-price table thead th {
  background: #000;
  color: #fff;
}

.maintenance-price table thead th:first-of-type{
  width: 18%;
}

.maintenance-price table thead td {
  background-color: rgba(0, 0, 0, .03);
}

.maintenance-price table tbody th,
.maintenance-price table tbody td {
  border: 1px solid #e6e5e5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 1.4em .4em;
  vertical-align: middle;
}

.maintenance-price table tbody th {
  background-color: rgba(189, 8, 28, .9);
  color: #fff;
}

.maintenance-price table tbody th small {
  display: block;
  font-size: 1.2rem;
  text-align: center;
}

.maintenance-price table tbody .total th,
.maintenance-price table tbody .total td {
  font-weight: 600;
}

.maintenance-price table tbody .total td {
  background-color: rgba(0, 0, 0, .03);
}

.maintenance-price table tbody .all-total th,
.maintenance-price table tbody .all-total td {
  font-weight: 600;
}

.maintenance-price table tbody .all-total td {
  color: #BD081C;
  background-color: rgba(0, 0, 0, .03);
}

.maintenance-price table tbody .course {
  background-color: rgba(0, 0, 0, .03);
  color: #000;
}

.maintenance-price__total th{
  background-color: #000 !important;
  color: #fff;
}

.maintenance-price__total td{
  background-color: rgba(0, 0, 0, .03);
  color: #000;
}

.price-caution {
  padding-top: 1em;
  font-size: 1.2rem;
}

.price-caution li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.price-caution li:before {
  content: "※";
}

.campaign-no-content {
  padding: 60px 0;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}

.maintenance-option__caution{
  font-size: 1.2rem;
}

/*********************************************************************************/
/* newcar                                                                      */
/*********************************************************************************/
.tokusou-container{
  overflow: hidden;
  margin-top: 70px;
}
#car .frame-c{
  padding:30px 0 0 0 !important;	
  list-style-position: outside;	
  font-size: 12px;	
  line-height: 1.2;	
  color: #000000;	
  text-align: left;
}
#car .maintxt-cw{
  background-image: none;
  text-align: left !important;
}
#car .maintxt-cw p{
  padding: 0 10px 0 22px;
}
/*********************************************************************************/
/* lineup                                                                        */
/*********************************************************************************/
.lineupContents .CMN-L__carItem-name{
  text-transform: none;
}

@media screen and (max-width: 1100px) {
  /* for desktop */
}

@media screen and (max-width: 768px) {
  .tokusou-container{
    margin-top: 50px;
  }
  /* for tablet */
  .showroomBlog .box .showroomBlog__image {
    width: 42%;
    height: 135px;
  }
  .showroomBlog .box .showroomBlog__inner {
    padding: .4em 0 0 1em;
    width: 58%;
  }
  .COMMON-BBS .COMMON-BBS-detail .COMMON-BBS-detail-title {
    font-size: 1.2rem;
    width: 100%;
    padding: 1em 1em 0 1em;
  }
  .COMMON-BBS .COMMON-BBS-detail .COMMON-BBS-detail-posted {
    width: 100%;
    font-size: 1.1rem;
    text-align: left;
    padding: 0 1em 1em 1em;
  }

  #car .frame-c{
    width: 100%;
  }
  #car .mainimg-cw{
    width: 100%;
    text-align: center;
    margin-bottom: 5%;
  }
  #car .spacialeq-cw{
    margin: 0 0 10px;
    font-size: 14px;
  }
  #car .maintxt-cw{
    width: 100%;
    text-align: center;
  }
  #car .maintxt-cw .cartype-w{
    font-size: 13px;
  }
  #car .maintxt-cw .cartype-w,
  #car .maintxt-cw .carname-cw{
    text-align: left;
  }  
  #car img.nc-a{
    display: block;
    margin: 0 auto;
    padding: 0 0 5px 0;
  }
  #car .n-cw,
  #car .n-cw li{
    text-align: left;
    line-height: 1.8em;
  }
  #car .carname-cw{
    margin: 0 !important;
    padding-left: 0;
    padding-bottom: 10px;
  }
  #car .mainimg-cw > img{
    display: none;
  }
}

@media screen and (max-width: 480px) {
  /* for mobile */
}

@media screen and (max-width: 360px) {
  /* for mobile_sm */
}

@media (min-width: 0) and (max-width: 767px) {
  .staff__detail .ATC-shop-contents-staff-list {
    float: none;
    width: 98%;
  }
  .staff__detail .ATC-photo-thumb-frame {
    float: left;
    width: 50%;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .staff__detail .ATC-shop-contents-staff-list-qualification {
    float: right;
    width: 50%;
  }
  .cal_box {
    height: 100%;
  }
}

@media screen and (max-width: 400px) {
  .staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg01,
  .staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg02,
  .staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg03,
  .staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg04,
  .staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg05,
  .staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg06,
  .staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg07,
  .staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg08,
  .staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg09,
  .staff__detail .ATC-shop-contents-staff-list-name .ATC-staff-type-bg10 {
    width: 100%;
    margin-bottom: 8px;
  }
  .staff__detail .ATC-shop-contents-staff-list-name {
    text-align: center;
  }
  .staff__detail .ATC-photo-thumb-frame {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .staff__detail .ATC-shop-contents-staff-list-qualification {
    float: none;
    width: 100%;
  }
}

@media (min-width: 0) and (max-width: 1199px) {
  .cal_box {
    padding: 30px 20px 0;
  }
}

@media (max-width: 768px) {
  .showroomBlog header h2 {
    font-size: 1.1em;
  }
  .showroomBlog .box .showroomBlog__title {
    font-size: 1.6rem;
  }
  .showroomBlog .box .showroomBlog__text {
    height: 7em;
    font-size: 1rem;
  }
  .showroomBlog .box .showroomBlog__name {
    font-size: 1rem;
  }
  .showroomBlog .box .showroomBlog__date {
    font-size: .8rem;
  }
  .maintenance-price {
    padding-top: 2em;
  }
  .maintenance-price header h2 {
    font-size: 1.4em;
    margin-bottom: 30px;
  }
  .maintenance-price table {
    line-height: 1.4;
  }
  .maintenance-price table thead th,
  .maintenance-price table thead td {
    padding: 1em .2em;
    font-size: 1.1rem;
  }
  .maintenance-price table tbody th,
  .maintenance-price table tbody td {
    padding: 1em .2em;
    font-size: 1rem;
  }
  .maintenance-price table tbody th small {
    font-size: 1rem;
  }
  .price-caution {
    font-size: 1rem;
    line-height: 1.4;
  }
}

/* p-top-modal
--------------------------- */

.p-top-index-reservation__modalArea {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-top-index-reservation__modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}

.p-top-index-reservation__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 80%;
  max-width: 1280px;
  padding: 10px;
  background-color: #fff;
}

.p-top-index-reservation__closeModal {
  position: absolute;
  top: -6.5rem;
  right: 0;
  cursor: pointer;
  color: #fff;
  font-size: 5rem;
}

/* reservation
--------------------------- */

.c-reservation-container{
  background-color: #313131;
  padding: 50px;
  color: #fff;
  /* margin-bottom: -100px; */
}

.c-reservation{
  /* width: 1280px; */
  margin: 0 auto;
}

.c-reservation-content-item__title{
  text-align: center;
  font-family: "Abel", "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, Verdana, Meiryo, sans-serif;
}

.c-reservation-content-item__title h2{
  font-size: 5.2rem;
  font-size: 52px;
  font-family: "ostrich_sansmedium", sans-serif;
}

.c-reservation-content-item__title span{
  font-size: 2rem;
  font-size: 20px;
  display: block;
}

.c-reservation__inner{
  padding: 30px 0;
}

.c-reservation-content{
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: center;
}

.c-reservation-content-item{
  width: 45%;
  padding: 0 10px;
}

.c-reservation-content-item__button{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 45px;
  border-width: 2px;
  display: block;
  font-family: "Abel", "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, Verdana, Meiryo, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none !important;
  line-height: 1;
  padding: 1.58em 1.125em;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position: relative;
  background-color: #c92929;
  color: #fff !important;
}

.c-reservation-content-item__button:before{
  border-top-width: 2px;
  border-top-style: solid;
  border-right-width: 2px;
  border-right-style: solid;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 1.4em;
  bottom: 0;
  margin: auto 0;
  -webkit-transition: border-color .3s ease;
  transition: border-color .3s ease;
}

.c-reservation-content-item__button:hover{
  background-color: #fff;
  color: #c92929 !important;
}

.c-reservation__registration{
  text-align: center;
}

.c-reservation__registration a{
  color: #fff;
  text-decoration: none;
}

.c-reservation__registration a:hover{
  text-decoration: underline;
}

.c-reservation-campaign{
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-family: "Abel", "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, Verdana, Meiryo, sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
}

.c-reservation-campaign__text {
  margin-right: 1.2rem;
}

.c-reservation-campaign__text span{
  color: #ffd800;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}

.c-reservation-campaign__linek a{
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none;
}
.c-reservation-campaign__linek a:hover{
  text-decoration: underline;
}


.p-maintenance-content__reservation{
  /* width: 1200px; */
  margin: 0 auto;
}

.p-maintenance-content__reservation .c-reservation-container{
  color: #fff;
  margin: 0 30px;
  border: solid #313131;
  background-color: #fff;
  padding: 0;
}

.p-maintenance-content__reservation .c-reservation{
  margin: 10px;
  background: #313131;
  padding: 30px 0;
  width: auto;
}


/* showroomButton
============================== */

.srBtn__section.srBtn {
  width: 100%;
}
.srBtn__section, .srContents__btn {
  display: flex;
  margin-bottom: 2em;
}
.button_sr{
  display: inline-block;
  position: relative;
  font-size: 1.1em;
  text-decoration: none !important;
  text-transform: uppercase;
  margin-top: .5em;
  padding: .50em 2.7em;
  cursor: pointer;
  -webkit-transition: color .35s ease-in-out, background-color .35s ease-in-out;
  transition: color .35s ease-in-out, background-color .35s ease-in-out;
  color: #fff !important;
  border-radius: 6px;
  filter: brightness(1.0);
  background: #cc0000;
}

.button_sr:hover{
  color: #fff !important;
  filter: brightness(1.5);
  transition: filter .35s ease-in-out;
}
.srBtn a {
  width: 100%;
  text-align: center;
}
.srBtn {
  margin: 0.2em;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
  .button_sr {
    padding: .50em 1.8em;
  }
  .c-reservation-campaign {
    display: block;
    text-align: center;
  }
  .c-reservation-campaign__linek {
    margin-top: 1em;
  }
  .c-reservation-campaign__linek a {
    text-decoration: underline;
  }
  .c-reservation-content-item {
    width: 100%;
  }
  .c-reservation-content-item__button {
    font-size: 1.3rem;
    padding: 1.58em 2.5em;
  }
}

@media screen and (max-width:480px) { 
  .srContents__btn {
    display: block;
    margin-bottom: 2em;
  }
  .srBtn {
    width: 100%;
    margin: 0.2em;
  }
  .srBtn__section {
    margin: 0;
  }
  .button_sr {
    padding: .50em 1em;
  }

  /* reservation */
  .c-reservation-container{
    background-color: #313131;
    padding: 20px 10px;
    color: #fff;
  }
  
  .c-reservation{
    width: 100%;
    margin: 0 auto;
  }
  
  .c-reservation-content-item__title{
    margin: 0 10px;
    text-align: center;
    font-family: "Abel", "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, Verdana, Meiryo, sans-serif;
  }
  
  .c-reservation-content-item__title h2{
    font-size: 4rem;
    font-size: 30px;
    font-family: "ostrich_sansmedium", sans-serif;
  }
  
  .c-reservation-content-item__title span{
    font-size: 1.5rem;
    font-size: 15px;
    display: block;
  }
  
  .c-reservation__inner{
    padding: 20px 0 0;
  }
  
  .c-reservation-content{
    display: block;
    margin: 0 10px;
  }
  
  .c-reservation-content-item{
    padding: 5px 0px;
    width: auto;
  }
  
  .c-reservation-content-item__button{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 45px;
    border-width: 2px;
    display: block;
    font-family: "Abel", "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, Verdana, Meiryo, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
    line-height: 1;
    padding: 1em 2.125em;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    background-color: #c92929;
    color: #fff;
    transition:;
  }
  
  .c-reservation-content-item__button:before{
      border-top-width: 2px;
      border-top-style: solid;
      border-right-width: 2px;
      border-right-style: solid;
      content: "";
      display: block;
      width: 8px;
      height: 8px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 0;
      right: 1.4em;
      bottom: 0;
      margin: auto 0;
      -webkit-transition: border-color .3s ease;
      transition: border-color .3s ease;
  }
  
  .c-reservation-content-item__button:hover{
    background-color: #fff;
    color: #c92929;
  }
  
  .c-reservation__registration{
    text-align: center;
  }
  
  .c-reservation__registration a{
    color: #fff;
    text-decoration: none;
  }
  
  .c-reservation__registration a:hover{
    text-decoration: underline;
  }
  
  .c-reservation-campaign {
    text-align: center;
    padding-top: 20px;
    display: block;
    font-size: 1.3rem;
  }
  
  .c-reservation-campaign span {
    color: #ffd800;
    font-weight: bold;
    font-size: 1.3rem;
  }
  
  .c-reservation-campaign__linek{
    padding-top: 10px;
  }
  
  .c-reservation-campaign__linek a {
    color: #fff;
    font-size: 1.3rem;
    text-decoration: underline;
  }
  .p-maintenance-content__reservation .c-reservation-container {
    margin: 0;
  }
  .c-reservation-campaign__text {
    margin: 0 10px;
  }

  /* p-top-modal */
  .p-top-index-reservation__modalArea {
  display: none;
  position: fixed;
  z-index: 10; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-top-index-reservation__modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}
.p-top-index-reservation__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 80%;
  max-width: 1280px;
  padding: 10px;
  background-color: #fff;
}
.p-top-index-reservation__closeModal {
  position: absolute;
  top: -6.5rem;
  right: 0;
  cursor: pointer;
  color: #fff;
  font-size: 5rem;
}
}

/*********************************************************************************/
/* top banner                                                                    */
/*********************************************************************************/
.top-banner {
  width: 100%;
  padding: 4em 0;
  margin: 0 auto;
  background: #fff;
}
.top-banner img{
  width: 1180px;
  display: block;
  margin: 0 auto;
  transition-duration: 0.3s;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: auto;
  margin-left: auto;
}
.top-banner a img:hover {
  opacity: 0.6;
  transition-duration: 0.3s;
}
@media (max-width: 767px) and (min-width: 0) {
  .top-banner {
    width: 100%;
    padding:2em 0;
  }
  .top-banner img {
    width: 98%;
    padding: 0;
  }
}


/*********************************************************************************/
/* SMS                                                                           */
/*********************************************************************************/

.p-sms-txt_red {
  color: #cc0000;
  font-weight: bold;
}

.p-sms_block {
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 20px;
  margin-top: 15px;
}

.smsBlock article figure {
  text-align: center;
  padding-top: 2em;
}

.smsBlock article figure img {
  width: 40%;
}
@media (max-width: 767px) and (min-width: 0) {
  .smsBlock article figure img {
    width: 100%;
  }
  .p-sms-txt_small {
    font-size: 10px;
    vertical-align: 2px;
  }
}


/*********************************************************************************/
/* usedcar                                                                          */
/*********************************************************************************/
.usedcar {
  background: #F2F2F2;
  padding: 4em 0;
}
.usedcar header h2{
  font-size: 1.6em;
  margin-bottom: 30px;
}
.p-index-usedcar__body{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3em;
}
.p-index-usedcar{
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 31.25%;
  text-align: center;
  overflow: hidden;
  position: relative;
  -webkit-transition: opacity .8s ease;
  transition: opacity .8s ease;
}
.p-index-usedcar .top-link{
  display: block;
  width: 100%;
  background-color: #333;
  overflow: hidden;
  -webkit-transition: -webkit-transform .8s ease;
  transition: -webkit-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  -moz-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  -ms-transition-duration: 1s;
  transition-delay: 1s;
}
.p-index-usedcar .top-index-box__bg{
  height: 500px;
}
.p-index-usedcar .top-link:hover .top-index-box__bg{
 -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  filter: none;
  -webkit-transition: -webkit-transform .8s ease;
  transition: -webkit-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.p-index-usedcar .top-link:hover .top-index-box__button{
  color: #fff !important;
  filter: brightness(1.5);
  transition: filter .35s ease-in-out;
}
.p-index-usedcar .top-index-box__button{
  padding: 0.5em 4.5em;
}
.p-index-usedcar-stock{
  font-weight: bold;
  font-size: 2.5rem;
  color: #fff;
}
.p-index-usedcar-stock__head{
  padding-bottom: 1.5em;
}
.p-index-usedcar-stock__body em{
  font-size: 4em;
  font-style: normal;
}
.p-index-usedcar .secDesc{
  color: #fff;
}
.p-index-usedcar__list {
  width: 65.625%;
}
.p-index-usedcar-list {
    width: calc(100% + 35px);
}
.p-index-usedcar-list__inner {
  /*margin-bottom: -2.125em;*/
  padding-bottom: 0.125em;
}
.p-index-usedcar-list__item {
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden;
  height: auto;
  padding-right: 35px;
  padding-bottom: 35px;
}
.p-index-usedcar-list .slick-dots {
  position: absolute;
  bottom: 0 !important;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
}
.p-index-usedcar-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #fff;
  text-decoration: none;
  transition: all .4s;
}
a.p-index-usedcar-card{
  text-decoration: none;
}
.p-index-usedcar-card__image {
  position: relative;
  overflow: hidden;
}
.p-index-usedcar-card__image figure {
  background: 50% 50% no-repeat #fff;
  background-size: cover;
  transition: transform .4s ease;
  width: 100%;
  height: 267px;
}
.p-index-usedcar-card:hover .p-index-usedcar-card__image figure {
  opacity: .8;
  transform: scale(1.05);
}
.p-index-usedcar-card__contents {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 3em 7.42857% 1.8125em;
  color: #333;
  font-weight: bold;
}
.p-index-usedcar-card__data {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  width: calc(100% - 5em);
  height: 2.2em;
  margin: 0 auto;
  transform: translateY(-50%);
  font-size: 1.8rem;
}
.p-index-usedcar-card__data > p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  background: #333;
  color: #fff;
  border-radius: 6px 0 0 6px;
}
.p-index-usedcar-card__data > p:nth-child(2) {
  background: #CC0000;
  border-radius: 0 6px 6px 0;
}
.p-index-usedcar-card__name {
  margin-bottom: 1em;
  padding-bottom: .5em;
  border-bottom: 1px solid #7f7f7f;
  font-size: 1.3em;
  line-height: 1.5;
}
.p-index-usedcar-card:hover .p-index-usedcar-card__name:after {
  width: 100%;
}
.p-index-usedcar-card__price {
  margin-top: 1em;
  line-height: 1;
}
.p-index-usedcar-card__price em {
  font-size: 3.2em;
  color: #D40000;
  font-style: normal;
}
@media screen and (max-width: 960px) {
  .p-index-usedcar__body{
    display: block;
  }
  .p-index-usedcar{
    width: 100%;
  }
  .p-index-usedcar__list {
    width: 88.23529%;
    margin: 2.5em auto 0;
  }
  .p-index-usedcar-list .slick-dots {
    width: calc(100% - 35px);
  }
  .p-index-usedcar .top-index-box__bg{
    height: 300px;
  }
  .usedcar{
    padding: 4em 0 5em;
  }
}
@media (max-width: 768px){
  .usedcar header h2{
    font-size: 1.1em;
  }
  .p-index-usedcar-stock{
    font-size: 1.8rem;
  }
  .p-index-usedcar-card__price{
    font-size: 1.2rem;
  }
  .p-index-usedcar-card__price em {
    font-size: 2.6em;
  }
}
.p-usedcar-contents table th, .p-usedcar-contents table td {
    vertical-align: middle;
}
.COMMON-UCAR-search {
    background: #f4f4f4;
    padding: 10px;
}
@media screen and (max-width: 767px) {
  #usedcar-resp .COMMON-UCAR-table table,
  #usedcar-resp .COMMON-UCAR-table thead,
  #usedcar-resp .COMMON-UCAR-table tbody,
  #usedcar-resp .COMMON-UCAR-table tr,
  #usedcar-resp .COMMON-UCAR-table th,
  #usedcar-resp .COMMON-UCAR-table td {
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-table-header {
    display: none;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-table-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-name {
    width: auto;
    float: none;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-bottom: 1em;
    background: #f4f4f4;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-thumb {
    float: none;
    width: 320px;
    max-width: 50%;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    box-sizing: border-box;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-thumb a {
    display: block;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-thumb a img {
    display: block;
    width: 100% !important;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-name {
    font-size: 1.8rem;
    padding-left: 1.2em;
    padding-right: 1.2em;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-name a {
    /* 車種名*/
    color: #333333;
    font-size: 140%;
    display: inline-block;
    margin-bottom: 0.5em;
    font-weight: bold;
    text-decoration: underline;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-price {
    /* 車両販売価格*/
    width: 100%;
    padding-bottom: 1em;
    text-align: center;
    font-size: 2.4rem;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-price br {
    display: none;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-price span {
    display: inline-block;
    margin-left: 0.5em;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-price:before {
    content: "\8ECA\4E21\8CA9\58F2\4FA1\683C\FF1A";
    display: inline-block;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-year,
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-distance,
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-color,
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-power {
    width: 100%;
    padding: 8px 0 8px 7em;
    border-bottom: 1px solid #ddd;
    font-size: 2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    line-height: 2;
    position: relative;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-year:before,
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-distance:before,
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-color:before,
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-power:before {
    content: "\5E74\5F0F";
    display: block;
    text-align: center;
    color: #FFF;
    background: #999;
    width: 6em;
    position: absolute;
    top: 8px;
    left: 0;
    float: left;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-year {
    /* 年式 */
    border-top: 1px solid #eee;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-year:before {
    content: "\5E74\5F0F";
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-distance {
    /* 走行距離 */
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-distance:before {
    content: "\8D70\884C\8DDD\96E2";
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-color {
    /* カラー */
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-color:before {
    content: "\30AB\30E9\30FC";
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-power {
    /* 排気量 */
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-power:before {
    content: "\6392\6C17\91CF";
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-compare-check {
    padding: .75em;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-shop {
    font-size: 2rem;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 3px solid #bfbfbf;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-shop a {
    display: inline-block;
  }
  #usedcar-resp #UCAR-search {
    padding-top: 10px;
  }
  #usedcar-resp .COMMON-UCAR-search table,
  #usedcar-resp .COMMON-UCAR-search thead,
  #usedcar-resp .COMMON-UCAR-search tbody,
  #usedcar-resp .COMMON-UCAR-search tr,
  #usedcar-resp .COMMON-UCAR-search th,
  #usedcar-resp .COMMON-UCAR-search td {
    line-height: 1.75;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #usedcar-resp .COMMON-UCAR-search th {
    padding-top: .75em;
    font-size: 1.8rem;
  }
  #usedcar-resp .COMMON-UCAR-search td {
    padding-bottom: .75em;
    border-bottom: 1px solid #c9c9c9;
  }
  #usedcar-resp .COMMON-UCAR-search .COMMON-UCAR-search-title {
    font-size: 1.8rem;
  }
  #usedcar-resp .COMMON-UCAR-search .COMMON-UCAR-search-list {
    font-size: 1.6rem;
  }
  #usedcar-resp .COMMON-UCAR-search .COMMON-UCAR-search-list label {
    font-weight: normal;
  }
  #usedcar-resp .COMMON-UCAR-search-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #usedcar-resp .COMMON-UCAR-search-btns .COMMON-UCAR-search-submit {
    display: block;
    float: none;
    width: 100%;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 10px;
  }
  #usedcar-resp .COMMON-UCAR-search-btns .COMMON-UCAR-search-toggle,
  #usedcar-resp .COMMON-UCAR-search-btns .COMMON-UCAR-search-reset {
    display: block;
    float: none;
    width: auto;
    margin: 0 10px;
  }
  #usedcar-resp .COMMON-UCAR-search-btns .COMMON-UCAR-search-title {
    margin-top: 1em;
  }
  #usedcar-resp .COMMON-UCAR-detail-table table,
  #usedcar-resp .COMMON-UCAR-detail-table thead,
  #usedcar-resp .COMMON-UCAR-detail-table tbody,
  #usedcar-resp .COMMON-UCAR-detail-table tr,
  #usedcar-resp .COMMON-UCAR-detail-table th,
  #usedcar-resp .COMMON-UCAR-detail-table td {
    line-height: 1.75;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #usedcar-resp .COMMON-UCAR-detail-table th {
    padding: .75em 1em;
  }
  #usedcar-resp .COMMON-UCAR-detail-table td {
    padding: .75em 1em;
  }
  #usedcar-resp .COMMON-UCAR-detail-shop-name,
  #usedcar-resp .COMMON-UCAR-detail-shop-info {
    float: none;
    padding-top: 1em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-name {
    font-size: 1.5rem;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-price {
    font-size: 2rem;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-year,
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-distance,
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-color,
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-power {
    font-size: 1.6rem;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-shop {
    font-size: 1.6rem;
  }
  #usedcar-resp .COMMON-UCAR-search th {
    font-size: 1.5rem;
  }
  #usedcar-resp .COMMON-UCAR-search .COMMON-UCAR-search-title {
    font-size: 1.5rem;
  }
  #usedcar-resp .COMMON-UCAR-search .COMMON-UCAR-search-list {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 440px) {
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-name {
    font-size: 1.2rem;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-price {
    font-size: 1.5rem;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-year,
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-distance,
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-color,
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-power {
    font-size: 1.3rem;
  }
  #usedcar-resp .COMMON-UCAR-table .COMMON-UCAR-shop {
    font-size: 1.3rem;
  }
  #usedcar-resp .COMMON-UCAR-search th {
    font-size: 1.2rem;
  }
  #usedcar-resp .COMMON-UCAR-search .COMMON-UCAR-search-title {
    font-size: 1.2rem;
  }
  #usedcar-resp .COMMON-UCAR-search .COMMON-UCAR-search-list {
    font-size: 1.2rem;
  }
}


.Mut-holidays[data-hansha-cd="7288072"] {
  margin: 0 0 2em;
}
@media screen and (max-width: 768px) {
  .Mut-holidays[data-hansha-cd="7288072"] {
    font-size: 1.6rem;
  }
  .Mut-holidays[data-hansha-cd="7288072"] .Mut-holidays__button {
    font-size: 1.2rem;
  }
}

/*********************************************************************************/
/* leaflet                                                                        */
/*********************************************************************************/
#js-leaflet-visible{
  padding: 2em 0;
}

#js-leaflet-date-container{
  text-align: center;
}

.container #commonCampaign ul li{
  padding: 15px;
  box-sizing: border-box;
}

  section#advUpload{
    width: 748px;
    margin: 0 auto;
    overflow: hidden;
  }
  section#advUpload article {
    margin:0 30px;
  }
  section#advUpload article nav{
    text-align: center;
  }
article.omote {
    float: left;
}
@media (min-width: 0) and (max-width: 767px) {

  article.omote {
    float: left;
  }

  article.omote{
    float: none;
  }

  section#advUpload{
    width: 100%!important;
  }

  article.omote,
  article.ura{
    margin: 0 auto!important;
    padding: 15px;
    box-sizing: border-box;
  }
}


.p-index-information{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.p-index-information-nav{
  position: relative;
  display: flex;
  align-items: center;
  background-color:#777;
  gap: 50px;
  color: #fff !important;
  padding: 1em 2.5em 1em 1em;
  border-radius: 5px;
}

.p-index-information-nav.is-important{
  background-color: #cc0000;
}

.p-index-information-nav:before,
.p-index-information-nav:after{
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 18px;
  width: 11px;
  height: 3px;
  background-color: #fff;
  transform-origin: calc(100% - 1px) 50%;
}

.p-index-information-nav:before {
  transform: rotate(45deg);
}

.p-index-information-nav:after {
  transform: rotate(-45deg);
}

@media screen and (max-width: 480px) {
  .p-index-information{
    gap: 15px;
  }
  .p-index-information-nav{
    font-size: 1.2rem;
    padding: .833333em;
    gap: 15px;
  }
  .p-index-information-nav:before,
  .p-index-information-nav:after{
    width: 8px;
    height: 2px;
  }
}

/*********************************************************************************/
/* footer corporate-nav                                                                          */
/*********************************************************************************/

.p-corporate-nav {
  width: 100%;
  padding: 3em 0;
  background: #f2f2f2;
}
@media screen and (max-width: 560px) {
  .p-corporate-nav {
    padding: 1em 0;
  }
}

.p-corporate-nav-list__item img {
  width: 100%;
  vertical-align: bottom;
}

.p-corporate-nav-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  gap: 2em;
}
@media screen and (max-width: 960px) {
  .p-corporate-nav-list {
    gap: 1em;
  }
}
@media screen and (max-width: 560px) {
  .p-corporate-nav-list {
    grid-template-columns: 1fr;
  }
}

.p-corporate-nav-list__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5em 2em;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .p-corporate-nav-list__item a {
    padding: 1.5em 0.5em;
  }
}
@media screen and (max-width: 560px) {
    .p-corporate-nav-list__item a {
      padding: 1.5em 2em;
    }
}