@charset "euc-jp";
/*

Theme Name: e-car

Theme URI: http://www.comman.co.jp

Description: WordPress e-car

Author: COMMAN inc.

Author URI: http://www.comman.co.jp

*/

/* CSS Document */

body {
  font-family: "Cabin", "Noto Sans Japanese", "鐃潤イ鐃所オ", sans-serif;
  margin: 0px;
  padding: 0px;
  word-break: break-all;
}

img {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.calendar_now #calendarTitle {
  display: none !important;
}

.left {
  float: left;
}

.right {
  float: right;
}

p {
  display: block;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

br {
  line-height: 0;
  height: 0px;
  display: block;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

@media screen and (max-width: 768px) {
  body {
    word-wrap: break-word;
  }
}

ul,
li {
  list-style: none;
  list-style-image: none;
}

/* -----------------------------------------------------
 a hover
----------------------------------------------------- */

a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/* -----------------------------------------------------
 CLEAR FIX & CLEAR
----------------------------------------------------- */

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.clear {
  clear: both;
}

/*--------------------------------------------
FLEX BOX
--------------------------------------------*/
.flex-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-layout .flex-item {}

.flex-layout .flex-item.r-05em {
  margin: 0 0.5em 0 0;
}

.flex-layout .flex-item.l-05em {
  margin: 0 0 0 0.5em;
}

/*--------------------------------------------
TOP PAGE

HEADER
--------------------------------------------*/

.wrapper #header {
  margin: 0px;
  width: 100%;
  background-color: #18181a;
  background: rgba(0, 0, 0, 0.4);
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  position: fixed;
  z-index: 2;
}

.wrapper #header .gmlist {
  margin: 0px;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
}

.wrapper #header .gmlist li {
  font-size: 16px;
  color: #fff;
  list-style-type: none;
  float: left;
  margin-right: 34px;
  line-height: 16px;
}

.wrapper #header .gmlist li a {
  color: #fff;
  text-decoration: none;
  padding-bottom: 21px;
}

.wrapper #header .gmlist li a:hover {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.wrapper #header .gmlist02 {
  padding: 0px;
  margin-top: 20px;
  margin-right: 50px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.wrapper #header .gmlist02 li {
  font-size: 16px;
  color: #fff;
  list-style-type: none;
  float: right;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 34px;
  padding: 0px;
  line-height: 16px;
}

.wrapper #header .gmlist02 li a {
  color: #fff;
  text-decoration: none;
  padding-bottom: 21px;
}

.wrapper #header .gmlist02 li a:hover {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.wrapper #header .header_left {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 45%;
}

.wrapper #header .header_center {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 10%;
  text-align: center;
  height: 51px;
}

@media screen and (max-width: 678px) {
  .wrapper #header .header_center {
    height: 37px;
  }
}

.wrapper #header .header_center img {
  width: 51px;
}

.wrapper #header .header_right {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 45%;
}

.menu-button {
  position: relative;
  margin: 5px;
  height: 36px;
  width: 36px;
  cursor: pointer;
}

.menu-button:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 3px;
  border-bottom: 17px double #fff;
  border-top: 6px solid #fff;
  width: 30px;
  height: 5px;
}

.menu-right {
  float: right;
}

@media screen and (max-width: 1024px) {
  .wrapper #header .header_center {
    margin: 0px auto;
    float: none;
  }

  .wrapper #header {
    margin: 0px;
    width: 100%;
    background-color: #fff;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    z-index: 2;
    position: relative;
    text-align: center;
  }

  .wrapper #header .header_right {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 45%;
  }

  .wrapper #header .header_center img {
    width: 35px;
    margin-top: 2px;
    margin-left: 2px;
  }

  .menu-button:before {
    content: "";
    position: absolute;
    top: 5px;
    right: 3px;
    width: 30px;
    height: 5px;
    border-top-width: 6px;
    border-bottom-width: 17px;
    border-top-style: solid;
    border-bottom-style: double;
    border-top-color: #003057;
    border-bottom-color: #003057;
  }

  .wrapper #header .header_left,
  .wrapper #header .header_right {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 45%;
    display: none;
  }
}

/*--------------------------------------------
NAVIGATOR

RAYOUT
--------------------------------------------*/

.toolbar {
  position: fixed;
  top: 7px;
  right: 0;
  line-height: 68px;
  z-index: 3;
}

.menu-button {
  position: relative;
  margin: 5px;
  height: 36px;
  width: 36px;
  cursor: pointer;
}

.menu-right {
  float: right;
}

.sidebar {
  color: white;
  background-color: #003057;
  margin: 0;
  padding: 0px;
}

.sidebar h6 {
  font-size: 20px;
  color: #fff;
  margin-top: 15;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
}

.sidebar li {
  list-style-type: none;
  margin-top: 1em;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 0;
  padding-top: 3px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  color: #fff;
}

.sidebar li:hover {}

.sidebar li a {
  color: #fff;
  text-decoration: none;
}

.sidebar li a:visited {
  color: #fff;
  text-decoration: underline;
}

.sidebar li a:hover {
  text-decoration: none;
}

.sidebar hr {
  margin: 2em auto;
  border: 0;
  padding: 0;
  width: 80%;
  height: 1px;
  background-color: #999;
}

.pagetitle {
  line-height: 0px;
  margin: 0px;
  padding: 0px;
}

@media screen and (max-width: 1024px) {
  .toolbar {
    position: fixed;
    top: 0px;
    right: 0;
    line-height: 68px;
    z-index: 3;
  }
}

/*--------------------------------------------
NAVIGATOR

FOOTER
--------------------------------------------*/

.button {
  text-align: center;
  clear: both;
  margin: 0px;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
}

.bt {
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px;
}

.bt a {
  color: #003057;
  font-size: 16px;
  margin-bottom: 20px;
  padding-top: 16px;
  padding-right: 30px;
  padding-bottom: 16px;
  padding-left: 30px;
  text-decoration: none;
  border: 1px solid #003057;
  background-color: #fff;
}

.bt a:hover {
  color: #fff !important;
  background-color: #003057 !important;
  font-size: 16px;
  padding-top: 16px;
  padding-right: 30px;
  padding-bottom: 16px;
  padding-left: 30px;
  opacity: 1;
  filter: alpha(opacity=100);
}

.sns {
  margin: 0px;
  clear: both;
  padding: 0px;
}

.sns .sns_list {
  margin: 0% 0% 0% 0%;
  padding: 0px;
  clear: both;
  text-align: center;
}

.sns .sns_list li {
  text-align: center;
  height: 40px;
}

@media screen and (max-width: 678px) {
  .sns .sns_list li {
    height: 17.85px;
  }
}

.sns .sns_list li img {
  display: table-cell;
  vertical-align: middle;
  margin: 0px auto;
}

.sns .sns_list .line {
  list-style-type: none;
  background-color: #00c300;
  padding: 0px;
  margin: 0%;
  float: left;
  width: 33.33%;
  max-height: 40px;
}

.sns .sns_list .twitter {
  list-style-type: none;
  background-color: #183763;
  margin: 0px;
  padding: 0% 0% 0% 0%;
  float: left;
  width: 33.33%;
  max-height: 40px;
}

.sns .sns_list .twitter a {
  width: 100%;
  height: 40px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

@media screen and (max-width: 678px) {
  .sns .sns_list .twitter a {
    height: 17.85px;
    font-size: 10px;
  }
}

.sns .sns_list .twitter a:hover {
  opacity: 0.7;
}

.sns .sns_list .facebook {
  list-style-type: none;
  background-color: #3c5a98;
  margin: 0%;
  padding: 0px;
  float: left;
  width: 33.33%;
  max-height: 40px;
}

#footer {
  margin: 0px;
  clear: both;
  background-color: #003057;
  bottom: 0px;
  padding-top: 51px;
  padding-right: 10px;
  padding-bottom: 51px;
  padding-left: 10px;
}

#footer h6 {
  font-size: 20px;
  color: #fff;
  text-align: center;
  padding: 0px;
  margin-top: 51px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
}

#footer .fm {
  padding: 0px;
  clear: both;
  text-align: center;
  margin-top: 28px;
  margin-right: 0px;
  margin-bottom: 64px;
  margin-left: 0px;
}

#footer .fm li {
  font-size: 14px;
  color: #fff;
  list-style-type: none;
  display: inline;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}

#footer .fm li a {
  color: #fff;
  text-decoration: none;
}

#footer .fm li a:hover {
  color: #fff;
  text-decoration: none;
}

#footer .icon {
  text-align: center;
  padding: 0px;
  clear: both;
  margin-top: 51px;
  margin-bottom: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#footer .icon img {
  padding: 0px;
  margin-top: 0px;
  margin-right: 12px;
  margin-bottom: 0px;
  margin-left: 12px;
}

#footer .volvo {
  text-align: center;
  margin-bottom: 51px;
}

#footer address {
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  color: #fff;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 30px;
  padding-left: 0px;
  margin: 0px;
  font-family: "Cabin", "sans-serif";
}

.code {
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  background-color: #e2e2e2;
  color: #000;
  font-family: "Fira mono", "Courier New", Courier, monospace;
  font-size: 85%;
  letter-spacing: 0.05em;
  padding: 1em;
}

@media screen and (max-width: 1024px) {
  #footer .fm li {
    font-size: 14px;
    color: #fff;
    list-style-type: none;
    display: list-item;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: left;
  }

  #footer h6 {
    text-align: left;
    color: #fff;
    text-decoration: none;
  }

  #footer .fm li a {
    color: #fff;
    text-decoration: none;
  }
}

@media screen and (max-width: 760px) {
  .sns .sns_list li img {
    display: table-cell;
    vertical-align: middle;
    margin: 0px auto;
    width: 50%;
    height: auto;
  }
}

/*--------------------------------------------
TOP PAGE

FOOTER PAGE TOP BUTTON
--------------------------------------------*/

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

#page-top a {
  text-decoration: none;
  width: 100%;
  padding: 0px;
  text-align: center;
  display: block;
  border-radius: 5px;
}

#page-top a:hover {
  text-decoration: none;
}

/*--------------------------------------------
COMMON PAGE

PAGE LAYOUT
--------------------------------------------*/
.page_bgcolor {
  background-color: #e9e6e1;
}

#contents {
  clear: both;
  width: 980px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 30px;
  padding-left: 0px;
}

#contents h1 {
  font-size: 50px;
  font-weight: lighter;
  text-align: center;
  color: #003057;
  margin: 0px;
  padding-top: 50px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  font-family: "Cabin", "sans-serif";
}

#contents h2 {
  font-size: 16px;
  text-align: center;
  color: #003057;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 60px;
  padding-left: 0px;
}

#contents .cleft {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 670px;
  text-align: left;
  line-height: 30px;
}

#contents .cleft .entry {
  margin: 0px 0px 50px 0px;
  padding: 0px;
}

#contents .cleft .subtitle01,
#contents .cleft .subtitle01 a {
  clear: both;
  display: block;
  font-size: 20px;
  color: #003057;
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  text-decoration: none;
}

#contents .cleft .subtitle01 a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  color: #003057;
}

#contents .cright {
  margin: 0px;
  padding: 0px;
  float: right;
  width: 234px;
  text-align: left;
  background-color: #f4f3ef;
  border-top-left-radius: 6px;
  /* 鐃緒申鐃緒申 */
  border-top-right-radius: 6px;
  /* 鐃緒申鐃緒申 */
  border-bottom-left-radius: 6px;
  /* 鐃緒申鐃緒申 */
  border-bottom-right-radius: 6px;
  /* 鐃緒申鐃緒申 */
}

#contents .cright .sidemenu,
#contents .cright ul.menu {
  background-image: url(../img_common/rcmbg.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 0px;
  clear: both;
  width: 204px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
}

#contents .cright .sidemenu #sidemtitle,
#contents .cright .widgettitle {
  background-image: url(../img_common/rcmtitle.gif);
  background-repeat: no-repeat;
  margin: 0px;
  clear: both;
  font-size: 16px;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
  text-align: left;
  color: #000000;
}

#contents .cright .sidemenu .sidemenulist,
#contents .cright ul.menu ul {
  text-align: left;
  margin: 0px;
  clear: both;
  list-style-type: none;
  padding: 0px;
}

#contents .cright .sidemenu .sidemenulist li,
#contents .cright ul.menu ul li {
  font-size: 14px;
  background-image: url(../img_common/rcmicon.gif);
  background-repeat: no-repeat;
  margin: 0px;
  clear: both;
  padding-top: 0px;
  padding-bottom: 15px;
  background-position: 0px 12px;
  padding-right: 0px;
  padding-left: 0px;
  line-height: 18px;
}

#contents .cright ul.menu ul li a {
  text-decoration: none;
  color: #506f9d;
}

#contents .cright ul.menu ul li a:hover {
  color: #ff6600;
  text-decoration: underline;
}

#contents .cright .rcarea {
  padding: 0px;
  clear: both;
  width: 204px;
  margin: 0px auto;
}

@media screen and (max-width: 1280px) {
  #contents {
    clear: both;
    margin: 0px auto;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 30px;
    padding-left: 10px;
    width: auto;
  }

  #contents .cleft {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    text-align: left;
  }

  #contents .cright .rcarea {
    padding: 0px 20px 0px 20px;
    clear: both;
    width: 204px;
    margin: 0px;
  }

  .pagetitle img,
  #contents .cleft img {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    max-width: 100%;
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }

  #contents .cright {
    margin: 0px;
    padding: 0px;
    float: right;
    width: 100%;
    text-align: left;
    background-color: #f4f3ef;
    border-top-left-radius: 6px;
    /* 鐃緒申鐃緒申 */
    border-top-right-radius: 6px;
    /* 鐃緒申鐃緒申 */
    border-bottom-left-radius: 6px;
    /* 鐃緒申鐃緒申 */
    border-bottom-right-radius: 6px;
    /* 鐃緒申鐃緒申 */
  }

  #contents .cright .sidemenu,
  #contents .cright ul.menu {
    background-image: url(../img_common/rcmbg.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding: 0px;
    clear: both;
    margin: 0px 20px 0px 20px;
  }

  #contents h1 {
    font-size: 30px;
    font-weight: lighter;
    text-align: center;
    font-family: "Cabin", "sans-serif";
    color: #003057;
    margin: 0px;
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
  }

  #contents h2 {
    font-size: 16px;
    text-align: center;
    color: #003057;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 60px;
    padding-left: 0px;
  }
}

/*--------------------------------------------
COMMON PAGE

SUB SIDEBER
--------------------------------------------*/

#contents .cright .sidemenu .sidemenulist li {
  font-size: 14px;
  background-image: url(../img_common/rcmicon.gif);
  background-repeat: no-repeat;
  margin: 0px;
  clear: both;
  padding-top: 0px;
  padding-bottom: 15px;
  background-position: 0px 12px;
  padding-right: 0px;
  padding-left: 0px;
  line-height: 18px;
}

/*--------------------------------------------
COMMON PAGE

SUB SIDEBER TEXT STYLE
--------------------------------------------*/

#contents .cright .rcarea p {
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  margin: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 7px;
  padding-left: 0px;
  word-break: break-all;
}

/*--------------------------------------------
COMMON PAGE

SUB SIDEBER鐃緒申LINK COLOR
--------------------------------------------*/

#contents .cright .sidemenu .sidemenulist li a:link {
  color: #506f9d;
  text-decoration: none;
}

#contents .cright .sidemenu .sidemenulist li a:active {
  text-decoration: underline;
}

#contents .cright .sidemenu .sidemenulist li a:visited {
  color: #506f9d;
  text-decoration: none;
}

#contents .cright .sidemenu .sidemenulist li a:hover {
  color: #ff6600;
  text-decoration: underline;
}

/*--------------------------------------------
COMMON PAGE

SUB SIDEBER鐃緒申BANNER
--------------------------------------------*/

#contents .cright .bnarea {
  padding: 0px 0px 10px 0px;
}

#contents .cright .bnarea a {
  margin: 0px 0px 5px 0px;
  display: block;
}

/*--------------------------------------------
COMMON PAGE

TABLE CSS
--------------------------------------------*/

.table_style {
  border-top-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-left-style: solid;
  border-top-color: #cccccc;
  border-left-color: #cccccc;
  margin-bottom: 10px;
  width: 100%;
}

.table_style th {
  width: 120px;
  margin: 0px;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  line-height: 20px;
  vertical-align: top;
}

.table_style td {
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  margin: 0px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
}

.table_style p {
  font-size: 14px;
  line-height: 20px;
}

/*--------------------------------------------
COMMON PAGE

COMPANY BUTTON
--------------------------------------------*/

.bt_showroom {
  text-align: center;
  padding: 0px;
  width: 300px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.bt_showroom li {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
  list-style-type: none;
  width: 300px;
}

.bt_showroom li a {
  color: #003057;
  font-size: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  border: 1px solid #003057;
  background-color: #fff;
  width: 300px;
  display: block;
  text-align: center;
}

.bt_showroom li a:hover {
  color: #fff;
  background-color: #003057;
  font-size: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  opacity: 1;
  filter: alpha(opacity=100);
  width: 300px;
}

/*--------------------------------------------
COMMON PAGE

COMPANY BUTTON
--------------------------------------------*/

.colorbox iframe html body {
  margin: 0px !important;
}

.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

.cboxIframe {
  background: #e9e6e1 !important;
  text-align: center !important;
}

.cboxIframe body {
  margin: 0px !important;
}

@media screen and (max-width: 678px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}

/*--------------------------------------------
FORM PAGE
--------------------------------------------*/
.datepicker_layout .datepicker1,
.datepicker_layout .year,
.catalog_box .catalog_form .datepicker1,
.catalog_box .catalog_form .year {
  display: none;
}

span.wpcf7-list-item {
  margin: 0 0.5em 0 0 !important;
}

.datepicker_layout {
  margin-right: 10px;
  width: 150px;
  height: 15px;
  display: contents;
}

.req_month .ui-datepicker-trigger {
  margin: 0 0.5em 0 0;
  width: 20px !important;
}

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

  input[type="submit"],
  input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
  }

  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none;
  }

  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px;
  }

  form #class_table th,
  form #class_table td {
    display: block;
    width: 96%;
    padding: 2%;
  }

  form #class_table td input[type="text"],
  form #class_table td textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  form #class_table th {
    border-right: none;
    border-left: none;
    border-bottom: none;
    padding: 2% 2% 0 2%;
  }

  form #class_table .zip1 input[type="text"],
  form #class_table .zip2 input[type="text"],
  form #class_table .area input[type="text"] {
    width: 20%;
  }

  form #class_table .icon_must {
    float: none;
    color: #fff;
    background-color: #f00;
    font-size: 12px;
    margin-left: 5px;
    padding: 2px 4px;
  }
}

#item_comment_box h1,
#item_comment_box h2,
#item_comment_box h3,
#item_comment_box h4,
#item_comment_box h5,
#item_comment_box h6,
#item_comment_box p {
  line-height: 1.6em;
}

.wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  /*境界線の打ち消し*/
}

/*--------------------------------------------
ARCHIVE｜info
--------------------------------------------*/
.c-post {}

.c-post--card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
}

.c-post--card__box {
  width: 32.5%;
  margin-bottom: 8px !important;
}

@media screen and (max-width: 678px) {
  .c-post--card__box {
    width: 48.8%;
  }
}

.c-post--card__box__contents {
  background: #ffffff;
  padding: 4px 12px 60px;
}

.c-post--card__box__info {}

.c-post--card__box__info .time {
  text-align: left !important;
  font-size: 11px;
  color: #002B4B;
  line-height: 1.6em;
}

.c-post--card__box__info .subtitle01 {
  margin-bottom: 4px !important;
}

.c-post--card__box__info .subtitle01 p {
  font-size: 14px !important;
  line-height: 1.6em;
}

.c-post--card__box__text_area {}

.c-post--card__box__text_area p {
  font-size: 12px !important;
  line-height: 1.6em;
  color: #002B4B;
}

/* 画像エリア */
.c-hover {
  display: block;
  transition: 0.2s ease-out;

}

.c-hover__img {
  overflow: hidden;
  position: relative;
}

.c-hover__img__pickup {
  position: absolute;
  right: 0;
  top: 0;
  background: #FF0000;
  color: #ffffff;
  font-size: 11px;
  box-sizing: border-box;
  line-height: 1.6em;
  padding: 4px 8px;
}

.c-hover__img__bg {
  padding-top: 55.25%;
  transition: 0.2s ease-out;
}

.c-hover__point {
  text-decoration: none;
}

.c-hover__point:hover .c-hover__img__bg {
  transform: scale(1.2);
  filter: alpha(opacity=80);
  /* IE 6,7*/
  -ms-filter: "alpha(opacity=80)";
  /* IE 8,9 */
  -moz-opacity: 0.8;
  /* FF , Netscape */
  -khtml-opacity: 0.8;
  /* Safari 1.x */
  opacity: 0.8;
  zoom: 1;
  /*IE*/
}

.c-hover--img-no img:hover {
  opacity: 1;
}

.u-bg--post-full {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.u-bg--aspect {
  width: 100%;
  height: 100%;
  padding: 0;
}

.u-bg--aspect-main {
  aspect-ratio: 1.346 / 1;
}

_:lang(x)+_:-webkit-full-screen-document,
.u-bg--aspect-main {
  padding-top: 74.25%;
}

/* OR */

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  _::-webkit-full-page-media,
  _:future,
  .u-bg--aspect-main {
    padding-top: 74.25%;
  }
}

_::-webkit-full-page-media,
_:future,
:root .u-bg--aspect-main {
  padding-top: 74.25%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

  ::i-block-chrome,
  .u-bg--aspect-main {
    padding-top: 74.25%;
  }
}

/* テキスト処理 */
.u-title--hidden-02 * {
  margin-bottom: 0;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.u-title--hidden-05 * {
  margin-bottom: 0;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

/*--------------------------------------------
CONTACT
--------------------------------------------*/
.p-contact {}

/*メインのナビゲーション*/
.p-contact__main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  gap: 0 8px;
  margin: 0 0 20px;
}

@media screen and (max-width: 678px) {
  .p-contact__main-nav {
    gap: 0;
  }
}

.p-contact__main-nav .button {
  width: calc(100% / 3);
  padding: 0;
}

.p-contact__main-nav .button .bt {
  margin: 0;
}

.p-contact__main-nav .button .bt,
.p-contact__main-nav .button .bt a {
  width: 100%;
  box-sizing: border-box;
  min-width: 100%;
  display: block;
}

.p-contact__main-nav .button .bt a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  padding: 4px 12px;
}

@media screen and (max-width: 678px) {
  .p-contact__main-nav .button .bt a {
    font-size: 10px;
    white-space: nowrap;
    padding: 4px;
    border-right: none;
  }

  .p-contact__main-nav .button:nth-child(3) .bt a {
    border-right: 1px solid #003057 !important;
  }

}

/* アクティブ */
.page-contact .p-contact__main-nav .button:nth-child(1) .bt a {
  color: #fff !important;
  background-color: #003057 !important;
}

.page-testdrive .p-contact__main-nav .button:nth-child(2) .bt a {
  color: #fff !important;
  background-color: #003057 !important;
}

.page-onlinebooking .p-contact__main-nav .button:nth-child(3) .bt a {
  color: #fff !important;
  background-color: #003057 !important;
}

/* 見出しエリア */
.p-contact__page-title {
  margin-bottom: 40px;
}

.p-contact__page-title__en {
  color: #003057;
  font-size: 35px;
  font-weight: 400;
  margin: 0;
}

.p-contact__page-title__ja {
  color: #003057;
  font-size: 16px;
  font-weight: 400;
  margin: 12px 0 0;
}

/* フォームの見出しエリア */
.p-contact__form-head {
  text-align: center;
  margin-bottom: 24px;
}

@media screen and (max-width: 678px) {
  .p-contact__form-head {
    text-align: left;
  }
}

.p-contact__form-head .head {
  font-size: 16px;
  color: #002B4B;
  margin-bottom: 12px;
  font-weight: 700;
}

.p-contact__form-head .caution {
  color: #FD0114;
  font-size: 14px;
  line-height: 1.4em;
}

.p-contact__form-head .tel {
  font-size: 14px;
  color: #002B4B;
  line-height: 1.4em;
}

.p-contact__form-head .tel span {
  display: inline-block;
  width: 12px;
}


/* 注意書き */
.table_form input[type="text"],
.table_form select,
.table_form textarea {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid #000;
  border-radius: 0px;
  padding: 8px;
  box-sizing: border-box;
  background: #fff;
  font-size: 16px;
  color: #000;
}

.table_form textarea {
  height: 150px;
}

.table_form textarea::placeholder {
  font-size: 14px;
}

.table_form input[type="text"],
.table_form select {
  height: 36px;
  min-width: 40px;
  max-height: 36x;
}

.table_form input[type="text"]::placeholder {
  font-size: 14px;
}

/* 送信・リセットボタン */
.table_form input[type="submit"],
.table_form input[type="reset"] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 700;
}

.table_form .form_input_1 .flex-layout {
  align-items: center;
}

.table_form .caution {
  font-size: 12px;
  color: #002B4B;
  display: block;
  margin-top: 8px;
}

@media screen and (max-width: 678px) {
  .table_form .caution {
    font-size: 10px;
  }
}

.table_form .height_162 {
  height: 162px;
  padding: 8px 12px;
  box-sizing: border-box;
}

.table_form .car_type {}

.table_form .testdrive .wpcf7-list-item,
.table_form .car_type .wpcf7-list-item {
  background: #ffffff;
  width: 80%;
  margin: 0 0 12px 0 !important;
  padding: 12px 14px;
  align-items: center;
}

@media screen and (max-width: 678px) {

  .table_form .testdrive .wpcf7-list-item,
  .table_form .car_type .wpcf7-list-item {
    width: 91.4%;
  }
}

/* 郵便番号 */
.p-form__address-field {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.p-form__address-field__1 {
  min-width: 4.5em !important;
}

.p-form__address-field__2 {}

@media screen and (min-width: 678px) {
  .p-form__address-field__2 {
    width: 272px;
  }
}

.p-form__address-field__3 {}

/* */
::placeholder {
  color: #BEBEBE;
}

/* 旧Edge対応 */
::-ms-input-placeholder {
  color: #BEBEBE;
}

/* IE対応 */
:-ms-input-placeholder {
  color: #BEBEBE;
}

/*--------------------------------------------
TOP調整
--------------------------------------------*/
#main-box .btn-box--long {
  margin-top: 8px;
}

#main-box .btn-box--long a {
  width: 328px;
  max-width: 328px;
  margin: 0;

}

@media screen and (max-width: 678px) {
  #main-box .btn-box--long a {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}

/*--------------------------------------------
header
--------------------------------------------*/
.p-header__site {
  display: none;
}

@media screen and (max-width: 1024px) {
  .p-header__site {
    color: #003057;
    font-size: 16px;
    font-weight: 700;
    display: block;
    position: absolute;
    top: 50%;
    left: 80px;
    text-decoration: none;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
}

/*--------------------------------------------
Single
--------------------------------------------*/
/* info */
.single-info {}

.single-info #contents .cleft .subtitle01 {
  margin-bottom: 8px;
}