@charset "utf-8";
/* CSS Document */

/*---------- 共通 ----------*/
video { max-width: 100%; }

#wrapper { width: 100%; overflow:hidden; }
.gFont1, .en { font-family:'Lato', sans-serif; }

.inner { position:relative; max-width:1040px; width:100%; margin-left:auto; margin-right:auto; }
span.ico { position:relative; }
span.ico:before { content:""; position:absolute; background-repeat:no-repeat; background-size:contain; display:inline-block; }

.push { display:inline-block; -webkit-transition:all .3s; transition:all .3s; -webkit-transform:scale(1); transform:scale(1); }
.push:hover { -webkit-transform:scale(0.98); transform:scale(0.98); }

.bg_gy { background:#f7f7f7; }
.noList { list-style:decimal; padding-left:20px; }

.slick-slide { height:auto; }


/* title */

/* flo_nav --------------- */
.flo_nav {position: fixed; z-index: 999; width: 100px; right: 0; bottom: 0; background: #fff;}
.flo_nav>p {width:100%;}
.flo_nav>p>a { display: block; padding: 50px 0 10px; color: #fff; font-size: 0.8em; line-height: 1;}
.fbtn_tel { display: none; background: #000 url(/wp-content/uploads/2023/12/h_tel.svg) no-repeat; background-size: 30px; background-position: center 10px;}

.fbtn_stock { background: #2b5071 url(/wp-content/uploads/2023/12/ico_search.png) no-repeat; background-size: 30px; background-position: center 10px;}
.fbtn_contact { background: #4a79a2 url(/wp-content/uploads/2023/12/ico_mail.svg) no-repeat; background-size: 30px; background-position: center 10px;}
.fbtn_reserve { background: #2b5071 url(/wp-content/uploads/2023/12/ico_reserve.svg) no-repeat; background-size: 30px; background-position: center 10px;}
.pagetop { position:relative; background-color: #000;}
.pagetop::after { content: ''; width: 0; position: absolute; margin: auto; top:15px; left:0; right: 0; border-style: solid; border-width: 0 15px 20px; border-color: transparent transparent #fff;}


/* more */
.btn a {background: #000; width: 100%; height: 70px; text-align: center; color: #fff; font-size: 20px; line-height: 70px;}
.btn a::after {content: '>'; position:relative; left: 10px;}
/* 緑 → 黄色 */
.btn2 > * { display:block; max-width:250px; text-align:center; font-size:16px; padding:15px 20px; margin:0 auto; background-color:#000; color:#fff;}
.btn2 > *:hover { background-color:#004ea2; color:#3a3b3f; }
/* 黄色 → 緑 */
.btn3 > * { display:block; max-width:250px; text-align:center; font-size:16px; padding:15px 20px; margin:0 auto; background-color:#000; color:#fff; }
.btn3 > *:hover { background-color:#004ea2; }

/* ノーマル */
.btn_normal { margin-top: 40px; }
.btn_normal a { display: inline-block; min-width: 320px; margin: auto; padding: 1em; border: 2px solid #fff;
color: #fff; }
.btn_normal a:hover { background: #fff; color: #000; }

.submit input { width:100%; max-width:300px; color:#fff; margin-left:auto; margin-right:auto; padding:10px 20px; -webkit-transition:all 0.3s; transition:all 0.3s; display:block; background-color:#000; font-size:17px; -webkit-appearance:none; }
.submit input:hover { background-color:#004ea2;  }

/* table */
.tbl { width:100%; table-layout:fixed; }
.tbl th { width:25%; padding:10px; font-weight:500; }
.tbl td { width:75%; padding:10px 20px; }
.tbl.tbl1, .tbl.tbl2 { border-collapse:separate; border-spacing:20px 10px; }
.tbl.tbl1 th, .tbl.tbl2 th { padding:20px; }
.tbl.tbl1 td, .tbl.tbl2 td { border-bottom:1px solid #ddd; padding:20px; }
.tbl.tbl1 tr:first-child td, .tbl.tbl2 tr:first-child td { border-top:1px solid #ddd; }
.tbl.tbl1 th { background-color:#b5b5b5; color:#fff; }
.tbl.tbl2 th { background-color:#b5b5b5 }

/* header */
header { width:100%; background:#0e0f0e; }
.topBox { align-items:center; width:100%; padding:20px 10px; max-width:1440px; margin:0 auto; position:relative; }
.logoBox { display:flex; align-items:flex-end; }
h1.logo {display:block; width:100px; }
.ttl_box {color: #fff; font-size: 14px; }

/* gnav */

#gnav .nav { display:flex; justify-content:space-between; align-items:center; margin-right:10px; }
#gnav .nav > li { padding-left:10px; font-size:12px; }
#gnav .nav > li > a {color: #fff; text-decoration: none;}
#gnav .nav > li > a:hover {color: #117dd9;}
#gnav .nav > li > a > img {vertical-align: middle;}

  /* menuボタン */
  header.scroll .menu-button { top:16px; right:15px; }
  .menu-button { position:absolute; top:20px; right:30px; z-index:9999; }
  header.active .menu-button { position:fixed; }
  .menu-button, .menu-button span { display:inline-block; transition:all .5s; -webkit-transition:all .5s; box-sizing:border-box; }
  .menu-button .menu { position:relative; width:36px; height:22px; }
  .menu-button span { position:absolute; left:0; width:100%; height:2px; background-color:#fff; }

  .menu-button span:nth-of-type(1) { top:0; }
  .menu-button span:nth-of-type(2) { top:10px; }
  .menu-button span:nth-of-type(3) { bottom:0; }

  .menu-button.active { position: fixed; }

  .menu-button.active span:nth-of-type(1) {
    -webkit-transform:translateY(10px) rotate(-45deg);
    transform:translateY(10px) rotate(-45deg); background-color:#222;
  }
  .menu-button.active span:nth-of-type(2) {
    opacity:0;
  }
  .menu-button.active span:nth-of-type(3) {
    -webkit-transform:translateY(-10px) rotate(45deg);
    transform:translateY(-10px) rotate(45deg); background-color:#222;
  }

  .menu-button .label { width:auto; height:auto; margin:0 0 4px; color:#fff;
   font-size:11px; text-align:center; line-height:1; }
  .menu-button.active .label { color:#222; }
.menu-button {display:none; }

/* footer */
.f_inner {max-width: 1200px; width: 100%; margin: 0 auto; padding: 0 2em;}

footer { background-color:#0e0f0e; padding:85px 0 0; color:#fff; font-size: 14px; line-height: 170%;}
footer .logo {font-size: 20px; line-height: 200%;}
footer a { color:#fff; }
footer a:hover { color:#999; }
footer .fnav > li { position:relative; margin-bottom:5px; }
footer .fnav > li:before { content:">";padding-right:0.8em;}
footer .fnav { padding-left: 3em; padding-right: 0em; border-left:1px solid #fff; }
footer .fnav > li > ul {margin: 0 0 10px; font-size: 12px;}
footer .fnav > li > ul > li {margin-left: 1.5em;}
.copy { width:100%; font-size:10px; text-align:center; padding:60px 0;}

.fnav_2 {display: flex; justify-content: space-between; flex-wrap: fnav_2; }
.item { padding: 30px; width: 32%; }
@media not all and (min-width: 768px) {
  .item { width: 100%; }
  .item:not(:last-child) { margin-bottom: 30px; }
}

/* ---- ページ送り ---- */
.pagination{ clear:both; margin:30px 0 0; text-align:center; }
.pagination a, .pagination span { display:inline-block; margin:3px; padding:5px 12px; background-color:#fff; }
.pagination a{ text-decoration:none; background-color:#eee; }
.pagination a:hover, .pagination span.current { color:#FFF; background-color:#00956d; }
.pagination span.disabled { border:1px solid #d0cac8; color:#d0cac8; }


/* ---- 在庫車一覧 ---- */
#zaikoList { -webkit-justify-content:space-between; justify-content:space-between; }
#zaikoList > li { width:24%; margin-bottom:30px; border:solid 1px #ddd; }
.otherList > li { width:24%; }
#zaikoList > li.is-empty { margin:0; border:none; }
#zaikoList .tbl, #zaikoDetail .tbl { border-collapse:collapse; table-layout:inherit; }
#zaikoList .tbl th { width:40%; }
#zaikoList .tbl td { width:60%; }
#zaikoList .name { min-height: calc(3.4em + 23px); font-size:15px; font-weight:bold; padding:13px 15px 10px; color: #fff; background:#222;}
#zaikoList .name+div { padding:15px; background-color:#fff;  }
#zaikoList .Cimg { float:left; display:block; width:23%; border:1px solid #f5f5f5; }
/*#zaikoList > img { float:left; }*/
#zaikoList .image { display:block; /*float:left; width:22%;*/ }
#zaikoList .rBox { /*float:right; width:75%;*/ }
#zaikoList .rBox .price { margin:10px auto; font-size:16px; font-family:'Lato', sans-serif; line-height:1.4; vertical-align:middle; text-align:right; }
#zaikoList .rBox .price .red { font-size:27px; color:#da263c;}
#zaikoList .rBox .data { width:100%; margin:10px 0 16px; text-align:center;}
#zaikoList .rBox .data th { font-size:12px; background:#00956d; border:solid 1px #fff; padding:5px 0 3px; color: #fff; }
#zaikoList .rBox .data th.price { width:215px; background:#fff; font-size:16px; font-weight:bold; line-height:1.4; vertical-align:middle; border:none; }
#zaikoList .rBox .data th.price .red { font-size:27px; color:#da263c;}
#zaikoList .rBox .data td { border:solid 1px #ddd; padding:7px 0 5px;}
#zaikoList .carContact li { float:none; width:100%; margin-top:8px; text-align:center; }
.tel-zaiko .tel { position:relative; margin:0 auto; display:inline-block; font-size:25px; font-family:'Lato', sans-serif; padding-left:1em; }
.tel-zaiko .tel:before { position:absolute; content:""; background-image: url(/wp-content/uploads/2023/12/ico_tel.png); background-repeat:no-repeat; background-size:contain; width:20px; height:20px; left:3px; top:3px; }
#zaikoList .carContact .contactBtn { margin:10px auto 0; }
#zaikoList .carContact .contactBtn a, #zaikoList .carContact [class$="Btn"] a { display:block; width:100%; }


/* お客様の声（トップページ・一覧） */
.voice_list li { width: 23.5%; height: 250px; }
.voice_list li a { display: block; width: 100%; height: 100%; border: 2px solid #fff; position: relative; }
.voice_list li figure { width: 100%; height: 100%; position: relative; overflow: hidden; }
.voice_list li figure img { width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit:cover;';
    -webkit-transform: scale(1);
    transform: scale(1);
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s; }
.voice_list li .summary { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; z-index: 100; 
background: rgba(255,255,255,.8); color: #000; text-align: center; }


@media screen and (min-width:1041px) {
.pc_none {display:none; }
}

/*----------------------------------------------------
タブレット・PC以上
-----------------------------------------------------*/
@media screen and (min-width:600px) {
	
/* お客様の声（トップページ・一覧） */	
.voice_list li { width: 23.5%; }
.voice_list li:not(:nth-child(4n+1)) { margin-left: 2%; }
	
}



/*----------------------------------------------------
タブレット
-----------------------------------------------------*/
@media screen and (max-width:1040px) {

#wrapper { min-width:100%; }
.sp_none { display:none; }


.inner { padding-left:30px; padding-right:30px; }

header {  }
.topBox { padding:5px 10px 10px; }
header .logoBox { display:block; }


/* gnav */

.menu-button {display:block; }

#gnav { position:fixed; top:0; bottom:0; right:0; z-index:9990; display:none; max-width: 300px; width:100%; height:100vh; margin-top:0; padding:60px 15px 20px; text-align:center; background-color:#eee; border-left:1px solid #ccc }
#gnav .nav {display:block; border:none; }
#gnav .nav li { padding:0; text-align:left; border-bottom:1px solid #666; }
#gnav .nav > li a { display:block; padding:20px 10px; color: #222;}
#gnav .nav > li .ico { padding-left:50px; }

header.active #gnav { display:inherit; }



footer { padding: 50px 0 30px; text-align: center;}
footer .logo {font-size: 20px; line-height: 200%;}
footer a { color:#fff; }
footer a:hover { color:#999; }
footer ul {margin: 0 30px;}
footer ul li {margin-bottom:5px; padding: 0 15px; font-size: 13px; text-align: left;}
footer ul li::before {content: '■'; position: relative; left: -5px; color:#117dd9; font-size: 80%;}
.f_add {border-top: 1px solid #999; padding-top: 40px; margin: 50px 100px; font-size: 13px;}
.copy { width:100%; font-size:10px; text-align:center; padding:0;}

.btn a {background: #000; width: 60%; display: block; margin: 0 auto; height: 70px; text-align: center; color: #fff; font-size: 20px; line-height: 70px;}
.btn a::after {content: '>'; position:relative; left: 10px;}

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


}

/*----------------------------------------------------
スマホ
-----------------------------------------------------*/
@media screen and (max-width:599px) {
body { font-size:14px; }
.tb_none { display:inherit; }
.sp_none { display:none; }
.inner { padding:0 15px; }

#contents > section:not(:first-of-type) { margin-top:50px; }

/* フロート --------------- */
.flo_nav {width: 100%;}
.flo_nav>p {width:21%;}
.flo_nav>p.pagetop {width:16%;}
.flo_nav>p>a { font-size: 0.7em;}
.fbtn_tel {display: block;}

.voice_list li { width: 48%; height: 150px; }
.voice_list li:not(:nth-child(2n+1)) { margin-left: 4%; }
.voice_list li .summary { font-size: .85em; }

.conttl1 { font-size:12px; margin-bottom:20px; }
.conttl1 .en { font-size:20px; }
.conttl2 { font-size:17px; padding:5px 0 5px 1em; }
.conttl2:before, .conttl2:after { height:34px; }
.conttl3 { font-size:17px; }
.conttl4 { font-size:15px; }

.btn a { width:100%; height: 50px; line-height: 50px; font-size:14px;}
.btn2 > * { padding:10px 20px; font-size:14px; }

.tbl, .tbl.tbl1, .tbl.tbl2 { border-spacing:0 15px; }
.tbl th, .tbl td { padding:5px 10px; display:block; width:100%; line-height:1.8; }
.tbl.tbl1 { border-spacing:0 20px; }
.tbl.tbl1 th, .tbl.tbl1 td, .tbl.tbl2 th, .tbl.tbl2 td { padding:10px; }
.tbl.tbl1 tr:first-child td, .tbl.tbl2 tr:first-child td { border-top:none; }

.submit input { max-width: 100%; }

header .logo img { height:35px; }
.ttl_box{ font-size:.8em; line-height:1; }


#gnav { max-width:280px; padding-top:30px; }
#gnav ul li a { padding:0 10px; }
#gnav ul li .en { font-size:18px; line-height:1.7; }
.menu-button { top:10px; right:20px; }

footer { padding: 50px 0 100px; text-align: center;}
footer .logo {font-size: 20px; line-height: 200%;}
footer a { color:#fff; }
footer a:hover { color:#999; }
footer ul { width:100%; margin: 0 30px; }
footer ul li {margin-bottom:5px; padding: 0 15px; font-size: 13px; }
.f_add {border-top: 1px solid #999; padding-top: 40px; margin: 50px 20px; font-size: 13px;}
.copy { width:100%; font-size:10px; text-align:center; padding:0;}

}

.info.bg_gy{
    padding: 30px;
    margin-top: 10px;
}
.info.bg_gy span.name {
    font-size: 18px;
    color: #00956d;
}
p.center.btn2 {
    margin-top: 30px;
}
.wp-block-latest-posts__list li {
    margin-bottom: 10px!important;
}
.wp-block-latest-posts__list li a {
    display: block;
    padding: 0 0 7px 25px;
    border-bottom: 1px solid #ddd;
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
}
.wp-block-latest-posts__list li a:before {
    content: "\f017";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top: 0;
    left: 3px;
    color: #000;
}
h3.widget-title {
    padding-left: 12px;
    font-weight: bold;
    position: relative;
    margin-bottom: 10px;
}
.widget-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #000;
}
div#meta-2 {
    margin-top: 40px;
}
.widget > ul {
    margin: 15px 0 20px;
    font-size: 0.9em;
}
.widget > ul > li {
    margin-bottom: 10px;
}
.widget > ul > li > a {
    display: block;
    padding: 0 0 7px 25px;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.widget_meta li a:before {
    content: "\f192";
}
.widget li a:before {
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top: 0;
    left: 3px;
    color: #000;
}
ul.wp-block-categories-list.wp-block-categories li a:before{
  content: "\f07c";
  font-family: 'Font Awesome 5 Free';
    position: absolute;
    top: 0;
    left: 3px;
    color: #000;
}
.entry-header-spe p {
    padding: 10px 0;
}
.entry-header-spe {
    padding: 20px 0;
}