@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

        html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
@font-face {
font-family: "anton";
font-display: swap;
src: url(//suzukijiko-carvice.com/wp-content/themes/template_basic/images/Anton-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Noto Sans JP";
font-display: swap;
src: url(//suzukijiko-carvice.com/wp-content/themes/template_basic/images/NotoSansJP-VariableFont_wght.ttf) format("truetype");
}
body {
margin: 0;
font-family: "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: var(--body_color);
background-color: var(--body_bg);
font-weight: 400;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
text-decoration: none;
color: #000;
}
a:active, a:hover, a:focus, *:focus {
outline: none;
}
a img {
outline: none;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0;
}
h2 {
font-size: 25px;
margin: 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
-webkit-backface-visibility: hidden;
}
svg:not(:root) {
overflow: hidden;
} hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@media only screen and (max-width: 420px) {
h2 {
font-size: 20px;
}
} input, select, textarea {
color: #222 !important;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
margin: 0;
padding: 0;
}
p {
margin: 0;
padding: 0;
}
dfn, cite, em, i {
font-style: italic;
}
address {
margin: 0;
font-style: normal;
text-decoration: none !important;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*, *:before, *:after { box-sizing: border-box;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
ol {
list-style: decimal;
}
li > ul, li > ol {
margin-bottom: 0;
margin-left: 0;
}
dl {
margin: 0;
}
dt {
font-weight: bold;
}
dd {
margin: 0;
}
img {
height: auto; max-width: 100%; vertical-align: bottom;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
li {
list-style-type: none;
}
p {
font-size: 15px;
} .inner {
max-width: 1200px;
margin: 0 auto !important;
}
.inner_xl {
max-width: 1400px;
margin: 0 auto !important;
}
.inner_l {
max-width: 1300px;
margin: 0 auto !important;
}
.inner_m {
max-width: 1080px;
margin: 0 auto !important;
}
.inner_s, .inner_s.row {
max-width: 980px;
margin: 0 auto;
}
.inner_xs {
max-width: 700px;
margin: 0 auto !important;
}
.impact {
font-family: "impact", "arial black", sans-serif;
}
.br_span {
display: inline-block;
}
.pc_show {
display: block;
}
.sp_show {
display: none;
}
.anchor_basic {
position: relative;
top: -70px;
display: inline-block;
height: 0;
} .Arial {
font-family: Arial, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}
.Anton {
font-family: "Anton", sans-serif;
}
.Times {
font-family: "Times New Roman", Times, serif;
}
.Lobster {
font-family: "Lobster", sans-serif;
}
.Racing {
font-family: "Racing Sans One", sans-serif;
}
.Niconne {
font-family: "Niconne", cursive;
}
.Londrina {
font-family: "Londrina Shadow", sans-serif;
text-shadow: 1px 1px 3px #a3a3a3;
}
.BebasNeue {
font-family: "Bebas Neue", sans-serif;
}
h2.basic_title1 {
text-align: center;
padding-bottom: 20px; }
h2.basic_title1 span:first-child {
font-weight: normal;
font-size: 28px;
display: block;
line-height: 1;
}
h2.basic_title1 span:last-child {
font-size: 15px;
font-weight: 500;
display: block;
}
h2.basic_title2 {
text-align: center;
border-bottom: 1px solid #000;
font-size: 25px;
margin-bottom: 45px;
font-weight: 500;
}
.breadcrumb {
font-size: 10px;
padding-top: 3px;
}
.breadcrumb a {
font-size: 10px;
}
.sns_icon_outer {
display: flex;
align-items: center;
padding-right: 8px;
}
.sns_icon_outer li {
padding: 0 3px;
}
a.sns_icon {
display: flex;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: var(--sns_icon_bg);
text-align: center;
line-height: 36px;
font-size: 20px;
}
a.sns_icon svg {
fill: var(--sns_icon_font);
}
a.sns_icon.insta:hover {
background: #f300e2;
background: linear-gradient(315deg, #f300e2 35%, #ff003c 60%);
}
a.sns_icon.insta:hover svg {
fill: var(--sns_icon_bg);
}
a.sns_icon.fb:hover {
background-color: #0866FF;
}
a.sns_icon.fb:hover svg {
fill: var(--sns_icon_bg);
}
a.sns_icon.tw:hover {
background-color: #000;
}
a.sns_icon.tw:hover svg {
fill: var(--sns_icon_bg);
}
a.sns_icon.mail:hover {
background-color: var(--sns_icon_font);
border: 2px solid var(--sns_icon_bg);
}
a.sns_icon.mail:hover svg {
fill: var(--sns_icon_bg);
}
.nav_sp_top a.sns_icon {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px;
}
a.mail_icon {
display: block;
}
a.mail_icon i {
font-size: 30px;
}
.btn a {
color: #fff;
border-radius: 2px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.btn_outer {
display: flex;
width: 100%;
}
.btn_outer li {
flex-basis: 50%;
padding: 0 5px 0 0;
}
.btn_outer li a {
font-weight: bold;
height: 50px;
}
.btn_outer li a.btn_phone {
font-size: 21px;
font-weight: normal;
}
.btn_outer li a.btn_mail {
font-size: 16px;
font-weight: bold;
}
.btn_outer li:last-child {
padding: 0 0 0 5px;
}
.btn_outer_single a {
font-weight: bold;
height: 50px;
}
.btn_outer_single a.btn_phone {
font-size: 21px;
font-weight: normal;
}
.btn_outer_single a.btn_mail {
font-size: 16px;
font-weight: bold;
}
.btn_basic {
max-width: 400px;
margin: 0 auto;
padding: 0 15px;
}
.btn_basic a {
border-radius: 5px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
height: 60px;
font-weight: bold;
padding: 0 20px;
}
.btn_basic a span {
position: relative;
display: inline-block;
}
.btn_basic a span:after {
content: "";
display: inline-block;
position: absolute;
border: 5px solid transparent;
border-left: 8px solid #fff;
top: 50%;
right: -20px;
transform: translateY(-50%);
}
.btn_basic.btn_color a {
color: var(--btn_color);
background-color: var(--btn_bg);
border: 1px solid var(--btn_bg);
}
.btn_basic.btn_color a:hover {
color: var(--btn_bg);
background-color: var(--btn_color);
border: 1px solid var(--btn_bg);
}
.btn_basic.btn_color a:hover span::after {
border-left: 8px solid var(--btn_bg);
}
.btn_basic.btn_white a {
color: var(--btn_white);
border: 1px solid var(--btn_white);
background-color: #fff;
}
.btn_basic.btn_white a:hover {
color: #fff;
background-color: var(--btn_white);
border: 1px solid var(--btn_white);
}
.btn_basic.btn_white a:hover span::after {
border-left: 8px solid var(--btn_white);
}
.btn_basic.btn_top_cars a {
color: var(--btn_top_cars);
border: 1px solid var(--btn_top_cars);
background-color: #fff;
}
.btn_basic.btn_top_cars a:hover {
color: #fff;
background-color: var(--btn_top_cars);
border: 1px solid var(--btn_top_cars);
}
.btn_basic.btn_top_cars a:hover span::after {
border-left: 8px solid var(--btn_top_cars);
}
.btn_basic.footer_btn {
padding: 15px 0;
}
.btn_basic.footer_btn a {
justify-content: flex-start;
}
.btn_basic.footer_btn.btn_white a span {
display: block;
width: 100%;
}
.btn_basic.footer_btn.btn_white a span:after {
right: 0;
} .news_list article {
display: flex;
align-items: center;
}
.news_list article .news_thumb {
flex-basis: 25%;
font-size: 12px;
font-weight: bold;
padding-right: 5px;
}
.news_list article .news_desc {
flex-basis: 75%;
font-weight: bold;
}
.news_list article .news_desc li:first-child {
font-size: 12px;
} .overlay_banner1 {
display: block;
max-width: 400px;
margin: 0 auto;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.overlay_banner1 img {
width: 100%;
}
.overlay_banner1:before {
content: "";
display: block;
padding-bottom: 100%;
background-color: rgba(0, 0, 0, 0.3);
transition: 0.2s;
}
.overlay_banner1 div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-weight: bold;
font-size: 30px;
width: 100%;
text-align: center;
}
.overlay_banner1 div span {
display: block;
width: 80px;
margin: 0 auto;
color: #000;
background-color: #fff;
padding: 5px 15px;
border-radius: 5px;
font-size: 16px;
transition: 0.2s;
}
.overlay_banner1:hover:before {
background-color: rgba(0, 0, 0, 0.1);
}
.overlay_banner1:hover div span {
color: #fff;
background-color: #000;
}
.overlay_banner2 {
display: block;
max-width: 400px;
margin: 0 auto;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.overlay_banner2 img {
width: 100%;
}
.overlay_banner2:before {
content: "";
display: block;
padding-bottom: 100%;
transition: 0.2s;
}
.overlay_banner2 div.overlay_title {
position: absolute;
top: 15px;
left: 15px;
color: #000;
font-weight: bold;
font-size: 35px;
}
.overlay_banner2 div.overlay_btn {
position: absolute;
bottom: 15px;
right: 15px;
}
.overlay_banner2 div.overlay_btn span {
background-color: #fff;
border: 1px solid #000;
border-radius: 5px;
display: inline-block;
font-weight: bold;
font-size: 14px;
padding: 2px 30px;
position: relative;
transition: 0.2s;
}
.overlay_banner2 div.overlay_btn span:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 4.5px 0 4.5px 7px;
border-color: transparent transparent transparent #000;
display: inline-block;
right: 5px;
top: 50%;
transform: translateY(-50%);
}
.overlay_banner2:hover:before {
background-color: rgba(0, 0, 0, 0.1);
}
.overlay_banner2:hover div.overlay_btn span {
background-color: #000;
border: 1px solid #fff;
color: #fff;
}
.overlay_banner2:hover div.overlay_btn span:after {
border-color: transparent transparent transparent #fff;
}
.table_basic {
font-size: 14px;
}
.table_basic th {
border: 1px solid #747474;
background-color: #EFEFEF;
padding: 8px 4px 8px 8px;
text-align: left;
}
.table_basic td {
border: 1px solid #747474;
padding: 8px 4px 8px 8px;
}
.post_nav_share {
display: flex;
}
.post_nav_share li {
padding-right: 5px;
}
.post_nav_share li a {
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #000;
border-radius: 5px;
width: 80px;
padding: 3px 0;
}
.post_nav_share li a:hover {
background-color: #000;
color: #fff;
}
.post_nav_share li a:hover svg {
fill: #fff;
}
.post_nav_share li a span:first-child {
font-size: 16px;
display: inline-block;
padding-right: 3px;
}
.post_nav_share li a span:last-child {
font-size: 10px;
font-weight: bold;
} .free_space_content {
padding: 0 10px;
}
.free_space_content P {
line-height: 1.8;
padding-bottom: 1rem;
}
.free_space_content blockquote {
margin: 0;
padding: 1.5rem;
background-color: #efefef;
margin-bottom: 2rem;
}
.free_space_content blockquote p {
padding: 0;
}
.free_space_content ul {
margin-bottom: 2rem;
}
.free_space_content ul li {
list-style-type: disc;
margin-left: 2rem;
}
.free_space_content ol {
margin-bottom: 2rem;
}
.free_space_content ol li {
list-style-type: decimal;
margin-left: 2rem;
}
.free_space_content .gallery {
display: flex;
flex-wrap: wrap;
}
.free_space_content .gallery .gallery-item {
padding: 0.2rem;
margin-bottom: 0;
}
.free_space_content .gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.free_space_content .gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.free_space_content .gallery.gallery-columns-3 .gallery-item {
width: 33.3333%;
}
.free_space_content .gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.free_space_content .gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.free_space_content .gallery.gallery-columns-6 .gallery-item {
width: 16.6666666667%;
} .pagenation {
clear: both;
padding: 30px 0;
}
.wp-pagenavi {
text-align: center;
font-size: 15px;
}
.wp-pagenavi .pages {
font-size: 12px;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: none;
padding: 0;
margin: 0 5px;
border: 1px solid #777;
border-radius: 5px;
display: inline-block;
height: 40px;
width: 40px;
line-height: 40px;
vertical-align: middle;
border-collapse: separate;
border-spacing: 2px 2px;
}
.wp-pagenavi span.current {
border-color: #666;
background-color: #333;
color: #fff;
}
.wp-pagenavi a:hover {
color: #fff;
background-color: #333;
} .swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
background: transparent; }
.swiper-slide img {
display: block;
width: 100%;
}
.swiper-button-next, .swiper-button-prev {
top: 50%;
margin-top: -25px;
}
.swiper-button-next:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 13px;
border-color: transparent transparent transparent var(--swiper_pg_color);
display: inline-block;
}
.swiper-button-prev:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 13px 8px 0;
border-color: transparent var(--swiper_pg_color) transparent transparent;
display: inline-block;
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 20px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 20px));
background: var(--swiper-pagination-bullet-inactive-color, #fff);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
border: 1px solid #ccc;
}
.swiper-pagination-bullet-active {
background: var(--swiper_pg_color);
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);
}  .flickity-page-dots {
bottom: -2rem;
} .flickity-page-dots .dot {
width: 20px;
height: 20px;
opacity: 1;
background: #fff;
border: 1px solid #ccc;
} .flickity-page-dots .dot.is-selected {
background: var(--swiper_pg_color);
}
.flickity-button {
position: absolute;
background: transparent;
border: none;
color: #fff;
z-index: 1; }
.flickity-button:hover {
background-color: rgba(255, 255, 255, 0.5);
color: var(--swiper_pg_color);
}
.flickity-viewport {
transition: height 0.3s;
}  .acMenu dt {
display: block;
}
.acMenu dd {
display: none;
}
@media only screen and (max-width: 1024px) {
.pc_show {
display: none;
}
.sp_show {
display: block;
}
.inner, .inner_m, .inner_s, .inner_xs {
padding: 0 15px;
}
nav.sp {
display: block;
}
.flickity-prev-next-button.next {
right: 0;
}
.flickity-prev-next-button.previous {
left: 0px;
}
}
@media only screen and (max-width: 758px) {
.inner {
padding: 0 10px;
}
.inner_xs {
padding: 0 10px;
}
.inner_s, .inner_m {
padding: 0 10px;
}
.br_span {
display: inline;
}
.br_none {
display: none;
}
.main_column {
float: none;
width: 100%;
padding-right: 0px;
}
aside {
float: none;
width: 100%;
margin-top: 70px;
}
h2.basic_title1 span:first-child {
font-size: 16px;
}
h2.basic_title1 span:last-child {
font-weight: bold;
}
.free_space_content .gallery.gallery-columns-4 .gallery-item {
width: 50%;
}
.free_space_content .gallery.gallery-columns-5 .gallery-item {
width: 25%;
}
.free_space_content .gallery.gallery-columns-6 .gallery-item {
width: 25%;
}
}
@media (max-width: 600px) {  .flickity-page-dots {
bottom: -27px;
}
}
@media only screen and (max-width: 450px) {
.br_span {
display: none;
}
.btn_basic {
padding: 0 10px;
}
.btn_basic a {
height: 50px;
padding: 0 10px;
}
.btn_basic a span {
font-size: 14px;
}
.btn_basic a span:after {
border: 3px solid transparent;
border-left: 5px solid #fff;
right: -15px;
}
.swiper-button-next, .swiper-button-prev {
top: 38%;
}
.free_space_content .gallery .gallery-item {
padding: 0.1rem;
}
.free_space_content .gallery.gallery-columns-2 .gallery-item {
width: 100%;
}
.free_space_content .gallery.gallery-columns-3 .gallery-item {
width: 100%;
}
.free_space_content .gallery.gallery-columns-4 .gallery-item {
width: 100%;
}
.free_space_content .gallery.gallery-columns-5 .gallery-item {
width: 50%;
}
.free_space_content .gallery.gallery-columns-6 .gallery-item {
width: 33.333%;
}
.table_basic {
font-size: 11px;
}
}
.header_info_outer {
background-color: var(--header_top_bg);
}
.header_info_outer .header_info {
display: flex;
color: var(--header_top_color);
justify-content: space-between;
height: 45px;
align-items: center;
border-bottom: 1px solid var(--header_top_border);
}
.header_info_outer .header_info .header_h1 {
font-size: 12px;
flex-basis: 50%;
font-weight: bold;
}
.header_info_outer .header_info .header_info_right {
display: flex;
justify-content: flex-end;
align-items: center;
}
.header_info_outer .header_info .header_info_right address {
display: flex;
align-items: center;
}
.header_info_outer .header_info .header_info_right address .phone_number {
padding-left: 10px;
display: flex;
align-items: center;
font-size: 27px;
color: var(--header_top_phone);
}
.header_info_outer .header_info .header_info_right address .phone_number svg {
height: 35px;
fill: var(--header_top_phone);
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.header_info_outer .header_info .header_info_right address .phone_number span {
display: inline-block;
padding-left: 5px;
}
.header_info_outer .header_info .header_info_right address .header_hours {
padding-left: 10px;
font-size: 12px;
max-width: 250px;
line-height: 1.1;
}
.header_info_outer .header_info .header_info_right .sns_icon_outer {
padding-left: 10px;
}
.phone_number {
font-family: "Anton", sans-serif;
}
.pc_nav {
background-color: var(--header_nav_bg);
}
.pc_nav .navigation_outer {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
height: 80px;
}
.pc_nav .navigation_outer .logo_main {
flex-basis: 20%;
padding-top: 5px;
}
.pc_nav .navigation_outer .logo_main img {
max-height: 70px;
}
.pc_nav .navigation_outer ul.navigation {
display: flex;
justify-content: flex-end;
align-items: center;
flex-basis: 70%; }
.pc_nav .navigation_outer ul.navigation li {
text-align: center;
padding: 0 20px;
}
.pc_nav .navigation_outer ul.navigation li a {
display: block;
font-weight: bold;
color: var(--header_nav_color);
overflow: hidden;
padding: 15px 0;
font-size: 15px;
}
.pc_nav .navigation_outer ul.navigation li a span {
position: relative;
display: block;
}
.pc_nav .navigation_outer ul.navigation li a span:after {
content: "";
display: inline-block;
position: absolute;
left: 0;
bottom: -5px;
height: 3px;
width: 100%;
background-color: var(--header_nav_color);
transform: translate3d(-101%, 0, 0);
transition: 0.3s;
}
.pc_nav .navigation_outer ul.navigation li a:hover span:after {
transform: translate3d(0, 0, 0);
}
.pc_nav .navigation_outer .sns_icon_outer {
flex-basis: 10%;
padding-left: 10px;
}
.pc_nav .navigation_outer .sns_icon_outer ul {
display: flex;
align-items: center;
justify-content: flex-end;
}
.pc_nav .navigation_outer .sns_icon_outer ul li {
padding-left: 5px;
}
.pc_nav .navigation_outer .sns_icon_outer ul a.mail_icon {
padding: 5px 0 0 0;
}
.pc_nav .menu-item-has-children {
position: relative;
}
.pc_nav .menu-item-has-children .sub-menu {
display: none;
width: 300px;
position: absolute;
top: 50px;
left: 0;
z-index: 1000;
}
.pc_nav .menu-item-has-children .sub-menu li a {
display: block;
text-align: left;
background-color: var(--header_nav_bg);
color: #fff;
padding: 15px !important;
margin: 0 10px; }
.pc_nav .menu-item-has-children .sub-menu li a span {
position: relative;
display: inline-block !important;
font-weight: 400;
}
.pc_nav .menu-item-has-children .sub-menu li a span:after {
transform: translate3d(-150%, 0, 0) !important;
}
.pc_nav .menu-item-has-children .sub-menu li a:hover span:after {
transform: translate3d(0, 0, 0) !important;
}
.pc_nav .menu-item-has-children:hover .sub-menu {
display: block;
}
.pc_nav .menu-item-has-children:hover .sub-menu a {
color: var(--header_nav_color);
} .nav_container {
width: 100%;
background-color: var(--header_nav_bg);
position: relative;
z-index: 100;
}
.stick-me.sticking {
display: block;
}
.stick-me.sticking .logo_sp img {
max-height: 40px;
}
.stick-me.sticking .logo_sp .sp_show.hamburger_menu {
display: block;
}
.stick-me.sticking .logo_sp .header_info_outer {
display: none;
}
.sticky_hamburger {
display: none;
}
.stick-me.sticking .sticky_hamburger {
display: flex;
align-items: center;
height: 50px;
padding-right: 10px;
}
.stick-me.sticking .sticky_hamburger svg {
fill: var(--header_nav_color);
}
.sticking.nav_container {
z-index: 100000;
height: 50px;
}
.sticking.nav_container .navigation_outer {
height: 50px;
}
.sticking.nav_container .navigation_outer .logo_main img {
height: 35px;
}
.sticking.nav_container .navigation_outer .logo_sub {
padding-bottom: 0;
}
.sticking.nav_container .navigation_outer .logo_sub img {
height: 45px;
} .hamburger_menu svg {
fill: var(--header_top_color);
font-size: 20px;
}
.btn_trigger {
display: inline-block;
line-height: 1;
}
.sp_nav_top_close {
position: absolute;
top: 15px;
right: 10px;
z-index: 10000;
}
.sp_nav_top_close svg {
font-size: 20px;
}
#sp_overlay {
display: none;
width: 100%;
height: 100%;
text-align: center;
position: fixed;
top: 0;
z-index: 100000000;
background-color: #fff;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.nav_sp_top {
display: flex;
justify-content: space-between;
}
.nav_sp_top .logo_sp {
width: 50%;
text-align: left;
padding: 3px 0 3px 5px;
}
.nav_sp_top .logo_sp img {
max-height: 50px;
}
.nav_sp_top .icons_outer {
display: flex;
justify-content: flex-end;
width: 50%;
}
.nav_sp_top .icons_outer .sns_icon_outer {
justify-content: flex-end;
}
.sp_nav_info {
position: relative;
padding-bottom: 20px;
}
.sp_nav_info dl {
text-align: left;
padding: 10px;
margin: 0;
}
.sp_nav_info dl address {
font-size: 25px;
line-height: 1.3;
}
.menu-item-has-children + a {
display: block;
}
.menu-item-has-children .sub-menu {
display: none;
}
.sp_nav {
padding: 0 10px;
margin-bottom: 10px;
}
.sp_nav ul.menu li.menu-item a {
display: flex;
align-items: center;
height: 50px;
width: 100%;
border-bottom: 1px solid var(--lightGrey);
padding-left: 10px;
}
.sp_nav ul.menu li.menu-item a:after {
content: "";
display: inline-block;
position: absolute;
border: 5px solid transparent;
border-left: 8px solid var(--lightGrey);
right: 18px;
}
.sp_nav ul.menu li.menu-item:first-child a {
border-top: 1px solid var(--lightGrey);
}
.sp_nav ul.menu li.menu-item.menu-item-has-children a:after {
content: "";
background-image: url(//suzukijiko-carvice.com/wp-content/themes/template_basic/images/plus.svg);
display: inline-block;
height: 1rem;
width: 1rem;
vertical-align: middle;
border: none;
border-left: none;
right: 21px;
}
.sp_nav ul.menu li.menu-item.menu-item-has-children a.active:after {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/template_basic/images/minus.svg);
}
.sp_nav ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a {
border-top: none;
background-color: var(--lightestGrey);
padding-left: 15px;
}
.sp_nav ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a:after {
content: "";
display: inline-block;
position: absolute;
border: 5px solid transparent;
border-left: 8px solid var(--lightGrey);
right: 18px;
background-image: none;
height: auto;
width: auto;
}
.sp_nav ul.menu li.menu-item.menu-item-has-children ul.sub-menu li.menu-item:first-child a {
border-top: none;
}
.sp_nav ul.menu#sp_main_menu_group li.menu-item:first-child a {
border-top: none;
}  .sp_nav_contact {
padding: 0 10px;
}
.sp_nav_contact a {
background-color: #e34646;
color: #fff;
border: none;
display: block;
line-height: 50px;
height: 50px;
text-align: left;
padding-left: 10px;
}
.sp_nav_contact a:after {
font-family: "Font Awesome 5 Free";
content: "";
display: inline-block;
padding-left: 10px;
position: absolute;
right: 18px;
font-weight: normal;
font-size: 18px;
font-weight: 900;
}
.sp_nav_bottom_close {
padding: 0 10px;
}
.sp_nav_bottom_close a {
background-color: #555;
color: #fff;
border: none;
line-height: 50px;
height: 50px;
display: block;
text-align: center;
padding-left: 10px;
}
#header_group_menu {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
#header_group_menu li.menu-item a {
display: block;
padding: 2px 10px;
color: var(--header_top_color);
font-size: 12px;
font-weight: 500;
overflow: hidden;
position: relative;
border-left: 1px solid var(--header_top_color);
line-height: 1;
}
#header_group_menu li.menu-item:last-child a {
border-right: 1px solid var(--header_top_color);
}
@media (max-width: 1367px) {
.pc_nav .navigation_outer .logo_main {
flex-basis: 15%;
}
.pc_nav .navigation_outer ul.navigation {
flex-basis: 75%;
}
.pc_nav .navigation_outer ul.navigation li {
padding: 0 15px;
}
.pc_nav .navigation_outer ul.navigation li a {
font-size: 14px;
}
}
@media (max-width: 1024px) {
.header_info_outer .header_info .header_h1 {
flex-basis: 85%;
}
.header_info_outer .header_info .sp_show.hamburger_menu {
flex-basis: 15%;
text-align: right;
}
}
@media (max-width: 450px) {
.header_info_outer .header_info .header_h1 {
font-size: 10px;
font-weight: normal;
line-height: 1.3;
flex-basis: 80%;
}
}
.side_banner {
margin-bottom: 20px;
}
aside ul.news_list_1 {
margin-bottom: 30px;
}
aside ul.news_list_1 li.news_box {
height: auto;
padding: 10px 15px;
}
aside ul.news_list_1 li.news_box .news_title {
flex-basis: 70%;
font-size: 0.7rem;
}
aside ul.news_list_1 li.news_box .cat_date {
flex-basis: 30%;
display: block;
text-align: right;
padding-left: 5px;
}
aside ul.news_list_1 li.news_box .cat_date .news_cat a {
padding: 3px;
font-size: 0.5rem;
display: inline-block;
padding: 3px 5px;
line-height: 1;
}
aside ul.news_list_1 li.news_box .cat_date .news_date {
font-size: 0.7rem;
display: block;
text-align: right;
}
aside h2.basic_title1 {
padding-bottom: 10px;
}
aside h2.basic_title1 span:first-child {
font-weight: bold;
font-size: 16px;
}
aside h2.basic_title1 span:last-child {
font-size: 12px;
font-weight: bold;
}
.side_about_us {
border: 1px solid #000;
padding: 20px 10px;
}
.side_about_us h3 {
font-size: 12px;
padding: 1rem 0.5rem 1rem;
text-align: center;
}
.side_about_us p {
font-size: 12px;
padding: 0 1rem 2rem;
line-height: 2;
}
.side_about_us .btn_basic a {
font-size: 13px;
}
.top_main .fv_carousel_outer {
margin-bottom: 60px;
}
.top_main .fv_single {
padding-top: 30px;
margin-bottom: 60px;
}
.top_main .fv {
margin-bottom: 60px;
}
.top_main .top_news {
padding-bottom: 80px;
}
.top_main .top_about_us {
padding-bottom: 80px;
}
.top_main .top_cars {
padding-bottom: 100px;
}
.top_main .top_testimonials {
padding-bottom: 80px;
}
.top_main .top_parts {
padding-bottom: 80px;
}
.top_main .top_bike {
padding-bottom: 80px;
}
.top_main .top_works {
padding-bottom: 80px;
}
.top_main .top_banners {
padding-bottom: 80px;
}
.top_main .top_free_space {
padding-bottom: 80px;
}
.fv_carousel_outer .swiper-slide a:hover img {
opacity: 0.7;
}
.main-carousel_outer {
position: relative;
max-width: 1400px;
margin: 0 auto;
}
.main-carousel_outer .fv_catch_copy {
position: absolute;
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
bottom: 0;
width: 100%;
}
.main-carousel_outer .fv_catch_copy .fv_catch_copy_inner {
max-width: 850px;
margin: 0 auto;
padding: 30px 10px;
}
.main-carousel_outer .fv_catch_copy .fv_catch_copy_inner h2 {
font-size: 35px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.main-carousel_outer .fv_catch_copy.serif h2 {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.main-carousel_outer .carousel-cell .carousel-cell_inner {
display: flex;
height: 500px;
}
.main-carousel_outer .carousel-cell .carousel-cell_inner img {
max-height: 500px;
}
.main-carousel_outer .carousel-cell .carousel-cell_inner a:hover img {
opacity: 0.7;
}
.main-carousel_outer.fullsize_width {
max-width: 100%;
}
.main-carousel_outer.fullsize_img {
width: 100%;
}
.main-carousel_outer.fullsize_img .carousel-cell_inner img {
width: 100%;
height: auto;
}
.main-carousel_outer.auto_height .carousel-cell .carousel-cell_inner {
height: auto;
}
.main-carousel_outer.auto_height .carousel-cell .carousel-cell_inner img {
height: auto;
max-height: inherit;
}
.main-carousel_outer.default_space_top .carousel-cell {
padding-top: 2rem;
}
.main-carousel_outer.small_space_top .carousel-cell {
padding-top: 1rem;
}
.main-carousel_outer.no_space_top .carousel-cell {
padding-top: 0;
}
.main-carousel_outer.default_space_side .carousel-cell {
padding-left: 2rem;
padding-right: 2rem;
}
.main-carousel_outer.small_space_side .carousel-cell {
padding-left: 1rem;
padding-right: 1rem;
}
.main-carousel_outer.no_space_side .carousel-cell {
padding-left: 0;
padding-right: 0;
}
.fv {
height: 600px;
background-size: cover !important;
}
.fv .fv_mask {
height: 600px;
display: flex;
justify-content: center;
align-items: center;
}
.fv .fv_mask h1 {
color: #fff;
text-align: center;
font-size: 65px;
padding-bottom: 20px;
}
.fv .fv_mask h1 .main_image_title {
line-height: 1.2;
}
.fv .fv_mask h1 span {
display: block;
}
.fv .fv_mask h1 span.main_image_sub_txt {
color: #fff;
text-align: center;
font-weight: normal;
font-size: 16px;
}
.fv .fv_mask .fv_btn_outer {
max-width: 600px;
margin: 0 auto;
}  .fv_single #fv_single_image {
max-width: 1200px;
margin: 0 auto;
}
.fv_single #fv_single_image.full_size {
max-width: 100%;
}
.fv_single #fv_single_image.full_size img {
width: 100%;
}
.top_about_us_inner {
display: flex;
align-items: center;
}
.top_about_us_inner .slider1_outer {
width: 52%;
}
.top_about_us_inner .slider1_outer .slider1_inner {
position: relative;
}
.top_about_us_inner .slider1_outer .comment {
font-size: 14px;
text-align: left;
}
.top_about_us_inner .about_us_info {
width: 48%;
padding: 0 30px;
}
.top_about_us_inner .about_us_info h3 {
line-height: 1.2;
padding-bottom: 30px;
}
.top_about_us_inner .about_us_info p {
line-height: 1.8;
margin-bottom: 10px;
}
.top_about_us_inner .about_us_info ul.shop_character {
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
}
.top_about_us_inner .about_us_info ul.shop_character li {
line-height: 1;
margin: 0 5px 5px;
}
.top_about_us_inner .about_us_info ul.shop_character li span {
color: #000;
background-color: #efefef;
font-size: 11px;
font-weight: bold;
display: inline-block;
padding: 2px 10px;
border-radius: 3px;
border: 1px solid #adadad;
}
.slider1_outer .swiper {
width: 91%;
}
.slider1_outer .swiper-wrapper {
padding-bottom: 50px;
}
.slider1_outer .swiper-button-next, .slider1_outer .swiper-rtl .swiper-button-prev {
right: -5px;
}
.slider1_outer .swiper-button-prev, .slider1_outer .swiper-rtl .swiper-button-next {
left: -5px;
}
.testimonials_carousel .swiper-wrapper {
padding-bottom: 50px;
}
.testimonials_carousel .swiper-wrapper .swiper-slide {
background-color: transparent;
}
.stock_car_carousel .swiper-wrapper {
padding-bottom: 50px;
}
.fv_carousel .swiper-wrapper {
padding-bottom: 50px;
}
.top_instagram {
padding-bottom: 60px;
} .filter_1 {
display: inline-flex;
align-items: center;
position: relative;
width: 100%;
}
.filter_1:after {
position: absolute;
right: 15px;
width: 10px;
height: 7px;
background-color: var(--mainColor);
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: "";
pointer-events: none;
}
.filter_1 select {
appearance: none;
width: 100%;
height: 2.8em;
padding: 0.4em calc(.8em + 30px) 0.4em 0.8em;
border: none;
border-bottom: 2px solid #000000;
background-color: #fff;
color: #000000;
font-size: 1em;
cursor: pointer;
}
.filter_1 select:focus {
outline: none;
}
@media (max-width: 1600px) {
.main-carousel_outer {
max-width: 1250px;
}
.carousel-cell { }
}
@media (max-width: 1400px) {
.top_main .fv_single {
padding: 20px;
}
.main-carousel_outer .fv_catch_copy .fv_catch_copy_inner {
padding: 20px 10px;
}
.main-carousel_outer .fv_catch_copy .fv_catch_copy_inner h2 {
font-size: 30px;
}
}
@media (max-width: 1024px) {
.fv {
height: 400px;
}
.fv .fv_mask {
height: 400px;
}
.fv .fv_mask h1 {
font-size: 40px;
}
.fv .fv_mask h1 span.main_image_sub_txt {
font-size: 14px;
padding: 0 15px;
}
.carousel-cell { }
.main-carousel_outer .carousel-cell .carousel-cell_inner {
height: auto;
}
.main-carousel_outer .fv_catch_copy .fv_catch_copy_inner {
padding: 10px;
}
.main-carousel_outer .fv_catch_copy .fv_catch_copy_inner h2 {
font-size: 20px;
margin-bottom: 5px;
}
.main-carousel_outer .fv_catch_copy .fv_catch_copy_inner p {
font-size: 13px;
}
}
@media (max-width: 821px) {
.top_about_us_inner .slider1_outer {
width: 40%;
}
.top_about_us_inner .slider1_outer .comment {
font-size: 12px;
}
.top_about_us_inner .about_us_info {
width: 60%;
}
}
@media (max-width: 769px) {
.top_main .fv_single {
padding: 0px;
}
.main-carousel_outer.default_space_top .carousel-cell {
padding-top: 1rem;
}
.main-carousel_outer.small_space_top .carousel-cell {
padding-top: 0.5rem;
}
.main-carousel_outer.no_space_top .carousel-cell {
padding-top: 0;
}
.main-carousel_outer.default_space_side .carousel-cell {
padding-left: 1rem;
padding-right: 1rem;
}
.main-carousel_outer.small_space_side .carousel-cell {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.main-carousel_outer.no_space_side .carousel-cell {
padding-left: 0;
padding-right: 0;
}
.top_about_us_inner {
flex-direction: column-reverse;
padding: 0 15px;
}
.top_about_us_inner .slider1_outer {
max-width: 100%;
width: 80%;
}
.top_about_us_inner .slider1_outer .comment {
font-size: 12px;
}
.top_about_us_inner .about_us_info {
max-width: 100%;
width: 80%;
padding: 0 5px;
margin-bottom: 50px;
}
.top_about_us_inner .about_us_info h3 {
padding-bottom: 20px;
}
.top_about_us_inner .about_us_info p {
padding-bottom: 20px;
}
.top_about_us_inner .about_us_info .btn_basic {
padding: 0;
}
}
@media (max-width: 600px) {
.carousel-cell { }
.main-carousel_outer .fv_catch_copy {
position: relative;
display: block;
top: 0;
}
.main-carousel_outer .fv_catch_copy .fv_catch_copy_inner {
padding: 20px 10px;
margin-bottom: 30px;
}
.main-carousel_outer .fv_catch_copy .fv_catch_copy_inner h2 {
font-size: 17px;
}
.main-carousel_outer .fv_catch_copy .fv_catch_copy_inner p {
font-size: 12px;
}
.main-carousel_outer.default_space_top .carousel-cell {
padding-top: 0;
}
.main-carousel_outer.small_space_top .carousel-cell {
padding-top: 0;
}
.main-carousel_outer.no_space_top .carousel-cell {
padding-top: 0;
}
.main-carousel_outer.default_space_side .carousel-cell {
padding-left: 0;
padding-right: 0;
}
.main-carousel_outer.small_space_side .carousel-cell {
padding-left: 0;
padding-right: 1r0em;
}
}
@media (max-width: 450px) { .main-carousel_outer .fv_catch_copy .fv_catch_copy_inner {
margin-bottom: 0;
}
.main-carousel_outer .fv_catch_copy .fv_catch_copy_inner h2 {
font-size: 15x;
margin-bottom: 3px;
}
.main-carousel_outer .fv_catch_copy .fv_catch_copy_inner p br {
display: none;
}
.fv {
height: 300px;
margin-bottom: 20px;
}
.fv .fv_mask {
height: 300px;
}
.fv .fv_mask h1 {
font-size: 25px;
}
.fv .fv_mask h1 .main_image_title {
padding-bottom: 15px;
}
.fv .fv_mask h1 span.main_image_sub_txt {
text-align: left;
font-size: 12px;
line-height: 1.2;
}
.fv .fv_mask h1 span.main_image_sub_txt br {
display: none;
}
.fv .fv_mask .fv_btn_outer a {
font-size: 0.7rem;
height: 35px;
padding: 0 10px;
}
.fv .fv_mask .fv_btn_outer a span:after {
right: -15px;
}
.fv .fv_inner {
padding: 0 10px;
}
.top_main .fv_single {
padding: 0;
}
.top_main .fv_carousel_outer {
padding-top: 0px;
margin-bottom: 60px;
}
.top_main .top_news {
padding-bottom: 60px;
}
.top_main .top_about_us {
padding-bottom: 60px;
}
.top_main .top_cars {
padding-bottom: 60px;
}
.top_main .top_testimonials {
padding-bottom: 60px;
}
.top_main .top_parts {
padding-bottom: 60px;
}
.top_main .top_bike {
padding-bottom: 60px;
}
.top_main .top_works {
padding-bottom: 60px;
}
.top_main .top_banners {
padding-bottom: 60px;
}
.top_main .top_free_space {
padding-bottom: 60px;
}
.top_about_us_inner .slider1_outer {
width: 100%;
}
.top_about_us_inner .slider1_outer .comment {
font-size: 11px;
}
.top_about_us_inner .about_us_info {
width: 100%;
padding: 0 10px;
margin-bottom: 40px;
}
.top_about_us_inner .about_us_info p {
padding-bottom: 10px;
}
} .two_col_outer {
display: flex;
}
.two_col_outer .main_col {
width: 65%;
padding-right: 62px;
}
.two_col_outer aside {
width: 35%;
margin-top: 3.8rem;
}
.page_header_outer {
background-color: var(--page_header_bg);
margin-bottom: 50px;
background-size: cover;
background-position: center center;
}
.page_header_outer#bg_repeat {
background-repeat: repeat-x;
background-size: inherit;
}
.page_header_outer .page_header_inner {
position: relative;
margin: 0 auto;
max-width: 1200px;
}
.page_header_outer .page_header_inner .breadcrumb {
top: 5px;
position: absolute;
color: var(--page_header_color);
padding-left: 5px;
}
.page_header_outer .page_header_inner .breadcrumb a {
color: var(--page_header_color);
}
.page_header_outer .page_header_inner .page_header {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 160px;
font-size: 35px;
font-weight: 300;
color: var(--page_header_color);
}
.page_header_outer .page_header_inner .page_header.post_title {
font-size: 25px;
}
.page_header_outer .page_header_inner .page_header span {
display: block;
}
.page_header_outer .page_header_inner .page_header span:first-child {
position: relative;
padding-bottom: 10px;
}
.page_header_outer .page_header_inner .page_header span:first-child:after {
content: "";
display: inline-block;
width: 76px;
height: 1px;
background-color: var(--page_header_color);
position: absolute;
left: 50%;
bottom: 0;
margin-left: -38px;
}
.page_header_outer .page_header_inner .page_header span.header_sub_txt {
font-size: 15px;
padding-top: 10px;
}
.page_header_outer.stock_cars_header {
margin-bottom: 0;
}
.title_outer {
margin-bottom: 2.8rem;
}
.page_content {
margin-bottom: 50px;
}
.page_content.block_editor {
max-width: 840px;
margin: 0 auto;
}
.post_nav_bottom {
border-top: 1px solid #000;
padding: 10px 0 15px;
}
.post_nav_bottom .post_nav_bottom_btn {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10px 15px;
}
.post_nav_bottom .post_nav_bottom_btn .archive_link a {
background-color: var(--mainColor);
color: #fff;
font-weight: bold;
line-height: 1;
padding: 3px 25px;
border-radius: 5px;
font-size: 11px;
}
.post_nav_bottom .post_nav_bottom_btn .archive_link a:after {
content: "";
display: inline-block;
border: 3px solid transparent;
border-left: 5px solid #fff;
top: 50%;
right: 0;
transform: translateY(-50%);
position: relative;
top: 2px;
right: -5px;
}
.post_nav_bottom .post_nav_bottom_btn .archive_link a:hover {
background-color: #fff;
color: #3736C2;
border: 1px solid var(--mainColor);
}
.post_nav_bottom .post_nav_bottom_btn .archive_link a:hover:after {
border-left: 5px solid var(--mainColor);
}
.post_nav_bottom ul.post_nav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 15px;
}
.post_nav_bottom ul.post_nav li {
font-size: 12px;
}
.post_nav_bottom ul.post_nav li.previous_post_link a:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 7px solid #555555;
border-left: 0;
position: relative;
left: -3px;
}
.post_nav_bottom ul.post_nav li.next_post_link a:after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 7px solid #555555;
border-right: 0;
position: relative;
right: -3px;
}
.slide_caption {
font-size: 15px;
text-align: left;
line-height: 1.4;
padding: 5px;
} .group_inner {
display: flex;
align-items: center;
padding-bottom: 50px;
}
.group_inner .store_img {
flex-basis: 50%;
padding-right: 30px;
}
.group_inner .store_info {
flex-basis: 50%;
}
.group_inner .store_info h2 {
font-size: 35px;
font-weight: 300;
}
.group_inner .store_info h2 + p {
line-height: 1.8;
padding: 0 5px;
}
.group_inner .store_info .store_link {
display: flex;
flex-wrap: wrap;
}
.group_inner .store_info .store_link li {
flex-basis: 25%;
padding: 5px;
}
.group_inner .store_info .store_link li a {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
border: 1px solid var(--lightGrey);
font-size: 12px;
text-align: center;
line-height: 1.2;
}
.group_inner .store_info .store_link li a:hover {
background-color: var(--lightGrey);
color: #fff;
}
.group_inner.right {
flex-direction: row-reverse;
}
.group_inner.right .store_img {
padding-left: 30px;
}
.store_popup {
background-color: #fff;
min-width: 550px;
padding: 30px;
}
.store_popup .store_popup_inner {
display: flex;
align-items: center;
justify-content: space-around;
}
.store_popup .store_popup_inner .store_popup_info {
flex-basis: 65%;
}
.store_popup .store_popup_inner .store_popup_info h3 {
margin: 0 0 10px 0;
font-weight: 300;
font-size: 25px;
}
.store_popup .store_popup_inner .store_popup_info li {
font-size: 13px;
}
.store_popup .store_popup_inner .store_popup_btn {
flex-basis: 35%;
}
.store_popup .store_popup_inner .store_popup_btn li {
margin-bottom: 10px;
}
.store_popup .store_popup_inner .store_popup_btn li a {
background-color: var(--darkGrey);
color: #fff;
font-size: 13px;
display: block;
text-align: center;
line-height: 40px;
height: 40px;
}
.lity {
background-color: rgba(0, 0, 0, 0.5) !important;
}
.recruit .btn a {
display: block;
background-color: var(--darkGrey);
height: 80px;
line-height: 80px;
margin-bottom: 25px;
text-align: center;
} h2.title_l {
font-size: 40px;
font-weight: 300;
margin: 0 0 30px;
text-align: center;
line-height: 1.3;
}
h2.title_s {
font-size: 20px;
margin: 0 0 30px;
text-align: center;
}
p.sub_title {
margin: 0 0 40px;
text-align: center;
font-size: 20px;
font-weight: 300;
}
.width_l {
max-width: 1000px;
margin: 0 auto;
}
.width_m {
max-width: 800px;
margin: 0 auto;
} .definition_list_outer {
border-top: 1px solid #777;
margin-bottom: 100px;
}
.definition_list_outer .definition_list {
display: flex;
align-items: flex-start;
border-bottom: 1px solid #777;
padding: 30px 20px 30px 10px;
}
.definition_list_outer .definition_list dt {
flex-basis: 30%;
}
.definition_list_outer .definition_list dd {
flex-basis: 70%;
} .text_basic {
margin-bottom: 100px;
}
.text_basic .text_basic_content {
border-top: 1px solid #777;
border-bottom: 1px solid #777;
padding: 45px 100px;
}
.text_basic .text_basic_content p {
font-size: 18px;
line-height: 1.5;
}
.text_basic .text_basic_btn {
max-width: 500px;
margin: 40px auto 0;
}
.text_basic .text_basic_btn p {
text-align: center;
}
.text_basic.width_l .text_basic_content {
padding: 45px;
} .carousel_group .carousel_image {
margin-bottom: 15px;
}
.carousel_group .carousel_title {
font-weight: bold;
margin-bottom: 10px;
font-size: 18px;
} .map_iframe {
padding-bottom: 100px;
}
.map_iframe iframe {
width: 100%;
height: 400px;
} .division1 {
padding-bottom: 100px;
}
.division1 .division1_group {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.division1 .division1_group dt {
text-align: center;
margin-bottom: 20px;
}
.division1 .division1_group dd {
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.8;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
padding: 15px 10px;
}
.division1_group.col_2 dl {
flex-basis: 50%;
padding: 50px;
}
.division1_group.col_2 dl dt {
font-size: 30px;
font-weight: 300;
}
.division1_group.col_2 dl dd {
font-size: 18px;
}
.division1_group.col_3 dl {
flex-basis: 33.3333%;
padding: 25px;
}
.division1_group.col_3 dl dt {
font-size: 20px;
}
.division1_group.col_3 dl dd {
font-size: 16px;
} .company_thumbnail {
text-align: center;
margin-bottom: 50px;
}
.company_profile {
padding-bottom: 60px;
}
.company_profile dl {
display: flex;
border-bottom: 1px solid #ccc;
padding: 20px 10px;
}
.company_profile dl dt {
width: 25%;
}
.company_profile dl dd {
width: 75%;
}
.company_profile dl.company_map iframe {
width: 100%;
}
.company_profile dl:first-child {
border-top: 1px solid #ccc;
}
.company_image, .staff_image {
margin-bottom: 50px;
}
.company_image .swiper-wrapper, .staff_image .swiper-wrapper {
padding-bottom: 50px;
}
.company_image .swiper-wrapper .comment, .staff_image .swiper-wrapper .comment {
font-size: 13px;
text-align: left;
padding: 3px;
} .contact_nav {
display: table;
width: 100%;
border-collapse: separate;
border-spacing: 5px 0;
}
.contact_nav li {
display: table-cell;
background-color: #eee;
color: #333;
font-weight: bold;
width: 33.3333333333%;
text-align: center;
padding: 10px 0;
border-radius: 5px;
}
.mw_wp_form_input .contact_nav li.input_page {
color: #fff;
background-color: #d20a1e;
}
.mw_wp_form_confirm .contact_nav li.comfirm_page {
color: #fff;
background-color: #d20a1e;
}
.mw_wp_form_complete .contact_nav li.complete_page {
color: #fff;
background-color: #d20a1e;
}
.contact_example {
display: inline-block;
padding-left: 14px;
}
.mw_wp_form_confirm .contact_example {
display: none;
}
.form {
padding-bottom: 50px;
}
.form h2 {
border-bottom: 1px solid #333;
margin: 20px 0;
font-size: 20px;
}
.form dl {
display: flex;
border-bottom: 1px dotted #999;
padding: 15px 0;
margin: 0;
}
.form dl dd, .form dl dt {
display: table-cell;
vertical-align: top;
}
.form dl {
width: 100%;
}
.form dl dt {
flex-basis: 30%;
font-weight: normal;
}
.form dt span {
color: red;
}
.form dl dd {
flex-basis: 70%;
}
.form input {
width: 300px;
border: 1px solid #999;
background-color: #fff;
padding: 5px;
}
.form textarea {
width: 100%;
border: none;
border: 1px solid #999;
background-color: #fff;
padding: 5px;
}
.wpcf7-checkbox input {
width: inherit;
}
.mw_wp_form .error {
display: inline-block !important;
padding-left: 5px;
}
.wpcf7-radio input {
width: inherit;
}
.wpcf7-list-item {
margin: 0 1em 0 0;
}
input.phone {
width: 150px;
}
input.input_address {
width: 100%;
}
.form_btn {
padding-top: 30px;
display: flex;
justify-content: center;
}
.form_btn li {
width: 50%;
}
.mw_wp_form_input .form_btn {
max-width: 340px;
margin: 0 auto 40px;
}
.form_btn li {
position: relative;
}
.form_btn input {
border: 2px solid #3736C2;
color: #fff !important;
background-color: #3736C2;
border-radius: 5px;
padding: 10px 0;
font-weight: bold;
}
.form_btn li:hover input {
color: #3736C2 !important;
background-color: #fff;
}
.form_btn li:hover:after {
color: #3736C2 !important;
}
.mw_wp_form_input li.btn_back {
display: none;
}
.mw_wp_form_confirm .form_btn {
max-width: 680px;
margin: 0 auto;
}
.mw_wp_form_input li.btn_back {
display: none;
}
.privacy_form_txt {
font-size: 13px;
padding: 30px 0 80px;
}
.form_check_box.media .mwform-checkbox-field {
width: 33.3333%;
display: block;
float: left;
margin-left: 0 !important;
}
span.etc input {
width: 250px;
}
.contact_item_info th {
border: 1px solid #aaa;
background-color: #ccc;
padding: 5px;
}
.contact_item_info td {
border: 1px solid #aaa;
background-color: #fff;
padding: 5px;
}
.kaitori_flow {
display: flex;
}
.kaitori_flow div:first-child {
flex-basis: 60%;
}
.kaitori_flow div:nth-child(2) {
flex-basis: 40%;
padding: 0 10px;
}
.kaitori_flow p {
flex-basis: 0%;
}  html {
scroll-behavior: smooth;
}
.top_stock_cars_outer {
position: relative;
}
.top_stock_cars_outer .swiper {
width: 93%;
} .img_list_box {
height: auto;
}
.img_list_box .car_list_inner {
padding: 8px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-radius: 5px 5px 0 0;
background-color: #fff;
}
.img_list_box .car_list_inner:hover {
cursor: pointer;
position: relative;
background-color: #f5f5f5;
border-radius: 5px 5px 0 0;
}
.img_list_box .car_list_inner .img_list_img {
position: relative;
height: auto;
}
.img_list_box .car_list_inner .img_list_img img {
max-width: 100%;
}
.img_list_box .car_list_inner .img_list_img span.maker_icon {
position: absolute;
background-color: #000;
bottom: 0;
left: 0;
color: #fff;
display: inline-block;
padding: 2px 5px;
font-size: 10px;
font-weight: bold;
z-index: 10000;
}
.img_list_box .car_list_inner h2.img_list_title {
font-size: 16px;
color: #000;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 280px;
text-align: left;
}
.img_list_box .car_list_inner .img_list_info_price {
display: flex;
}
.img_list_box .car_list_inner .img_list_info_price .img_list_info_price1 {
flex-basis: 45%;
}
.img_list_box .car_list_inner .img_list_info_price .img_list_info_price1 dl {
border-top: 3px solid #FF4800;
padding: 5px 2px 5px 5px;
text-align: left;
}
.img_list_box .car_list_inner .img_list_info_price .img_list_info_price1 dl dd .price {
font-size: 26px;
color: #FF4800;
line-height: 1;
}
.img_list_box .car_list_inner .img_list_info_price .img_list_info_price1 dl dt {
font-size: 11px;
margin-bottom: 6px;
}
.img_list_box .car_list_inner .img_list_info_price .img_list_info_price2 {
flex-basis: 55%;
}
.img_list_box .car_list_inner .img_list_info_price .img_list_info_price2 dl {
border-top: 3px solid #A8A8A8;
padding: 5px 2px 0 10px;
align-items: center;
display: flex;
justify-content: space-between;
}
.img_list_box .car_list_inner .img_list_info_price .img_list_info_price2 dl.other_charge {
border: none;
padding: 0 2px 5px 10px;
}
.img_list_box .car_list_inner .img_list_info_price dt, .img_list_box .car_list_inner .img_list_info_price dd .unit {
line-height: 1;
font-size: 10px;
font-weight: bold;
}
.img_list_box .car_list_inner .img_list_info_price dd {
margin: 0;
}
.img_list_box .car_list_inner .img_list_info_price dd .price {
font-family: Arial, Helvetica, sans-serif;
font-ssize: 16px;
font-weight: bold;
}
.img_list_box .car_list_inner .img_list_info_price .include_tax {
font-size: 10px;
}
.img_list_box .car_list_inner .img_list_detail {
padding: 4px;
}
.img_list_box .car_list_inner .img_list_detail dl {
display: flex;
padding-bottom: 4px;
}
.img_list_box .car_list_inner .img_list_detail dt {
background-color: #f3f3f3;
line-height: 1;
font-weight: bold;
font-size: 11px;
flex-basis: 80px;
text-align: center;
padding: 3px 0;
}
.img_list_box .car_list_inner .img_list_detail dd {
margin: 0;
font-size: 12px;
padding-left: 15px;
}
.img_list_box .inquiry {
background-color: var(--stock_car_btn);
width: 100%;
display: flex;
height: 36px;
border-radius: 0 0 5px 5px;
}
.img_list_box .inquiry a {
color: #fff !important;
font-weight: bold;
border: 2px solid var(--stock_car_btn);
display: flex;
height: 36px;
align-items: center;
justify-content: center;
border-radius: 0 0 5px 5px;
font-size: 13px;
width: 100%;
}
.img_list_box .inquiry a:hover {
color: var(--stock_car_btn) !important;
background-color: #fff;
}
.car_list {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.car_list .img_list_box_outer {
flex-basis: 25%;
overflow: hidden;
padding: 10px;
}
.car_list .img_list_box_outer .img_list_box {
height: auto;
}
h2.img_list_title.sp_title {
display: none;
}  .acTrigger {
display: inline-block;
cursor: pointer;
padding-left: 15px;
position: relative;
font-size: 13px;
}
.acTrigger:before {
content: "";
background-image: url(//suzukijiko-carvice.com/wp-content/themes/template_basic/images/plus.svg);
display: inline-block;
height: 1rem;
width: 1rem;
vertical-align: middle;
border: none;
border-left: none;
padding-right: 22px;
background-repeat: no-repeat;
}
.acTrigger.active:before {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/template_basic/images/minus.svg);
}
.acFirst, .acSecond {
display: none;
overflow: hidden;
opacity: 0;
}
.filter {
padding-bottom: 5px;
}
.filter select {
font-family: "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.select_wrapper.filter1 {
display: flex;
width: 100%;
}
.select_wrapper.filter1 .select_outer {
width: 19%;
padding: 10px 5px;
}
.select_wrapper.filter1 .select_outer.filter_1st_btn {
width: 5%;
}
.select_wrapper.filter1 .select_outer.filter_1st_btn button {
background-color: #6D6D6D;
height: 45px;
color: #fff;
border: none;
border-radius: 5px;
width: 100%;
font-weight: 500;
font-size: 14px;
}
.select_wrapper.filter1 .select_outer select {
width: 100%;
-webkit-appearance: none;
appearance: none; background-color: #F1F1F1;
padding: 15px 10px;
border-color: #F1F1F1;
border-radius: 5px;
line-height: 1;
font-size: 13px;
}
.select_wrapper.filter1 .select_outer select::-ms-expand {
display: none; }
.select_wrapper.filter1 .select_outer select:focus {
border-color: #777; outline: none; }
.select_wrapper.filter1 .select_outer .select_inner {
position: relative;
}
.select_wrapper.filter1 .select_outer .select_inner:after {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 6px 0 6px;
border-color: #777 transparent transparent transparent;
content: "";
position: absolute;
right: 10px;
top: 50%;
margin-top: -5px;
width: 0;
}
.filter2_outer {
margin: 5px;
background-color: #F1F1F1;
padding: 10px 10px 15px;
}
.filter2_outer .select_wrapper.filter2 {
display: flex;
width: 100%;
flex-wrap: wrap;
}
.filter2_outer .select_wrapper.filter2 .select_outer {
width: 20%;
padding: 10px 5px;
}
.filter2_outer .select_wrapper.filter2 .select_outer .filter_title {
font-size: 13px;
}
.filter2_outer .select_wrapper.filter2 .select_outer select {
width: 100%;
-webkit-appearance: none;
appearance: none; padding: 10px 5px;
border-radius: 2px;
line-height: 1;
font-size: 13px;
}
.filter2_outer .select_wrapper.filter2 .select_outer select::-ms-expand {
display: none; }
.filter2_outer .select_wrapper.filter2 .select_outer .select_inner {
position: relative;
}
.filter2_outer .select_wrapper.filter2 .select_outer .select_inner:after {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 3px 0 3px;
border-color: #777 transparent transparent transparent;
content: "";
position: absolute;
right: 10px;
top: 50%;
margin-top: -1px;
width: 0;
}
.filter2_outer .select_wrapper.filter2 .select_year {
display: flex;
align-items: center;
justify-content: space-between;
}
.filter2_outer .select_wrapper.filter2 .select_year .select_inner {
width: 45%;
}
.filter2_outer .select_wrapper.filter2 .select_year .between {
width: 10%;
text-align: center;
}
.filter2_outer .filter_2nd_btn {
display: flex;
justify-content: flex-end;
}
.filter2_outer .filter_2nd_btn li {
margin-right: 5px;
}
.filter2_outer .filter_2nd_btn li button {
background-color: #6D6D6D;
height: 40px;
color: #fff;
border: none;
border-radius: 5px;
width: 100%;
font-weight: 500;
font-size: 14px;
padding: 0 30px;
}
.filter2_outer .filter_2nd_btn li button.cancel {
background-color: #fff;
border: 1px solid #6D6D6D;
color: inherit;
}
.filter_option {
padding: 15px;
}
.filter_option ul {
display: flex;
flex-wrap: wrap;
}
.filter_option ul li {
width: 20%;
}
.filter_option ul li label {
font-size: 13px;
}
.filter_popup_btn a {
display: flex;
height: 50px;
align-items: center;
justify-content: space-between;
background-color: #F1F1F1;
padding: 0 10px;
}
.bike_filter {
font-weight: bold;
}
.bike_filter .select_year {
display: flex;
align-items: center;
justify-content: space-between;
}
.bike_filter .select_year .select_inner {
width: 45%;
}
.bike_filter .select_year .between {
width: 10%;
text-align: center;
}
.bike_filter .select_wrapper.filter1 .select_outer .select_inner:after {
border-width: 5px 3px 0 3px;
margin-top: -2px;
border-color: #222 transparent transparent transparent;
} .sort_outer {
display: flex;
justify-content: space-between;
border-top: 1px solid #eee;
padding: 5px 10px 15px 15px;
}
.sort {
font-size: 13px;
display: flex;
}
.sort li {
margin-right: 15px;
}
.sort li.sort_cancel {
margin-right: 35px;
cursor: pointer;
}
.sort dl {
display: flex;
}
.sort dl dt {
font-weight: normal;
margin-right: 5px;
}
.sort dl dd {
margin-right: 3px;
}
.sort dl dd span {
display: inline-block;
background: #F1F1F1;
border-radius: 50%;
width: 18px;
height: 18px;
font-size: 11px;
text-align: center;
line-height: 14px;
border: 1px solid #777;
cursor: pointer;
}
.car_pegination {
display: flex;
}
.car_pegination li {
padding: 0 3px;
}
.car_pegination li span {
font-size: 11px;
display: block;
height: 25px;
line-height: 23px;
padding: 0 8px;
border: 1px solid #777;
border-radius: 3px;
cursor: pointer;
position: relative;
}
.car_pegination li.previous span:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin-top: -5px;
margin-left: -3px;
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 6px 5px 0;
border-color: transparent #777 transparent transparent;
}
.car_pegination li.next span:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin-top: -5px;
margin-left: -3px;
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 6px;
border-color: transparent transparent transparent #777;
}
.car_pegination_bottom {
max-width: 375px;
margin: 0 auto;
display: flex;
justify-content: center;
} .btn_phone {
background-color: var(--phone_btn);
font-family: "Anton", sans-serif;
display: flex;
justify-content: center;
}
.btn_phone span {
line-height: 1;
}
.btn_phone span:first-child {
display: inline-block;
margin-right: 8px;
}
.btn_phone span svg {
fill: #fff;
font-size: 25px;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.btn_phone:hover {
cursor: default;
}
.btn_mail {
background-color: var(--btn_bg);
display: flex;
justify-content: center;
}
.btn_mail span {
line-height: 1;
}
.btn_mail span:first-child {
display: inline-block;
margin-right: 8px;
}
.btn_mail span svg {
fill: #fff;
font-size: 25px;
}
.btn_mail:hover {
opacity: 0.6;
}
.detail_info_main .btn_outer_single {
padding: 0 20px;
}
.price_outer {
padding-bottom: 15px;
}
.price_outer .price {
color: #D60000;
font-weight: 400;
line-height: 1;
}
.price_outer .price .price_title {
color: #000;
display: inline-block;
padding-right: 5px;
font-size: 14px;
margin-bottom: 5px;
}
.price_outer .price .price_title span {
font-size: 10px;
}
.price_outer .price .price_number {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 39px;
}
.price_outer .price .sold_out {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.price_outer .price .pending {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.price_outer .price .price_unit {
color: #000;
font-size: 10px;
font-weight: bold;
}
.price_outer .price .price_other {
color: #000;
}
.price_outer .price .price_other .price_number {
font-size: 28px;
}
.car_detail h2 {
font-weight: normal;
font-size: 25px;
border-bottom: 1px solid #777;
padding-bottom: 10px;
line-height: 1;
text-align: center;
margin-bottom: 40px;
}
.detail_info {
margin-bottom: 40px;
scroll-margin-top: 80px;
}
div.detail_info_table {
display: flex;
flex-wrap: wrap;
border-right: 1px solid #777;
border-bottom: 1px solid #777;
}
div.detail_info_table div.detail_info_cell {
border-top: 1px solid #777;
border-left: 1px solid #777;
}
div.detail_info_table div.detail_info_cell dl {
width: 100%;
font-size: 16px;
display: flex;
}
div.detail_info_table div.detail_info_cell dl dt {
flex-basis: 35%;
font-weight: bold;
display: flex;
align-items: center;
height: 60px;
background-color: var(--lightestGrey);
padding-left: 15px;
font-size: 14px;
}
div.detail_info_table div.detail_info_cell dl dd {
flex-basis: 65%;
background-color: #FFF;
display: flex;
align-items: center;
height: 60px;
padding-left: 15px;
font-size: 14px;
}
div.detail_info_table.col_1 div.detail_info_cell {
flex-basis: 100%;
}
div.detail_info_table.col_2 div.detail_info_cell {
flex-basis: 50%;
}
div.detail_info_table.col_3 div.detail_info_cell {
flex-basis: 33.3333333333%;
}
.detail_info .detail_comment .comment_inner {
font-size: 17px;
border: 1px solid #777;
padding: 30px 50px;
} div.detail_info_table2 {
margin-bottom: 19px;
}
div.detail_info_table2 dl {
display: flex;
align-items: center;
height: 50px;
border-bottom: 1px solid #777;
font-size: 14px;
padding: 0 40px;
}
div.detail_info_table2 dl dt {
flex-basis: 50%;
}
div.detail_info_table2 dl dd {
flex-basis: 50%;
text-align: right;
line-height: 1.2;
}
div.detail_info_table2 dl:first-child {
border-top: 1px solid #777;
} section.detail_main_outer {
padding-bottom: 80px;
max-width: 1130px;
margin: 0 auto;
}
section.detail_main_outer h2 {
position: relative;
padding: 1rem 2rem;
border-bottom: 6px solid #ccc;
}
section.detail_main_outer h2:before {
position: absolute;
bottom: -8px;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 15%;
height: 6px;
content: "";
background: var(--cRed);
}
section.detail_main_outer h2 span {
font-weight: bold;
}
div.detail_main {
overflow: hidden;
width: 100%;
margin-bottom: 40px;
}
div.detail_main div.detail_slide {
float: left;
width: 62%;
padding: 0 20px 0;
}
div.detail_main div.detail_slide .main_slide {
margin-bottom: 2px;
}
div.detail_main div.detail_slide .main_slide img:hover {
cursor: grab;
}
div.detail_main div.detail_slide .thumbnail_slide .swiper-slide img:hover {
opacity: 0.8;
cursor: pointer;
}
div.detail_main div.detail_slide .slide_caption {
font-size: 15px;
text-align: left;
line-height: 1.4;
padding: 5px;
}
div.detail_main div.detail_info_main {
float: right;
width: 38%;
padding: 20px;
}
.detail_info_main h1 {
margin-bottom: 15px;
}
.detail_info_main h1 .car_name {
margin-bottom: 15px;
line-height: 1;
display: flex;
align-items: flex-end;
}
.detail_info_main h1 .car_name .maker {
font-size: 11px;
margin-right: 10px;
white-space: nowrap;
font-weight: 500;
}
.detail_info_main h1 .car_name .grade {
font-size: 28px;
font-weight: 400;
}
.detail_info_main h1 .grade_text {
font-size: 16px;
font-weight: 400;
line-height: 1.1;
padding-bottom: 7px;
}
.detail_info_main h1 .catch_copy {
font-size: 16px;
font-weight: 400;
line-height: 1.1;
}
.price_outer .price {
display: flex;
}
.price_outer .price .price_total {
flex-basis: 40%;
border-top: 6px solid var(--cRed);
padding: 10px 0 0 10px;
}
.price_outer .price .price_other {
margin-left: 10px;
flex-basis: 60%;
border-top: 6px solid var(--lightGrey);
padding: 10px 0 0 10px;
}
.price_outer .price .price_other dl {
display: flex;
justify-content: space-between;
align-items: center;
}
.price_outer .price .price_other.bike_price_other dl {
padding-top: 15px;
}
.price_outer .price dt {
font-weight: 500;
}
.equipment_list {
display: flex;
flex-wrap: wrap;
background-color: #efefef;
border: 1px solid #777;
padding: 7px;
}
.equipment_list li {
flex-basis: 16.6666666667%;
padding: 4px;
}
.equipment_list li div {
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
text-align: center;
border: 1px solid #777;
font-size: 14px;
padding: 3px 5px;
}
.theta .ricoh-theta-tour-image {
width: 100% !important;
}
.theta iframe {
width: 100% !important;
}
.list_sp_title_outer {
display: none;
}
.list_btn.list_sp_btn {
display: none;
} .parts_outer {
display: flex;
flex-wrap: wrap;
}
.parts_outer .parts_box {
flex-basis: 25%;
padding: 15px;
}
.parts_outer .parts_box .parts_img {
padding-bottom: 10px;
}
.parts_outer .parts_box .parts_img a:hover img {
opacity: 0.7;
}
.parts_outer .parts_box h3 {
font-size: 15px;
line-height: 1.2;
padding-bottom: 5px;
border-bottom: 1px solid #777;
margin-bottom: 5px;
}
.parts_outer .parts_box .price_info_outer {
display: flex;
justify-content: space-between;
}
.parts_outer .parts_box .price_info_outer .parts_category a {
display: inline-block;
background-color: #3736C2;
font-size: 11px;
color: #fff;
line-height: 1;
padding: 3px 10px;
border-radius: 2px;
}
.parts_outer .parts_box .price_info_outer .price {
text-align: right;
font-size: 11px;
font-weight: bold;
}
.parts_outer .parts_box .price_info_outer .price .price_number {
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}
.parts_outer .parts_box .price_info_outer .price .pending {
font-size: 20px;
} .parts_detail .detail_info_main h1 {
font-size: 20px;
line-height: 1.2;
margin-bottom: 20px;
}
.parts_detail .detail_info_main .catch_copy {
margin-bottom: 15px;
padding: 0 10px;
font-size: 14px;
line-height: 1.4;
}
.parts_detail .detail_info_main .price {
font-weight: bold;
}
.parts_detail .detail_info_main .price .price_number {
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
}
.parts_detail .table_basic th {
width: 16.6666666%;
}
@media (max-width: 1024px) {   div.detail_info_table2 {
margin-bottom: 10px;
}
div.detail_info_table2 dl {
height: 35px;
font-size: 12px;
padding: 0 10px;
}
div.detail_main {
margin-bottom: 20px;
}
div.detail_main div.detail_slide {
padding: 0 10px 0;
}
div.detail_main div.detail_slide .slide_caption {
font-size: 13px;
}
div.detail_main div.detail_info_main {
padding: 10px;
}
.detail_info_main h1 {
margin-bottom: 10px;
}
.detail_info_main h1 .car_name {
margin-bottom: 5px;
display: block;
}
.detail_info_main h1 .car_name .maker {
font-size: 12px;
display: block;
}
.detail_info_main h1 .car_name .grade {
font-size: 20px;
}
.detail_info_main h1 .grade_text {
font-size: 13px;
}
.price_outer .price .price_title {
font-size: 10px;
}
.price_outer .price .price_title span {
font-size: 10px;
}
.price_outer .price .price_number {
font-size: 25px;
}
.price_outer .price .price_unit {
font-size: 10px;
}
.price_outer .price .price_other .price_number {
font-size: 18px;
}
.parts_outer {
flex-wrap: nowrap;
}
.parts_outer .parts_box {
padding: 5px;
}
.parts_outer .parts_box h3 {
font-size: 13px;
padding-bottom: 10px;
}
.parts_outer .parts_box .price_info_outer .parts_category a {
font-size: 0.6rem;
padding: 3px 5px;
}
}
@media (max-width: 769px) {    .car_list .img_list_box {
border-radius: 3px;
}
.car_list .img_list_box .car_list_inner {
border-radius: 3px 3px 0 0;
}
.car_list .img_list_box .car_list_inner h2.img_list_title {
max-width: 100%;
}
.car_list .img_list_box .car_list_inner h2.img_list_title.pc_title {
display: none;
}
.car_list .img_list_box .car_list_inner .img_list_detail dt {
width: 80px;
}
.car_list .img_list_box .car_list_inner .img_list_detail dd {
width: calc(100% - 80px);
}
.car_list .img_list_box .inquiry {
height: 18px;
}
.car_list .img_list_box .inquiry a {
height: 18px;
border-radius: 0 0 3px 3px;
font-size: 10px;
line-height: 1;
}
.car_list {
display: block;
}
.car_list .img_list_box_outer .car_list_inner {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.car_list .img_list_box_outer .car_list_inner .list_image_outer {
width: 20%;
}
.car_list .img_list_box_outer .car_list_inner .list_info_outer {
display: flex;
width: 80%;
padding-left: 15px;
}
.car_list .img_list_box_outer .car_list_inner .list_info_outer .img_list_info_price {
width: 55%;
padding-left: 5px;
}
.car_list .img_list_box_outer .car_list_inner .list_info_outer .img_list_detail {
width: 45%;
padding: 4px 4px 4px 15px;
}
h2.img_list_title.sp_title {
display: block;
width: 100%;
margin-bottom: 5px;
}
section.detail_main_outer {
margin: 20px auto 0;
}
div.detail_main {
margin-bottom: 30px;
}
div.detail_main div.detail_slide {
float: none;
width: 100%;
padding: 0 20px;
}
div.detail_main div.detail_info_main {
float: none;
width: 100%;
padding: 10px;
}
div.detail_info_table div.detail_info_cell dl {
font-size: 14px;
}
div.detail_info_table div.detail_info_cell dl dt {
flex-basis: 40%;
height: 50px;
padding-left: 5px;
}
div.detail_info_table div.detail_info_cell dl dd {
flex-basis: 60%;
height: 50px;
padding-left: 5px;
}
div.detail_info_table.col_3 div.detail_info_cell {
flex-basis: 50%;
}
div.detail_info_table.col_3 div.detail_info_cell.detail_cell_full {
flex-basis: 100%;
}
.detail_info .detail_comment p {
font-size: 16px;
padding: 30px;
}
div.detail_main div.detail_slide {
padding: 0 20px 0;
}
div.detail_main div.detail_slide .slide_caption {
font-size: 14px;
}
div.detail_main div.detail_info_main {
padding: 20px;
}
.detail_info_main h1 {
margin-bottom: 10px;
}
.detail_info_main h1 .car_name {
margin-bottom: 5px;
display: block;
}
.detail_info_main h1 .car_name .maker {
font-size: 12px;
display: block;
}
.detail_info_main h1 .car_name .grade {
font-size: 20px;
}
.detail_info_main h1 .grade_text {
font-size: 13px;
}
.price_outer .price .price_title {
font-size: 10px;
}
.price_outer .price .price_title span {
font-size: 10px;
}
.price_outer .price .price_number {
font-size: 25px;
}
.price_outer .price .price_unit {
font-size: 10px;
}
.price_outer .price .price_other .price_number {
font-size: 18px;
}
.car_detail h2 {
margin: 0 10px 25px;
}
.parts_detail h2 {
margin: 0 10px 25px;
}
.equipment_list li {
flex-basis: 25%;
padding: 3px;
}
.parts_outer {
flex-wrap: wrap;
}
.parts_outer .parts_box {
flex-basis: 50%;
padding: 10px;
}
.parts_outer .parts_box h3 {
font-size: 13px;
padding-bottom: 10px;
}
.top_parts {
flex-wrap: nowrap;
flex-basis: 25%;
}
.top_parts .parts_outer_scroll {
overflow-x: scroll;
}
.top_parts .parts_outer_scroll .parts_outer {
width: 1300px;
}
.top_parts .parts_outer_scroll .parts_outer .parts_box {
flex-basis: 25%;
padding: 10px;
}
}
@media (max-width: 600px) {   .car_list .img_list_box_outer .car_list_inner .list_image_outer {
width: 160px;
}
.car_list .img_list_box_outer .car_list_inner .list_info_outer {
display: block;
width: calc(100% - 160px);
padding-left: 0;
}
.car_list .img_list_box_outer .car_list_inner .list_info_outer .img_list_info_price {
width: 100%;
}
.car_list .img_list_box_outer .car_list_inner .list_info_outer .img_list_detail {
width: 100%;
}
.equipment_list li {
flex-basis: 33.333333%;
padding: 2px;
}
.parts_outer .parts_box {
padding: 5px;
}
.parts_outer .parts_box h3 {
font-size: 12px;
padding-bottom: 8px;
}
}
@media (max-width: 450px) {    .car_list .img_list_box .car_list_inner {
padding: 3px 5px;
border-bottom: 1px solid #ccc;
}
.car_list .img_list_box .car_list_inner h2.img_list_title {
max-width: 100%;
font-size: 14px;
}
.car_list .img_list_box .car_list_inner h2.img_list_title.pc_title {
display: none;
}
.car_list .img_list_box .car_list_inner .img_list_info_price .img_list_info_price1 {
flex-basis: 47%;
}
.car_list .img_list_box .car_list_inner .img_list_info_price .img_list_info_price1 dl {
padding: 2px;
}
.car_list .img_list_box .car_list_inner .img_list_info_price .img_list_info_price1 dl dd .price {
font-size: 22px;
}
.car_list .img_list_box .car_list_inner .img_list_info_price .img_list_info_price1 dl dt {
font-size: 10px;
}
.car_list .img_list_box .car_list_inner .img_list_info_price .img_list_info_price2 {
flex-basis: 53%;
}
.car_list .img_list_box .car_list_inner .img_list_info_price .img_list_info_price2 dl {
padding: 0 2px 1px;
}
.car_list .img_list_box .car_list_inner .img_list_info_price dd .price {
font-size: 13px;
}
.car_list .img_list_box .car_list_inner .img_list_info_price dd .unit {
font-size: 0.5rem;
}
.car_list .img_list_box .car_list_inner .img_list_detail {
display: flex;
flex-wrap: wrap;
}
.car_list .img_list_box .car_list_inner .img_list_detail dl {
width: 55%;
}
.car_list .img_list_box .car_list_inner .img_list_detail dl:nth-child(2) {
width: 45%;
}
.car_list .img_list_box .car_list_inner .img_list_detail dl:last-child {
width: 100%;
}
.car_list .img_list_box .car_list_inner .img_list_detail dt {
width: 40px;
flex-basis: inherit;
font-size: 10px;
}
.car_list .img_list_box .car_list_inner .img_list_detail dd {
width: calc(100% - 40px);
padding-left: 1px;
font-size: 11px;
}
.car_list .img_list_box .inquiry {
height: 15px;
}
.car_list .img_list_box .inquiry a {
font-size: 0.5rem;
height: 15px;
}
.car_list .img_list_box_outer {
padding: 5px 0 20px;
}
.car_list .img_list_box_outer .car_list_inner .list_image_outer {
width: 135px;
}
.car_list .img_list_box_outer .car_list_inner .list_info_outer {
display: block;
width: calc(100% - 135px);
}
.car_list .img_list_box_outer .car_list_inner .list_info_outer .img_list_info_price {
width: 100%;
}
.car_list .img_list_box_outer .car_list_inner .list_info_outer .img_list_detail {
width: 100%;
padding: 4px 4px 4px 5px;
}
div.detail_info_table div.detail_info_cell dl {
font-size: 11px;
}
div.detail_info_table div.detail_info_cell dl dt {
width: 30%;
flex-basis: inherit;
height: 50px;
padding-left: 3px;
font-size: 10px;
}
div.detail_info_table div.detail_info_cell dl dd {
width: 70%;
flex-basis: inherit;
height: 50px;
padding-left: 3px;
font-size: 12px;
}
.detail_info .detail_comment .comment_inner {
font-size: 15px;
padding: 20px 10px;
}
div.detail_main div.detail_slide {
padding: 0 10px;
}
div.detail_main div.detail_info_main {
padding: 20px 15px;
}
.detail_info_main h1 {
padding: 0 10px;
}
.detail_info_main h1 .car_name .maker {
font-size: 12px;
margin-right: 5px;
}
.detail_info_main h1 .car_name .grade {
font-size: 25px;
}
.detail_info_main h1 .grade_text {
font-size: 14px;
}
.detail_info .inner_m {
padding: 0 12px;
}
.equipment_list li {
flex-basis: 50%;
padding: 2px;
}
.equipment_list li div {
height: 35px;
font-size: 12px;
}
.detail_info .detail_comment {
font-size: 14px;
}
.parts_outer .parts_box {
flex-basis: 100%;
padding: 10px 10px 20px;
}
.parts_outer .parts_box h3 {
font-size: 13px;
padding-bottom: 10px;
}
} .loan_price {
position: relative;
}
.loan_price .price_result {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 22px;
color: #d60000;
padding: 0 2px;
letter-spacing: -0.5pt;
}
.loan_price dt.price_title {
background: #d60000;
padding: 14px;
position: absolute;
left: 0;
color: white;
}
@media (max-width: 1024px) {
.loan_price dt.price_title {
padding: 8px 10px;
}
}
.loan_price dd {
white-space: nowrap;
position: absolute;
right: 10px;
}
.loan_price dd .to_loan_info {
background: #000;
border-radius: 3px;
color: #fff;
padding: 2px 8px 5px;
text-decoration: none;
white-space: nowrap;
display: inline-block;
margin: 0 -5px 5px 5px;
font-size: 12px;
letter-spacing: -0.5pt;
}
#loan_info .loan_price .price {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
#loan_info .loan_price p {
font-size: 18px;
font-weight: bold;
}
.news_list_1 .news_box {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--darkGrey);
height: 60px;
padding: 0 15px;
}
.news_list_1 .news_box .news_title {
flex-basis: 70%;
}
.news_list_1 .news_box .news_title a {
display: inline-block;
}
.news_list_1 .news_box .news_title a:hover {
text-decoration: underline;
color: #3736C2;
}
.news_list_1 .news_box .cat_date {
flex-basis: 30%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.news_list_1 .news_box .cat_date .news_cat {
flex-basis: 70%;
text-align: right;
margin-right: 5px;
}
.news_list_1 .news_box .cat_date .news_cat a {
display: inline-block;
background-color: var(--mainColor);
color: #fff;
padding: 4px 10px;
font-size: 11px;
font-weight: bold;
border-radius: 3px;
line-height: 1;
}
.news_list_1 .news_box .cat_date .news_cat a:hover {
background-color: #fff;
border: 1px solid var(--mainColor);
color: var(--mainColor);
}
.news_list_1 .news_box .cat_date .news_date {
flex-basis: 30%;
font-size: 13px;
text-align: right;
}
.news_list_1 .news_box:first-child {
border-top: 1px solid var(--darkGrey);
}
ul.news_list_2 {
display: flex;
justify-content: center;
}
ul.news_list_2 li.news_box {
padding: 0 20px 20px;
width: 25%;
}
ul.news_list_2 li.news_box .news_image a:hover img {
opacity: 0.7;
}
ul.news_list_2 li.news_box .news_info {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
ul.news_list_2 li.news_box .news_info .news_date {
text-align: left;
font-size: 12px;
}
ul.news_list_2 li.news_box .news_info .news_cat a {
display: inline-block;
background-color: var(--mainColor);
color: #fff;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
border-radius: 3px;
line-height: 1;
}
ul.news_list_2 li.news_box .news_info .news_cat a:hover {
background-color: #fff;
border: 1px solid var(--mainColor);
color: #3736C2;
}
ul.news_list_2 li.news_box .news_title {
font-weight: bold;
font-size: 14px;
line-height: 1.3;
}
.news_thumb_list ul.news_list_2 {
justify-content: flex-start;
flex-wrap: wrap;
}
.news_thumb_list ul.news_list_2 li.news_box {
width: 25%;
}
.news_all_link {
text-align: right;
}
.news_all_link a {
font-size: 0.7rem;
} .post_main_img {
margin-bottom: 1rem;
}
.news_content {
padding: 0 5px;
}
.news_content .news_info {
margin-bottom: 2rem;
}
.news_content .news_info h1.news_title {
font-size: 18px;
padding: 15px 5px 20px 10px;
border-bottom: 1px solid #000;
}
.news_content .news_info .news_cat {
text-align: right;
}
.news_content .news_info .news_cat span {
display: inline-block;
font-size: 11px;
margin-left: 10px;
}
.news_cat_icon .post-categories {
display: flex;
}
.news_cat_icon .post-categories li {
margin: 0 2px;
}
.news_cat_icon .post-categories li a {
display: inline-block;
background-color: var(--mainColor);
color: #fff;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
border-radius: 3px;
line-height: 1;
}
.news_cat_icon .post-categories li a:hover {
background-color: #fff;
border: 1px solid var(--mainColor);
color: var(--mainColor);
}
@media (max-width: 1024px) {
.news_thumb_list ul.news_list_2 li.news_box {
width: 33.3333%;
padding: 10px;
}
.top_news ul.news_list_2 li.news_box {
padding: 10px;
}
.top_news ul.news_list_2 li.news_box .news_info {
margin-bottom: 5px;
}
.top_news ul.news_list_2 li.news_box .news_info .news_date {
font-size: 10px;
}
.top_news ul.news_list_2 li.news_box .news_info .news_cat a {
padding: 2px 5px;
font-size: 10px;
}
}
@media (max-width: 769px) {
ul.news_list_1 li.news_box .cat_date {
display: block;
}
ul.news_list_1 li.news_box .cat_date span {
display: block;
}
.top_news ul.news_list_2 {
flex-wrap: wrap;
}
.top_news ul.news_list_2 li.news_box {
padding: 5px;
}
.top_news ul.news_list_2 li.news_box .news_info .news_date {
font-size: 0.5rem;
}
.top_news ul.news_list_2 li.news_box .news_info .news_cat a {
font-size: 0.5rem;
}
.top_news ul.news_list_2 li.news_box .news_title {
font-size: 11px;
}
.news_thumb_list ul.news_list_2 li.news_box {
width: 50%;
padding: 30px;
}
.news_thumb_list ul.news_list_2 li.news_box img {
width: 100%;
}
}
@media (max-width: 600px) {
ul.news_list_1 li.news_box {
height: auto;
padding: 10px 15px;
}
ul.news_list_1 li.news_box .news_title {
flex-basis: 75%;
font-size: 13px;
}
ul.news_list_1 li.news_box .cat_date {
flex-basis: 25%;
display: block;
text-align: right;
}
ul.news_list_1 li.news_box .cat_date .news_cat {
margin-right: 0;
}
ul.news_list_1 li.news_box .cat_date .news_cat a {
padding: 3px;
font-size: 0.5rem;
}
ul.news_list_1 li.news_box .cat_date .news_date {
font-size: 11px;
}
.top_news ul.news_list_2 {
display: block;
padding: 0 15px;
}
.top_news ul.news_list_2 li.news_box {
padding: 10px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-around;
border-bottom: 1px solid #292929;
}
.top_news ul.news_list_2 li.news_box .news_image {
width: 15%;
}
.top_news ul.news_list_2 li.news_box .news_info_outer {
display: block;
width: 90%;
padding-left: 10px;
}
.top_news ul.news_list_2 li.news_box .news_info_outer .news_info {
padding: 0;
display: flex;
align-items: center;
}
.top_news ul.news_list_2 li.news_box .news_info_outer .news_info .news_cat {
display: flex;
align-items: flex-start;
}
.top_news ul.news_list_2 li.news_box .news_info_outer .news_info .news_cat a {
padding: 1px 5px;
font-size: 10px;
line-height: 1;
}
.top_news ul.news_list_2 li.news_box .news_title {
flex-basis: 70%;
font-size: 12px;
}
.top_news ul.news_list_2 li.news_box:first-child {
border-top: 1px solid #292929;
}
.news_thumb_list ul.news_list_2 li.news_box {
padding: 15px;
}
}
@media (max-width: 450px) {
.top_news ul.news_list_2 {
padding: 0;
}
.top_news ul.news_list_2 li.news_box {
padding: 8px 5px;
}
.top_news ul.news_list_2 li.news_box .news_image {
flex-basis: 20%;
}
.top_news ul.news_list_2 li.news_box .news_info_outer .news_info {
flex-basis: 20%;
}
.top_news ul.news_list_2 li.news_box .news_info_outer .news_info .news_cat a {
font-size: 0.5rem;
}
.top_news ul.news_list_2 li.news_box .news_info_outer .news_title {
flex-basis: 60%;
}
.news_thumb_list ul.news_list_2 {
display: block;
}
.news_thumb_list ul.news_list_2 li.news_box {
width: 100%;
padding: 15px;
}
.post_nav_bottom .news_cat_icon .post-categories {
display: block;
}
.post_nav_bottom .news_cat_icon .post-categories li {
margin: 0;
text-align: right;
}
.post_nav_bottom .news_cat_icon .post-categories li a {
padding: 3px 5px;
font-size: 10px;
}
} .gallery_outer {
display: flex;
flex-wrap: wrap;
}
.gallery_outer .gallery_img_box {
padding: 2px;
width: 25%;
}
.gallery_outer .gallery_img_box .gallery_img {
position: relative;
}
.gallery_outer .gallery_img_box .gallery_img a:hover img {
opacity: 0.7;
}
.gallery_outer .gallery_img_box .gallery_img .caption {
font-size: 12px;
line-height: 1.2;
padding: 5px;
white-space: normal;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.482);
color: #fff;
}
.gallery_list {
display: flex;
flex-wrap: wrap;
}
.gallery_list .gallery_box {
flex-basis: 25%;
padding: 15px;
}
.gallery_list .gallery_box h2 {
font-size: 14px;
border-bottom: 1px solid #333;
line-height: 1.2;
margin: 5px 0;
padding-bottom: 5px;
font-weight: bold;
}
.gallery_list .gallery_box .gallery_info {
display: flex;
justify-content: space-between;
font-weight: bold;
font-size: 10px;
}
.gallery_list .gallery_box .gallery_info .gallery_btn a {
font-size: 11px;
color: #fff;
background-color: var(--mainColor);
display: inline-block;
line-height: 1;
padding: 3px 5px;
border-radius: 3px;
}
.gallery_list .gallery_box a:hover img {
opacity: 0.7;
} .link_list_old .link_list {
border-bottom: 1px solid var(--lightGrey);
padding: 15px;
}
.link_list_old .link_list ul {
display: flex;
justify-content: space-between;
align-items: center;
}
.link_list_old .link_list ul li.link_img {
width: 10%;
}
.link_list_old .link_list ul li.link_img a:hover img {
opacity: 0.8;
}
.link_list_old .link_list ul li.link_title {
flex-basis: 25%;
padding-left: 15px;
font-size: 13px;
font-weight: bold;
}
.link_list_old .link_list ul li.link_title a:hover {
text-decoration: underline;
}
.link_list_old .link_list ul li.link_comment {
flex-basis: 65%;
padding: 0 20px 0 10px;
font-size: 13px;
}
.link_list_old .link_list:first-child {
border-top: 1px solid var(--lightGrey);
}
.link_list_1 {
display: flex;
flex-wrap: wrap;
}
.link_list_1 .link_list {
width: 25%;
padding: 15px 15px 25px;
}
.link_list_1 .link_list li.link_img a:hover img {
opacity: 0.8;
}
.link_list_1 .link_list li.link_title {
padding: 5px 0 0;
margin-bottom: 10px;
font-size: 13px;
font-weight: bold;
border-bottom: 1px solid #000;
}
.link_list_1 .link_list li.link_title a:hover {
text-decoration: underline;
}
.link_list_1 .link_list li.link_comment {
font-size: 12px;
} .testimonials_box {
width: 100%;
}
.testimonials_box h3 {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #000;
font-size: 15px;
}
.testimonials_box h3 span:last-child {
font-size: 13px;
}
.testimonials_box .testimonials_excerption {
display: flex;
padding: 20px 10px 0;
}
.testimonials_box .testimonials_excerption .testimonials_img {
width: 150px;
padding-right: 10px;
}
.testimonials_box .testimonials_excerption .testimonials_img a:hover img {
opacity: 0.7;
}
.testimonials_box .testimonials_excerption .testimonials_text {
text-align: left;
width: calc(100% - 150px);
}
.testimonials_box .testimonials_excerption .testimonials_text a {
display: inline-block;
background-color: var(--mainColor);
color: #fff;
font-weight: bold;
font-size: 10px;
border-radius: 2px;
padding: 2px 10px;
margin-left: 5px;
}
.testimonials_box .testimonials_excerption .testimonials_text a:hover {
background-color: #fff;
color: #3736C2;
border: 1px solid var(--mainColor);
}
.testimonials_list_1 article {
display: flex;
border-bottom: 1px solid var(--darkGrey);
align-items: center;
justify-content: space-between;
padding: 10px;
}
.testimonials_list_1 article:first-child {
border-top: 1px solid var(--darkGrey);
}
.testimonials_list_1 article .testimonials_img {
flex-basis: 130px;
}
.testimonials_list_1 article .testimonials_img a:hover img {
opacity: 0.8;
}
.testimonials_list_1 article .testimonials_title {
flex-basis: 70%;
display: flex;
justify-content: center;
}
.testimonials_list_1 article .testimonials_title li {
flex-basis: 60%;
padding-left: 10px;
}
.testimonials_list_1 article .testimonials_title li:last-child {
text-align: right;
flex-basis: 40%;
}
.testimonials_list_1 article .testimonials_title li:last-child span {
display: inline-block;
margin-left: 5px;
font-size: 12px;
}
.testimonials_list_1 article .testimonials_btn {
margin-left: 10px;
flex-basis: 10%;
}
.testimonials_list_1 article .testimonials_btn a {
display: inline-block;
background-color: var(--btn_bg);
color: #fff;
padding: 2px 20px;
border-radius: 7px;
font-size: 13px;
font-weight: bold;
}
.testimonials_list_2 {
display: flex;
flex-wrap: wrap;
}
.testimonials_list_2 article {
width: 25%;
padding: 10px;
}
.testimonials_list_2 article .testimonials_img {
margin-bottom: 8px;
}
.testimonials_list_2 article .testimonials_img a:hover img {
opacity: 0.8;
}
.testimonials_list_2 article .testimonials_info_outer h2 {
font-size: 14px;
border-bottom: 1px solid #333;
line-height: 1.2;
margin-bottom: 5px;
padding-bottom: 5px;
font-weight: bold;
}
.testimonials_list_2 article .testimonials_info_outer .testimonials_info {
display: flex;
justify-content: space-between;
font-size: 12px;
}
.testimonials_list_2 article .testimonials_info_outer .testimonials_info .testimonials_btn a {
font-size: 11px;
color: #fff;
background-color: var(--mainColor);
display: inline-block;
line-height: 1;
padding: 3px 5px;
border-radius: 3px;
font-weight: bold;
}
.testimonials_list_2 article .testimonials_info_outer .testimonials_info .testimonials_btn a:hover {
color: #3736C2;
background-color: #fff;
border: 1px solid var(--mainColor);
}
.testimonials_content h1 {
display: flex;
font-size: 16px;
font-weight: 400;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--darkGrey);
height: 60px;
margin-bottom: 25px;
padding: 0 20px;
}
.testimonials_content h1 ul {
display: flex;
justify-content: space-between;
width: 100%;
}
.testimonials_content h1 ul li:last-child span {
display: inline-block;
margin-left: 5px;
font-size: 12px;
}
.testimonials_content .page_content_inner {
padding: 0 20px 25px;
}
.testimonials_content .page_content_inner h2 {
padding-bottom: 15px;
font-size: 16px;
} .works_outer .main_slide {
margin-bottom: 2px;
}
.works_outer .main_slide img:hover {
cursor: grab;
}
.works_outer .thumbnail_slide img:hover {
opacity: 0.8;
cursor: pointer;
}
.works_comment {
padding: 0 10px 40px;
}
.works_comment p {
line-height: 1.8;
}
.works_custom_table {
padding: 0 10px 20px;
}
@media (max-width: 1024px) { .gallery_outer .gallery_img_box .gallery_img .caption {
display: none;
}
.testimonials_list_2 article {
width: 33%;
padding: 10px;
}
}
@media (max-width: 769px) {   .gallery_outer .gallery_img_box {
width: 33.33333%;
}
.testimonials_list_2 article {
width: 50%;
padding: 15px;
}
.link_list_1 .link_list {
width: 33%;
padding: 10px 10px 20px;
}
.link_list_1 .link_list li.link_title {
font-size: 12px;
}
}
@media (max-width: 600px) {  .gallery_outer .gallery_img_box {
width: 50%;
}
.gallery_outer .gallery_img_box .gallery_img .caption {
display: none;
}
.lum-lightbox-caption {
bottom: inherit;
}
.gallery_list .gallery_box {
flex-basis: 50%;
}
.link_list_old .link_list ul {
flex-wrap: wrap;
}
.link_list_old .link_list ul li.link_img {
flex-basis: 40%;
}
.link_list_old .link_list ul li.link_title {
flex-basis: 60%;
}
.link_list_old .link_list ul li.link_comment {
flex-basis: 95%;
font-size: 13px;
padding: 10px 20px 0 10px;
}
.link_list_old .link_list ul li.link_icon {
flex-basis: 5%;
}
.link_list_old .link_list ul li.link_icon a:hover svg {
fill: #3736C2;
}
.link_list_1 .link_list {
width: 50%;
}
}
@media (max-width: 450px) {   .gallery_list .gallery_box {
flex-basis: 100%;
display: flex;
align-items: center;
padding: 10px 5px;
}
.gallery_list .gallery_box .gallery_list_img {
width: 30%;
}
.gallery_list .gallery_box .gallery_info_outer {
width: 70%;
padding-left: 10px;
}
.testimonials_box {
width: 100%;
padding: 0 10px;
}
.testimonials_box h3 {
font-size: 13px;
}
.testimonials_box h3 span:last-child {
font-size: 11px;
}
.testimonials_box .testimonials_excerption p {
font-size: 12px;
}
.testimonials_box .testimonials_excerption p a {
display: block;
}
.testimonials_list article .testimonials_img {
flex-basis: 100px;
}
.testimonials_list article .testimonials_title {
flex-basis: 70%;
font-size: 11px;
font-weight: bold;
}
.testimonials_list article .testimonials_title li {
padding-left: 5px;
}
.testimonials_list article .testimonials_title li:last-child {
text-align: right;
flex-basis: 30%;
}
.testimonials_list article .testimonials_title li:last-child span {
display: block;
margin-left: 0;
}
.testimonials_list article .testimonials_btn {
margin-left: 5px;
flex-basis: 10%;
}
.testimonials_list article .testimonials_btn a {
padding: 2px 5px;
font-size: 10px;
}
.testimonials_list_2 {
display: block;
}
.testimonials_list_2 article {
width: 100%;
padding: 10px 5px;
display: flex;
align-items: center;
}
.testimonials_list_2 article .testimonials_img {
margin-bottom: 0;
width: 30%;
}
.testimonials_list_2 article .testimonials_info_outer {
width: 70%;
padding-left: 10px;
}
.testimonials_content h1 {
padding: 0 10px;
}
.testimonials_content h1 ul li:last-child span {
display: block;
margin-left: 0;
}
.testimonials_content .page_content_inner {
padding: 0 20px 25px;
}
.link_list_old .link_list ul li.link_img {
flex-basis: 30%;
}
.link_list_old .link_list ul li.link_title {
flex-basis: 70%;
}
}
footer {
padding-top: 100px;
}
.footer_top {
padding: 50px 0 25px;
background-color: var(--footer_top_bg);
}
.footer_top .footer_top_inner {
display: flex;
justify-content: space-around;
color: var(--footer_top_color);
}
.footer_top .footer_top_inner .footer_left {
flex-basis: 50%;
display: flex;
padding-right: 20px;
}
.footer_top .footer_top_inner .footer_left .footer_25 {
flex-basis: 50%;
padding: 0 10px;
}
.footer_top .footer_top_inner .footer_left .footer_50 {
flex-basis: 100%;
padding: 0 10px;
}
.footer_top .footer_top_inner .footer_right {
flex-basis: 50%;
display: flex;
padding-left: 20px;
}
.footer_top .footer_top_inner .footer_right .footer_25 {
flex-basis: 50%;
padding: 0 10px;
}
.footer_top .footer_top_inner .footer_right .footer_50 {
flex-basis: 100%;
padding: 0 10px;
}
.footer_nav li {
border-bottom: 1px solid var(--footer_top_color);
}
.footer_nav li a {
display: flex;
align-items: center;
position: relative;
color: var(--footer_top_color);
height: 35px;
font-size: 13px;
padding-left: 5px;
overflow: hidden;
}
.footer_nav li a span {
position: relative;
display: block;
}
.footer_nav li a span:after {
content: "";
display: inline-block;
position: absolute;
left: -10px;
bottom: -5px;
height: 3px;
width: 100%;
background-color: var(--footer_top_color);
transform: translate3d(-100%, 0, 0);
transition: 0.3s;
}
.footer_nav li a:hover span:after {
transform: translate3d(0, 0, 0);
}
.footer_nav li a:after {
content: "";
display: inline-block;
position: absolute;
border: 3px solid transparent;
border-left: 5px solid var(--footer_top_color);
top: 50%;
right: 10px;
transform: translateY(-50%);
}
.footer_nav li:first-child {
border-top: 1px solid var(--footer_top_color);
}
.footer_nav nav.large_menu li a {
height: 55px;
font-size: 15px;
}
.footer_nav nav.large_menu li a:after {
border: 5px solid transparent;
border-left: 8px solid var(--footer_top_color);
}
.footer_info .footer_logo {
margin-bottom: 10px;
max-width: 250px;
}
.footer_info address {
margin-bottom: 15px;
}
.footer_info address dt {
padding-bottom: 10px;
}
.footer_info address dd {
line-height: 1.5;
font-size: 13px;
}
.footer_info .shop_link {
margin-bottom: 10px;
}
.footer_info .shop_link a {
display: block;
border: 1px solid var(--footer_top_color);
border-radius: 5px;
color: var(--footer_top_color);
line-height: 25px;
text-align: center;
font-weight: 500;
font-size: 13px;
max-width: 280px;
}
.footer_info .shop_link a:hover {
background-color: var(--footer_top_color);
color: var(--footer_top_bg);
}
.footer_map iframe {
height: 300px;
width: 100%;
}
.footer_group .footer_map iframe {
height: 280px;
}
.footer_bottom {
text-align: center;
background-color: var(--footer_bottom_bg);
padding: 10px 0;
color: var(--footer_bottom_color);
font-size: 12px;
}
.footer_bottom .copy_right {
text-align: center;
}
.footer_group .footer_top .footer_top_inner {
flex-wrap: wrap;
justify-content: center;
}
.footer_group .footer_top .footer_top_inner .footer_50 {
width: 50%;
padding: 0 10px;
display: flex;
}
.footer_group .footer_top .footer_top_inner .footer_50 .footer_info {
padding: 0 5px;
width: 50%;
}
.footer_group .footer_top .footer_top_inner .footer_50 .footer_map {
width: 50%;
padding: 0 5px;
}
.footer_group .footer_top .footer_top_inner .footer_33 {
width: 33.33333%;
padding: 0 20px;
}
.footer_group .footer_top .footer_top_inner .footer_25 {
width: 25%;
padding: 0 10px;
}
.footer_group .footer_top .footer_top_inner .footer_20 {
width: 20%;
padding: 0 8px;
}
.footer_group .footer_bottom .footer_bottom_inner {
display: flex;
justify-content: space-around;
align-items: center;
padding-bottom: 20px;
}
.footer_group .footer_bottom .footer_bottom_inner .group_logo {
width: 15%;
}
.footer_group .footer_bottom .footer_bottom_inner .group_menu_outer {
width: 85%;
}
.footer_group .footer_bottom .footer_bottom_inner .group_menu_outer ul.menu {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.footer_group .footer_bottom .footer_bottom_inner .group_menu_outer ul.menu li.menu-item {
padding: 0 15px;
}
.footer_group .footer_bottom .footer_bottom_inner .group_menu_outer ul.menu li.menu-item a {
display: block;
padding: 10px 0;
color: var(--footer_bottom_color);
font-size: 13px;
font-weight: bold;
overflow: hidden;
position: relative;
}
.footer_group .footer_bottom .footer_bottom_inner .group_menu_outer ul.menu li.menu-item a span {
position: relative;
display: block;
}
.footer_group .footer_bottom .footer_bottom_inner .group_menu_outer ul.menu li.menu-item a span:after {
content: "";
display: inline-block;
position: absolute;
left: -10px;
bottom: -5px;
height: 3px;
width: 100%;
background-color: var(--footer_top_color);
transform: translate3d(-100%, 0, 0);
transition: 0.3s;
}
.footer_group .footer_bottom .footer_bottom_inner .group_menu_outer ul.menu li.menu-item a:hover span:after {
transform: translate3d(0, 0, 0);
}
.footer_group .footer_bottom .copy_right {
text-align: right;
padding: 0 25px;
}
@media (max-width: 600px) {
.footer_top .footer_top_inner .footer_right {
padding-left: 0;
}
} h1.wp-block-heading {
font-size: 30px;
font-weight: bold;
line-height: 1.2;
padding: 15px 10px;
margin-bottom: 1rem;
}
h2.wp-block-heading {
font-size: 25px;
font-weight: normal;
line-height: 1.2;
padding: 15px 10px;
margin-bottom: 1rem;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
h3.wp-block-heading {
font-size: 18px;
font-weight: bold;
margin-bottom: 1rem;
padding: 0 15px;
position: relative;
}
h3.wp-block-heading:after {
content: "";
display: inline-block;
position: absolute;
height: 5px;
width: 5px;
background-color: #000;
top: 50%;
left: 5px;
}
h4.wp-block-heading, h5.wp-block-heading, h6.wp-block-heading {
font-size: 0.9rem;
font-weight: bold;
margin-bottom: 1rem;
padding: 0 15px;
}
.block_editor {  }
.block_editor p {
font-size: 16px;
padding: 10px;
margin: 0 10px 1rem;
}
.block_editor ul {
padding: 0 10px 0 50px;
margin-bottom: 1rem;
}
.block_editor ul li {
list-style-type: circle;
}
.block_editor ol {
padding: 0 10px 0 50px;
}
.block_editor ol li {
list-style-type: decimal;
} .wp-block-quote {
padding: 1.5rem;
background-color: #ededed;
margin: 15px 15px 2rem 15px;
}
.wp-block-quote p {
margin: 0;
} .wp-block-table {
padding: 0 15px;
margin-bottom: 1rem;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #fff;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
background-color: #f6f6f6;
}
.wp-block-table table {
margin-bottom: 0;
}
.wp-block-table thead {
border-bottom: 1px solid #000;
}
.wp-block-table th {
background-color: #efefef;
padding: 15px;
font-size: 16px;
}
.wp-block-table td {
padding: 15px;
font-size: 14px;
}
.wp-block-table .wp-element-caption {
padding: 3px 10px 0 15px;
}
.wp-block-table tfoot {
border-top: 1px solid;
background-color: #f6f6f6;
} .wp-block-image {
padding: 0 15px;
margin-bottom: 1rem;
}
.wp-block-image.is-style-rounded img {
border-radius: 20px;
} .wp-block-embed {
padding: 15px;
}
.wp-block-embed iframe {
width: 100%;
}
.wp-block-embed figcaption {
margin-top: 5px;
} .wp-block-button {
padding: 0 15px;
}
.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {
margin-bottom: 2rem;
}
:where(.wp-block-file__button) {
border-radius: 5px;
} .wp-block-details {
padding: 10px;
border-bottom: 1px solid #333;
margin: 0 15px;
}
.wp-block-details summary {
position: relative;
font-weight: 500;
}
.wp-block-details summary:after {
content: "";
display: inline-block;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4px 0 4px;
border-color: #000 transparent transparent transparent;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.wp-block-details p {
padding: 15px 10px 0;
} :where(.wp-block-columns.is-layout-flex) {
gap: 10px;
} .wp-block-gallery {
padding: 10px;
}
.wp-block-gallery .wp-block-image {
padding: 5px;
margin-bottom: 0;
}
figure.wp-block-gallery.has-nested-images {
gap: 0;
}
@media (max-width: 450px) {
body { }
body .wp-block-gallery.is-layout-flex {
display: block;
}
body .wp-block-gallery.is-layout-flex .wp-block-image {
padding: 10px;
margin-bottom: 0;
}
body .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
margin: 0;
width: 100%;
}
body .wp-block-table th {
padding: 10px;
font-size: 13px;
}
body .wp-block-table td {
padding: 10px;
font-size: 13px;
}
body .wp-block-table .wp-element-caption {
padding: 3px 5px 0 5px;
}
} .banner_box {
max-width: 450px;
background-color: #000;
position: relative;
}
.banner_box img {
width: 100%;
opacity: 0.4;
}
.banner_box:hover img {
opacity: 0.7;
transition: 0.2s;
}
.banner_box dl {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
margin: 0;
width: 100%;
text-align: center;
}
.banner_box dl dt {
font-size: 30px;
line-height: 1.2;
margin-bottom: 0.5rem;
}
.banner_box dl dd {
font-size: 13px;
font-weight: bold;
}
.banner_box dl dd.banner_link_btn {
margin-top: 1rem;
}
.banner_box dl dd.banner_link_btn a {
background-color: #fff;
color: #000;
font-size: 0.8rem;
display: inline-block;
line-height: 1;
padding: 5px 25px;
border-radius: 10px;
}
.banner_box dl dd.banner_link_btn a:hover {
background-color: var(--mainColor);
color: #fff;
}
.banner_box dl.serif {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.banner_box dl.serif a {
font-family: "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.banner_list_1 .banner_list_inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.banner_list_1 .banner_list_inner .banner_box_outer {
padding: 15px;
}
.banner_list_1 .banner_list_inner.small_space .banner_box_outer {
padding: 8px;
}
.banner_list_1 .banner_list_inner.no_space .banner_box_outer {
padding: 0;
}
.banner_list_1.col_3 {
max-width: 1200px;
margin: 0 auto;
}
.banner_list_1.col_3 .banner_box_outer {
width: 33.33333%;
}
.banner_list_1.col_2 {
max-width: 900px;
margin: 0 auto;
}
.banner_list_1.col_2 .banner_box_outer {
width: 50%;
}
.banner_list_1.col_1 {
max-width: 480px;
margin: 0 auto;
}
.banner_list_1.col_1 .banner_box_outer {
width: 100%;
}
.banner_list_2 .banner_list_inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
.banner_list_2 .banner_list_inner .banner_box_outer {
padding: 15px;
}
.banner_list_2 .banner_list_inner.small_space .banner_box_outer {
padding: 8px;
}
.banner_list_2 .banner_list_inner.no_space .banner_box_outer {
padding: 0 !important;
}
.banner_list_2 .banner_list_inner a:hover img {
opacity: 0.7;
}
.banner_list_2.col_4 .banner_list_inner {
max-width: 1450px;
}
.banner_list_2.col_4 .banner_list_inner .banner_box_outer {
width: 25%;
}
.banner_list_2.col_3 .banner_box_outer {
width: 33.33333%;
}
.banner_list_2.col_2 .banner_box_outer {
width: 50%;
}
.banner_list_2.col_1 .banner_box_outer {
width: 100%;
} .scroll_popup {
position: fixed;
bottom: 15px;
right: 15px;
z-index: 1000;
}
.scroll_popup .close_popup {
position: relative;
top: 10px;
left: -10px;
}
.scroll_popup .close_popup span.btn {
border-radius: 50%;
height: 30px;
width: 30px;
display: inline-block;
background-color: var(--mainColor);
color: #fff;
border: 2px solid #fff;
text-align: center;
}
.scroll_popup dl {
background-color: var(--mainColor);
border-radius: 15px;
padding: 20px;
max-width: 220px;
color: #fff;
}
.scroll_popup dl dt {
font-weight: 800;
font-size: 18px;
margin-bottom: 5px;
line-height: 1.2;
}
.scroll_popup dl dd {
font-weight: bold;
font-size: 12px;
}
.scroll_popup dl dd.btn {
margin-top: 10px;
}
.scroll_popup dl dd.btn a {
display: block;
line-height: 1;
color: #3736C2;
background-color: #fff;
text-align: center;
padding: 2px;
border-radius: 3px;
}
@media (max-width: 1367px) {
.banner_list_1.col_3 .banner_box_outer {
padding: 10px;
}
.banner_list_1.col_2 .banner_box_outer {
padding: 10px;
}
.banner_list_2 .banner_list_inner .banner_box_outer {
padding: 10px;
}
}
@media (max-width: 1025px) {
.banner_box dl dt {
font-size: 18px;
}
.banner_box dl dd {
font-size: 11px;
}
.banner_box dl dd.banner_link_btn a {
font-size: 0.7rem;
padding: 5px 10px;
}
.banner_list_1 {
padding: 0 15px;
}
.banner_list_1.col_4 .banner_box_outer {
width: 33.333%;
}
.banner_list_2 {
padding: 0 15px;
}
.banner_list_2 .banner_list_inner .banner_box_outer {
padding: 10px;
}
.banner_list_2 .banner_list_inner.small_space .banner_box_outer {
padding: 8px;
}
.banner_list_2.col_4 .banner_list_inner {
max-width: 1450px;
}
.banner_list_2.col_4 .banner_list_inner .banner_box_outer {
width: 33.33333%;
}
}
@media (max-width: 821px) {
.banner_box dl dt {
font-size: 22px;
}
.banner_box dl dd {
font-size: 13px;
}
.banner_box dl dd.banner_link_btn a {
font-size: 0.7rem;
padding: 5px 10px;
}
.banner_list_1 {
padding: 0 20px;
}
.banner_list_1.col_4 .banner_box_outer {
width: 50%;
padding: 20px;
}
.banner_list_1.col_3 .banner_box_outer {
padding: 20px;
width: 50%;
}
.banner_list_2 {
padding: 0 20px;
}
.banner_list_2 .banner_list_inner .banner_box_outer {
padding: 15px;
}
.banner_list_2 .banner_list_inner.small_space .banner_box_outer {
padding: 8px;
}
.banner_list_2.col_4 .banner_list_inner .banner_box_outer {
width: 50%;
}
.banner_list_2.col_3 .banner_box_outer {
width: 50%;
}
}
@media (max-width: 600px) {
.banner_box dl dt {
font-size: 18px;
}
.banner_box dl dd {
font-size: 13px;
}
.banner_box dl dd.banner_link_btn a {
font-size: 0.7rem;
}
}
@media (max-width: 450px) {
.banner_box dl dt {
font-size: 23px;
}
.banner_box dl dd {
font-size: 12px;
}
.banner_list_1 {
padding: 10px;
}
.banner_list_1 .banner_list_inner {
display: block;
}
.banner_list_1.col_3 .banner_box_outer {
width: 100%;
padding: 15px;
}
.banner_list_1.col_2 .banner_box_outer {
width: 100%;
padding: 15px;
}
.banner_list_2 {
padding: 10px;
}
.banner_list_2 .banner_list_inner .banner_box_outer {
padding: 8px;
}
.banner_list_2 .banner_list_inner.small_space .banner_box_outer {
padding: 4px;
}
.banner_list_2.col_4 .banner_list_inner .banner_box_outer {
width: 100%;
}
.banner_list_2.col_3 .banner_box_outer {
width: 100%;
}
.banner_list_2.col_2 .banner_box_outer {
width: 100%;
}
} .company_profile {
padding-bottom: 60px;
}
.company_profile dl {
display: flex;
border-bottom: 1px solid #ccc;
padding: 20px 10px;
}
.company_profile dl dt {
width: 25%;
font-size: 13px;
}
.company_profile dl dd {
width: 75%;
padding-left: 15px;
}
.company_profile dl.company_map iframe {
width: 100%;
}
.company_profile dl:first-child {
border-top: 1px solid #ccc;
}
.company_image, .staff_image {
margin-bottom: 50px;
}
.company_image .swiper-wrapper, .staff_image .swiper-wrapper {
padding-bottom: 50px;
}
.company_image .swiper-wrapper .comment, .staff_image .swiper-wrapper .comment {
font-size: 13px;
text-align: left;
padding: 3px;
} .shop_list .shop_box {
display: flex;
align-items: center;
border-bottom: 1px solid #ccc;
padding: 40px 0;
}
.shop_list .shop_box .shop_box_img {
width: 40%;
padding: 0 20px;
}
.shop_list .shop_box .shop_box_info {
width: 60%;
display: flex;
align-items: center;
padding: 0 20px;
}
.shop_list .shop_box .shop_box_info .left {
width: 70%;
}
.shop_list .shop_box .shop_box_info .right {
width: 30%;
}
.shop_list .shop_box .shop_box_info .right .shop_link {
padding: 20px 0;
}
.shop_list .shop_box .shop_box_info .right .shop_link li {
margin-bottom: 20px;
}
.shop_list .shop_box .shop_box_info .right .shop_link li a {
width: 100%;
display: block;
text-align: center;
line-height: 50px;
height: 50px;
background-color: #333;
color: #fff;
}
@media (max-width: 769px) {
.shop_list .shop_box {
padding: 20px 0;
}
.shop_list .shop_box .shop_box_img {
width: 40%;
}
.shop_list .shop_box .shop_box_info .left h2 {
font-size: 16px;
}
.shop_list .shop_box .shop_box_info .left address li {
font-size: 14px;
}
.shop_list .shop_box .shop_box_info .right {
padding: 0 10px;
}
.company_profile dl {
min-height: 50px;
}
.company_profile dl dt {
width: 100px;
}
}
@media (max-width: 600px) {
.shop_list .shop_box {
display: block;
}
.shop_list .shop_box .shop_box_img {
width: 100%;
}
.shop_list .shop_box .shop_box_info {
width: 100%;
display: block;
}
.shop_list .shop_box .shop_box_info .left {
width: 100%;
}
.shop_list .shop_box .shop_box_info .right {
width: 100%;
}
.shop_list .shop_box .shop_box_info .right .shop_link {
padding: 20px 0;
}
}
@media (max-width: 450px) {
.company_profile {
padding-bottom: 40px;
}
.company_profile dl {
display: block;
}
.company_profile dl dt {
width: 100%;
font-size: 12px;
margin-bottom: 10px;
}
.company_profile dl dd {
width: 100%;
}
.company_image, .staff_image {
margin-bottom: 40px;
}
.company_image .swiper-wrapper, .staff_image .swiper-wrapper {
padding-bottom: 40px;
}
.company_profile dl dt {
width: 100%;
}
} #furima_about .about_top {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/template_basic/images/furima_top_txt.jpg);
width: 677px;
height: 333px;
margin: 15px 0;
padding: 25px 15px 15px 15px;
font-size: 16px;
line-height: 1.2;
font-family: Meiryo;
margin-bottom: 20px;
}
#furima_about .about_top .about_tx01 {
font-size: 20px;
font-weight: bold;
color: #ff0000;
}
#furima_about .about_top .about_tx02 {
font-weight: bold;
}
#furima_about .about_top .about_tx03 {
font-weight: bold;
color: #ff0000;
text-decoration: underline;
}
#furima_about .buy_flow {
border-left: 10px solid #ff5501;
border-bottom: 1px solid #ff5501;
padding: 5px 5px 5px 10px;
font-size: 17px;
font-weight: bold;
margin-bottom: 15px;
}
#furima_about .buy_flow01 {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/template_basic/images/flow_back01.jpg);
width: 688px;
height: 112px;
padding: 40px 0 0 15px;
font-size: 19px;
font-weight: bold;
font-family: Meiryo;
}
#furima_about .buy_flow02 {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/template_basic/images/flow_back02.jpg);
width: 688px;
height: 102px;
padding: 50px 0 0 15px;
font-size: 19px;
font-weight: bold;
font-family: Meiryo;
}
#furima_about .buy_flow03 {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/template_basic/images/flow_back03.jpg);
width: 688px;
height: 112px;
padding: 40px 0 0 15px;
font-size: 19px;
font-weight: bold;
font-family: Meiryo;
}
#furima_about .buy_flow04 {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/template_basic/images/flow_back04.jpg);
width: 688px;
height: 112px;
padding: 40px 0 0 15px;
font-size: 19px;
font-weight: bold;
font-family: Meiryo;
}
#furima_about .buy_flow05 {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/template_basic/images/flow_back05.jpg);
width: 688px;
height: 112px;
padding: 40px 0 0 15px;
font-size: 19px;
font-weight: bold;
font-family: Meiryo;
}
#furima_about .buy_flow06 {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/template_basic/images/flow_back06.jpg);
width: 688px;
height: 102px;
padding: 50px 0 0 15px;
font-size: 19px;
font-weight: bold;
font-family: Meiryo;
margin-bottom: 15px;
}
#furima_about li {
list-style: decimal;
font-size: 17px;
list-style-position: inside;
font-family: Meiryo;
line-height: 1.5;
margin-bottom: 20px;
padding-left: 1em;
text-indent: -1em;
}
#furima_about li span {
color: #ff0000;
font-weight: bold;
} #furima_access .buy_flow {
border-left: 10px solid #ff5501;
border-bottom: 1px solid #ff5501;
padding: 5px 5px 5px 10px;
font-size: 21px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 15px;
color: #333;
}
#furima_access .access_top {
background-color: #454545;
padding: 5px 10px;
color: #fff;
font-size: 16px;
text-align: center;
font-weight: bold;
width: 130px;
margin: 10px;
}
#furima_access ul {
padding-bottom: 15px;
}
#furima_access li {
font-size: 16px;
list-style: decimal;
list-style-position: inside;
padding-left: 10px;
line-height: 1.5;
}
#furima_access .access_train {
float: left;
}
#furima_access .access_train span {
font-size: 16px;
padding-top: 20px;
display: block;
}
#furima_access .access_tx {
float: right;
background-color: #fff;
border: 5px solid #ccc;
padding: 10px;
line-height: 1.3;
font-size: 15px;
margin-bottom: 30px;
}
#furima_access .access_tx span {
font-size: 17px;
font-weight: bold;
}
.top_banner {
text-align: center;
margin-bottom: 50px;
}
:root {
--body_bg: #fff;
--body_color: #000;
--cRed: brown;
--cRed: brown;
--cRed: brown;
--cRed: #F32B2B;
--darkGrey: #292929;
--lightGrey: #747474;
--lightestGrey: #EFEFEF;
--mainColor: #3736C2;
--subColor: #F32B2B; --body_bg:#fff;
--body_color:#000; --header_top_bg: #fff;
--header_top_color:#000;
--header_top_border:#000;
--header_top_phone:#fff;
--header_nav_bg: #fff;
--header_nav_color:#000; --footer_top_bg: #3736C2;
--footer_top_color:#fff;
--footer_bottom_bg: #3736C2;
--footer_bottom_color:#fff; --sns_icon_bg: #fff;
--sns_icon_font: #000;  --btn_color: #fff;
--btn_bg: #3736C2;
--btn_white:#3736C2;
--stock_car_btn:#3736C2;
--btn_top_cars:#3736C2;
--phone_btn:#000;
--mail_btn:#01BFFE; --page_header_bg:#333;
--page_header_color:#fff; --swiper_pg_color:#3736C2;
}
@media (max-width: 1367px) {  }
@media (max-width: 1024px) {    .detail_info_main .price_outer {
display: block;
}
.detail_info_main .btn_outer {
display: block;
}
.detail_info_main .btn_outer li {
padding: 5px;
}
.detail_info_main .btn_outer li:last-child {
padding: 5px;
} .car_list .img_list_box_outer {
flex-basis: 33.3333%;
} .lity-container {
width: 98%;
}
.filter_popup_title {
text-align: center;
padding: 10px 0;
}
#filter_content {
background-color: #fff;
overflow-y: scroll;
}
.inner.filter {
padding: 0;
} .equipment_list li {
flex-basis: 20%;
padding: 4px;
}  .swiper-button-next:after {
border-color: transparent transparent transparent #fff;
}
.swiper-button-prev:after {
border-color: transparent #fff transparent transparent;
}
}
@media (max-width: 769px) {  .overlay_banner1 {
display: block;
max-width: 500px;
}
.overlay_banner1 div {
font-size: 1.2rem;
}
.overlay_banner1 div span {
font-size: 11px;
}
.overlay_banner2 {
max-width: 500px;
}
.overlay_banner2 div.overlay_title {
font-size: 1.2rem;
}
.overlay_banner2 div.overlay_btn span {
font-size: 11px;
} .slider1_outer .swiper {
width: 100%;
}
.slider1_outer .swiper-button-prev {
left: 0;
}
.slider1_outer .swiper-button-next {
right: 0;
} .footer_top .footer_top_inner {
flex-wrap: wrap;
}
.footer_top .footer_top_inner .footer_left {
flex-basis: 100%;
margin-bottom: 1rem;
}
.footer_top .footer_top_inner .footer_right {
flex-basis: 100%;
} .title_outer {
margin-bottom: 15px;
}
.title_outer .inner {
height: auto;
}
.title_outer .inner .breadcrumb {
top: 5px;
left: 10px;
}
.title_outer .inner h1 {
font-size: 20px;
}
.two_col_outer {
display: block;
}
.two_col_outer .main_col {
width: 100%;
padding-right: 0;
max-width: 600px;
margin: 0 auto;
}
.two_col_outer aside {
width: 100%;
} .select_wrapper.filter1 {
flex-wrap: wrap;
}
.select_wrapper.filter1 .select_outer {
width: 50%;
}
.select_wrapper.filter1 .select_outer.filter_1st_btn {
width: 50%;
}
.filter2_outer {
padding: 5px 5px 10px;
}
.filter2_outer .select_wrapper.filter2 {
flex-wrap: wrap;
}
.filter2_outer .select_wrapper.filter2 .select_outer {
width: 50%;
}
.filter2_outer .filter_2nd_btn {
justify-content: center;
}
.filter2_outer .filter_2nd_btn li {
margin: 0;
width: 50%;
padding: 0 5px;
}
.filter_option {
padding: 15px;
}
.filter_option ul {
display: flex;
flex-wrap: wrap;
}
.filter_option ul li {
width: 33.3333%;
}
.filter_option ul li label {
font-size: 13px;
}
#filter_content .acTrigger {
margin-bottom: 10px;
} .sort li {
margin-right: 5px;
}
.sort li.sort_cancel {
margin-right: 10px;
}
}
@media (max-width: 600px) {  .footer_group .footer_top .footer_top_inner {
display: block;
}
.footer_group .footer_top .footer_top_inner .footer_50 {
width: 100%;
display: block;
margin-bottom: 30px;
}
.footer_group .footer_top .footer_top_inner .footer_50 .footer_info {
width: 100%;
margin-bottom: 10px;
}
.footer_group .footer_top .footer_top_inner .footer_50 .footer_map {
width: 100%;
padding: 0 5px;
}
.footer_group .footer_top .footer_top_inner .footer_33 {
width: 100%;
padding: 0 20px;
margin-bottom: 30px;
}
.footer_group .footer_top .footer_top_inner .footer_25 {
width: 100%;
padding: 0 20px;
margin-bottom: 30px;
}
.footer_group .footer_top .footer_top_inner .footer_20 {
width: 100%;
padding: 0 20px;
margin-bottom: 30px;
}
.footer_group .footer_bottom .footer_bottom_inner {
display: block;
padding: 0 20px;
}
.footer_group .footer_bottom .footer_bottom_inner .group_logo {
width: 100px;
margin-bottom: 20px;
padding-left: 10px;
}
.footer_group .footer_bottom .footer_bottom_inner .group_logo img {
max-width: 150px;
}
.footer_group .footer_bottom .footer_bottom_inner .group_menu_outer {
width: 100%;
}
.footer_group .footer_bottom .footer_bottom_inner .group_menu_outer ul.menu {
justify-content: flex-start;
}
.footer_group .footer_bottom .footer_bottom_inner .group_menu_outer ul.menu li.menu-item {
padding: 0 10px;
}
.footer_group .footer_bottom .footer_bottom_inner .group_menu_outer ul.menu li.menu-item a {
padding: 5px 0;
font-size: 12px;
}
.footer_group .footer_bottom .copy_right {
text-align: right;
padding: 30px 10px 10px;
} .sort_outer {
flex-wrap: wrap;
padding: 5px 5px 15px;
justify-content: flex-end;
}
.sort_outer .sort {
margin-bottom: 10px;
}
}
@media (max-width: 450px) {  footer {
padding-top: 70px;
}
.footer_top {
padding: 30px 0 25px;
}
.footer_top .footer_top_inner .footer_left {
flex-wrap: wrap;
}
.footer_top .footer_top_inner .footer_left .footer_25 {
flex-basis: 100%;
padding: 15px 10px;
}
.footer_top .footer_top_inner .footer_left .footer_50 {
padding: 15px 10px;
}
.footer_top .footer_top_inner .footer_right {
flex-wrap: wrap;
}
.footer_top .footer_top_inner .footer_right .footer_25 {
flex-basis: 100%;
padding: 15px 10px;
}
.footer_top .footer_top_inner .footer_right .footer_50 {
padding: 15px 10px;
}  .title_outer .inner h1 {
font-size: 18px;
padding-left: 0;
}
.page_header_outer {
margin-bottom: 25px;
}
.page_header_outer .page_header_inner .page_header {
height: 130px;
font-size: 16px;
padding: 0 10px;
font-weight: bold;
line-height: 1.2;
}
.page_header_outer .page_header_inner .page_header.post_title {
font-size: 15px;
font-weight: bold;
}
.page_header_outer .page_header_inner .page_header span {
display: block;
}
.page_header_outer .page_header_inner .page_header span:first-child {
position: relative;
padding-bottom: 10px;
}
.page_header_outer .page_header_inner .page_header span:first-child:after {
content: "";
display: inline-block;
width: 30px;
height: 1px;
background-color: #fff;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -15px;
}
.page_header_outer .page_header_inner .page_header span.header_sub_txt {
font-size: 11px;
padding-top: 5px;
}
.post_nav_bottom {
border-top: 1px solid #000;
padding: 10px 0 15px;
}
.post_nav_bottom .post_nav_bottom_btn {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 5px 10px;
} .filter_option {
padding: 10px;
}
.filter_option ul li {
width: 50%;
padding-bottom: 5px;
} .sort_outer {
padding: 5px 3px 15px;
}
.sort_outer .sort {
font-size: 11px;
} div.detail_info_table2 dl {
padding: 0 20px;
}
div.detail_info_table div.detail_info_cell dl {
font-size: 12px;
} .detail_info_main h1 {
padding: 0 10px;
}
.detail_info_main h1 .car_name .maker {
font-size: 12px;
margin-right: 5px;
}
.detail_info_main h1 .car_name .grade {
font-size: 25px;
}
.detail_info_main h1 .grade_text {
font-size: 14px;
}
.equipment_list li {
flex-basis: 50%;
padding: 2px;
} .form dl {
display: block;
}
.form dl dt {
width: 100%;
}
.form dl dd {
width: 100%;
}
.form dl dd, .form dl dt {
display: block;
}
.form input {
width: 100%;
font-size: 16px;
}
.form textarea {
font-size: 16px;
}
.form_check_box input {
width: inherit;
}
.form_check_box.media .mwform-checkbox-field {
width: 50%;
}
.contact_item_info th {
font-size: 11px;
padding: 10px 3px;
}
.contact_item_info td {
font-size: 11px;
padding: 10px 3px;
}
.form_btn input {
padding: 10px 40px;
}
}
  @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rounded+Mplus+1c:wght@400;700;900&display=swap");
* {
margin: 0px;
padding: 0px;
}
img {
border: none;
}
html {
overflow-x: hidden;
}
body {
font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
overflow-x: hidden;
color: #333333;
font-size: 14px;
margin: 0 auto;
line-height: 1.5; }
#wrapper {
text-align: left;
width: 1000px;
margin: 0 auto;
clear: both;
}
ul, li {
list-style: none;
}
table {
line-height: 180%;
}
p {
color: #333;
font-size: 14px;
line-height: 1.6;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
vertical-align: bottom;
}
h2 {
margin: 0;
padding: 0;
}
#pan {
font-size: 11px;
padding: 2px;
}
#pan a {
font-size: 11px;
}
h3 {
padding: 0;
font-size: 16px;
}
.top_price a {
color: #fff;
background-color: #a50000;
padding: 5px;
font-weight: bold;
text-decoration: none;
display: block;
line-height: 100%;
}
h4 {
font-size: 14px;
}
.padding_5 {
padding: 5px;
}
.margin_bottom_5 {
margin-bottom: 5px;
}
.header_list {
float: right;
position: relative;
top: 4px;
}
.header_input {
border: solid 1px #ccc;
padding: 3px;
width: 200px;
}
.number_chart {
background-color: #eee;
clear: both;
padding: 3px;
margin-bottom: 10px;
text-align: right;
}
.reds {
color: #a50000;
}
.footer_table {
width: 100%;
margin-bottom: 10px;
border-top: 1px solid #ccc !important;
border-left: 1px solid #ccc !important;
border-collapse: separate !important;
}
.footer_table th {
background-color: #eee;
text-align: right;
width: 160px;
}
.footer_table th, .footer_table td {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px;
}
.footer_menu {
clear: both;
}
.footer_menu li {
float: left;
margin-left: 10px;
list-style: none;
}   #header_menu {
width: 400px;
float: right;
}
#totalmenu {
width: 100%;
float: left;
margin-top: 15px;
}
#header_menu ul {
margin-right: 5px;
}
#header_menu li {
list-style: none;
float: right;
margin-left: 15px;
}
#main_menu {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/header_back.gif);
width: 950px;
height: 49px;
clear: both;
background-repeat: no-repeat;
}
#main_menu ul {
width: 950px;
float: left;
padding-left: 25px;
}
#main_menu li {
list-style-position: inside;
list-style: none;
float: left;
width: 100px;
} #main {
clear: both;
background-color: #fff;
margin-top: 10px;
font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;
}
#content {
padding: 5px 0 20px;
float: left;
width: 100%;
} #left {
float: left;
width: 235px;
margin-top: 5px;
}
.left_contents {
margin: 10px 0;
width: 220px;
float: left;
}
.link_in a img:hover {
filter: alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
opacity: 0.7 !important;
} .car_list {
float: left;
width: 235px;
}
.car_list li {
list-style-position: inside;
list-style-type: square;
} .company_top_message {
width: 220px;
margin-top: 10px;
}
.company_top_message p {
border-bottom: dotted 1px #ccc;
padding: 2px 0px;
}
.company_top_tel {
font-size: 150%;
font-weight: bold;
}
.company_box01 p {
line-height: 1.8em;
margin-bottom: 20px;
margin-top: 20px;
}
.box01_left {
float: left;
margin-right: 50px;
width: 170px;
}
.box01_right {
float: right;
width: 460px;
} .mobile_contents p {
float: left;
width: 155px;
}
.mobile_contents img {
float: right;
} .left_text_main_menu li {
list-style-position: inside;
} .link_top_img {
margin-bottom: 5px;
} #right {
float: right;
width: 705px;
_width: 690px;
}
.header_list {
float: right;
} .right_contents {
margin-bottom: 20px;
}
.tem_1701_stock {
background-color: #2a2a2a;
color: #fff;
width: 167px;
margin-top: 10px;
}
.tem_1701_stock tr {
padding: 10px;
}
.tem_1701_stock a {
color: #fff;
line-height: 1.5;
} .custom_leather_top_img {
margin-top: 0px;
margin-bottom: 15px;
} #leftside {
float: left;
width: 680px;
margin-top: 15px;
}
#rightside {
float: right;
width: 220px;
margin-top: 15px;
}
.right_menu li {
margin-bottom: 10px;
}
#main_side {
float: left;
width: 720px;
margin-top: 10px;
margin-right: 10px;
}
#main_side h3 p {
text-align: right;
margin-top: -20px;
padding-right: 10px;
font-size: 11px;
}
#main_side h3 p a {
color: #afafaf;
font-size: 11px;
}
#side_menu {
float: left;
width: 225px;
margin-top: 10px;
margin-right: 7px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#side_menu:not(:target) {
float: left;
width: 230px;
margin-top: 10px;
margin-right: 7px;
}
} #car_search {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/slash_sora.gif);
padding: 5px;
border: solid 1px #cef2ff;
}
#car_search select {
border: solid 1px #ccc;
padding: 5px;
margin-right: 10px;
}
#car_search input {
border: solid 1px #ccc;
padding: 5px;
}
#car_search .submit {
background-color: #555;
color: #fff;
border: none;
padding: 7px;
width: 200px;
}
.car_searchArea {
width: 100%;
}
.car_searchArea table {
width: 100%;
background-color: #e6ebf4;
margin-bottom: 10px;
}
.car_search_btn {
padding: 10px;
text-align: center;
}
.car_search_btn img {
margin: auto;
}
.car_option {
padding: 0 10px;
}     .stock_car_top {
_margin-left: 5px;
}
.stock_car_img a, .stock_car_img a:link, .stock_car_img a:visited {
border: solid 4px #ccc;
display: block;
width: 160px;
}
.stock_car_img a:hover {
border: solid 4px #76aaff;
display: block;
width: 160px;
}
.top_ranking_price {
font-weight: bold;
font-size: 120%;
}
.top_ranking_price a {
color: #0880db;
}     .parts_list li {
border-bottom: dotted 1px #ccc;
line-height: 200%;
}
.parts_list li, .parts_list a:link, .parts_list a:visited {
text-decoration: none;
list-style-position: inside;
list-style: none;
color: #000;
display: block;
}
.parts_list a:link, .parts_list a:visited {
background-color: #fef1f1;
}
.parts_list a:hover {
background-color: #ffd6d6;
}
.parts_category {
background-color: #fff;
} #parts_search {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/slash_pink.gif);
padding: 5px;
border: solid 1px #ffd6d6;
}
#parts_search select {
border: solid 1px #ccc;
padding: 5px;
margin-right: 10px;
}
#parts_search input {
border: solid 1px #ccc;
padding: 5px;
}
#parts_search .submit {
background-color: #555;
color: #fff;
border: none;
padding: 7px;
width: 200px;
}
.parts_searchArea {
width: 100%;
}
.parts_searchArea table {
background-color: #e6ebf4;
}
.parts_listArea {
width: 100%;
} .stock_parts_img a, .stock_parts_img a:link, .stock_parts_img a:visited {
border: solid 4px #ccc;
display: block;
width: 160px;
}
.stock_parts_img a:hover {
border: solid 4px #294d97;
display: block;
width: 160px;
} .top_parts_ranking {
background-color: #fef1f1;
padding: 2px 5px;
}     .top_message {
font-size: 15px;
font-weight: bold;
line-height: 140%;
color: #1c1f27;
margin: 3px 0px;
} #news_top table td {
border-bottom: dotted 1px #ccc;
padding: 2px 0px;
}
#news_top table {
width: 100%;
} .topicsBox {
padding: 0 9px;
width: 710px;
margin: 10px 0 20px;
border: 1px solid #ccc;
overflow: hidden;
}
.topicsBox .newicon {
margin: 3px 0 0 5px;
position: absolute;
}
.topicsBox dl {
border-bottom: 1px dotted #ccc;
float: left;
padding: 5px 0;
margin-bottom: 5px;
}
.topicsBox dt {
width: 550px;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_news_bg.jpg) no-repeat right 100%;
float: left;
margin-left: 15px;
padding-top: 25px;
font-size: 14px;
}
.topicsBox dt a {
color: #333;
}
.topicsBox dt a:hover {
text-decoration: underline;
}
.topicsBox dt span {
font-size: 12px;
font-family: "Century Gothic";
color: red;
}
.topicsBox dd {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/noimage2.jpg) no-repeat;
position: relative;
margin-bottom: 5px;
width: 120px;
height: 90px;
float: left;
}
.topicsBox p {
text-align: right;
margin-top: 5px;
}  .informationBox {
padding: 0 9px;
width: 710px;
margin: 10px 0 20px;
border: 1px solid #ccc;
overflow: hidden;
}
.informationBox .newicon {
margin: 3px 0 0 5px;
position: absolute;
}
.informationBox dl {
border-bottom: 1px dotted #ccc;
float: left;
margin-bottom: 0;
display: flex;
width: 100%;
padding: 5px 0;
}
@media screen and (max-width: 1000px) {
.informationBox {
width: 100%;
}
.informationBox dl {
display: block;
}
.informationBox dt {
width: 55% !important;
background: none !important;
}
}
.informationBox dt {
width: 555px;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_news_bg.jpg) no-repeat right center;
float: left;
margin-left: 15px;
padding: 25px 0;
font-size: 14px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.informationBox .news_title {
flex-basis: 100%;
}
.informationBox dt a {
color: #333;
}
.informationBox dt a:hover {
text-decoration: underline;
}
.new {
font-size: 10px !important;
font-family: "Century Gothic" sans-serif !important;
color: white !important;
background: red;
padding: 1px 5px;
}
.informationBox dd {
width: 120px;
float: left;
}
.informationBox .news_cat a {
color: #fff;
}
.informationBox p {
text-align: right;
margin-top: 5px;
}
.top_news dt b, #staff_top dt b {
color: red;
}  #staff_top {
padding: 5px 9px;
width: 710px;
margin: 10px 0 30px;
border: 1px solid #ccc;
overflow: hidden;
}
#staff_top .newicon {
margin: 3px 0 0 5px;
position: absolute;
}
#staff_top dl {
border-bottom: 1px dotted #ccc;
float: left;
margin: 0;
padding: 10px 0;
}
#staff_top dt {
width: 610px;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_news_bg.jpg) no-repeat right 50%;
background-size: 25px;
float: left;
margin-left: 75px;
padding: 5px 0;
font-size: 14px;
}
#staff_top dt a {
color: #333;
}
#staff_top dt a:hover {
text-decoration: underline;
}
#staff_top dt span {
font-size: 12px;
font-family: "Century Gothic";
color: red;
}
#staff_top dd {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/noimage.jpg) no-repeat;
position: absolute;
margin-bottom: 5px;
width: 65px;
height: 49px;
float: left;
overflow: hidden;
}
#staff_top p {
clear: both;
text-align: right;
margin-top: 5px;
} .top_ranking {
background-color: #ccc;
padding: 2px 5px;
} .media_top_border {
border: solid 1px #ccc;
padding: 5px;
}
.media_top_img {
padding-top: 5px;
} #footer {
clear: both;
}
.footer_top {
background-color: #90322d;
padding: 15px 0;
width: 100%;
float: left;
color: #fff;
}
.shopArea {
width: 960px;
margin: auto;
}
.shopArea h3 {
border-bottom: 3px solid #294D97;
padding: 5px 0 5px 8px;
}
.shopArea h5 {
font-size: 14px;
border-bottom: 1px dotted #ccc;
margin: 0 0 10px;
}
.shopBox {
background-color: #fff;
padding: 15px 15px 0;
float: left;
}
.shop_content {
float: left;
background-color: #fff; width: 100%;
}
.info_left {
float: left;
width: 150px;
margin-top: 10px;
}
.info_left p {
line-height: 1.6;
}
.info_center {
float: left;
width: 500px;
margin-top: 10px;
}
.info_right {
float: right;
width: 160px;
}
.info_right img {
margin-bottom: 7px;
}
.info_bottom {
clear: both;
padding-top: 7px;
}
.shop_right {
float: right;
padding: 10px; width: 295px;
background-color: #fff;
}
.snsArea {
padding: 10px 0 0;
clear: both;
}
.snsArea li {
float: left;
}
.snsArea li.right-style01 {
float: right;
}
.facebookArea {
width: 960px;
margin: auto;
background-color: #fff;
clear: both;
}
.footer_bottom {
background: #6c120d;
clear: both;
color: #fff;
height: 70px;
}
.keywordArea {
background-color: #fff;
color: #666;
padding: 20px;
width: 920px;
margin: 20px auto;
font-size: 11px;
}
.page_top {
padding-bottom: 10px;
background-color: #fff;
}
.page_top a, .page_top a:link, .page_top a:visited {
text-decoration: none;
font-size: 100%;
color: #fff;
background-color: #555;
padding: 5px;
}
.page_top a:hover {
text-decoration: none;
font-size: 100%;
color: #555;
border: solid 1px #ccc;
background-color: #fff;
padding: 5px;
}
.footer_area {
width: 1000px;
margin: auto;
overflow: hidden;
padding-bottom: 40px;
}
.foot_top_line {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_line.gif) repeat-x;
width: 1000px;
margin-top: 10px;
padding-top: 20px;
overflow: hidden;
}
.foot_top_line p {
float: left;
font-size: 13px;
margin-right: 30px;
}
.foot_top_line p a {
color: #fff;
}
.foot_top_line .foot_ic01 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon01.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line .foot_ic02 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon02.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line .foot_ic03 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon03.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line .foot_ic04 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon04.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line2 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_line2.gif) repeat-x;
width: 1000px;
margin-top: 10px;
padding-top: 20px;
overflow: hidden;
}
.foot_top_line2 .foot_ic01_02 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon01_02.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line2 .foot_ic02_02 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon02_02.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line2 .foot_ic04_02 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon04_02.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line2 p {
float: left;
font-size: 13px;
margin-right: 30px;
}
.foot_top_line2 p a {
color: #fff;
}
.foot_mn_l {
float: left;
overflow: hidden;
margin: 20px 0 0 10px;
}
.foot_mn_l h6 {
font-size: 15px;
font-weight: bold;
}
.foot_mn_r a img:hover {
filter: alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
opacity: 0.7 !important;
}
.foot_mn_r {
float: right;
overflow: hidden;
margin: 20px 10px 0 0;
}
.foot_mn_l ul {
width: 250px;
float: left;
line-height: 1.8;
overflow: hidden;
}
.foot_mn_l li {
padding-left: 10px;
}
.foot_mn_l li a {
color: #fff;
font-size: 12px;
}
.foot_mn_r ol {
float: right;
}
.foot_mn_r ol li {
float: left;
margin: 10px 0 0 10px;
}
.copyright {
clear: both;
color: #fff;
font-size: 10px;
text-align: center;
padding-top: 30px;
}  .select_topics {
border-bottom: dotted 1px #ccc;
padding-bottom: 5px;
}
.select_topics select {
border: solid 1px #ccc;
} .news_img {
float: right;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 5px;
}
.company_img {
margin-right: 5px;
margin-bottom: 5px;
}
.company_shop {
width: 365px;
float: left;
margin-right: 10px;
}
.shop_message {
width: 100%;
}
.company_message_title {
border-bottom: dotted 1px #ccc;
}
.shop_message td img {
margin-right: 5px;
margin-bottom: 5px;
}
.shop_message td {
padding: 10px;
background-color: #eeeeee;
width: 30%;
}
.shop_message td img {
text-align: center;
margin-bottom: 5px;
} .photo_list {
float: left;
width: 235px;
}
.photo_list li {
height: 40px;
width: 235px;
list-style: none;
}
.photo_list li, .photo_list a:link, .photo_list a:visited {
text-decoration: none;
color: #555;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/leftback3.gif);
height: 40px;
width: 235px;
display: block;
}
.photo_list a:hover {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/leftback_a.gif);
height: 40px;
width: 235px;
color: #fff;
}
.photo_list2 {
float: left;
width: 235px;
}
.photo_list2 li {
height: 40px;
width: 235px;
list-style: none;
}
.photo_list2 li, .photo_list2 a:link, .photo_list2 a:visited {
text-decoration: none;
color: #555;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/leftback4.gif);
height: 40px;
width: 235px;
display: block;
}
.photo_list2 a:hover {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/leftback_a2.gif);
height: 40px;
width: 235px;
color: #555;
}
.car_list_img {
padding-bottom: 5px;
padding-top: 5px;
} .customer_img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 5px;
}
.sustomer_name {
font-weight: bold;
} .diary_img {
float: right;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 5px;
}
.diary_p_com {
font-size: 12px;
} #link_top table td {
padding: 2px 0px;
}
#link_top table {
border-top: dotted 1px #ccc;
width: 100%;
margin-bottom: 15px;
}
.link_title {
width: 150px;
}
.stockArea ul {
width: 192px;
padding: 8px;
border-top: 5px solid #999;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
margin-right: 8px;
margin-bottom: 15px !important;
}
.stockArea ul.right_style01 {
margin-right: 0;
}
.typeBox {
height: 40px;
}
.yearBox {
border-top: 1px dotted #ccc;
margin-top: 3px;
padding-top: 3px;
}
.mileageBox {
border-bottom: 1px dotted #ccc;
margin-bottom: 5px;
padding-bottom: 3px;
}
.priceBox {
height: 31px;
}
.priceLeft {
float: left;
}
.priceRight {
float: right;
padding-top: 6px;
}
.price_style {
font-size: 18px;
color: #db102a;
font-weight: bold;
}
.stock_detailArea {
background-color: #f9f9f9;
padding: 20px 0;
}
.stock_detailArea h4 { border-bottom: 3px solid #ccc;
border-left: 6px solid #294D97;
width: 784px;
height: 27px;
padding: 5px 0 0 10px;
margin: 15px auto 0;
clear: both;
font-size: 16px;
}
.stock_info {
width: 800px;
margin: auto;
padding-top: 20px;
clear: both;
}
.stock_info table {
margin-top: 20px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
empty-cells: show;
border-collapse: collapse;
}
.stock_info th {
background-color: #eee;
border: 1px solid #ccc;
width: 140px;
text-align: center;
padding: 5px 0;
}
.stock_info td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
width: 16%;
text-align: center;
}
.stock_price {
width: 800px;
margin: 30px auto 0;
}
.stock_price dl {
border: 1px dotted #ccc;
width: 230px;
float: left;
margin-right: 10px;
height: 50px;
}
.stock_price dt {
background-color: #eee;
width: 80px;
float: left;
text-align: center;
padding: 17px 0;
}
.stock_price dd {
width: 150px;
float: left;
text-align: center;
padding: 17px 0;
}
.price_button {
float: right;
width: 300px;
}
.stock_comment {
width: 800px;
margin: auto;
padding-top: 20px;
}
.commentBox {
border: 1px solid #ccc;
padding: 15px;
margin: 10px auto 0;
}
.stock_button {
width: 650px;
margin: auto;
padding: 30px 0 30px;
}
.stock_button li {
float: left;
width: 300px;
margin-right: 10px;
}
.stock_button li img {
text-align: center;
}
.recommendArea {
float: left;
margin-top: 10px;
}
.stock_line {
border: 1px solid #ccc;
padding: 10px;
margin: 0px auto 30px;
overflow: hidden;
}
.recommendArea ul {
width: 122px;
padding: 6px;
border-top: 3px solid #999;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
margin: 0 10px 10px 0;
background-color: #2a2a2a;
color: #fff;
}
.recommendArea ul.right_style01 {
margin-right: 0;
}
.recommendArea p {
text-align: right;
}
.typeBox3 {
height: 60px;
line-height: 1.2;
}
.priceBox2 {
border-top: 1px dotted #ccc;
padding-top: 5px;
margin-top: 3px;
}
.priceBox3 {
width: 88px;
height: 61px;
padding: 10px;
border: 1px solid #666;
text-align: center;
}
.priceBox3 dd {
margin-top: 4px;
} .customerArea {
float: left;
margin-bottom: 30px;
width: 720px;
}
.customerArea ul {
border: 1px solid #ccc;
width: 157px;
padding: 6px;
float: left;
margin: 0 8px 0 0;
}
.customerArea ul img {
text-align: center;
}
.customerArea p {
padding-top: 10px;
text-align: right;
clear: both;
}
.banner_mainArea {
clear: both;
margin-bottom: 20px;
}
.banner_mainArea p {
float: left;
margin-right: 15px;
} .stock_car_ichiran_top table {
border-collapse: collapse;
margin-bottom: 10px;
}
.stock_car_ichiran_top td {
border: 1px solid #ccc;
padding: 5px 10px;
}
.stock_car_ichiran_top h4 {
border-left: 5px solid #294d97;
border-bottom: 1px dotted #ccc;
padding: 3px 0 3px 10px;
margin: 0 0 10px;
clear: both;
}
.stockcar_carname {
background-color: #eee;
padding: 5px; }
.stockcar_carname2 {
background-color: #eee;
padding: 5px;
}
.red_car_price a, .red_car_price a:link, .red_car_price a:visited {
font-size: 15px;
font-weight: bold;
color: #e20000;
text-decoration: none;
}
.red_car_price a:hover {
font-size: 15px;
font-weight: bold;
color: #ff8400;
}
.stock_car_listBox {
width: 100%;
margin-bottom: 15px;
float: left;
} .stockcar_float {
float: left;
clear: both;
}
.stockcar_detail_mainimg {
float: left;
margin-bottom: 5px;
}
.stockcar_detail_subbt {
margin-bottom: 10px;
float: right;
}
.stockcar_detail_subimg_waku {
margin-top: 5px;
}
.stockcar_detail_subimg {
margin-right: 2px;
}
.stockcar_detail_carname {
font-size: 115%;
padding-bottom: 3px;
}
.stockcar_detail_under_bt {
margin: 10px 32px;
}
.stock_detail_table td {
border: none;
padding: 0px;
}
.car_info {
width: 100%;
}
.car_info th {
border: solid 1px #ccc;
padding: 5px;
background-color: #eee;
}
.stock_detail_table {
text-align: center;
}
.stockcar_photo {
float: left;
width: 100%;
}
.stockcar_photo .main_photo {
text-align: center;
}
.stockcar_photo table {
float: left;
width: 100%;
margin-top: 10px;
}
.stockcar_photo td {
border: solid 1px #ccc;
} .header {
background-color: #030a20;
overflow: hidden;
padding: 5px 0;
}
#main_logo {
width: 1000px;
margin: auto;
display: block !important;
}
@media screen and (max-width: 1000px) {
.head_02 {
display: none;
}
header {
width: 100%;
height: 50px;
top: 0;
left: 0;
background: #FFF;
border-bottom: 1px solid #000;
z-index: 100;
}
.spmenu_btn {
display: block;
position: absolute;
top: 14px;
right: 15px;
width: 30px;
height: 22px;
background: #000;
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.spmenu_btn:before {
content: "";
position: absolute;
width: 30px;
height: 2px;
background: #000;
top: -9px;
right: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.spmenu_btn:after {
content: "";
position: absolute;
width: 30px;
height: 2px;
background: #000;
bottom: -9px;
right: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.spmenu_btn.active {
background: #FFF;
}
.spmenu_btn.active:before {
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 0;
right: 0;
}
.spmenu_btn.active:after {
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
bottom: 0;
right: 0;
}
.spmenu {
display: none;
position: absolute;
top: 51px;
left: 0;
width: 100%;
background: #000;
}
nav {
display: block;
width: 100%;
margin: 0 auto;
}
nav li a {
display: block;
width: 100%;
color: #FFF;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-bottom: 1px solid #999;
}
}
.header_in {
width: 1000px;
margin: -10px auto;
overflow: hidden;
}
.sub_navi {
text-align: right;
margin: auto;
background-color: #fff;
width: 1000px;
}
.sub_navi li {
float: right;
margin-left: 20px;
line-height: 1.4;
color: #fff;
}
.sub_navi a {
font-size: 12px;
color: #fff;
}
.global_navi {
width: 100%;
clear: both;
margin-top: 12px;
}
.global_navi li {
float: left;
text-align: center;
margin-top: -2px;
height: 85px;
}
.global_navi li a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.jq_footer {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/bg_bar.jpg);
background-repeat: repeat-x;
height: 20px;
clear: both;
}
.wideslider {
width: 100%;
text-align: left;
position: relative;
overflow: hidden;
margin-top: 10px;
}
.wideslider ul, .wideslider ul li {
float: left;
display: inline;
overflow: hidden;
}
.wideslider ul li img {
width: 100%;
display: none;
border-bottom: 10px solid #065fa3;
border-left: 10px solid #065fa3;
border-right: 10px solid #065fa3;
}
.wideslider_base {
top: 0;
position: absolute;
}
.wideslider_wrap {
top: 0;
position: absolute;
overflow: hidden;
}
.slider_prev, .slider_next {
top: 0;
overflow: hidden;
position: absolute;
z-index: 100;
cursor: pointer;
}
.slider_prev {
background: #2c2f3b url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_17_01/header/prev.jpg) no-repeat right center;
}
.slider_next {
background: #2c2f3b url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_17_01/header/next.jpg) no-repeat left center;
}
.pagination {
bottom: 10px;
left: 0;
width: 100%;
height: 15px;
text-align: center;
position: absolute;
z-index: 200;
}
.pagination a {
margin: 0 5px;
width: 15px;
height: 15px;
display: inline-block;
overflow: hidden;
background: #333;
}
.pagination a.active {
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
} .post_content {
max-width: 1000px;
margin: 50px auto;
}
p.featured_image img {
display: inline;
}
p.featured_image {
text-align: center;
}
.post_content h1 {
text-align: center;
font-size: 40px;
width: 100%;
font-weight: normal;
color: #111;
}
.post_content .date {
text-align: center;
font-size: 18px;
padding-bottom: 30px;
}
.post_content, .post_content .post_text {
padding: 20px 0;
font-size: 17px;
margin: 0 auto;
}
.post_content .col-sm-6 {
padding: 5px;
}
.post_content a {
font-size: 14px;
}
.back_topic_list {
text-align: center;
padding: 50px 0 0;
}
.back_topic_list a {
text-align: center;
color: #fff;
background-color: #bf0a0a;
display: inline-block;
padding: 20px 100px;
font-size: 14px;
}
.back_topic_list a:hover {
color: #fff;
}
@media screen and (max-width: 758px) {
.post_content h1 {
font-size: 16px;
font-weight: bold;
width: 100%;
}
.post_content .date {
font-size: 12px;
}
.text_line {
margin: 0 auto 20px;
}
.post_content .post_text {
padding: 20px 10px;
font-size: 15px;
}
.post_content {
margin: 0px auto;
}
}
#aime_fluent_chat {
bottom: 10px !important;
}
#page-top {
position: fixed;
bottom: 110px;
right: 20px;
font-size: 77%;
z-index: 999;
width: 50px;
height: 50px;
}
#page-top a:link {
color: white !important;
text-decoration: none; }
#page-top a:visited {
color: white !important;
text-decoration: none; }
#page-top a:hover {
color: white !important;
text-decoration: none; }
#page-top a:active {
color: white !important;
text-decoration: none; } .re-topB {
position: relative;
display: block;
background-color: rgba(98, 195, 204, 0.8);
color: white; text-decoration: none; font-weight: bold;
font-size: 12px;
width: 60px;
height: 60px;
text-align: center;
line-height: 24px;
border-radius: 30px;
padding-top: 30px;
box-sizing: border-box;
} .re-topB:before {
content: "▲";
color: white;
position: absolute; top: 10px;
left: 0;
width: 100%;
text-align: center;
font-size: 20px;
}
a.loanbutton {
display: block;
margin: 1em 0 2em;
border-radius: 10px;
position: relative;
width: 100%;
padding: 0.8em;
font-size: 17px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #fff;
border: 1px solid #de3e18;
background: #de3e18;
overflow: hidden;
z-index: 1 !important;
}
a.loanbutton:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 0;
width: 180%;
background: #fff;
opacity: 0;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
transition: 0.3s;
z-index: -1;
}
a.loanbutton:hover {
color: #da3c41;
text-decoration: none;
}
a.loanbutton:hover:after {
height: 400%;
opacity: 1;
}
a.loanbutton:active:after {
height: 500%;
opacity: 1;
}
.loanbutton span {
font-size: 20px;
}
.repairPoint h6 {
background: transparent !important;
color: #555;
text-align: center;
font-size: 20px;
margin-left: 0;
width: 100%;
font-size: 17px;
}
.repairPoint h6 b {
color: #e60505;
}
.reBox h6::before {
left: 30%;
width: 40%;
} .pagenation {
text-align: center;
}
.wp-pagenavi {
clear: both;
text-align: center;
margin-bottom: 30px;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #555;
background-color: #FFF;
border: solid 1px #e0e0d2;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration: none;
}
.wp-pagenavi a:hover {
color: #FFF;
background-color: #999;
border-color: #999;
}
.wp-pagenavi span.current {
color: #FFF;
background-color: #555;
border-color: #555;
font-weight: bold;
} .news_cat a {
display: inline-block;
background-color: #a00016;
color: #fff;
padding: 4px 10px;
margin: 5px;
font-size: 11px;
font-weight: bold;
border-radius: 3px;
line-height: 1;
white-space: nowrap;
}
.news_cat a:hover {
text-decoration: none;
color: #fff;
}
.page_header_outer {
background-color: #fff;
}
.page_header_outer .page_header_inner {
position: relative;
margin: 0 auto;
max-width: 1300px;
}
.page_header_outer .page_header_inner .breadcrumb {
top: 5px;
position: absolute;
color: #222;
font-size: 11px;
background: transparent;
}
.page_header_outer .page_header_inner .breadcrumb a {
color: #222;
font-size: 11px;
}
.page_header_outer .page_header_inner .page_header {
color: #222;
}
.page_header_outer .page_header_inner .page_header.post_title {
font-size: 25px;
}
.page_header_outer .page_header_inner .page_header span {
display: block;
}
.page_header_outer .page_header_inner .page_header span:first-child {
position: relative;
padding-bottom: 10px;
}
.page_header_outer .page_header_inner .page_header span:first-child:after {
content: "";
display: inline-block;
width: 76px;
height: 1px;
background-color: #222;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -38px;
}
.page_header_outer .page_header_inner .page_header span.header_sub_txt {
font-size: 15px;
padding-top: 10px;
}
.news_list_1 .news_box {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #555;
height: 60px;
padding: 0 15px;
}
.top_news .news_list_1 img {
width: 100%;
}
.news_list_1 .news_box .news_title {
flex-basis: 75%;
}
.news_list_1 .news_box .news_title a {
display: inline-block;
}
.news_list_1 .news_box .news_title a:hover {
text-decoration: underline;
color: #333;
}
.news_list_1 .news_box .cat_date {
flex-basis: 25%;
display: flex;
align-items: center;
}
.news_list_1 .news_box .cat_date .news_cat {
flex-basis: 70%;
text-align: center;
}
.news_list_1 .news_box .cat_date .news_cat a {
display: inline-block;
background-color: #a00016;
color: #fff;
padding: 4px 15px;
font-size: 11px;
font-weight: bold;
border-radius: 3px;
line-height: 1;
}
.news_list_1 .news_box .cat_date .news_date {
flex-basis: 30%;
font-size: 13px;
text-align: right;
}
.news_list_1 .news_box:first-child {
border-top: 1px solid #555;
}
.car_pegination_bottom {
margin: 0 auto 50px !important;
}
.post-type-archive-cars header.top_renewal, .single header.top_renewal {
margin-bottom: -10px;
}
@media screen and (max-width: 1200px) {
.categoryPage {
width: 100% !important;
padding: 0 10px;
margin: 0 auto;
clear: both;
}
}
@media screen and (max-width: 1000px) {
html, body {
width: 100%;
}
header h1.pc {
display: none;
}
header h1.sp {
display: block;
}
.fix-menu {
display: none !important;
}
#main_logo {
display: none !important;
}
.head_02 {
display: none;
}
h1 {
margin: 10px 0 0 5px !important;
}
header {
width: 100%;
height: 50px;
top: 0;
left: 0;
background: #FFF;
border-bottom: 1px solid #000;
z-index: 999;
}
#pc_top #slider {
display: none;
}
#sp_top .slider {
margin-top: 50px;
}
.slideralpha {
overflow: hidden;
}
.spmenu_btn {
display: block;
position: absolute;
top: 14px;
right: 15px;
width: 30px;
height: 25px;
background: var(--subColor);
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 11px;
}
.spmenu_btn:before {
content: "";
position: absolute;
width: 30px;
height: 5px;
background: var(--subColor);
top: -9px;
right: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 3px;
}
.spmenu_btn:after {
content: "";
position: absolute;
width: 30px;
height: 5px;
background: var(--subColor);
bottom: -9px;
right: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 3px;
}
.spmenu_btn.active {
background: #FFF;
}
.spmenu_btn.active:before {
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 0;
right: 0;
}
.spmenu_btn.active:after {
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
bottom: 0;
right: 0;
}
.spmenu {
display: none;
position: absolute;
top: 51px;
left: 0;
width: 100%;
background: #000;
}
nav {
display: block;
width: 100%;
margin: 0 auto;
}
nav li a {
display: block;
width: 100%;
color: #FFF;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-bottom: 1px solid #999;
}
#wrapper {
overflow-x: hidden;
text-align: left;
width: 100%;
padding: 0 10px;
margin: 0 auto;
clear: both;
}
#main {
overflow-x: hidden;
clear: both;
width: 100%;
background-color: #fff;
float: left;
margin-top: 10px;
}
#main_side h2 {
clear: both;
padding: 5px 10px;
letter-spacing: 1.2pt;
font-size: 100%;
background: #000;
background-image: none;
width: 100%;
color: #fff !important;
margin: auto;
}
#main_side h2 b {
display: none;
}
#footer {
overflow-x: hidden;
}
.foot_top_line {
display: none;
}
.footer_area {
width: 100%;
margin: auto;
overflow: hidden;
padding-bottom: 40px;
}
.foot_mn_r {
float: none;
clear: both;
overflow: hidden;
width: 50%;
padding-top: 30px;
margin: 0 10px 0 10px !important;
}
.second_top {
margin: 1.5em 0 0 !important;
}
.stockArea ul {
width: 100%;
padding: 8px;
border-top: 5px solid #999;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
margin-bottom: 10px;
}
.top_bnr_area .shop_area dd {
padding: 0 15px;
}
.top_bnr_area .shop_area dd span {
font-size: 17px;
}
.company {
padding-right: 0 !important;
}
.pre_r {
float: left;
text-align: center;
margin-top: auto;
}
.pre_l {
float: left;
width: 100% !important;
}
table.shop_lineup tbody th {
width: 20%;
padding: 10px;
font-weight: bold;
vertical-align: middle;
border-bottom: 1px solid #ccc;
background: #f7f7f7;
}
table.shop_lineup td {
padding: 10px;
vertical-align: middle;
border-bottom: 1px solid #ccc;
}
table.shop_lineup td iframe {
width: 100%;
}
.shop_bar span {
width: 100%;
display: block;
line-height: 2.2;
}
.myButton {
width: 100%;
font-size: 100%;
}
.myButton img {
width: 5%;
}
.contact_box {
width: 100% !important;
}
.contact_box .row {
border-right: 1px solid #ccc;
}
.contact_box .col-sm-9 {
border: none;
padding: 10px 0 10px 10px;
}
.company .footer_table td, .company .footer_table th {
display: block;
}
.company .footer_table th {
width: 100%;
text-align: left !important;
}
.recruit table {
margin: 0 0 40px;
}
.recruit table td, .recruit table th {
display: block;
}
.recruit table th {
width: 100%;
text-align: left !important;
}
.recruit .title {
margin: 0 0 20px;
}
.recruit p {
padding: 0;
line-height: 1.8;
}
.recruit td img {
width: 100%;
margin-bottom: 10px;
}
.recruit .v_center {
height: 100%;
line-height: 1.5;
border: none;
}
.recruit .oubo {
margin: 0 0 15px;
}
.flow .inside p {
font-size: 16px;
height: 100% !important;
padding: 20px 20px 20px 30px;
line-height: 1.8;
margin: 0;
background-image: none !important;
}
.sp_br {
display: none;
}
.flow .inside2 p .sp_br {
display: none;
}
.flow .inside2 p {
height: 100% !important;
background-image: none !important;
padding: 20px 20px 20px 30px;
}
.inspection {
overflow: hidden;
}
.toku_bg {
background-color: #98baff;
overflow: hidden;
padding: 20px 10px;
margin: 20px 0 0;
}
.toku_bg h6 {
width: 100%;
margin: 10px auto;
}
.toku_bg ul {
overflow: hidden;
margin: 0;
width: 100%;
}
.toku_bg li {
width: 100%;
float: none;
margin: 10px 0;
}
.toku_bg p {
clear: both;
padding: 10px 20px;
text-align: left;
color: #fff;
font-size: 20px;
}
.melit_list {
padding: 0;
margin: 0;
}
.melit_list li {
margin: 20px 0;
}
.inspection .melit {
margin: 20px 0px;
}
.box27 {
margin: 0 0 15px 0;
width: 98%;
padding: 20px;
}
.inspection .box27 p {
background: none;
height: 100%;
padding: 10px 0;
}
.inspection .price {
margin: 0;
}
.inspection table {
width: 100%;
}
.inspection .scroll {
overflow: auto;
white-space: nowrap;
}
.inspection .scroll::-webkit-scrollbar {
height: 5px;
}
.inspection .scroll::-webkit-scrollbar-track {
background: #F1F1F1;
}
.inspection .scroll::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
.inspection .cont {
width: 100%;
margin: auto;
}
.inspection .cont li {
width: 100%;
float: none;
clear: both;
margin: 0 0 20px 0;
}
.co_in {
margin: 0;
}
.co_in .cont {
width: 100%;
margin: 20px auto;
}
.co_in .cont li {
width: 100%;
float: none;
clear: both;
margin: 0 0 20px 0;
}
.co_in dd, .co_in dt {
float: none;
}
.co_in dl {
clear: both;
overflow: hidden;
}
.co_in dd {
text-align: center;
margin-bottom: 20px;
}
.co_in dt {
padding: 0;
text-align: left;
font-size: 20px;
font-weight: bold;
}
.co_in dt span {
font-size: 16px;
display: block;
border-top: 1px solid #ccc;
padding: 20px 0 0;
font-weight: normal;
}
.sankaku {
clear: both;
margin: 0 auto;
width: 0;
height: 0;
border: 40px solid transparent;
border-top: 40px solid #f7dfdf;
}
.staff .name {
margin: 2em 0em 0;
font-size: 130%;
font-weight: bold;
}
.staff .name02 {
margin: 2em 0em 0;
font-size: 130%;
font-weight: bold;
}
.staff .name03 {
margin: 2em 0em 0;
font-size: 130%;
font-weight: bold;
}
.staff #panel dt {
width: 100%;
margin: 2em auto 0;
}
.staff dd .tx, .staff dd .s_im {
display: block;
}
.staff dd .tx {
width: 100%;
float: none;
}
.staff dd .s_im {
float: none;
padding-top: 10px;
}
.company .shop-photo .col-sm-3 {
padding: 0;
margin: 5px 5px 0 0;
width: 100%;
}
.company .shop-photo .col-sm-4 {
padding: 0;
margin: 5px 5px 0 0;
width: 100%;
}
.btnarea .col-sm-3 {
margin: 1.5em 0 1em -1em !important;
}
.bannerSale img {
display: none !important;
}
#formmaler .form_left {
float: left;
font-weight: bold;
background: #f1f1f1;
line-height: 1.5;
width: 100%;
margin-left: 0;
padding: 10px;
clear: left;
}
#formmaler .form_left span {
color: red;
font-size: 20px;
}
#formmaler .form_right {
float: left;
margin-left: 10px;
padding: 5px 0;
width: 100%;
}
.ShopNew_Head h2 {
min-height: 230px;
}
.ShopNew_Head h2 img {
height: 230px;
object-fit: cover;
}
.ShopNew_Head h3 {
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: 140px !important;
}
.ShopNew_Head h3 span::first-line {
font-size: 13px !important;
}
.ShopNew_Head h3 img {
max-width: 120px;
}
.ShopNew_Head h2::after {
clip-path: none;
right: 0;
}
.ShopNew_Main dl {
display: block;
}
.ShopNew_Main dl dt {
margin: 0 30px 20px 0;
}
.ShopNew_Main dl:nth-child(2) {
display: flex;
flex-wrap: wrap-reverse;
}
.ShopNew_Main dl:nth-child(2) dt {
margin: 0 0 20px 30px;
}
.DivLink {
margin: 0 0 80px;
}
.ShopNew_Main .swiper-container {
width: 75%;
}
.ShopNew_Main .swiper-container .swiper-button-prev {
left: -40px;
}
.ShopNew_Main .swiper-container .swiper-button-next {
right: -40px;
}
.ShopNew_Main .shop_info {
display: block;
}
.ShopNew_Main .shop_info table {
width: 90%;
margin: 0 auto 30px;
}
.ShopNew_Main .shop_info table th, .ShopNew_Main .shop_info table td {
display: block;
width: 100%;
}
.ShopNew_Main .shop_info iframe {
max-width: 100%;
}
.marc_logo {
margin-top: 0;
max-width: 200px !important;
}
.link_list ul {
display: block;
text-align: center;
}
.link_list img {
max-width: 230px;
margin: auto;
}
.link_title {
width: 100%;
text-align: center;
margin: 10px 0;
}
.left_contents.link_in {
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.left_contents.link_in ul {
width: 100%;
flex-basis: 50%;
}
.left_contents.link_in li {
width: 100%;
}
.page_header_outer {
margin: 50px auto 50px;
}
}
@media screen and (min-width: 300px) and (max-width: 650px) {
.top_bnr_area .shop_area li, .top_bnr_area .shop_area li img {
margin: 0 0 10px 0 !important;
width: 100%;
padding: 0 30px;
}
.right_menu figcaption h3 {
text-align: center;
margin-top: 1.5em;
}
.foot_mn_l {
float: none;
clear: both;
overflow: hidden;
margin: 20px 0 0 10px;
}
.foot_mn_l ul {
width: 250px;
float: none;
clear: both;
line-height: 1.8;
overflow: hidden;
}
.foot_mn_r {
float: none;
clear: both;
overflow: hidden;
max-width: 200px;
padding-top: 30px;
margin: auto !important;
}
.shop_bar {
width: 100%;
font-size: 16px;
line-height: 3;
}
.shop_img {
width: 100%;
}
.shop_btn .btn {
width: 100%;
font-size: 15px;
}
.shop_btn .btn-wrapper {
display: inline-block;
margin: 20px 5px;
padding: 0 !important;
}
.shop_bar .sp_br {
display: none;
}
.btnarea .col-sm-3 {
margin: 1.5em 0 1em 0em !important;
}
}
@media screen and (min-width: 1000px) {
header .spmenu {
display: none;
}
header h1.sp {
display: none;
}
header h1.pc {
display: block;
}
#sp_top .slider {
display: none !important;
}
}
@media screen and (max-width: 1300px) {
.ShopNew_Head h3 {
top: 8vw;
}
.ShopNew_Main .swiper-container .swiper-button-prev {
left: -50px;
}
.ShopNew_Main .swiper-container .swiper-button-next {
right: -50px;
}
} .inter {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}
.zen-maru-gothic-regular {
font-family: "Zen Maru Gothic", sans-serif;
font-style: bold;
}
.rounded-mplus {
font-family: "Rounded Mplus 1c", sans-serif;
font-style: bold;
}
.noto-sans-jp {
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-style: normal;
} .pc {
display: block;
}
.sp {
display: none;
}
a img:hover {
opacity: 0.8;
transition: 0.5s;
}
a:hover {
text-decoration: none !important;
opacity: 0.8;
transition: 0.5s;
}
.head_redline {
background-color: var(--subColor);
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
.head_redline h1 {
white-space: nowrap;
font-size: 13px;
color: #fff;
text-align: left;
font-weight: normal;
padding: 10px;
width: 100%;
}
.head_redline ul {
display: flex;
gap: 45px;
padding-right: 20px;
list-style: none;
margin: 0;
white-space: nowrap;
}
.head_redline ul li {
font-size: 14px;
width: 100%;
}
.head_redline ul li a {
position: relative;
display: inline-block;
color: #fff;
}
.head_redline ul li a::before, .head_redline ul li a::after {
content: "";
position: absolute;
top: calc(50% - 0.5px);
right: 0;
width: 6px;
height: 3px;
border-radius: 9999px;
background-color: #ffffff;
transform-origin: calc(100% - 0.5px) 50%;
left: -15px;
}
.head_redline ul li a::before {
transform: rotate(45deg);
}
.head_redline ul li a::after {
transform: rotate(-45deg);
}
.topmenu {
flex-wrap: wrap;
}
.topmenu .contact_area {
flex: 1;
display: flex;
justify-content: end;
align-items: center;
gap: 20px;
padding-right: 20px;
}
.topmenu .head_btn {
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
height: 55px;
font-size: 16px;
font-weight: bold;
white-space: nowrap;
}
.topmenu .head_btn a {
color: #fff;
}
.topmenu .head_btn a:hover {
text-decoration: none !important;
opacity: 0.7;
transition: 0.5s;
}
.topmenu .head_btn img {
width: 20px;
}
.topmenu .mailbox {
background-color: var(--subColor);
}
.topmenu .linebox {
background-color: #06C755;
}
.topmenu .linebox img {
width: 25px;
}
.topmenu .telbox {
font-size: 14px;
text-align: center;
white-space: nowrap;
}
.topmenu .telbox span {
font-family: "Inter", sans-serif;
font-size: 33px;
font-weight: 700;
line-height: 30px;
padding: 0 0 0 5px;
color: #222;
}
.header_nav {
width: 100%;
flex-basis: 100%;
background: #444;
padding: 20px 0;
}
.pcmenu .sub-menu {
position: absolute;
z-index: 10;
width: 15%;
right: 25%;
margin-top: 20px;
}
.pcmenu .sub-menu li {
border: 3px solid #ccc;
border-top: none;
width: 100%;
}
.pcmenu .sub-menu li:first-child {
border-top: 3px solid #ccc;
}
.pcmenu .sub-menu li a {
background-color: rgba(255, 255, 255, 0.8);
padding: 1em !important;
width: 100%;
color: #222 !important;
}
.pcmenu .sub-menu li a:hover {
color: #222;
background-color: rgba(255, 255, 255, 0.9) !important;
opacity: 1;
}
.pcmenu li a:hover {
opacity: 0.6;
}
.menu-title {
display: inline-flex;
align-items: center;
text-decoration: none;
}
.menu-title .menu_arrow {
display: inline-block;
width: 10.4px;
height: 9.7px;
margin-left: 5px;
position: relative;
transition: transform 0.3s ease;
margin-left: 10px;
}
.menu-title .menu_arrow::before, .menu-title .menu_arrow::after {
content: "";
position: absolute;
bottom: 0;
left: calc(50% - 1.5px);
width: 3px;
height: 10px;
border-radius: 9999px;
background-color: #d72226;
transform-origin: 50% calc(100% - 1.5px);
transition: transform 0.3s ease;
}
.menu-title .menu_arrow::before {
transform: rotate(45deg);
}
.menu-title .menu_arrow::after {
transform: rotate(-45deg);
}
.menu-title:hover .menu_arrow {
transform: rotate(180deg);
} header.fix-menu li a {
color: #333 !important;
}
.fix-menu {
position: fixed;
top: 0;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
height: auto;
z-index: 10001;
width: 100%;
background: rgba(255, 255, 255, 0.9);
list-style: none;
overflow: visible;
}
.fix-menu ul {
width: 1000px;
margin: auto !important;
gap: 2.5vw !important;
}
.fix-menu li {
padding: 0 9px;
}
.fix-menu li.active {
border-left: 1px solid #DDD;
}
.fix-menu li.active a {
padding-bottom: 5px;
}
.fix-menu li.active strong {
margin-top: -5px;
}
.fix-menu li a {
display: block;
padding: 10px 15px;
text-align: center;
text-decoration: none;
color: #333;
}
.fix-menu li a span {
display: block;
margin: 3px 0 0 0;
color: #959595;
text-transform: uppercase;
font-size: 80%;
letter-spacing: 1px;
}
.fix-menu li a:hover {
background: #dbdbdb;
} .scrollnav .sub-menu {
display: none;
transition: transform 0.3s ease !important;
margin: 0;
padding: 0;
}
.scrollnav .sub-menu li {
border: 3px solid #ccc !important;
border-top: none !important;
width: 100%;
transition: transform 0.3s ease;
padding: 0 !important;
}
.scrollnav .sub-menu li:first-child {
border-top: 3px solid #ccc !important;
}
.scrollnav .sub-menu li a {
background-color: rgba(255, 255, 255, 0.8);
padding: 1em 10px !important;
width: 100%;
color: #222 !important;
text-align: left !important;
}
.scrollnav .sub-menu li a:hover {
color: #222;
background-color: white !important;
}
header.top_renewal {
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
}
header.top_renewal.fix-menu {
height: 85px;
}
header.top_renewal.fix-menu h1 {
width: 65% !important;
}
header.top_renewal .logo_box {
display: flex;
justify-content: flex-start;
align-items: center;
}
header.top_renewal .logo_box h1 {
width: 75%;
text-align: left;
margin: 10px 15px 15px;
}
header.top_renewal .logo_box h1 img {
min-width: 170px;
}
header.top_renewal .information {
display: flex;
justify-content: center;
align-items: center;
gap: 4vw;
}
header.top_renewal .information li {
font-size: 16px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 600;
white-space: nowrap;
}
header.top_renewal .information li a {
display: inline-block;
padding-bottom: 4px;
color: #fff;
position: relative;
text-decoration: none;
}
header.top_renewal .information li a::after {
background-color: var(--subColor);
bottom: 0;
content: "";
display: block;
height: 3px;
left: 0;
position: absolute;
transition: 0.5s all;
width: 0;
}
header.top_renewal .information li a:hover::after {
width: 100%;
} .top_renewal_sp_nav {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
border: none;
position: absolute;
}
.top_renewal_sp_nav h1 {
width: 200px;
}
.top_renewal_sp_nav .head_icon {
display: flex;
position: absolute;
top: 20px;
right: 85px;
}
.top_renewal_sp_nav .head_icon li {
width: 40px;
margin: 0 4px;
}
@media screen and (min-width: 1000px) {
.top_renewal_sp_nav .head_icon {
display: none;
}
}
.top_renewal_sp_nav .spmenu_btn_wrap:before {
content: "";
background: #fff;
width: 50px;
height: 50px;
display: block;
top: 10px;
right: 5px;
position: absolute;
border-radius: 100px;
}
@media screen and (min-width: 1000px) {
.top_renewal_sp_nav .spmenu_btn_wrap:before {
display: none;
}
}
.top_renewal_sp_nav .spmenu_btn_fixed {
position: fixed;
top: 10px;
right: 10px;
z-index: 9999;
}
.top_renewal_sp_nav .spmenu {
background: #fff;
height: 85vh;
top: 0;
right: 20px;
overflow-y: scroll;
z-index: 9998;
display: none;
position: fixed;
}
.top_renewal_sp_nav .spmenu div.head_icon {
position: relative;
display: flex;
justify-content: center;
align-items: center;
right: 0;
top: 0;
margin: 0 0 10px;
}
.top_renewal_sp_nav .spmenu div.head_icon p {
width: 35px;
margin-right: 8px;
}
.top_renewal_sp_nav .spmenu .menutop {
text-align: center;
display: block;
padding: 8px 5px 5px;
}
.top_renewal_sp_nav .spmenu .menutop img {
width: 230px;
margin-left: -35px;
}
.top_renewal_sp_nav .spmenu ol li a {
color: #444;
border-bottom: none;
border-bottom: 1px solid #ccc;
padding: 15px 15px 15px 25px;
background: #f5f5f5;
}
.top_renewal_sp_nav .spmenu address {
background: #EEE;
padding: 25px 10px 60px;
}
.top_renewal_sp_nav .spmenu address p {
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
line-height: 1.3;
text-align: center;
font-weight: bold;
}
.top_renewal_sp_nav .spmenu address p .footer_logo {
width: 70px;
}
.top_renewal_sp_nav .spmenu address p .footer_sns {
width: 30px;
margin: 10px 5px 0;
}
.gmap {
width: 175px;
margin: 10px auto 0;
}
.gmap a {
background: #fff;
border: 1px solid #999;
border-radius: 100px;
display: block;
padding: 0 0 10px;
font-weight: normal;
}
.gmap a:before {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer_googlemap.png) no-repeat bottom 0 right 10px;
width: 35px;
height: 25px;
display: inline-block;
background-size: auto;
}
.menu-overlay {
position: fixed;
top: calc(75vh + 70px); left: 0;
width: 100%;
height: 20vh;
background: rgba(0, 0, 0, 0.5); z-index: 1000;
display: none;
}
.accordion .accordion-menu a {
font-family: "Noto Sans JP", sans-serif;
font-size: 17px;
font-weight: 600;
padding: 30px 45px 30px 20px;
color: #444;
border-bottom: 1px solid #ccc;
}
.accordion .accordion-menu a:after {
content: "";
width: 10px;
height: 10px;
border: 0;
border-top: solid 3px var(--subColor);
border-right: solid 3px var(--subColor);
transform: rotate(45deg);
position: absolute;
top: 0;
right: 30px;
bottom: 0;
margin: auto;
}
.accordion .accordion-topmenu {
font-family: "Noto Sans JP", sans-serif;
background: var(--subColor);
color: #fff;
font-size: 17px;
font-weight: 600;
padding: 30px 45px 30px 20px;
display: flex;
}
.accordion .accordion-topmenu:before {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer_icon1.png) no-repeat center left;
width: 27px;
height: 27px;
display: block;
background-size: contain;
}
.accordion .accordion-topmenu a {
border: none;
color: #fff;
display: block;
padding: 0 0 0 15px;
}
.accordion .accordion-topmenu a:after {
content: "";
width: 10px;
height: 10px;
border: 0;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
transform: rotate(45deg);
position: absolute;
top: 0;
right: -15px;
bottom: 0;
margin: auto;
}
.accordion .accordion-bottommenu {
border: 2px solid var(--subColor);
margin: 20px;
font-size: 17px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 600;
text-align: center;
padding: 5px 0;
}
.accordion .accordion-bottommenu a {
color: var(--subColor);
border-bottom: none;
}
.accordion-content {
display: none;
}
.accordion-content ol li a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 1px #555;
border-right: solid 1px #555;
transform: rotate(45deg);
position: absolute;
top: 0;
right: 30px;
bottom: 0;
margin: auto;
}
.accordion-header {
background-color: #FFF;
padding: 30px 45px 30px 20px;
margin: 0;
transition: background 0.3s ease;
cursor: pointer;
position: relative;
border-bottom: 1px solid #ccc;
}
.accordion-header span {
font-family: "Noto Sans JP", sans-serif;
font-size: 17px;
font-weight: 600;
color: #444;
}
.accordion-header::before, .accordion-header::after {
position: absolute;
content: "";
top: 1px;
right: 25px;
bottom: 0;
width: 15px;
height: 3px;
margin: auto;
background: var(--subColor);
}
.accordion-header::after {
transform: rotate(-90deg);
transition: transform 0.3s;
}
.accordion-header.active::after {
transform: rotate(0deg);
} .top_renewal.fix-menu ul {
width: 100%;
}
.top_renewal.fix-menu ul li {
border: none;
height: auto;
}
.top_renewal.fix-menu ul li a {
padding: 0 0 4px 0;
}
.top_renewal.fix-menu ul li a:hover {
background: transparent;
} .footer_renewal {
border-top: 8px solid var(--subColor);
padding-top: 30px;
clear: both !important;
font-family: "Noto Sans JP", sans-serif !important;
}
.footer_renewal .inner {
width: 100%;
max-width: 1300px !important;
padding: 0 30px;
}
.footer_renewal .footer_flex {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.footer_renewal .button_left p {
border-radius: 5px;
font-size: 16px;
padding: 0;
display: flex;
align-items: center;
}
.footer_renewal .button_left p a {
display: flex;
width: 100%;
height: 100%;
color: inherit;
text-decoration: none;
align-items: center;
position: relative;
color: #fff;
padding: 20px 45px;
}
.footer_renewal .button_left p a:before {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/renewal/footer_icon1.png) no-repeat center left;
background-size: contain;
width: 25px;
height: 25px;
flex-shrink: 0;
margin-right: 10px;
display: inline-block;
}
.footer_renewal .button_left p a:after {
display: none;
}
.footer_renewal .button_left p:before {
display: none;
}
.footer_renewal .button_left p:hover {
background-color: var(--subColor);
transition: 0.5s;
}
.footer_renewal .button_left p:hover a {
color: #fff;
}
.footer_renewal .button_right {
display: flex;
justify-content: center;
align-items: center;
gap: 0 20px;
}
.footer_renewal .button_right p {
border: 3px solid #ccc;
padding: 10px 30px;
border-radius: 100px;
font-weight: 600;
font-size: 13px;
display: flex;
align-items: center;
height: 65px;
}
.footer_renewal .button_right p:hover {
background-color: #eee;
transition: 0.5s;
}
.footer_renewal .button_right p a {
display: flex;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
color: inherit;
}
.footer_renewal .button_right p:nth-child(1) {
font-size: 16px;
}
.footer_renewal .button_right p:nth-child(1):before {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer_icon2.png) no-repeat center left;
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
margin: 0 5px;
}
.footer_renewal .button_right p:nth-child(2) {
font-family: Rubik, Meiryo, sans-serif;
text-align: left;
}
.footer_renewal .button_right p:nth-child(2) a {
flex-direction: column;
align-items: flex-start;
line-height: 1.1;
}
.footer_renewal .button_right p:nth-child(2):before {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer_icon3.png) no-repeat center left;
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
margin: 0 5px;
}
.footer_renewal .button_right p:nth-child(2) span {
color: var(--subColor);
font-size: 22px;
}
.footer_renewal .footer_main div {
margin-top: 30px;
}
.footer_renewal .footer_main h2 {
position: relative;
padding: 10px 0;
border-bottom: 4px solid #E7E7E7;
font-size: 20px;
}
.footer_renewal .footer_main h2:before {
position: absolute;
bottom: -4px;
left: 0;
width: 200px;
height: 4px;
content: "";
background: var(--subColor);
}
.footer_renewal .footer_main h2:after {
content: "";
color: var(--subColor);
font-size: 12px;
font-weight: 900;
position: absolute;
right: 8px;
bottom: 8px;
}
.footer_renewal .footer_main .car_life, .footer_renewal .footer_main .company {
flex-basis: 47%;
}
.footer_renewal .footer_main .car_life .footer_flex, .footer_renewal .footer_main .company .footer_flex {
padding: 20px;
margin: 0 30px;
}
.footer_renewal .footer_main .car_life .footer_flex li, .footer_renewal .footer_main .company .footer_flex li {
width: calc(90% / 2);
font-size: 16px !important;
line-height: 1.2;
margin: 10px 0;
text-indent: 0em;
padding: 0 10px 0 1em;
}
.footer_renewal .footer_main .car_life .footer_flex li a, .footer_renewal .footer_main .company .footer_flex li a {
position: relative;
display: inline-block;
font-weight: 500;
}
.footer_renewal .footer_main .car_life .footer_flex li a:hover, .footer_renewal .footer_main .company .footer_flex li a:hover {
color: var(--subColor);
opacity: 1;
}
.footer_renewal .footer_main .car_life .footer_flex li a::before, .footer_renewal .footer_main .car_life .footer_flex li a::after, .footer_renewal .footer_main .company .footer_flex li a::before, .footer_renewal .footer_main .company .footer_flex li a::after {
content: "";
position: absolute;
top: calc(50% - 2px);
left: -25px;
width: 9px;
height: 3px;
border-radius: 9999px;
background-color: #de1616;
transform-origin: calc(100% - 2px) 50%;
}
.footer_renewal .footer_main .car_life .footer_flex li a::before, .footer_renewal .footer_main .company .footer_flex li a::before {
transform: rotate(45deg);
}
.footer_renewal .footer_main .car_life .footer_flex li a::after, .footer_renewal .footer_main .company .footer_flex li a::after {
transform: rotate(-45deg);
}
.footer_renewal .footer_main .car_life h2:after {
content: "ABOUT CAR LIFE";
}
.footer_renewal .footer_main .company h2:after {
content: "ABOUT COMPANY";
}
.footer_renewal .footer_main .stores_infomation h2:after {
content: "ALL STORES INFORMATION";
}
.footer_renewal .stores_infomation {
padding-bottom: 20px;
}
.footer_renewal .stores_infomation .stores {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 1em;
padding: 0 15px;
}
.footer_renewal .stores_infomation .stores dl {
display: flex;
justify-content: space-between;
height: 100%;
flex: 1 1 48%;
box-sizing: border-box;
}
.footer_renewal .stores_infomation .stores dl dt {
flex-basis: 38%;
}
.footer_renewal .stores_infomation .stores dl dt h3 {
margin: 15px 0 5px;
font-size: 16px;
font-weight: 600;
}
.footer_renewal .stores_infomation .stores dl dt p {
font-size: 14px;
font-weight: 400;
}
.footer_renewal .stores_infomation .stores dl dd {
flex: 1;
padding: 0 15px;
}
.footer_renewal .stores_infomation .stores dl dd h3 {
margin-bottom: 8px;
}
.footer_renewal .stores_infomation .stores dl dd p {
line-height: 1.5;
color: #333;
}
.footer_renewal .stores_infomation .stores dl dd .gmap {
margin: 10px 5px;
}
.footer_renewal .stores_infomation .stores dl dd .gmap a {
padding: 0 0 8px 20px;
}
.footer_renewal .stores_infomation .stores dl dd .gmap a:hover {
background: #eee;
}
.footer_renewal .stores_infomation .stores .buttan_02 {
width: 100%;
font-size: 13px;
white-space: nowrap;
}
.footer_renewal .footer_address {
background: #EEEEEE;
padding: 30px 0 30px;
margin: 15px 0 0;
}
.footer_renewal .footer_address .footer_flex {
align-items: center;
}
.footer_renewal .footer_address .footer_flex address {
display: flex !important;
}
.footer_renewal .footer_address .footer_flex .sns {
margin-left: 20px;
}
.footer_renewal .footer_address .footer_flex .sns a {
margin: 0 0 0 5px;
display: inline-block;
padding: 15px 0 0;
}
.footer_renewal .footer_address .footer_flex .footer_button {
display: flex;
}
.footer_renewal .footer_address .footer_flex .footer_button dl {
margin: 0 10px;
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);
}
.footer_renewal .footer_address .footer_flex .footer_button dl a {
background: #fff;
display: flex;
flex-wrap: nowrap;
border-radius: 5px;
align-items: center;
padding: 6px 40px 5px 5px;
position: relative;
}
.footer_renewal .footer_address .footer_flex .footer_button dl a:before {
content: "";
width: 18px;
height: 18px;
background: var(--subColor);
border-radius: 50%;
position: absolute;
top: 0;
right: 7px;
bottom: 0;
margin: auto;
}
.footer_renewal .footer_address .footer_flex .footer_button dl a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(45deg);
position: absolute;
top: 0;
right: 13px;
bottom: 0;
margin: auto;
}
.footer_renewal .footer_address .footer_flex .footer_button dl dd {
font-size: 13px;
font-weight: 600;
line-height: 1.2;
}
.footer_renewal .footer_address .footer_flex .footer_button dl dd h2 {
font-size: 17px;
}
.footer_renewal .footer_address .footer_flex .footer_button dl dt img {
width: 50px !important;
}
.footer_renewal .footer_address .gmap {
position: absolute;
top: -10px;
padding: 0 0 0 10px;
width: 150px;
}
.footer_renewal .footer_address .gmap a {
text-align: center;
font-size: 13px;
}
.footer_renewal .footer_address .gmap a:before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer_googlemap.png) no-repeat bottom 0 right 5px;
width: 35px;
height: 25px;
margin-left: -20px;
}
.footer_renewal .footer_address .gmap a:hover {
background: #eee;
text-decoration: none;
color: #333;
}
.footer_renewal .footer_address address p {
position: relative;
line-height: 1.3;
margin: 0;
font-size: 14px;
}
.footer_renewal small {
color: #000;
display: block;
text-align: center;
font-size: 10px;
font-weight: 400;
padding: 15px 0;
} .right_fix {
position: fixed;
right: 0;
top: 45%;
transform: translateY(-50%);
z-index: 10001;
}
.right_fix .right_btn {
border-radius: 35px 0 0 35px;
padding: 15px 10px 15px 15px;
color: #fff;
background: gray;
margin-bottom: 10px;
text-decoration: none;
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.4);
}
.right_fix .right_btn:after {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/fast-forward.png) no-repeat center center;
background-size: contain;
display: block;
width: 17px;
height: 18px;
margin: 8px 0 0 35px;
}
.right_fix .right_btn a {
color: #fff;
text-decoration: none;
font-family: "Rounded Mplus 1c", sans-serif;
transform: rotate(0.03deg);
font-style: bold;
}
.right_fix .right_btn dt {
line-height: 1.2;
font-size: 13px;
text-align: right;
white-space: nowrap;
}
.right_fix .right_btn dt span {
display: block;
font-size: 20px;
}
.right_fix .right_btn dd {
text-align: center;
padding-left: 15px;
}
.right_fix .right_btn dd img {
width: 35px;
}
.right_fix .right_email {
background: var(--subColor);
}
.right_fix .right_email dd img {
width: 45px;
}
.right_fix .right_line {
background: #00C754;
}
.right_fix .right_line dt span {
letter-spacing: 1pt;
}
.right_fix .right_line dd {
margin-bottom: 8px;
}
.right_fix .right_line dd img {
width: 37px;
}
.right_fix .right_loan {
background: #444444;
}
.right_fix .right_loan dt {
letter-spacing: -0.5pt;
}
.right_fix .right_loan dd {
margin-bottom: 8px;
}
.right_fix .right_tel {
display: none;
}
@media (max-width: 768px) {
.right_tel {
display: block !important;
background: #F3A620 !important;
}
.right_tel dd {
padding-bottom: 9px;
}
.right_fix {
top: auto;
right: 0;
bottom: 0;
left: 0;
transform: none;
display: flex;
justify-content: center;
gap: 10px;
padding: 8px 0;
}
.right_fix .right_btn {
border-radius: 0;
margin-bottom: 0;
padding: 15px;
}
.sp_bottom {
display: flex;
flex-wrap: nowrap;
gap: 0 !important;
padding: 0;
margin: 0;
}
.sp_bottom dl {
width: 25%;
box-shadow: none !important;
position: relative;
}
.right_fix .right_btn dd {
padding-left: 0;
margin-bottom: 10px;
}
.right_fix .right_btn dd img {
width: 30px;
}
.right_fix .right_btn dt {
font-size: 3vw;
white-space: nowrap;
text-align: center;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, -10%);
line-height: 1;
}
.right_fix .right_btn::after {
display: none;
}
.right_fix .right_email dd img {
width: 40px !important;
}
}
@media (max-width: 500px) {
.right_fix .right_btn dt {
font-size: 3.6vw;
transform: translate(-50%, -50%);
}
} @media screen and (max-width: 1200px) {
header.top_renewal .information ul {
gap: 1.5vw !important;
}
header.top_renewal .information li {
font-size: 14px;
}
header .pcmenu .sub-menu {
right: 22%;
}
header.fix-menu ul {
gap: 1vw !important;
}
header.fix-menu ul li {
margin: 0 !important;
}
.footer_renewal .stores_infomation .stores {
justify-content: flex-start;
}
.footer_renewal small {
display: block;
text-align: center;
width: 100%;
}
}
@media screen and (max-width: 1100px) {
header.topmenu {
flex-direction: column;
}
.header_nav {
margin-top: 20px;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.right_fix {
width: 80px;
}
.right_fix .right_btn dt {
font-size: 11px;
}
}
@media screen and (max-width: 1000px) {
header.top_renewal {
display: none;
}
.head_redline {
display: none;
}
.top_spmenu {
height: 80px;
}
.top_spmenu h1 {
margin: 0 !important;
padding: 5px 5px;
width: 280px;
}
.spmenu_btn {
top: 22px !important;
}
.footer_renewal .stores_infomation .stores dl img {
width: revert-layer !important;
}
.footer_renewal .footer_address .footer_flex {
display: block;
}
.footer_renewal .footer_address .footer_flex address {
display: block !important;
text-align: center;
}
.footer_renewal .footer_address .footer_flex address img {
max-width: 250px;
}
.footer_renewal .footer_address .footer_flex .footer_button {
justify-content: center;
padding: 20px 0 0;
}
.footer_renewal .footer_address .footer_flex .sns {
margin: 0;
}
.footer_renewal .footer_address .footer_flex .sns a img {
max-width: 30px;
}
}
@media screen and (max-width: 900px) {
.footer_renewal .button_right {
display: none;
}
.footer_renewal .footer_main .footer_flex li {
font-size: 14px !important;
}
}
@media screen and (max-width: 768px) {
.pc {
display: none;
}
.sp {
display: block;
}
.footer_renewal {
padding-top: 0;
}
.footer_renewal .inner {
padding: 0 10px;
}
.footer_renewal .button_left {
flex-basis: 100%;
}
.footer_renewal .button_left p a {
justify-content: center;
}
.footer_renewal .footer_main .car_life, .footer_renewal .footer_main .company {
flex-basis: 100%;
}
.footer_renewal .footer_main .car_life .footer_flex, .footer_renewal .footer_main .company .footer_flex {
padding: 0px;
margin: 0px;
}
.footer_renewal .footer_main .car_life .footer_flex li, .footer_renewal .footer_main .company .footer_flex li {
position: relative;
padding: 0 0 0 10px;
margin: 0;
text-indent: 0;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
height: 70px;
width: calc(100% / 2);
}
.footer_renewal .footer_main .car_life .footer_flex li:nth-child(even), .footer_renewal .footer_main .company .footer_flex li:nth-child(even) {
border-right: 0px !important;
}
.footer_renewal .footer_main .car_life .footer_flex li:before, .footer_renewal .footer_main .company .footer_flex li:before {
right: 0;
position: absolute;
top: 24px;
}
.footer_renewal .footer_main .car_life .footer_flex li a, .footer_renewal .footer_main .company .footer_flex li a {
padding: 0 25px;
width: 100%;
height: 100%;
display: block flex;
justify-content: flex-start;
align-items: center;
font-size: 15px;
}
.footer_renewal .footer_main .car_life .footer_flex li a::before, .footer_renewal .footer_main .car_life .footer_flex li a::after, .footer_renewal .footer_main .company .footer_flex li a::before, .footer_renewal .footer_main .company .footer_flex li a::after {
left: 0;
}
.footer_renewal .footer_main h2::after {
font-size: 10px;
}
.footer_renewal .stores_infomation .stores dl {
flex: 0 0 100%;
margin: 0 0 10px;
}
.footer_renewal .stores_infomation .stores .buttan_02 {
white-space: break-spaces;
font-size: 10px;
height: 33px;
}
.footer_renewal .stores_infomation .stores .buttan_02 span {
display: none;
}
.footer_renewal .stores_infomation .stores dl dt h3 {
font-size: 14px;
margin: 10px 0 5px;
}
.footer_renewal .stores_infomation .stores dl dt p {
font-size: 11px;
}
.buttan_ytb {
background-size: 25%;
height: 33px;
}
.footer_renewal .stores_infomation .stores .buttan_02 {
margin: 10px 0 0;
}
.footer_renewal .stores_infomation {
padding-bottom: 0;
}
.footer_renewal .footer_address {
padding: 30px 0 95px;
}
.footer_renewal .footer_address .footer_flex address {
text-align: center;
}
.footer_renewal .footer_address address p {
font-size: 12px;
}
.footer_renewal .footer_address .footer_flex .footer_button {
flex-wrap: wrap;
}
.footer_renewal .footer_address .footer_flex .footer_button dl {
margin-bottom: 10px;
}
.footer_renewal .footer_address .gmap {
position: relative;
top: 0;
padding: 0 0 0 10px;
width: 150px;
display: block;
}
.footer_renewal .footer_address .sns {
text-align: center;
}
#page-top {
bottom: 190px !important;
width: 40px;
height: 40px;
}
#aime_fluent_chat {
bottom: 90px !important;
}
} html {
scroll-behavior: smooth;
}
body {
position: relative;
}
body::before {
content: "";
position: fixed;
inset: 0;
backdrop-filter: blur(15px);
z-index: 999;
pointer-events: none;
opacity: 1;
transition: opacity 1.4s ease;
}
body.loaded::before {
opacity: 0;
}
.inner {
max-width: 1300px !important;
margin: 0 auto !important;
}
.common_button {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
text-decoration: none;
color: #ffffff;
font-size: 18px;
border-radius: 5px;
max-width: 300px;
height: 70px;
font-weight: bold;
transition: 0.3s;
border-radius: 100px;
background-color: [object object];
background-image: linear-gradient(0deg, #a80001, #de0000);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
transition: 0.25s ease;
font-size: 16px;
padding: 0 35px;
}
.common_button::hover {
opacity: 0.5;
}
@media screen and (max-width: 768px) {
.common_button {
width: 90%;
}
}
.breadcrumb {
padding: 3px 10px;
}
@media screen and (max-width: 768px) {
.breadcrumb {
display: none;
}
}
[id] {
scroll-margin-top: 100px;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
.two_col_outer {
padding: 0 80px;
}
} .fade-up {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.fade-up.visible {
opacity: 1;
transform: translateY(0);
} .mainslider {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/slider_bg2.jpg) no-repeat center center;
background-size: cover;
padding-bottom: 10px;
}
@media screen and (max-width: 1000px) {
.mainslider {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/slider_bg2.jpg) no-repeat center center;
background-size: cover;
padding-bottom: 10px;
margin-top: 75px;
padding-top: 20px;
}
}
@media screen and (min-width: 1000px) {
.custom-arrow {
margin-top: 40px;
}
}
.slick-track {
display: flex !important;
}
.slider-for {
visibility: hidden;
}
.slider-for .slide {
margin: 0 -25px !important;
}
.slider-for .slide img {
width: 100%;
transform: scale(0.8);
transition: transform 0.3s;
}
.slider-for .slide img:hover {
opacity: 1;
}
.slider-for .slick-center img {
transform: scale(1);
}
.slider-nav {
display: flex;
justify-content: center;
gap: 5px 10px;
max-width: 1400px;
margin: 10px auto 0;
}
.slider-nav img {
width: 190px !important;
height: auto;
cursor: pointer;
opacity: 0.8;
transition: opacity 0.3s, border 0.3s;
}
@media screen and (max-width: 1300px) {
.slider-nav img {
width: 170px !important;
}
}
@media screen and (max-width: 1100px) {
.slider-nav img {
width: 140px !important;
}
}
.slider-nav img.active {
opacity: 1;
border: 2px solid #333;
}
.custom-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
padding: 0;
z-index: 20;
cursor: pointer;
}
.custom-arrow img {
width: 50px;
height: auto;
}
.slick-prev.custom-arrow {
left: 15%;
}
.slick-next.custom-arrow {
right: 15%;
} .slick-prev:before, .slick-next:before {
content: none !important;
}
.slick-prev, .slick-next {
width: 50px !important;
}
.slider-nav .slick-slide {
margin: 0 5px;
}
@media screen and (max-width: 900px) {
.custom-arrow img {
width: 35px;
}
.slick-prev.custom-arrow {
left: 5px;
}
.slick-next.custom-arrow {
right: 5px;
}
}
@media screen and (max-width: 890px) {
.slider-for .slide {
margin: 0 !important;
}
.slider-for .slide img {
transform: scale(1);
}
.slider-nav img {
width: 130px;
height: auto;
cursor: pointer;
opacity: 0.8;
transition: opacity 0.3s, border 0.3s;
}
.slider-nav.touch-scroll {
display: flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
gap: 5px;
padding-bottom: 5px;
margin-top: 10px;
justify-content: flex-start;
-ms-overflow-style: none;
scrollbar-width: none;
}
.slider-nav.touch-scroll::-webkit-scrollbar {
display: none;
}
.slider-nav.touch-scroll img {
flex: 0 0 auto;
width: 120px !important;
height: auto;
cursor: pointer;
opacity: 0.5;
transition: opacity 0.3s, border 0.3s;
}
.slider-nav.touch-scroll img.active {
opacity: 1;
border: 2px solid #333;
}
} .page_main_top .page_main_top_inner {
width: 100%;
padding: 50px 10vw 50px 8vw;
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 1000px) {
.page_main_top .page_main_top_inner {
padding: 90px 5vw 50px 5vw;
}
}
.page_main_top .page_main_top_inner h1 {
font-family: "Inter", sans-serif;
font-size: 38px;
color: var(--subColor);
line-height: 1.2;
}
.page_main_top .page_main_top_inner h1 span {
display: block;
font-family: "Rounded Mplus 1c", sans-serif;
transform: rotate(0.03deg);
color: #333;
font-size: 17px;
}
.page_main_top .breadcrumb span {
font-weight: bold;
} .top_secoond_view {
text-align: center;
padding: 120px 20px;
display: flex;
flex-flow: column;
}
.top_secoond_view span {
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 400;
color: var(--subColor);
letter-spacing: 1pt;
}
.top_secoond_view h2 {
max-width: 600px;
margin: 10px auto 50px;
}
.top_secoond_view p {
text-align: center;
font-size: 18px;
line-height: 1.8;
max-width: 620px;
margin: auto;
letter-spacing: 1pt;
}
@media screen and (max-width: 768px) {
.top_secoond_view {
padding: 80px 20px;
}
} .department {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/department_bg.png) no-repeat center center;
background-size: cover;
position: relative;
z-index: 1;
padding-bottom: 80px;
}
.department:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/japan.png) no-repeat center center;
background-size: contain;
pointer-events: none;
z-index: 2;
}
.department .department_title {
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
font-size: 28px;
background: #fff;
padding: 20px 30px;
margin: 20px 0;
display: inline-block;
border-radius: 0 5px 5px 0;
box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.3);
transform: rotate(0.03deg);
}
.department .department_title span {
font-family: "Inter", sans-serif;
font-size: 13px;
font-weight: 400;
color: var(--subColor);
letter-spacing: 1pt;
padding-left: 15px;
}
.department .inner {
display: flex;
justify-content: center;
align-items: center;
z-index: 4;
position: relative;
}
.department .department_detail {
position: relative;
z-index: 3;
margin-left: -20px;
display: flex;
flex-flow: column;
justify-content: flex-start;
align-items: baseline;
gap: 15px;
}
.department .department_detail dl {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.department .department_detail dl dt {
padding: 30px 200px 30px 80px;
border-radius: 0 100px 100px 0px;
margin-left: -60px;
color: #fff;
font-weight: bold;
position: relative;
width: 85%;
}
.department .department_detail dl dt h3 {
font-size: 22px;
display: inline-block;
margin-right: 5px;
white-space: nowrap;
}
.department .department_detail dl dt h3 .subnames {
display: inline;
}
.department .department_detail dl dt h3 span {
font-size: 13px;
padding: 5px 10px;
border-radius: 100px;
display: inline-block;
margin: 0 0 0 5px;
}
.department .department_detail dl dt ul {
margin: 10px 0;
}
.department .department_detail dl dt ul li {
list-style-type: disc;
list-style-position: inside;
font-size: 15px;
font-weight: normal;
padding-left: 1em;
text-indent: -1em;
}
.department .department_detail dl dt a.btn_detail {
position: absolute;
right: 0;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background: #262626;
width: 120px;
height: 120px;
border-radius: 120px;
text-align: center;
color: #fff;
padding: 50px 0 0;
box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.3);
}
.department .department_detail dl dt a.btn_detail:after {
content: "»";
right: 8px;
position: absolute;
font-size: 18px;
top: 45px;
}
.department .department_detail dl dt a.btn_detail:hover {
background: #D72226;
}
.department .department_detail dl dd {
z-index: 4;
}
.department .department_detail dl.detail_newcar dt {
background: linear-gradient(90deg, rgba(80, 61, 166, 0.8), rgba(185, 84, 155, 0.8));
}
.department .department_detail dl.detail_newcar dt h3 span {
background: #7B1EAA;
}
.department .department_detail dl.detail_oldcar dt {
background-image: linear-gradient(90deg, rgba(221, 105, 19, 0.8), rgba(233, 159, 33, 0.8));
}
.department .department_detail dl.detail_oldcar dt h3 span {
background: #B86527;
}
.department .department_detail dl.detail_lease dt {
background-image: linear-gradient(90deg, rgba(183, 32, 29, 0.8), rgba(224, 103, 95, 0.8));
}
.department .department_detail dl.detail_lease dt h3 span {
background: #B53126;
}
@media screen and (max-width: 1300px) {
.department .inner p:nth-child(1) {
flex-basis: 20%;
margin-left: 10px;
}
.department .inner p:nth-child(2) {
flex-basis: 7%;
}
.department .department_detail {
margin-right: 70px;
}
.department .department_detail dl dd {
width: 180px;
}
}
@media screen and (max-width: 1050px) {
.department {
padding-bottom: 20px;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/department_bg_sp.png) no-repeat center center;
background-size: cover;
}
.department:before {
background-size: auto !important;
}
.department .inner {
display: block;
}
.department .inner p {
text-align: center;
}
.department .inner p:nth-child(1) {
width: 300px;
margin: auto;
}
.department .inner p:nth-child(2) {
display: none;
}
.department .department_detail {
margin: auto !important;
}
.department .department_detail dl {
display: block;
width: 97%;
margin: auto;
max-width: 550px;
}
.department .department_detail dl dt {
padding: 25px;
border-radius: 20px;
margin: 0 auto 40px;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.department .department_detail dl dt a.btn_detail {
position: relative;
width: 145px;
display: block;
border-radius: 50px;
padding: 5px;
height: 35px;
top: 0;
right: 0;
margin: auto;
transform: inherit;
-webkit-transform: inherit;
-ms-transform: inherit;
}
.department .department_detail dl dt a.btn_detail:after {
content: "»";
right: -50px;
position: relative;
font-size: 18px;
top: -25px;
display: block;
}
.department .department_detail dl dt ul {
margin: 10px auto 20px;
}
.department .department_detail dl dt ul li {
font-size: 16px;
}
.department .department_detail dl dt h3 {
white-space: wrap;
display: flex;
flex-direction: column;
align-items: center;
font-size: 30px;
}
.department .department_detail dl dt h3.subnames {
display: flex;
gap: 2px;
margin-top: 5px;
}
.department .department_detail dl dt h3.subnames span {
white-space: nowrap;
}
.department .department_detail dl dd {
width: 120px;
position: absolute;
top: -50px;
}
dl.detail_newcar dd {
right: 0;
}
dl.detail_oldcar dd {
left: 0;
}
dl.detail_lease dd {
right: 0;
}
}
@media screen and (max-width: 768px) {
.department .department_detail dl dt {
width: 100%;
}
.department .department_detail dl dd {
width: 100px;
}
} .top_company {
display: flex;
justify-content: space-between;
align-items: center;
padding: 120px 0;
}
.top_company .photo {
flex-basis: 45%;
}
.top_company .detail_company {
margin: 0 80px;
flex-basis: 55%;
}
.top_company h2 {
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
font-size: 30px;
letter-spacing: 1pt;
position: relative;
margin-left: 45px;
transform: rotate(0.03deg);
}
.top_company h2:before {
content: "";
display: inline-block;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_q.png) no-repeat center center;
width: 35px;
height: 35px;
background-size: contain;
position: absolute;
top: 3px;
left: -45px;
}
.top_company h2 span {
color: var(--subColor);
}
.top_company h3 {
font-weight: bold;
position: relative;
border-bottom: solid 5px #fff;
font-size: 24px;
margin: 20px 0 25px;
}
.top_company h3::after {
position: absolute;
content: "";
display: block;
border-bottom: solid 4px var(--subColor);
bottom: -10px;
width: 24%;
}
.top_company p {
font-size: 16px;
line-height: 1.8;
padding-right: 50px;
}
.top_company .btn_area {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 15px;
margin-top: 30px;
}
@media screen and (max-width: 768px) {
.top_company {
flex-flow: column-reverse;
}
.top_company p {
padding-right: 0px;
}
.top_company h2 {
font-size: 25px;
}
.top_company h3 {
font-size: 22px;
}
.top_company .detail_company {
flex-basis: 100%;
padding: 0 20px;
margin: 0;
}
.btn_area {
flex-flow: column;
margin: 0 0 50px;
}
} .top_merit {
background-color: #FFF2DF;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_merit_bg1.png), url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_merit_bg2.png);
background-position: left top, right top;
background-repeat: no-repeat, no-repeat;
background-size: 30%, 30%;
padding-bottom: 100px;
}
.top_merit .top_merit_bg {
position: relative;
}
.top_merit .top_merit_bg span {
position: absolute;
z-index: 0;
top: 5%;
left: 50%;
transform: translate(-50%, -5%);
-webkit-transform: translate(-50%, -5%);
-ms-transform: translate(-50%, -5%);
}
.top_merit .top_merit_bg h3 {
position: relative;
z-index: 5;
margin: auto;
text-align: center;
padding: 100px 0 0;
}
.top_merit .top_merit_detail {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: -20px;
}
.top_merit .top_merit_detail .movie {
flex-basis: 42%;
text-align: center;
}
.top_merit .top_merit_detail .movie img {
padding: 20px;
}
.top_merit .top_merit_detail .merit_box {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin: 0 40px 30px;
}
.top_merit .top_merit_detail .merit_box dl {
flex-basis: 48%;
border: 2px solid #222;
border-radius: 5px;
background: #fff;
padding: 30px 20px;
position: relative;
}
.top_merit .top_merit_detail .merit_box dl dt {
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
font-size: 18px !important;
color: var(--subColor);
margin-bottom: 5px;
}
.top_merit .top_merit_detail .merit_box dl dt:before {
content: "";
display: block;
width: 70px;
height: 30px;
position: absolute;
top: -15px;
right: 8px;
}
.top_merit .top_merit_detail .merit_box dl dd {
font-size: 15px;
font-weight: 600;
}
.top_merit .top_merit_detail .merit_box dl.merit1 {
box-shadow: 8px 5px 0px 0px #d72226;
}
.top_merit .top_merit_detail .merit_box dl.merit1 dt:before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_merit1.png) no-repeat center center;
background-size: contain;
}
.top_merit .top_merit_detail .merit_box dl.merit2 {
box-shadow: 8px 5px 0px 0px #f3a620;
}
.top_merit .top_merit_detail .merit_box dl.merit2 dt:before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_merit2.png) no-repeat center center;
background-size: contain;
}
.top_merit .top_merit_detail .merit_box dl.merit3 {
box-shadow: 8px 5px 0px 0px #d72226;
}
.top_merit .top_merit_detail .merit_box dl.merit3 dt:before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_merit3.png) no-repeat center center;
background-size: contain;
}
.top_merit .top_merit_detail .merit_box dl.merit4 {
box-shadow: 8px 5px 0px 0px #f3a620;
}
.top_merit .top_merit_detail .merit_box dl.merit4 dt:before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_merit4.png) no-repeat center center;
background-size: contain;
}
.top_merit .common_button {
text-align: center;
margin: 50px auto 0;
}
.youtube {
width: 100%;
aspect-ratio: 1.7777777778;
}
.youtube iframe {
width: 100%;
height: 100%;
}
@media screen and (max-width: 1400px) {
.top_merit .top_merit_detail {
padding: 0 50px;
align-items: baseline;
}
.top_merit .top_merit_detail .merit_box {
align-items: stretch;
gap: 15px;
}
}
@media screen and (max-width: 1000px) {
.top_merit .top_merit_detail {
display: block;
}
.top_merit .top_merit_detail .merit_box {
gap: 15px;
padding-top: 50px;
}
}
@media screen and (max-width: 600px) {
.top_merit .top_merit_bg span {
width: 100%;
}
.top_merit .top_merit_bg h3 {
padding: 90px 25px 20px;
}
.top_merit .top_merit_detail {
padding: 0;
}
.top_merit .top_merit_detail .merit_box {
display: block;
margin: 0 20px 30px;
}
.top_merit .top_merit_detail .merit_box dl {
margin-bottom: 20px;
}
} .top_point {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_bg.png) no-repeat center bottom;
background-size: contain;
width: 100%;
padding: 120px 0;
}
.top_point .top_point_box {
display: flex;
justify-content: center;
align-items: stretch;
gap: 20px;
}
.top_point .top_point_box dl {
border: 2px solid #222;
border-radius: 8px;
padding: 30px 20px;
background: #fff;
font-weight: bold;
position: relative;
z-index: 2;
}
.top_point .top_point_box dl dt h3 {
text-align: center;
font-size: 19px;
line-height: 1.2;
z-index: 5;
position: relative;
}
.top_point .top_point_box dl dt h3 span {
color: var(--subColor);
font-size: 30px;
}
.top_point .top_point_box dl dt h3 span b {
font-family: "Inter", sans-serif;
font-weight: 700;
font-size: 50px;
}
.top_point .top_point_box dl dt img {
width: 100%;
margin: 20px 0;
display: block;
height: 250px;
object-fit: cover;
}
.top_point .top_point_box dl dd {
font-size: 18px;
padding: 5px;
}
.top_point .top_point_box dl dd span {
color: var(--subColor);
}
.top_point .top_point_box dl:before {
content: "";
display: block;
width: 100px;
height: 110px;
position: absolute;
top: -15px;
left: -15px;
z-index: 3;
}
.top_point .top_point_box dl.top_point1::before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_1.jpg) no-repeat center center;
background-size: contain;
}
.top_point .top_point_box dl.top_point2::before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_2.jpg) no-repeat center center;
background-size: contain;
}
.top_point .top_point_box dl.top_point3::before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_3.jpg) no-repeat center center;
background-size: contain;
}
@media screen and (max-width: 1400px) {
.top_point {
padding: 120px 50px;
}
.top_point .top_point_box dl::before {
background-size: 85% !important;
left: -25px;
}
}
@media screen and (max-width: 1200px) {
.top_point .top_point_box dl::before {
background-size: 65% !important;
left: -25px;
top: -30px;
}
}
@media screen and (max-width: 1000px) {
.top_point {
padding: 30px 0;
background-image: none !important;
}
.top_point_box {
display: block !important;
position: relative !important;
}
.top_point_box::before {
content: "";
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
width: 600px;
height: 500px;
background-color: #F3A620;
border-radius: 50%;
z-index: 0; box-shadow: 0 660px 0 0 #F3A620, 0 1275px 0 0 #F3A620;
}
.top_point .top_point_box dl {
max-width: 400px;
margin: 30px auto 50px;
}
.top_point .top_point_box dl.top_point1::after {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_car_sp.png) no-repeat center center;
background-size: contain;
width: 90px;
height: 90px;
position: absolute;
top: -63px;
right: 0;
}
.top_point .top_point_box dl.top_point2::after {
content: "";
transform: scaleX(-1);
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_car_sp.png) no-repeat center center;
background-size: contain;
width: 90px;
height: 90px;
position: absolute;
top: -63px;
left: 115px;
}
.top_point .top_point_box dl.top_point3::after {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_car_sp.png) no-repeat center center;
background-size: contain;
width: 90px;
height: 90px;
position: absolute;
top: -63px;
right: 0;
}
.top_point .top_point_box dl::before {
background-size: 80% !important;
}
} .top_lp_banner .top_lp01 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_lp_bg1.jpg) no-repeat center center;
background-size: cover;
clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
padding: 100px 0 150px;
margin-bottom: -9%;
}
.top_lp_banner .top_lp02 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_lp_bg2.jpg) no-repeat center center;
background-size: cover;
clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
padding: 150px 0 100px;
}
.top_lp_banner .top_lp_cont {
display: flex;
justify-content: space-between;
align-items: center;
}
.top_lp_banner .top_lp_cont .top_lp_box {
position: relative;
padding: 0 35px;
}
.top_lp_banner .top_lp_cont .top_lp_box h3 {
font-family: "Inter", sans-serif;
font-size: 35px;
font-weight: 700;
letter-spacing: 0.5pt;
color: #fff;
}
.top_lp_banner .top_lp_cont .top_lp_box p {
font-size: 20px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
transform: rotate(0.03deg);
}
.top_lp_arrow {
position: absolute;
right: 0;
top: 50%;
width: 50px;
height: 50px;
background: #fff;
border-radius: 50%;
transform: translateY(-50%);
}
.top_lp_arrow::before {
content: "";
position: absolute;
right: 21px;
top: 50%;
width: 11px;
height: 11px;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
transform: translateY(-50%) rotate(-45deg);
z-index: 5;
}
.top_lp01 .top_lp_arrow {
right: 0;
left: -3em;
transform: scale(-1, 1);
top: 25px;
background: #F3A620;
}
.top_lp02 .top_lp_arrow {
left: 24em;
right: 0;
background: #D72226;
}
@media screen and (max-width: 1300px) {
.top_lp_banner .top_lp_cont {
padding: 0 50px;
}
.top_lp_banner .top_lp_cont p.image_box {
flex-basis: 55%;
}
}
@media screen and (max-width: 1000px) {
.top_lp01 {
padding: 60px 20px 200px !important;
margin-bottom: -22% !important;
}
.top_lp01 .top_lp_cont {
flex-flow: column-reverse;
padding: 0;
}
.top_lp01 .top_lp_box {
flex-basis: 100%;
width: 100%;
padding: 0 3% 10px !important;
}
.top_lp01 .top_lp_arrow {
display: block;
margin: 10px;
transform: interpolatematrix;
transform: rotate(90deg);
left: 85%;
right: 0;
top: 10px;
}
.top_lp02 {
padding: 150px 20px 100px !important;
}
.top_lp02 .top_lp_cont {
flex-flow: column;
padding: 0;
text-align: right;
}
.top_lp02 .top_lp_box {
flex-basis: 100%;
width: 100%;
padding: 0 3% 30px !important;
}
.top_lp02 .top_lp_arrow {
display: block;
transform: rotate(90deg);
margin: 10px;
left: 0;
top: 10px;
}
}
@media screen and (max-width: 600px) {
.top_lp01 {
padding: 70px 20px 220px !important;
margin-bottom: -35% !important;
clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%) !important;
}
.top_lp01 p.image_box {
margin-top: 15px;
}
.top_lp02 {
padding: 75px 20px 100px !important;
clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%) !important;
}
.top_lp_box {
line-height: 1.2;
}
.top_lp_banner .top_lp_cont .top_lp_box p {
font-size: 16px;
}
} .top_cararea {
background-color: #FFF2DF;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/usedcar_bg1.png), url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/usedcar_bg2.png);
background-position: left top, right bottom;
background-repeat: no-repeat, no-repeat;
background-size: 30%, 30%;
padding-bottom: 100px;
}
.top_cararea .top_usedcar_title {
text-align: center;
font-family: "Inter", sans-serif;
font-size: 35px;
color: var(--subColor);
line-height: 1.5;
padding: 120px 0 80px;
}
.top_cararea .top_usedcar_title span {
font-size: 20px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
color: #444;
display: block;
transform: rotate(0.03deg);
}
.top_cararea .inner {
background: #fff;
padding: 30px;
border-radius: 5px;
}
.top_cararea .inner .specialcar {
display: flex;
justify-content: center;
position: relative;
max-width: 450px;
margin-bottom: 15px;
padding: 0.8em 1em 0.8em 0;
border: 3px solid #000000;
border-radius: 5px;
background-color: #FFE13C;
color: #333333;
margin: -50px auto 55px auto;
align-items: center;
box-shadow: 1px 2px 5px 0px #aaa;
font-size: 23px;
font-weight: bold;
white-space: nowrap;
}
.top_cararea .inner .specialcar img {
max-width: 140px;
}
.top_cararea .inner .specialcar::before, .top_cararea .inner .specialcar::after {
position: absolute;
bottom: -15px;
width: 30px;
height: 15px;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: "";
}
.top_cararea .inner .specialcar::before {
background-color: #000000;
}
.top_cararea .inner .specialcar::after {
bottom: -11px;
background-color: #FFE13C;
}
.top_cararea .inner .allcar {
text-align: center;
font-size: 25px;
margin-bottom: 20px;
line-height: 1;
}
.top_cararea .inner .allcar span {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
padding: 12px 16px;
color: var(--subColor);
font-size: 16px;
}
.top_cararea .inner .allcar span::before {
content: "";
width: 25px;
height: 2px;
transform: rotate(50deg);
box-sizing: border-box;
background-color: var(--subColor);
}
.top_cararea .inner .allcar span::after {
content: "";
width: 25px;
height: 2px;
transform: rotate(-50deg);
box-sizing: border-box;
background-color: var(--subColor);
}
.top_cararea .inner .common_button {
flex-wrap: wrap;
font-size: 19px;
padding: 13px 45px;
margin: 40px auto 0;
max-width: 350px;
height: 80px;
justify-content: center;
align-items: center;
}
.top_cararea .inner .common_button span {
display: block;
color: #FFE13C;
font-size: 14px;
text-align: center;
}
.top_cararea .top_cars {
padding-bottom: 50px !important;
}
.top_cararea .select_area {
padding: 0 0 80px;
}
.top_cararea .select_area h4 {
background: var(--subColor);
color: #fff;
padding: 10px;
text-align: center;
font-size: 25px;
margin: 70px 0 20px;
}
.top_cararea .select_area h4:nth-child(1) {
margin: 40px 0 20px;
}
.top_cararea .select_area .yosan, .top_cararea .select_area .body, .top_cararea .select_area .maker {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap: 25px;
max-width: 1000px;
margin: auto;
}
.top_cararea .select_area .yosan div, .top_cararea .select_area .body div, .top_cararea .select_area .maker div {
border-radius: 8px;
padding: 20px;
display: flex;
flex-flow: column;
justify-content: flex-end;
align-items: center;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
text-align: center;
font-weight: bold;
font-size: 16px;
white-space: nowrap;
}
.top_cararea .select_area .yosan div a, .top_cararea .select_area .body div a, .top_cararea .select_area .maker div a {
color: #333;
}
.top_cararea .select_area .body div, .top_cararea .select_area .maker div {
flex-basis: 18%;
aspect-ratio: 1.2;
}
.top_cararea .select_area .body div img {
width: 110px;
}
.top_cararea .select_area .maker div img {
width: 110px;
}
.top_cararea .select_area .yosan div {
padding: 20px 25px;
}
.top_cararea .select_area .yosan div span {
font-family: "Inter", sans-serif;
font-size: 28px;
letter-spacing: 0.5pt;
}
.arrow_r_b {
position: relative;
display: inline-block;
padding-right: 22px;
}
.arrow_r_b:before {
content: "";
width: 18px;
height: 18px;
background: var(--subColor);
border-radius: 50%;
position: absolute;
top: 2px;
right: -2px;
bottom: 0;
margin: auto;
}
.arrow_r_b:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(45deg);
position: absolute;
top: 2px;
right: 4px;
bottom: 0;
margin: auto;
}
@media screen and (max-width: 768px) {
.top_cararea .inner {
padding: 0;
}
.top_cararea .top_usedcar_title {
padding: 120px 0 120px;
}
.top_cararea .select_area {
padding: 0 10px 80px !important;
}
.top_cararea .select_area .yosan, .top_cararea .select_area .body, .top_cararea .select_area .maker {
gap: 15px;
}
.top_cararea .select_area .yosan div, .top_cararea .select_area .body div, .top_cararea .select_area .maker div {
flex-basis: 46%;
}
.top_cararea .select_area .body, .top_cararea .select_area .maker {
justify-content: flex-start;
}
.top_cararea .select_area .body div, .top_cararea .select_area .maker div {
aspect-ratio: 2.2;
}
.top_cararea .select_area .yosan div {
padding: 15px 10px;
flex-basis: 44%;
}
}
@media screen and (max-width: 500px) {
.top_cararea .inner .specialcar {
flex-wrap: wrap;
margin: -50px 10px 55px 10px;
}
.top_cararea .inner .specialcar img {
margin-top: -40px;
}
} .top_news_flyer {
display: flex;
text-align: center;   }
.top_news_flyer .top_news_area {
flex: 1;
flex-shrink: 1;
background: #EEEEEE;
padding: 0 30px 80px;
min-width: 0;
}
.top_news_flyer .top_flyer_area {
flex: 1;
background: #FFE9E9;
flex-shrink: 1;
padding: 0 30px 80px;
min-width: 0;
display: flex;
flex-flow: column;
}
.top_news_flyer .slick-news-slider {
width: 100%;
height: 100%;
}
.top_news_flyer .slick-news-slider li {
width: 100%;
box-sizing: border-box;
}
.top_news_flyer .slick-dots {
display: flex !important;
justify-content: center;
align-items: center;
max-width: 1px;
margin: 20px auto;
}
.top_news_flyer .slick-dots li {
width: 20px !important;
height: 20px !important;
}
.top_news_flyer .slick-dots li button {
border: none;
width: 20px;
background: transparent;
}
.top_news_flyer .slick-dots li button:before {
content: "•";
font-size: 20px;
color: #000;
opacity: 0.5;
}
.top_news_flyer .slick-dots li.slick-active button:before {
opacity: 1;
color: #000;
}
.top_news_flyer .arrow_box {
display: flex;
align-items: center;
justify-content: space-between;
margin: -270px 0 0;
position: relative;
}
.top_news_flyer .prev-arrow, .top_news_flyer .next-arrow {
display: block;
width: 30px;
height: 30px;
background: #7e7e7e;
border-radius: 50%;
transition: all 0.3s ease;
cursor: pointer;
position: relative;
}
.top_news_flyer .prev-arrow {
transform: rotate(180deg);
margin-right: 20px;
z-index: 998;
}
.top_news_flyer .next-arrow {
z-index: 998;
}
.top_news_flyer .prev-arrow::before, .top_news_flyer .next-arrow::before {
position: absolute;
content: "";
width: 6px;
height: 6px;
border-right: 2px solid #FFF;
border-top: 2px solid #FFF;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transform: rotate(45deg);
}
.top_news_flyer .top_news_slider {
max-width: 800px;
width: 100%;
margin: 0 auto 300px;
}
.top_news_flyer .news_list_2 {
margin: 0 auto; padding: 0;
display: block;
}
.top_news_flyer .news_list_2 li {
box-sizing: border-box;
}
.top_news_flyer .news_list_2 li.news_box {
padding: 0 20px;
max-width: inherit !important;
}
.top_news_flyer .news_list_2 li.news_box .news_image {
margin-bottom: 10px;
}
.top_news_flyer .news_list_2 li.news_box .news_image img {
border-radius: 15px;
width: 100%;
height: 250px;
object-fit: cover;
}
.top_news_flyer .news_list_2 li.news_box .news_date {
font-family: "Inter", sans-serif;
font-size: 13px !important;
font-weight: 900;
color: #888;
}
.top_news_flyer .news_list_2 li.news_box .news_title {
text-align: left;
font-size: 15px !important;
position: relative;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; overflow: hidden;
}
.top_news_flyer .news_list_2 li.news_box .news_title::before {
content: "";
width: 110px;
height: 3px;
display: inline-block;
background-color: var(--subColor);
position: absolute;
bottom: -7px;
}
.top_news_flyer .news_list_2 li.news_box .news_content {
text-align: left;
padding: 15px 0 0;
}
.top_news_flyer .news_list_2 li.news_box .news_cat a {
border: 1px solid #555;
}
.top_news_flyer .news_list_2 li.news_box .news_cat a:hover {
background-color: #fff;
border: 1px solid #777 !importnat;
color: #555 !important;
}
.top_news_flyer .top_gallery_slider {
max-width: 800px;
width: 100%;
margin: 0 auto auto;
padding: 0 0 0;
position: relative;
}
.top_news_flyer .top_gallery_slider .gallery_list_img {
margin: 0 auto 5px;
text-align: center;
}
.top_news_flyer .top_gallery_slider .gallery_list_img img {
width: 60%;
height: auto;
display: block;
margin: 0 auto;
}
.top_news_flyer .arrow_box_gallery {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto 0;
position: absolute;
width: 75%;
top: 44%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
z-index: 998;
}
.top_news_flyer .gallery_info_outer {
line-height: 1.3;
padding: 5px;
}
.top_news_flyer .gallery_info_outer h3 {
text-align: center;
font-size: 15px !important;
position: relative;
}
.top_news_flyer .gallery_info_outer span {
font-family: "Inter", sans-serif;
font-size: 13px !important;
font-weight: 900;
color: #888;
}
.top_news_flyer .common_button {
margin: -20px auto 0;
}
.top_flyer_area h2 {
margin-bottom: -10px;
}
h2.top_title {
display: block;
font-family: "Inter", sans-serif;
font-size: 15px;
color: var(--subColor);
letter-spacing: 1pt;
line-height: 1.4;
padding: 80px 0 40px;
margin: 0;
}
h2.top_title span {
font-size: 22px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
color: #444;
transform: rotate(0.03deg);
}
@media screen and (max-width: 1200px) {
.top_news_flyer .top_news_area, .top_news_flyer .top_flyer_area {
padding: 0 15px 80px;
}
}
@media screen and (max-width: 1000px) {
.top_news_flyer {
display: block;
}
.top_news_flyer .top_gallery_slider {
margin: 0 auto 50px;
}
}
@media screen and (max-width: 768px) {
.top_news_flyer .top_gallery_slider .gallery_list_img img {
width: 80%;
}
.top_news_flyer .arrow_box_gallery {
width: 95%;
}
} .top_faq {
padding: 30px 0 80px;
}
.top_faq .inner {
max-width: 1000px !important;
}
.top_faq .top_faq_area h2 {
text-align: center;
}
.top_faq .top_faq_area .faq-category-title {
display: none;
}
.top_faq .top_faq_area .faq-list article {
padding: 0;
}
.top_faq .top_faq_area .faq-title {
background: #fff;
color: #444;
font-weight: bold;
border-bottom: dotted 2px #ababab;
border-radius: 0;
}
.top_faq .top_faq_area .faq-title::before {
top: 0;
}
.top_faq .top_faq_area .faq-title .q_arrow {
border: 2px solid var(--subColor);
}
.top_faq .top_faq_area .faq-title .q_arrow::before, .top_faq .top_faq_area .faq-title .q_arrow::after {
bottom: 7px !important;
width: 4px !important;
height: 10px !important;
}
.top_faq .top_faq_area .common_button {
margin: auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.top_faq .inner {
padding: 0 50px;
}
} .top_service_area {
background-color: #fff;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_service_bg2.png), url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_service_bg1.png);
background-position: left top, right top;
background-repeat: no-repeat, no-repeat;
background-size: 30%, 30%;
padding-bottom: 100px;
}
.top_service_area .top_usedcar_title {
text-align: center;
font-family: "Inter", sans-serif;
font-size: 35px;
color: #505D91;
line-height: 1.5;
padding: 120px 0 80px;
}
.top_service_area .top_usedcar_title span {
font-size: 20px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
color: #444;
display: block;
transform: rotate(0.03deg);
}
.top_service_area .inner ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 20px;
} .faq main .inner {
max-width: 1100px !important;
}
.faq_topbg {
background: #F3A620;
padding: 50px;
}
.faq-category-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-bottom: 40px;
font-family: "Rounded Mplus 1c", sans-serif;
transform: rotate(0.03deg);
}
.faq-category-buttons .faq-cat-btn {
display: flex;
align-items: center;
gap: 8px;
background: #fff;
padding: 25px 30px;
border-radius: 8px;
font-size: 17px;
font-weight: 600;
color: #222;
text-decoration: none;
border: 3px solid var(--subColor);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
transition: 0.25s ease;
} .faq-cat-btn .arrow {
position: relative;
display: inline-block;
width: 25px;
height: 25px;
background: var(--subColor);
border-radius: 100px;
aspect-ratio: 1;
}
.faq-cat-btn .arrow::before, .faq-cat-btn .arrow::after {
content: "";
position: absolute;
top: 10px;
left: calc(50% - 2px);
width: 3px;
height: 7px;
border-radius: 9999px;
background-color: #ffffff;
transform-origin: 50% calc(100% - 1px);
}
.faq-cat-btn .arrow::before {
transform: rotate(45deg);
}
.faq-cat-btn .arrow::after {
transform: rotate(-45deg);
} .faq-category-buttons .faq-cat-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
background: #fff8f7;
}
@media screen and (max-width: 768px) {
.faq_topbg {
padding: 50px 5px;
}
.faq-category-buttons {
justify-content: flex-start;
}
.faq-category-buttons .faq-cat-btn {
flex-basis: 45%;
padding: 15px 10px;
line-height: 1.2;
}
}
.faq-list article {
padding: 80px 0;
}
.faq-list article:nth-child(even) {
background-color: #f5f5f5;
}
.faq-category-title {
font-size: 35px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 700;
text-align: center;
letter-spacing: 1pt;
margin-bottom: 25px;
scroll-margin-top: 100px;
transform: rotate(0.03deg);
} .faq-detail {
max-height: 0;
overflow: hidden;
background: #ddd;
padding: 0 30px;
border-radius: 15px;
margin: 10px 10px 30px;
font-size: 16px;
opacity: 0;
transition: all 0.4s ease;
}
.faq-item {
margin-bottom: 40px;
}
.faq-item.active .faq-detail {
display: block;
animation: fadeIn 0.3s ease-in-out;
max-height: 1000px;
padding: 30px;
opacity: 1;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.faq-title {
cursor: pointer;
position: relative;
background: #4D4D4D;
color: #fff;
padding: 10px 5px 10px 65px;
margin: 20px 0 0;
border-radius: 8px;
font-size: 18px;
font-weight: normal;
}
.faq-title:before {
content: "";
display: inline-block;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/faq_q.png);
background-size: cover;
background-repeat: no-repeat;
width: 40px;
height: 40px;
position: absolute;
top: -15px;
left: 8px;
}
.q_arrow {
position: absolute;
display: inline-block;
width: 30px;
height: 30px;
right: 8px;
background: #fff;
border-radius: 100px;
transition: transform 0.4s ease;
}
.q_arrow::before, .q_arrow::after {
content: "";
position: absolute;
bottom: 6px;
left: calc(50% - 2px);
width: 4px;
height: 14px;
border-radius: 9999px;
background-color: var(--subColor);
transform-origin: 50% calc(100% - 2px);
}
.q_arrow::before {
transform: rotate(45deg);
}
.q_arrow::after {
transform: rotate(-45deg);
}
.faq-item.active .q_arrow {
transform: rotate(180deg); }
@media screen and (max-width: 768px) {
.faq-title {
padding: 10px 40px 10px 65px;
line-height: 1.3;
}
.q_arrow {
top: 9px;
}
.faq-list article {
padding: 80px 0 40px;
}
} .gallery_list .gallery_box {
flex-basis: 33.333%;
padding: 15px;
}
.gallery_outer .gallery_img_box {
padding: 15px;
width: 100%;
}
.gallery_single h2 {
text-align: center;
padding: 20px 0;
}
#gallery-viewer {
display: flex;
}
#gallery-viewer .gallery_img {
cursor: pointer;
}
.viewer-container {
z-index: 99999 !important;
}
.flyer_single {
margin: 20px auto 50px;
}
@media screen and (max-width: 1000px) {
.flyer_single {
margin: 80px auto 50px;
}
}
@media screen and (max-width: 768px) {
.gallery_list .gallery_box {
flex-basis: 100%;
padding: 15px;
}
} .news_area {
margin: 20px 0 50px;
}
.news_thumb_list {
max-width: 1150px;
margin: auto;
}
.two_col_outer aside {
margin-top: 0;
}
@media screen and (max-width: 1000px) {
.news_area {
margin: 85px 0 50px;
}
}
@media screen and (max-width: 768px) {
.two_col_outer aside {
display: none;
}
} .testimonials-template-default .page_basic {
margin: 20px 0 50px;
}
@media screen and (max-width: 1000px) {
.single-testimonials .page_basic {
margin: 80px 0 50px;
}
} .service_top {
display: flex;
justify-content: center;
align-items: stretch;
}
.service_top .service_top_center {
flex-basis: 70%;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_top_illust1.png), url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_top_illust2.png), url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_center.jpg);
background-position: left top, right bottom, center;
background-repeat: no-repeat;
background-size: 30%, 20%, cover;
}
.service_top .service_top_center .service_inner {
max-width: 600px;
padding: 80px 30px;
margin: auto;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.service_top .service_top_center h2 {
font-size: 28px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 700;
text-align: center;
letter-spacing: 1pt;
transform: rotate(0.03deg);
margin-bottom: 40px;
}
.service_top .service_top_center h2 span {
color: var(--subColor);
}
.service_top .service_top_center p {
font-size: 16px;
}
.service_img img {
width: 100%;
height: 100%; object-fit: cover; display: block;
}
.service_img img.sp {
display: none;
}
.service_img img.pc {
display: block;
}
.service_title_main {
font-size: 15px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 700;
text-align: center;
letter-spacing: 1pt;
transform: rotate(0.03deg);
margin-bottom: 70px;
}
.service_title_main .english {
font-family: "Inter", sans-serif;
font-size: 28px;
color: var(--subColor);
font-weight: 700;
line-height: 1.2;
}
@media screen and (max-width: 1000px) {
.service_img img.sp {
display: block;
}
.service_img img.pc {
display: none;
}
.service_top {
flex-flow: column;
}
.service_top .service_top_center h2 span {
display: block;
}
}
@media screen and (max-width: 768px) {
.service_top .service_top_center h2 {
font-size: 23px;
}
.service_top .service_top_center .service_inner {
padding: 80px 20px;
}
}
.fanchising {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/fc_bg.jpg);
background-size: cover;
background-repeat: no-repeat;
padding: 120px 0;
}
.fanchising .fc_area {
display: flex;
justify-content: center;
align-items: center;
max-width: 1500px !important;
margin: 0 auto !important;
}
.fanchising .fc_area h3, .fanchising .fc_area .fc_detail {
flex: 1;
}
.fanchising .fc_area .fc_detail {
padding: 0 100px 0 0;
max-width: 700px;
}
.fanchising .fc_area h3 {
font-size: 23px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 700;
letter-spacing: 1pt;
transform: rotate(0.03deg);
margin-bottom: 30px;
}
.fanchising .fc_area h4 {
font-size: 20px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 700;
letter-spacing: 1pt;
transform: rotate(0.03deg);
padding-left: 40px;
padding-top: 3px;
position: relative;
}
.fanchising .fc_area h4::before {
content: "";
display: inline-block;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/fc_car.png) no-repeat center center;
width: 30px;
height: 30px;
background-size: contain;
position: absolute;
top: 3px;
left: 0;
}
.fanchising .fc_area h4::after {
position: absolute;
content: "";
display: block;
border-bottom: solid 4px var(--subColor);
bottom: -8px;
left: 0;
width: 24%;
}
.fanchising .fc_area p {
padding: 20px 0 40px;
font-size: 16px;
line-height: 1.6;
}
h4:nth-of-type(2)::before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/fc_wrench.png) no-repeat center center !important;
background-size: contain;
}
@media screen and (max-width: 1000px) {
.fanchising {
padding: 120px 0 80px;
}
.fanchising .fc_area {
flex-flow: column;
}
.fanchising .fc_area .fc_detail {
padding: 0 20px;
}
}
.three_area { }
.three_area .three_title {
font-family: "Rounded Mplus 1c", sans-serif;
letter-spacing: 1pt;
transform: rotate(0.03deg);
margin-bottom: 30px;
padding: 0 15px;
}
.three_area .three_title h2 span {
color: var(--subColor);
}
.three_area .three_title p {
font-size: 18px;
line-height: 1.4;
margin-bottom: 50px;
}
.three_area .three_detail_area {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
margin: 80px 0 150px;
}
.three_area .three_detail_area .three_img {
position: relative;
z-index: -3;
max-width: 800px;
margin-left: auto;
}
.three_area .three_detail_area .three_detail h3 {
font-family: "Inter", sans-serif;
font-size: 32px;
color: #F39820;
font-weight: 700;
line-height: 1;
margin: 80px 0 30px;
}
.three_area .three_detail_area .three_detail h3 span {
font-size: 13px;
color: #fff;
line-height: 1;
}
.three_area .three_detail_area .three_detail p {
font-size: 16px;
color: #fff;
font-weight: 400;
}
.three_area .three_detail_area .three_detail ul {
padding: 15px 0;
}
.three_area .three_detail_area .three_detail ul li {
color: #fff;
font-size: 22px;
font-wight: 700;
padding-left: 45px;
background-size: 35px;
background-repeat: no-repeat;
background-position: left center;
line-height: 1.8;
}
.three_area .three_detail_area .three_detail ul li:nth-child(1) {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_number-1.png);
}
.three_area .three_detail_area .three_detail ul li:nth-child(2) {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_number-2.png);
}
.three_area .three_detail_area .three_detail ul li:nth-child(3) {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_number-3.png);
}
.three_area .three_detail_area .three_detail .common_button {
margin: 30px 0 50px;
}
.three_area .three_detail_area .three_usedcar h3 {
color: #FFF709;
}
.three_area .three_detail_area .three_lease h3 {
color: #DFFF00;
}
.three_area .trapezoid {
position: absolute;
z-index: 5;
--offset: 20%;
width: 100%;
max-width: 70%;
height: auto;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 700;
}
.three_area .trapezoid--right {
clip-path: polygon(0 0, 100% 0, calc(100% - var(--offset)) 100%, 0 100%);
}
.three_area .trapezoid.three_newcar {
background: linear-gradient(135deg, rgba(62, 10, 83, 0.6));
}
.three_area .trapezoid.three_usedcar {
background: linear-gradient(135deg, rgba(128, 67, 0, 0.6));
}
.three_area .trapezoid.three_lease {
background: linear-gradient(135deg, rgba(171, 22, 19, 0.6));
}
.three_detail_area.second_box {
flex-flow: row-reverse;
}
.three_detail_area.second_box .three_detail {
text-align: right;
}
.three_detail_area.second_box .three_detail ul li {
background: none !important;
}
.three_detail_area.second_box .three_detail ul li img {
width: 35px;
margin-right: 5px;
}
.three_detail_area.second_box .three_detail .common_button {
margin: 30px 0 50px auto;
}
.three_detail_area.second_box .three_img {
margin-right: auto !important;
margin-left: 0;
}
.three_detail_area.second_box .trapezoid--right {
clip-path: polygon(0 0, 100% 0, 100% 100%, var(--offset) 100%);
}
@media screen and (max-width: 1000px) {
.three_area .three_detail_area {
flex-flow: column;
align-items: baseline;
margin: 80px 0 100px;
}
.three_area .trapezoid {
position: relative;
margin: 0 0 -8%;
--offset: 0%;
max-width: 100%;
}
.three_area .three_detail_area .three_img {
width: 100%;
}
.three_detail {
padding: 0 20px;
}
}
@media screen and (max-width: 768px) {
.three_area .three_title {
padding: 0 20px;
}
.three_area .three_detail_area {
margin: 0px 0 100px;
}
.three_area .three_detail_area .three_detail ul li {
line-height: 1.4;
font-size: 20px;
}
.three_area .three_detail_area .three_detail .common_button {
margin: 30px auto 50px;
}
}
.service_menu_area {
background-color: #fff;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_service_bg2.png), url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_service_bg1.png);
background-position: left top, right top;
background-repeat: no-repeat, no-repeat;
background-size: 30%, 30%;
padding-bottom: 100px;
}
.service_menu_area .service_menu_title {
text-align: center;
font-family: "Inter", sans-serif;
font-size: 35px;
color: var(--subColor);
line-height: 1.5;
padding: 120px 0 80px;
}
.service_menu_area .service_menu_title span {
font-size: 16px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
color: #444;
display: block;
transform: rotate(0.03deg);
}
.service_menu_area .inner ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 20px;
}
.service_menu_area .inner ul li {
flex-basis: 17%;
}
.service_menu_area .inner ul li .arrow_service {
position: relative;
display: inline-block;
padding-right: 22px;
background: #555;
color: #fff;
text-align: center;
font-size: 17px;
font-weight: 500;
width: 100%;
padding: 15px 10px;
border-radius: 0 0 10px 10px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
white-space: nowrap;
}
.service_menu_area .inner ul li .arrow_service:before {
content: "";
width: 18px;
height: 18px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 2px;
right: 8px;
bottom: 0;
margin: auto;
}
.service_menu_area .inner ul li .arrow_service:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px var(--subColor);
border-right: solid 2px var(--subColor);
transform: rotate(45deg);
position: absolute;
top: 2px;
right: 14px;
bottom: 0;
margin: auto;
}
@media screen and (max-width: 1100px) {
.service_menu_area .inner ul li {
flex-basis: 20%;
}
}
@media screen and (max-width: 768px) {
.service_menu_area .inner ul li {
flex-basis: 43%;
}
.service_menu_area .inner ul li img {
width: 100%;
}
.service_menu_area .inner ul li .arrow_service {
text-align: left;
font-size: 15px;
}
}
.service_name_top {
margin: 0 0 80px;
}
.service_name_top.back_gray {
background: #F3F3F3;
padding: 80px 0;
}
.service_name_top h3 {
text-align: center;
font-family: "Inter", sans-serif;
font-size: 15px;
color: var(--subColor);
line-height: 1.5;
}
.service_name_top h3 span {
font-size: 25px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
color: #444;
display: block;
transform: rotate(0.03deg);
}
.service_name_top .inner {
padding: 0 30px;
}
.service_name_top .inner h4.service_title {
font-weight: bold;
position: relative;
border-bottom: solid 5px transparent;
font-size: 24px;
margin: 20px 0 35px;
}
.service_name_top .inner h4.service_title::after {
position: absolute;
content: "";
display: block;
border-bottom: solid 4px var(--subColor);
bottom: -10px;
width: 24%;
}
.service_name_top .inner p.service_txt {
font-size: 16px;
margin-bottom: 20px;
}
.service_name_top .inner p.service_txt b {
color: var(--subColor);
}
.service_name_top .common_button {
margin: 0 auto 50px;
font-size: 18px;
height: 80px;
}
.accordion_content {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
max-width: 1200px !important;
margin: auto;
padding: 0;
}
.service_accordion {
max-width: 1300px;
margin: 50px auto 10px;
}
.service_accordion .accordion_title {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_accordion_title.jpg) no-repeat center center !important;
background-size: contain;
max-width: 1200px !important;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
padding: 25px;
position: relative;
}
.service_accordion .accordion_title h5 {
font-size: 25px;
color: #fff;
font-weight: 700;
text-align: center;
display: inline-block;
}
.service_accordion .accordion_title a {
background: #262626;
color: #fff;
text-align: center;
position: relative;
padding: 5px 25px 5px 20px;
border-radius: 100px;
position: absolute;
right: 20px;
width: 120px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}
.service_accordion .accordion_title a::before, .service_accordion .accordion_title a::after {
content: "";
position: absolute;
bottom: 11px;
right: 15px;
width: 3px;
height: 10px;
border-radius: 9999px;
background-color: #fff;
transform-origin: 50% calc(100% - 1.5px);
transition: transform 0.3s ease;
}
.service_accordion .accordion_title a::before {
transform: rotate(45deg);
}
.service_accordion .accordion_title a::after {
transform: rotate(-45deg);
}
.service_accordion span {
text-align: right;
padding: 10px 0;
display: block;
max-width: 1200px;
margin: auto;
}
.inspection_table {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 30px;
}
.inspection_table table {
flex-basis: 45%;
}
.inspection_table table thead th {
background-color: #464646;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 21px;
line-height: 1.5;
background-repeat: no-repeat !important;
background-position: right 10px center;
background-size: 90px;
padding: 20px;
}
.inspection_table table thead th span {
display: block;
font-size: 14px;
}
.inspection_table table tbody th {
background: #F9F9F9;
border: 2px solid #fff;
font-weight: normal;
text-align: left;
padding: 3px 10px;
width: 45%;
}
.inspection_table table tbody td {
background: #FFEBEC;
border: 2px solid #fff;
text-align: right;
padding: 4px 10px;
font-weight: bold;
font-size: 16px;
}
.inspection_table table .red {
color: red;
font-weight: bold !important;
}
.inspection_table table .big {
font-size: 20px !important;
}
.inspection_table table.kei thead th {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/inspe_car1.png);
}
.inspection_table table.small thead th {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/inspe_car2.png);
}
.inspection_table table.mediam thead th {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/inspe_car3.png);
}
.inspection_table table.large thead th {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/inspe_car4.png);
}
.inspection_table table tbody tr:last-child {
border: 3px solid red;
}
.inspection_table table tbody tr:last-child th, .inspection_table table tbody tr:last-child td {
border: none;
}
.inspection_table table tbody tr:nth-last-child(2) td, .inspection_table table tbody tr:nth-last-child(2) th {
border-bottom: none;
}
.inspection_table p {
flex-basis: 100%;
}
@media screen and (max-width: 768px) {
.inspection_table {
flex-flow: column;
}
.inspection_table table thead th {
background-position: right -10px center;
}
}
.service_flex {
display: flex;
justify-content: center;
align-items: center;
padding: 50px 0 50px !important;
}
.oil_area {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/oil_bg.jpg) no-repeat center center !important;
background-size: contain;
padding: 30px 50px;
flex-basis: 60%;
margin-right: 50px;
}
.oil_area h4 {
color: var(--subColor);
font-size: 30px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
transform: rotate(0.03deg);
line-height: 1.3;
}
.oil_area h4 span {
font-size: 60px;
font-family: "Inter", sans-serif;
font-weight: 600;
transform: rotate(0.03deg);
}
.oil_area ul {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 20px 0;
}
.oil_area ul li {
flex-basis: 47%;
font-size: 20px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
color: #fff;
text-align: center;
font-weight: bold;
line-height: 1.2;
padding-left: 20px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
background-size: 35px;
background-repeat: no-repeat !important;
background-position: 12px 12px !important;
}
.oil_area ul li span {
font-size: 30px;
padding: 0 5px;
}
.oil_area ul li:nth-child(1) {
background: #E8676F;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/oil_icon2.png);
}
.oil_area ul li:nth-child(2) {
background: #618DDF;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/oil_icon3.png);
}
.oil_area ul li:nth-child(3) {
background: #585858;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/oil_icon1.png);
}
.oil_area p.time {
font-size: 22px;
font-weight: bold;
}
.btn_flex {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
max-width: 750px;
margin: auto;
}
.btn_flex .common_button {
max-width: 500px;
width: 500px;
}
.oil_net_btn {
background: #CE8300;
flex-flow: column;
gap: 5px;
max-width: 400px;
padding: 0 60px;
max-width: 500px;
width: 500px;
}
.oil_net_btn span {
display: block;
font-size: 13px;
}
#wash .service_flex {
flex-flow: row-reverse;
}
#wash .service_flex .oil_area {
margin-right: 0;
margin-left: 50px;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/wash_bg.jpg) no-repeat center center !important;
}
#wash .service_flex .oil_area h4 {
color: #205CCB;
}
#wash .service_flex .oil_area ul li {
background-size: 25px !important;
background-position: 10px 15px !important;
}
#wash .service_flex .oil_area ul li:nth-child(1) {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/wash_icon1.png);
}
#wash .service_flex .oil_area ul li:nth-child(3) {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/wash_icon2.png);
}
#coating .inner {
padding: 30px;
}
#insurance .service_right, #repair .service_right {
flex-basis: 50%;
padding-left: 50px;
}
#member h3 {
margin-bottom: 60px;
}
.member_score .score1 th {
background: #4D4D4D;
font-weight: bold;
}
.member_score .score2 th {
background: #E50012;
font-weight: bold;
}
.member_score .score2 td {
background: #FFEBEC !important;
color: red;
font-weight: bold;
}
.member_score .score2 td span {
font-size: 22px;
}
.member_score .score_detail th {
border: solid 1px #ccc;
color: #fff;
padding: 10px;
}
.member_score .score_detail td {
border: solid 1px #ccc;
padding: 10px;
background: #fff;
text-align: center;
width: 20%;
font-size: 15px;
line-height: 1.1;
}
@media screen and (max-width: 768px) {
.member_score .score_detail .last td:last-child {
border-bottom: solid 1px #ccc;
width: 100%;
}
.member_score .score_detail {
width: 100%;
}
.member_score .score_detail tbody {
display: flex;
}
.member_score .score_detail tbody tr {
flex-basis: 50%;
}
.member_score .score_detail th, .member_score .score_detail td {
display: block;
width: 100%;
height: 50px;
align-items: center;
display: flex;
justify-content: center;
}
}
.member_rank .rank_detail {
border: 1px solid #A9A9A9;
}
.member_rank .rank_detail th, .member_rank .rank_detail td {
border: 1px solid #A9A9A9;
}
.member_rank .rank_detail thead {
font-size: 16px;
font-weight: bold;
}
.member_rank .rank_detail thead th {
background: #4D4D4D;
text-align: center;
color: #fff;
padding: 10px 0;
font-size: 20px;
}
.member_rank .rank_detail thead td {
width: 13%;
text-align: center;
color: #333 !important;
}
.member_rank .rank_detail thead td:nth-child(2) {
background: #E5D1B2;
}
.member_rank .rank_detail thead td:nth-child(3) {
background: #D5D5D5;
}
.member_rank .rank_detail thead td:nth-child(4) {
background: #F9F9BB;
}
.member_rank .rank_detail thead td:nth-child(5) {
background: #D3F2F8;
}
.member_rank .rank_detail tbody tr:nth-child(odd) th, .member_rank .rank_detail tbody tr:nth-child(odd) td {
background: #fff !important;
}
.member_rank .rank_detail tbody tr:nth-child(even) th, .member_rank .rank_detail tbody tr:nth-child(even) td {
background: #FFEBEC !important;
}
.member_rank .rank_detail tbody th {
text-align: left;
padding: 10px;
line-height: 1.2;
}
.member_rank .rank_detail tbody th p {
color: red;
font-size: 16px;
}
.member_rank .rank_detail tbody th span {
font-size: 14px;
font-weight: normal;
}
.member_rank .rank_detail tbody td {
text-align: center;
}
.member_rank .rank_detail tbody td br {
display: none;
}
.member_rank .rank_detail tr:not(:first-child) td {
font-size: 25px;
font-weight: bold;
}
.member_rank .rank_detail tr:first-child td {
color: red;
font-weight: bold;
}
.member_rank .rank_detail tr:first-child td span {
font-size: 18px;
}
.member_rank .score_title {
font-size: 18px;
padding: 15px 0;
text-align: center;
}
.member_rank .red {
color: red;
}
@media screen and (max-width: 1000px) {
.member_rank .rank_detail tbody tr:first-child td span {
display: block;
}
}
@media screen and (max-width: 768px) {
.member_rank .rank_detail {
table-layout: fixed;
}
.member_rank .rank_detail thead td {
width: 17%;
font-size: 13px;
white-space: nowrap;
}
.member_rank .rank_detail thead th {
font-size: 15px;
line-height: 1.1;
}
.member_rank .rank_detail tbody th p {
font-size: 14px;
line-height: 1.1;
margin: 0 0 5px;
padding-left: 1em;
text-indent: -1em;
}
.member_rank .rank_detail .score_title {
font-size: 15px;
}
.member_rank .rank_detail tbody td br {
display: block;
}
.member_rank .rank_detail tbody th {
padding: 5px 8px;
}
.member_rank .rank_detail tbody th span {
font-size: 12px;
}
.member_rank .rank_detail tbody tr:first-child td {
line-height: 1.3;
padding: 5px 3px;
font-size: 11px;
}
.member_rank .rank_detail tbody tr:first-child td span {
font-size: 16px;
}
#member ..accordion_content .inner {
padding: 0 20px;
}
}
.member_mainte .mainte_detail thead th {
font-size: 16px !important;
font-weight: bold;
background: #4D4D4D;
text-align: center;
color: #fff;
padding: 10px 0;
font-size: 20px;
}
.member_mainte .mainte_detail thead th span {
font-size: 21px;
}
.member_mainte .mainte_detail thead td {
text-align: center;
font-size: 21px;
font-weight: bold !important;
color: #fff;
}
.member_mainte .mainte_detail thead td:nth-child(2) {
background: #5C709E;
}
.member_mainte .mainte_detail thead td:nth-child(3) {
background: #E50012;
}
.member_mainte .mainte_detail tbody th {
background: #F9F9F9;
border: 2px solid #fff;
padding: 5px 15px;
text-align: left;
font-weight: normal;
}
.member_mainte .mainte_detail tbody td {
font-weight: bold;
text-align: right;
border: 2px solid #fff;
padding: 0 15px;
font-size: 16px;
font-weight: bold;
}
.member_mainte .mainte_detail tbody td:nth-child(2) {
background: #EBF2FF;
}
.member_mainte .mainte_detail tbody td:nth-child(3) {
background: #FFEBEC;
color: red;
}
.member_mainte .mainte_detail tbody tr:last-child {
border: 3px solid red;
}
.member_mainte .mainte_detail tbody tr:last-child th {
color: red !important;
font-weight: bold;
border: none;
}
.member_mainte .mainte_detail tbody tr:last-child td {
color: red !important;
font-size: 20px;
border: none;
}
.member_mainte .mainte_detail tr:nth-last-child(2) td, .member_mainte .mainte_detail tr:nth-last-child(2) th {
border-bottom: none;
}
@media screen and (max-width: 768px) {
.member_mainte .mainte_detail thead th {
font-size: 12px !important;
width: 42%;
line-height: 1.1;
padding: 10px 7px;
}
.member_mainte .mainte_detail thead th span {
font-size: 17px;
}
.member_mainte .mainte_detail thead td {
font-size: 17px;
line-height: 1.2;
padding: 0 5px;
}
.member_mainte .mainte_detail tbody th {
line-height: 1.2;
padding: 10px 10px;
}
.member_mainte .mainte_detail tbody tr:last-child td {
font-size: 18px;
border: none;
white-space: nowrap;
}
}
#repair .common_button {
max-width: 400px !important;
}
#line .service_flex {
flex-flow: row-reverse;
}
#line .service_flex .service_right {
flex-basis: 50%;
padding-right: 50px;
}
@media screen and (min-width: 1000px) and (max-width: 1400px) {
.service_txt {
padding-right: 80px;
}
.service_flex {
padding: 0 20px !important;
}
.service_accordion .accordion_title {
margin: 0 20px !important;
}
.service_accordion span {
margin: 0 25px;
}
}
@media screen and (max-width: 1100px) {
.service_flex {
flex-flow: column;
padding: 50px 20px 30px !important;
}
#wash .service_flex, #line .service_flex {
flex-flow: column !important;
padding: 50px 20px 30px !important;
}
.service_accordion .accordion_title {
margin: 0 20px !important;
}
.service_accordion span {
margin: 0 25px;
}
}
@media screen and (max-width: 768px) {
.btn_flex {
display: block;
}
.btn_flex .common_button {
max-width: 85%;
width: 100%;
margin: 10px auto 20px;
white-space: nowrap;
}
#insurance .service_right, #repair .service_right {
flex-basis: 100%;
padding: 20px 5px 0 !important;
}
.oil_area, #wash .service_flex .oil_area {
margin: 0;
padding: 20px;
background-size: cover !important;
}
.oil_area h4, #wash .service_flex .oil_area h4 {
font-size: 24px;
}
.oil_area h4 span, #wash .service_flex .oil_area h4 span {
font-size: 45px;
}
.oil_area ul li, #wash .service_flex .oil_area ul li {
flex-basis: 100% !important;
height: 60px;
font-size: 17px;
}
#line.back_gray {
margin-bottom: 0;
}
.service_accordion .accordion_title a {
display: block;
position: relative;
right: -10px;
}
.service_accordion .accordion_title h5 {
line-height: 1.2;
font-size: 20px;
text-align: left;
}
#line .service_flex .service_right {
padding-right: 0;
}
} .post-type-archive-cars .page_main_top h1 {
margin-right: 30px !important;
}
.post-type-archive-cars .page_main_top h2.page_header {
margin-right: auto;
border-left: 1px solid #555;
padding: 0 20px;
font-weight: normal;
}
.post-type-archive-cars .page_header_inner {
display: none;
}
@media screen and (max-width: 1000px) {
.page_header_outer.stock_cars_header {
display: none;
}
}
@media screen and (max-width: 768px) {
.page_main_top .page_main_top_inner h1 {
font-size: 28px;
}
} .loan_area {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
}
.loan_area .loan_photo {
flex-basis: 35%;
padding: 0 10px;
}
.loan_area .loan_detail {
padding: 0 20px;
}
.loan_area h3 {
font-weight: bold;
position: relative;
border-bottom: solid 5px transparent;
font-size: 24px;
margin: 20px 0 35px;
}
.loan_area h3::after {
position: absolute;
content: "";
display: block;
border-bottom: solid 4px var(--subColor);
bottom: -10px;
width: 24%;
}
.loan_area p {
font-size: 16px;
}
ul.loan_btn {
display: flex;
justify-content: center;
gap: 30px;
margin: 50px auto;
}
ul.loan_btn li {
flex-basis: 38%;
}
@media screen and (min-width: 1000px) {
.loan main .inner {
padding: 50px 0;
}
}
@media screen and (max-width: 1000px) {
.loan_area {
flex-flow: column;
}
ul.loan_btn {
flex-flow: column;
padding: 0 10px;
}
.loan1 p, .loan2 p {
padding: 0 20px;
}
.loan1 iframe, .loan2 iframe {
margin: 30px auto;
}
} .company_btn {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-bottom: 80px;
}
.company_btn li {
flex-basis: 35%;
}
@media screen and (max-width: 768px) {
.company_btn {
flex-flow: column;
}
.company_btn li {
flex-basis: 50%;
}
} .snow_contact .asterisk::before {
content: "必須";
background-color: red;
color: #fff;
padding: 1px 5px;
font-size: 11px;
margin: 0 7px 3px 0;
vertical-align: middle;
display: inline-block;
}
.snow_contact .hr_border {
display: block;
height: 0.1%;
margin: 15px 0;
opacity: 0.2;
}
.snow_contact .small_text {
font-size: 13px;
}
.snow_contact .smf-action {
text-align: center;
margin: 40px 0;
}
.snow_contact .snow_sell_main {
margin-bottom: 30px;
font-size: 15px;
}
.snow_contact .snow_sell_main strong {
color: red;
}
.snow_contact .title_information {
padding: 0 !important;
border-bottom: 1px solid #333;
margin: 30px 0 20px !important;
padding-bottom: 5px !important;
}
.snow_contact .title_information::after {
display: none !important;
}
.snow_contact .flex_right div {
display: flex;
gap: 10px !important;
align-items: end !important;
}
.snow_sell .grecaptcha-badge, .snow_contact .grecaptcha-badge {
bottom: 170px !important;
}
.car_list {
float: inherit;
width: inherit;
}
.car_detail {
padding-top: 75px;
}
.detail_info_main h1 {
width: 100%;
}
.detail_info_main h1 span {
font-weight: 500;
}
.detail_info_main h1 .grade_text {
text-align: left;
}
.detail_info_main h1 .grade_text {
font-weight: 500;
}
.detail_info_main h1 .car_name .grade {
font-weight: 500;
}
.car_detail .btn {
display: inherit;
padding: inherit;
}
:root {
--cRed: brown;
--cRed: brown;
--cRed: brown;
--cRed: #D72226;
--darkGrey: #292929;
--lightGrey: #747474;
--lightestGrey: #EFEFEF;
--mainColor: #000;
--subColor: #D72226; --header_top_bg: #000;
--header_top_color:#fff;
--header_top_border:#000;
--header_top_phone:#fff;
--header_nav_bg: #000;
--header_nav_color:#fff; --footer_top_bg: #000;
--footer_top_color:#fff;
--footer_bottom_bg: #000;
--footer_bottom_color:#fff; --sns_icon_bg: #fff;
--sns_icon_font: #000;  --btn_color: #fff;
--btn_bg: #D72226;
--btn_white:#000;
--stock_car_btn:#000;
--btn_top_cars:#000;
--phone_btn:#000;
--mail_btn:#D72226; --page_header_bg:#333;
--page_header_color:#fff; --swiper_pg_color:#000;
} body.page-template-lp {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 100%;
overflow: hidden;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
body.page-template-lp header, body.page-template-lp footer, body.page-template-lp .head_redline {
display: none !important;
}
body.page-template-lp img {
pointer-events: none; -webkit-touch-callout: none; user-select: none; -webkit-user-select: none;
}
body.page-template-lp a img {
pointer-events: auto !important;
}
body.page-template-lp #aime_fluent_chat {
display: none !important;
}
body.page-template-lp #page-top {
bottom: 100px !important;
} .background-layer {
position: fixed;
inset: 0;
background-image: none !important;
background-color: antiquewhite !important;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
z-index: 0;
} .lp-wrap {
display: flex;
align-items: flex-start;
position: relative;
width: 100%;
max-width: none;
margin: 0;
padding-left: 20px;
gap: 30px;
justify-content: flex-start;
} .lp-left {
width: 25%;
color: #fff;
position: sticky;
top: 20px;
left: 0;
} .frame {
max-width: 600px;
height: 100vh;
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 0 30px;
margin: 0 0 0 100px;
} .frame::-webkit-scrollbar {
display: none;
}
.frame {
scrollbar-width: none;
} .lp_qr {
position: absolute;
right: 10px;
bottom: 10px;
width: 260px;
} @media (max-width: 1000px) {
.lp_qr {
display: none !important;
}
}
@media (max-width: 750px) {
.lp-wrap {
flex-direction: column;
align-items: center;
padding: 0 10px;
gap: 20px;
}
.lp-left {
display: none !important;
}
.frame {
width: 100%;
max-width: 750px;
margin-left: 0;
height: auto;
overflow: visible;
padding: 0 20px;
border-radius: 0;
box-shadow: none;
}
} .hamburger-menu {
position: fixed;
top: 20px;
right: 20px;
z-index: 9999 !important;
background: #fff;
border-radius: 500px;
padding: 20px 17px;
}
.hamburger-btn {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 30px;
height: 22px;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
}
.hamburger-btn span {
display: block;
width: 30px;
height: 4px;
background-color: #D72226 !important;
border-radius: 2px;
transition: all 0.3s;
z-index: 99999 !important;
} .slide-menu {
position: fixed;
top: 0;
right: -300px;
width: 300px;
height: 100%;
background: #fff;
color: #fff;
transition: right 0.3s ease;
z-index: 9998;
padding: 0;
overflow-y: scroll;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}
.slide-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.slide-menu li {
margin-bottom: 20px;
}
.slide-menu a {
color: #fff;
text-decoration: none;
font-size: 15px;
} .slide-menu.open {
right: 0;
} .hamburger-btn.open span:nth-child(1) {
transform: rotate(45deg) translate(8px, 7px);
}
.hamburger-btn.open span:nth-child(2) {
opacity: 0;
}
.hamburger-btn.open span:nth-child(3) {
transform: rotate(-45deg) translate(5px, -5px);
} .shop_info {
display: flex;
flex-flow: column;
justify-content: space-between; }
.shop_info section {
margin: 10px 0;
}
.shop_info h1 {
margin: 20px auto;
}
.shop_info .pill-list {
margin: auto;
padding: 0;
list-style: none;
max-width: 70%;
width: 100%;
font-family: "Noto Sans JP", Arial, sans-serif;
}
.shop_info .pill-list li {
margin: 10px 0;
}
.shop_info .pill-list a {
display: block;
position: relative;
padding: 12px 40px 12px 18px;
background: #fff;
color: #000;
text-decoration: none;
font-weight: 600;
border-radius: 999px;
border: 2px solid #000;
box-sizing: border-box;
transition: transform 160ms ease, box-shadow 160ms ease;
-webkit-tap-highlight-color: transparent;
}
.shop_info .pill-list a::before {
content: "";
position: absolute;
right: 22px; top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 10px;
height: 10px;
border-right: 3px solid #000;
border-top: 3px solid #000;
pointer-events: none;
}
.shop_info .pill-list a:hover, .shop_info .pill-list a:focus {
transform: translateX(4px);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
outline: none;
}
.shop_info .pill-list a:focus-visible {
box-shadow: 0 0 0 4px rgba(0, 120, 210, 0.18), 0 6px 18px rgba(0, 0, 0, 0.08);
}
.search_list .pill-list a {
white-space: nowrap;
} @media (max-width: 1300px) {
.pill-list {
max-width: 100% !important;
}
.shop_info {
padding: 0;
}
.shop_info h1 {
margin: 0;
}
.shop_info p {
font-size: 120% !important;
white-space: nowrap;
}
.shop_info p.telno {
font-size: 2.5vw !important;
}
.shop_info section {
margin: 3% 0;
}
}
.information {
justify-content: center;
align-items: center;
display: flex;
}
.information div {
margin: auto;
}
.information p {
font-size: 17px;
font-weight: bold;
color: #000;
line-height: 1.3;
}
.information .telno {
font-family: "Inter", sans-serif;
font-size: 33px;
font-weight: bold;
letter-spacing: 0.5pt;
margin: 0 0 5px;
line-height: 1.1;
display: flex;
flex-flow: column;
align-items: baseline;
}
.information .telno span {
font-size: 13px;
background: black;
color: white;
padding: 5px 15px 4px;
border-radius: 50px;
}
.contact a {
border: 2px solid #fff !important;
color: #fff !important;
text-align: center !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
text-align: left !important;
}
.contact a::before {
border-right: 3px solid #fff !important;
border-top: 3px solid #fff !important;
}
.contact a img {
margin-right: 8px;
width: 24px;
}
.contact .mail a {
background: #FE0000;
}
.contact .line a {
background: #01C755;
} .top_renewal_sp_nav {
box-shadow: none !important;
}
.lp_menu .logo {
background: #fff;
display: block;
padding: 30px 15px;
}
.lp_menu .logo img {
width: 190px;
}
.lp_menu .sns {
display: flex;
justify-content: center;
gap: 5px;
padding: 20px 0;
}
.lp_menu .sns img {
width: 40px;
}
.lp_menu .accordion li {
margin-bottom: 0;
}
.lp_menu .accordion li a {
display: block;
width: 100%;
color: #FFF;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-bottom: 1px solid #999;
background: #222;
}
.lp_menu .accordion .accordion-topmenu a, .lp_menu .accordion .accordion-header span {
font-size: 16px;
}
.lp_menu .accordion .accordion-content ol li a::after {
border-top: solid 1px #fff;
border-right: solid 1px #fff;
}
.lp_menu .accordion .accordion-topmenu a {
padding: 2px 10px;
border-bottom: none;
background: transparent !important;
}
.lp_menu .accordion .accordion-header a {
background-color: #FFF;
padding: 30px 45px 30px 20px !important;
}
.lp_menu .accordion .accordion-menu a {
background-color: #FFF !important;
padding: 30px 45px 30px 20px !important;
color: #444 !important;
border-bottom: 1px solid #ccc !important;
}
.lp_menu .accordion .accordion-bottommenu a {
background: #fff !important;
color: #D72226 !important;
border-bottom: none !important;
line-height: 1.3;
}
.lp_menu address {
padding-bottom: 30px;
}
.lp_menu address p {
text-align: center;
font-weight: bold;
} .lp_shop_list {
max-width: 90%;
margin: 0 auto;
}
.lp_shop_list.align_center h2 {
text-align: center;
margin: 3rem 0 2rem;
}
.lp_shop_list.align_center .shop_box dl {
margin-bottom: 0.5rem;
}
.lp_shop_list.align_center .shop_box dl dt {
text-align: center;
font-size: 1.2rem;
margin-bottom: 0.8rem;
}
.lp_shop_list.align_center .shop_box dl dd {
text-align: center;
}
.lp_shop_list.align_center .shop_box .shop_btn {
text-align: center;
}
.lp_shop_list.align_left h2 {
text-align: left;
margin: 3rem 0 2rem;
}
.lp_shop_list.align_left .shop_box dl {
margin-bottom: 0.5rem;
}
.lp_shop_list.align_left .shop_box dl dt {
text-align: left;
font-size: 1.2rem;
margin-bottom: 0.8rem;
}
.lp_shop_list.align_left .shop_box dl dd {
text-align: left;
}
.lp_shop_list.align_left .shop_box .shop_btn {
text-align: left;
}
.shop_box {
margin: 0 auto 4rem;
}
.shop_box .shop_img {
margin-bottom: 10px;
}
.shop_box .shop_btn a {
display: inline-block;
font-size: 1rem;
padding: 5px 30px;
border-radius: 30px;
border: 1px solid #333;
}
.shop_box:nth-of-type(4) {
margin: 0 auto 0;
}
.shop_list_outer small {
text-align: center;
display: block;
margin: 40px auto;
} .page-template-warranty h2 {
text-align: center;
padding: 20px 0;
font-size: 2em;
}
@media screen and (max-width: 768px) {
.page-template-warranty h2 {
font-size: 1.3em;
}
}
.page-template-warranty .warranty_plan p {
margin: 30px 0;
}
.page-template-warranty .warranty_container {
position: relative;
width: 100%;
line-height: 0;
}
.page-template-warranty .bg_img {
width: 100%;
height: auto;
display: block;
}
.page-template-warranty .warranty_contact {
position: absolute;
bottom: 3%;
left: 50%;
transform: translateX(-50%);
width: 80%;
max-width: 400px;
}
.page-template-warranty .warranty_contact img {
width: 100%;
height: auto;
} .page-template-sell main img {
width: 100%;
}
.page-template-sell main section:not(:last-child) {
margin: 70px auto;
}
.page-template-sell .sell_sv h2 {
margin: 30px auto;
}
.page-template-sell .sell_sv h3 {
color: #ff5601;
font-size: 37px;
text-align: center;
margin: 15px auto;
line-height: 1.3;
white-space: nowrap;
}
.page-template-sell .sell_sv p {
font-size: 25px;
text-align: center;
font-weight: bold;
}
.page-template-sell .sell_sv p:nth-of-type(1) {
margin-bottom: 40px;
}
.page-template-sell .sell_maintxt p {
margin: 20px auto;
font-size: 25px;
line-height: 1.2;
font-weight: bold;
}
.page-template-sell .sell_maintxt p span {
color: #ff5601;
}
.page-template-sell .sell_btn {
margin: 20px auto;
}
.page-template-sell .sell_btn p {
margin-bottom: 20px;
}
.page-template-sell .sell_point1 p, .page-template-sell .sell_point2 p, .page-template-sell .sell_point3 p {
margin: 30px auto;
font-size: 25px;
line-height: 1.2;
}
.page-template-sell .sell_flow p {
font-size: 50px;
font-weight: bold;
text-align: center;
white-space: nowrap;
line-height: 1.1;
margin: 30px auto;
}
.page-template-sell .sell_document div {
border: 2px solid #222;
padding: 20px;
border-radius: 10px;
margin: 20px 10px;
}
.page-template-sell .sell_document div ul {
margin-left: 30px;
}
.page-template-sell .sell_document div ul li {
list-style: disc;
list-style-position: inline;
font-size: 23px;
font-weight: bold;
}
.page-template-sell .sell_document div p {
font-size: 18px;
padding-left: 1em;
text-indent: -1em;
}
.page-template-sell .sell_3step h2, .page-template-sell .sell_3step h3, .page-template-sell .sell_3step p {
margin: 15px auto;
}
.page-template-sell .sell_3step span {
text-align: center;
margin: auto;
width: 50px;
display: block;
}
.page-template-sell .sell_3step p {
color: #fff;
font-size: 20px;
line-height: 1.2;
}
.page-template-sell .back_orange {
background-image: linear-gradient(90deg, #ff2800, rgba(255, 103, 0, 0.8));
border-radius: 10px;
padding: 30px;
}
.page-template-sell .sell_hosyo h3, .page-template-sell .sell_service h3 {
margin-top: 20px;
}
.page-template-sell .sell_hosyo p, .page-template-sell .sell_service p {
color: #fff;
font-size: 22px;
line-height: 1.2;
margin: 30px auto 0;
}
.page-template-sell .kaitori_satei h2 {
color: #ff5601;
font-size: 30px;
text-align: center;
}
.page-template-sell .kaitori_satei h2 span {
font-size: 55px;
padding-left: 10px;
}
@media screen and (max-width: 768px) {
.page-template-sell .frame {
padding: 0;
}
.page-template-sell main section {
margin: 40px auto;
padding: 0 20px !important;
}
.page-template-sell .sell_sv h3 {
font-size: 30px;
}
.page-template-sell .sell_maintxt p, .page-template-sell .sell_point1 p, .page-template-sell .sell_point2 p, .page-template-sell .sell_point3 p {
font-size: 20px;
line-height: 1.4;
}
.page-template-sell .kaitori_satei h2 {
font-size: 25px;
}
.page-template-sell .kaitori_satei h2 span {
font-size: 40px;
}
.page-template-sell .sell_flow p {
font-size: 38px;
}
.page-template-sell .sell_document div p {
font-size: 16px;
}
.page-template-sell .back_orange {
margin: 20px !important;
padding: 20px !important;
}
} .newcar .bg01 {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/lp/newcar/bg_border_newcar01.png);
background-repeat: repeat;
}
.newcar .bg02 {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/lp/newcar/bg_border_newcar02.png);
background-repeat: repeat;
}
.newcar a:hover {
filter: brightness(0.85);
opacity: 1;
}
.newcar a:hover img:hover {
opacity: 1;
}
.newcar .rankArea {
text-align: center; }
.newcar .rankArea h2 {
padding: 50px 0 10px;
}
.newcar .rankArea p {
font-size: 13px;
}
.newcar .rankArea .rank-card {
position: relative;
padding-top: 24px;
padding-left: 24px;
}
.newcar .rankArea .rank-icon {
position: absolute;
top: 0;
left: 0;
width: 100px;
z-index: 10;
}
.newcar .rankArea .rank-icon img {
width: 100px; height: auto;
}
.newcar .rankArea .rank-icon2 {
position: absolute;
top: 0;
left: 0;
width: 90px;
z-index: 10;
}
.newcar .rankArea .rank-icon2 img {
width: 90px; height: auto;
}
.newcar .rankArea .swiper-container {
overflow: hidden;
}
.newcar .rankArea .swiper-pagination-bullet {
width: 12px;
height: 12px; opacity: 1;
border: none;
}
.newcar .rankArea .swiper-button-next::after {
content: none;
}
.newcar .rankArea .swiper-button-prev::after {
content: none;
}
.newcar .rankArea .rank_memo {
padding: 10px 0 20px;
}
.newcar .rankArea .btnBox {
padding: 10px 0 50px;
}
.newcar .carArea h2 {
padding: 50px 0;
}
.newcar .carArea .maker_list ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
padding: 0 0 50px;
}
.newcar .carArea .maker_list ul li {
width: 22%;
text-align: center;
}
.newcar .carArea .maker_list ul li img {
max-width: 100%;
height: auto;
}
.newcar .carArea .btnBox {
padding: 0 0 50px;
}
.newcar .reasonArea h2 {
padding: 50px 0;
}
.newcar .reasonArea .btnBox {
padding: 0 0 50px;
}
.newcar .reasonArea .foot {
padding: 0 0 50px;
margin: -35px 0 0;
}
.newcar .pointArea .foot {
padding: 0 0 50px;
margin: -35px 0 0;
}
.newcar .qaArea h2 {
padding: 50px 0;
}
.newcar .qaArea .qaBox {
padding: 0 0 50px;
}
.newcar .qaArea .foot {
padding: 0 0 50px;
margin: -35px 0 0;
}
.newcar .shop_newcarArea {
max-width: 100% !important;
}
.newcar .shop_newcarArea h2 {
padding: 50px 0;
margin: 0;
}
.newcar .shop_newcarArea .shop_newcarBox {
padding: 0 30px 50px;
}
@media (max-width: 767px) {
.newcar .rankArea .rank-icon img {
width: 80px;
height: auto;
}
.newcar .rankArea .rank-icon2 img {
width: 70px;
height: auto;
}
.newcar .reasonArea .foot {
padding: 0 0 50px;
margin: -20px 0 0;
}
.newcar .pointArea .foot {
padding: 0 0 50px;
margin: -20px 0 0;
}
} dl.qa-list {
width: 100%;
margin: 0 0 25px; }
dl.qa-list dt {
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
}
dl.qa-list dt img {
max-width: 100%;
height: auto;
display: block;
}
dl.qa-list dt.active { }
dl.qa-list dd {
margin: 0 auto;
background-color: #fff;
width: 87%;
border-top: 1px dotted #999;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
font-size: 16px; overflow: hidden;
max-height: 0;
transition: max-height 0.6s ease, padding 0.3s ease;
}
dl.qa-list dd.open {
max-height: 500px;
}
dl.qa-list .qa-answer {
padding: 10px 20px 20px;
font-size: 16px;
}
dl.qa-list .qa-answer::first-letter {
font-size: 24px;
font-weight: bold;
color: #dcba82;
} .page-template-merit .btn {
text-align: center;
}
.page-template-merit .btn.grey {
background-color: #EBEBEB;
}
.page-template-merit .btn img {
max-width: 300px;
}  .page-template-lease .frame {
padding: 0;
}
.page-template-lease .qaBox {
width: 92%;
margin: 0 auto;
}
.page-template-lease .qaBox dl.qa-list {
border-radius: 10px;
background-color: #39b54a;
color: #fff;
padding: 1.5rem;
}
.page-template-lease .qaBox dl.qa-list dt {
font-weight: bold;
font-size: 1.8rem;
line-height: 1;
position: relative;
padding-right: 80px;
}
.page-template-lease .qaBox dl.qa-list dt span {
display: block;
}
.page-template-lease .qaBox dl.qa-list dt:after {
position: absolute;
right: 0;
top: 50%;
margin-top: -25px;
content: "";
display: inline-block;
width: 50px;
height: 50px;
background-image: url(https://suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/lp/lease/icon_open.png);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
}
.page-template-lease .qaBox dl.qa-list dt.active:after {
background-image: url(https://suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/lp/lease/icon_close.png);
}
.page-template-lease .qaBox dl.qa-list dd {
display: none;
background-color: #39b54a;
border: none;
width: 100%;
font-size: 1.2rem;
border-top: 1px solid #fff;
padding: 1rem 0;
margin-top: 1rem;
}
.page-template-lease .qaBox dl.qa-list dd.open {
display: block;
}
.page-template-lease .qaBox dl.qa-list .qa-answer {
padding: 0;
}
  @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&family=Zen+Maru+Gothic&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rounded+Mplus+1c:wght@400;700;900&display=swap");
* {
margin: 0px;
padding: 0px;
}
img {
border: none;
}
html {
overflow-x: hidden;
}
body {
font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
overflow-x: hidden;
color: #333333;
font-size: 14px;
margin: 0 auto;
line-height: 1.5; }
#wrapper {
text-align: left;
width: 1000px;
margin: 0 auto;
clear: both;
}
ul, li {
list-style: none;
}
table {
line-height: 180%;
}
p {
color: #333;
font-size: 14px;
line-height: 1.6;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
vertical-align: bottom;
}
h2 {
margin: 0;
padding: 0;
}
#pan {
font-size: 11px;
padding: 2px;
}
#pan a {
font-size: 11px;
}
h3 {
padding: 0;
font-size: 16px;
}
.top_price a {
color: #fff;
background-color: #a50000;
padding: 5px;
font-weight: bold;
text-decoration: none;
display: block;
line-height: 100%;
}
h4 {
font-size: 14px;
}
.padding_5 {
padding: 5px;
}
.margin_bottom_5 {
margin-bottom: 5px;
}
.header_list {
float: right;
position: relative;
top: 4px;
}
.header_input {
border: solid 1px #ccc;
padding: 3px;
width: 200px;
}
.number_chart {
background-color: #eee;
clear: both;
padding: 3px;
margin-bottom: 10px;
text-align: right;
}
.reds {
color: #a50000;
}
.footer_table {
width: 100%;
margin-bottom: 10px;
border-top: 1px solid #ccc !important;
border-left: 1px solid #ccc !important;
border-collapse: separate !important;
}
.footer_table th {
background-color: #eee;
text-align: right;
width: 160px;
}
.footer_table th, .footer_table td {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 5px;
}
.footer_menu {
clear: both;
}
.footer_menu li {
float: left;
margin-left: 10px;
list-style: none;
}   #header_menu {
width: 400px;
float: right;
}
#totalmenu {
width: 100%;
float: left;
margin-top: 15px;
}
#header_menu ul {
margin-right: 5px;
}
#header_menu li {
list-style: none;
float: right;
margin-left: 15px;
}
#main_menu {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/header_back.gif);
width: 950px;
height: 49px;
clear: both;
background-repeat: no-repeat;
}
#main_menu ul {
width: 950px;
float: left;
padding-left: 25px;
}
#main_menu li {
list-style-position: inside;
list-style: none;
float: left;
width: 100px;
} #main {
clear: both;
background-color: #fff;
margin-top: 10px;
font-family: "Noto Sans JP", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif !important;
}
#content {
padding: 5px 0 20px;
float: left;
width: 100%;
} #left {
float: left;
width: 235px;
margin-top: 5px;
}
.left_contents {
margin: 10px 0;
width: 220px;
float: left;
}
.link_in a img:hover {
filter: alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
opacity: 0.7 !important;
} .car_list {
float: left;
width: 235px;
}
.car_list li {
list-style-position: inside;
list-style-type: square;
} .company_top_message {
width: 220px;
margin-top: 10px;
}
.company_top_message p {
border-bottom: dotted 1px #ccc;
padding: 2px 0px;
}
.company_top_tel {
font-size: 150%;
font-weight: bold;
}
.company_box01 p {
line-height: 1.8em;
margin-bottom: 20px;
margin-top: 20px;
}
.box01_left {
float: left;
margin-right: 50px;
width: 170px;
}
.box01_right {
float: right;
width: 460px;
} .mobile_contents p {
float: left;
width: 155px;
}
.mobile_contents img {
float: right;
} .left_text_main_menu li {
list-style-position: inside;
} .link_top_img {
margin-bottom: 5px;
} #right {
float: right;
width: 705px;
_width: 690px;
}
.header_list {
float: right;
} .right_contents {
margin-bottom: 20px;
}
.tem_1701_stock {
background-color: #2a2a2a;
color: #fff;
width: 167px;
margin-top: 10px;
}
.tem_1701_stock tr {
padding: 10px;
}
.tem_1701_stock a {
color: #fff;
line-height: 1.5;
} .custom_leather_top_img {
margin-top: 0px;
margin-bottom: 15px;
} #leftside {
float: left;
width: 680px;
margin-top: 15px;
}
#rightside {
float: right;
width: 220px;
margin-top: 15px;
}
.right_menu li {
margin-bottom: 10px;
}
#main_side {
float: left;
width: 720px;
margin-top: 10px;
margin-right: 10px;
}
#main_side h3 p {
text-align: right;
margin-top: -20px;
padding-right: 10px;
font-size: 11px;
}
#main_side h3 p a {
color: #afafaf;
font-size: 11px;
}
#side_menu {
float: left;
width: 225px;
margin-top: 10px;
margin-right: 7px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#side_menu:not(:target) {
float: left;
width: 230px;
margin-top: 10px;
margin-right: 7px;
}
} #car_search {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/slash_sora.gif);
padding: 5px;
border: solid 1px #cef2ff;
}
#car_search select {
border: solid 1px #ccc;
padding: 5px;
margin-right: 10px;
}
#car_search input {
border: solid 1px #ccc;
padding: 5px;
}
#car_search .submit {
background-color: #555;
color: #fff;
border: none;
padding: 7px;
width: 200px;
}
.car_searchArea {
width: 100%;
}
.car_searchArea table {
width: 100%;
background-color: #e6ebf4;
margin-bottom: 10px;
}
.car_search_btn {
padding: 10px;
text-align: center;
}
.car_search_btn img {
margin: auto;
}
.car_option {
padding: 0 10px;
}     .stock_car_top {
_margin-left: 5px;
}
.stock_car_img a, .stock_car_img a:link, .stock_car_img a:visited {
border: solid 4px #ccc;
display: block;
width: 160px;
}
.stock_car_img a:hover {
border: solid 4px #76aaff;
display: block;
width: 160px;
}
.top_ranking_price {
font-weight: bold;
font-size: 120%;
}
.top_ranking_price a {
color: #0880db;
}     .parts_list li {
border-bottom: dotted 1px #ccc;
line-height: 200%;
}
.parts_list li, .parts_list a:link, .parts_list a:visited {
text-decoration: none;
list-style-position: inside;
list-style: none;
color: #000;
display: block;
}
.parts_list a:link, .parts_list a:visited {
background-color: #fef1f1;
}
.parts_list a:hover {
background-color: #ffd6d6;
}
.parts_category {
background-color: #fff;
} #parts_search {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/slash_pink.gif);
padding: 5px;
border: solid 1px #ffd6d6;
}
#parts_search select {
border: solid 1px #ccc;
padding: 5px;
margin-right: 10px;
}
#parts_search input {
border: solid 1px #ccc;
padding: 5px;
}
#parts_search .submit {
background-color: #555;
color: #fff;
border: none;
padding: 7px;
width: 200px;
}
.parts_searchArea {
width: 100%;
}
.parts_searchArea table {
background-color: #e6ebf4;
}
.parts_listArea {
width: 100%;
} .stock_parts_img a, .stock_parts_img a:link, .stock_parts_img a:visited {
border: solid 4px #ccc;
display: block;
width: 160px;
}
.stock_parts_img a:hover {
border: solid 4px #294d97;
display: block;
width: 160px;
} .top_parts_ranking {
background-color: #fef1f1;
padding: 2px 5px;
}     .top_message {
font-size: 15px;
font-weight: bold;
line-height: 140%;
color: #1c1f27;
margin: 3px 0px;
} #news_top table td {
border-bottom: dotted 1px #ccc;
padding: 2px 0px;
}
#news_top table {
width: 100%;
} .topicsBox {
padding: 0 9px;
width: 710px;
margin: 10px 0 20px;
border: 1px solid #ccc;
overflow: hidden;
}
.topicsBox .newicon {
margin: 3px 0 0 5px;
position: absolute;
}
.topicsBox dl {
border-bottom: 1px dotted #ccc;
float: left;
padding: 5px 0;
margin-bottom: 5px;
}
.topicsBox dt {
width: 550px;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_news_bg.jpg) no-repeat right 100%;
float: left;
margin-left: 15px;
padding-top: 25px;
font-size: 14px;
}
.topicsBox dt a {
color: #333;
}
.topicsBox dt a:hover {
text-decoration: underline;
}
.topicsBox dt span {
font-size: 12px;
font-family: "Century Gothic";
color: red;
}
.topicsBox dd {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/noimage2.jpg) no-repeat;
position: relative;
margin-bottom: 5px;
width: 120px;
height: 90px;
float: left;
}
.topicsBox p {
text-align: right;
margin-top: 5px;
}  .informationBox {
padding: 0 9px;
width: 710px;
margin: 10px 0 20px;
border: 1px solid #ccc;
overflow: hidden;
}
.informationBox .newicon {
margin: 3px 0 0 5px;
position: absolute;
}
.informationBox dl {
border-bottom: 1px dotted #ccc;
float: left;
margin-bottom: 0;
display: flex;
width: 100%;
padding: 5px 0;
}
@media screen and (max-width: 1000px) {
.informationBox {
width: 100%;
}
.informationBox dl {
display: block;
}
.informationBox dt {
width: 55% !important;
background: none !important;
}
}
.informationBox dt {
width: 555px;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_news_bg.jpg) no-repeat right center;
float: left;
margin-left: 15px;
padding: 25px 0;
font-size: 14px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.informationBox .news_title {
flex-basis: 100%;
}
.informationBox dt a {
color: #333;
}
.informationBox dt a:hover {
text-decoration: underline;
}
.new {
font-size: 10px !important;
font-family: "Century Gothic" sans-serif !important;
color: white !important;
background: red;
padding: 1px 5px;
}
.informationBox dd {
width: 120px;
float: left;
}
.informationBox .news_cat a {
color: #fff;
}
.informationBox p {
text-align: right;
margin-top: 5px;
}
.top_news dt b, #staff_top dt b {
color: red;
}  #staff_top {
padding: 5px 9px;
width: 710px;
margin: 10px 0 30px;
border: 1px solid #ccc;
overflow: hidden;
}
#staff_top .newicon {
margin: 3px 0 0 5px;
position: absolute;
}
#staff_top dl {
border-bottom: 1px dotted #ccc;
float: left;
margin: 0;
padding: 10px 0;
}
#staff_top dt {
width: 610px;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_news_bg.jpg) no-repeat right 50%;
background-size: 25px;
float: left;
margin-left: 75px;
padding: 5px 0;
font-size: 14px;
}
#staff_top dt a {
color: #333;
}
#staff_top dt a:hover {
text-decoration: underline;
}
#staff_top dt span {
font-size: 12px;
font-family: "Century Gothic";
color: red;
}
#staff_top dd {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/noimage.jpg) no-repeat;
position: absolute;
margin-bottom: 5px;
width: 65px;
height: 49px;
float: left;
overflow: hidden;
}
#staff_top p {
clear: both;
text-align: right;
margin-top: 5px;
} .top_ranking {
background-color: #ccc;
padding: 2px 5px;
} .media_top_border {
border: solid 1px #ccc;
padding: 5px;
}
.media_top_img {
padding-top: 5px;
} #footer {
clear: both;
}
.footer_top {
background-color: #90322d;
padding: 15px 0;
width: 100%;
float: left;
color: #fff;
}
.shopArea {
width: 960px;
margin: auto;
}
.shopArea h3 {
border-bottom: 3px solid #294D97;
padding: 5px 0 5px 8px;
}
.shopArea h5 {
font-size: 14px;
border-bottom: 1px dotted #ccc;
margin: 0 0 10px;
}
.shopBox {
background-color: #fff;
padding: 15px 15px 0;
float: left;
}
.shop_content {
float: left;
background-color: #fff; width: 100%;
}
.info_left {
float: left;
width: 150px;
margin-top: 10px;
}
.info_left p {
line-height: 1.6;
}
.info_center {
float: left;
width: 500px;
margin-top: 10px;
}
.info_right {
float: right;
width: 160px;
}
.info_right img {
margin-bottom: 7px;
}
.info_bottom {
clear: both;
padding-top: 7px;
}
.shop_right {
float: right;
padding: 10px; width: 295px;
background-color: #fff;
}
.snsArea {
padding: 10px 0 0;
clear: both;
}
.snsArea li {
float: left;
}
.snsArea li.right-style01 {
float: right;
}
.facebookArea {
width: 960px;
margin: auto;
background-color: #fff;
clear: both;
}
.footer_bottom {
background: #6c120d;
clear: both;
color: #fff;
height: 70px;
}
.keywordArea {
background-color: #fff;
color: #666;
padding: 20px;
width: 920px;
margin: 20px auto;
font-size: 11px;
}
.page_top {
padding-bottom: 10px;
background-color: #fff;
}
.page_top a, .page_top a:link, .page_top a:visited {
text-decoration: none;
font-size: 100%;
color: #fff;
background-color: #555;
padding: 5px;
}
.page_top a:hover {
text-decoration: none;
font-size: 100%;
color: #555;
border: solid 1px #ccc;
background-color: #fff;
padding: 5px;
}
.footer_area {
width: 1000px;
margin: auto;
overflow: hidden;
padding-bottom: 40px;
}
.foot_top_line {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_line.gif) repeat-x;
width: 1000px;
margin-top: 10px;
padding-top: 20px;
overflow: hidden;
}
.foot_top_line p {
float: left;
font-size: 13px;
margin-right: 30px;
}
.foot_top_line p a {
color: #fff;
}
.foot_top_line .foot_ic01 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon01.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line .foot_ic02 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon02.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line .foot_ic03 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon03.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line .foot_ic04 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon04.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line2 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_line2.gif) repeat-x;
width: 1000px;
margin-top: 10px;
padding-top: 20px;
overflow: hidden;
}
.foot_top_line2 .foot_ic01_02 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon01_02.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line2 .foot_ic02_02 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon02_02.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line2 .foot_ic04_02 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer/foot_icon04_02.gif) no-repeat left center;
padding-left: 25px;
}
.foot_top_line2 p {
float: left;
font-size: 13px;
margin-right: 30px;
}
.foot_top_line2 p a {
color: #fff;
}
.foot_mn_l {
float: left;
overflow: hidden;
margin: 20px 0 0 10px;
}
.foot_mn_l h6 {
font-size: 15px;
font-weight: bold;
}
.foot_mn_r a img:hover {
filter: alpha(opacity=70) !important;
-moz-opacity: 0.7 !important;
opacity: 0.7 !important;
}
.foot_mn_r {
float: right;
overflow: hidden;
margin: 20px 10px 0 0;
}
.foot_mn_l ul {
width: 250px;
float: left;
line-height: 1.8;
overflow: hidden;
}
.foot_mn_l li {
padding-left: 10px;
}
.foot_mn_l li a {
color: #fff;
font-size: 12px;
}
.foot_mn_r ol {
float: right;
}
.foot_mn_r ol li {
float: left;
margin: 10px 0 0 10px;
}
.copyright {
clear: both;
color: #fff;
font-size: 10px;
text-align: center;
padding-top: 30px;
}  .select_topics {
border-bottom: dotted 1px #ccc;
padding-bottom: 5px;
}
.select_topics select {
border: solid 1px #ccc;
} .news_img {
float: right;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 5px;
}
.company_img {
margin-right: 5px;
margin-bottom: 5px;
}
.company_shop {
width: 365px;
float: left;
margin-right: 10px;
}
.shop_message {
width: 100%;
}
.company_message_title {
border-bottom: dotted 1px #ccc;
}
.shop_message td img {
margin-right: 5px;
margin-bottom: 5px;
}
.shop_message td {
padding: 10px;
background-color: #eeeeee;
width: 30%;
}
.shop_message td img {
text-align: center;
margin-bottom: 5px;
} .photo_list {
float: left;
width: 235px;
}
.photo_list li {
height: 40px;
width: 235px;
list-style: none;
}
.photo_list li, .photo_list a:link, .photo_list a:visited {
text-decoration: none;
color: #555;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/leftback3.gif);
height: 40px;
width: 235px;
display: block;
}
.photo_list a:hover {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/leftback_a.gif);
height: 40px;
width: 235px;
color: #fff;
}
.photo_list2 {
float: left;
width: 235px;
}
.photo_list2 li {
height: 40px;
width: 235px;
list-style: none;
}
.photo_list2 li, .photo_list2 a:link, .photo_list2 a:visited {
text-decoration: none;
color: #555;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/leftback4.gif);
height: 40px;
width: 235px;
display: block;
}
.photo_list2 a:hover {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/leftback_a2.gif);
height: 40px;
width: 235px;
color: #555;
}
.car_list_img {
padding-bottom: 5px;
padding-top: 5px;
} .customer_img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 5px;
}
.sustomer_name {
font-weight: bold;
} .diary_img {
float: right;
margin-left: 10px;
margin-bottom: 10px;
margin-top: 5px;
}
.diary_p_com {
font-size: 12px;
} #link_top table td {
padding: 2px 0px;
}
#link_top table {
border-top: dotted 1px #ccc;
width: 100%;
margin-bottom: 15px;
}
.link_title {
width: 150px;
}
.stockArea ul {
width: 192px;
padding: 8px;
border-top: 5px solid #999;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
margin-right: 8px;
margin-bottom: 15px !important;
}
.stockArea ul.right_style01 {
margin-right: 0;
}
.typeBox {
height: 40px;
}
.yearBox {
border-top: 1px dotted #ccc;
margin-top: 3px;
padding-top: 3px;
}
.mileageBox {
border-bottom: 1px dotted #ccc;
margin-bottom: 5px;
padding-bottom: 3px;
}
.priceBox {
height: 31px;
}
.priceLeft {
float: left;
}
.priceRight {
float: right;
padding-top: 6px;
}
.price_style {
font-size: 18px;
color: #db102a;
font-weight: bold;
}
.stock_detailArea {
background-color: #f9f9f9;
padding: 20px 0;
}
.stock_detailArea h4 { border-bottom: 3px solid #ccc;
border-left: 6px solid #294D97;
width: 784px;
height: 27px;
padding: 5px 0 0 10px;
margin: 15px auto 0;
clear: both;
font-size: 16px;
}
.stock_info {
width: 800px;
margin: auto;
padding-top: 20px;
clear: both;
}
.stock_info table {
margin-top: 20px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
empty-cells: show;
border-collapse: collapse;
}
.stock_info th {
background-color: #eee;
border: 1px solid #ccc;
width: 140px;
text-align: center;
padding: 5px 0;
}
.stock_info td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
width: 16%;
text-align: center;
}
.stock_price {
width: 800px;
margin: 30px auto 0;
}
.stock_price dl {
border: 1px dotted #ccc;
width: 230px;
float: left;
margin-right: 10px;
height: 50px;
}
.stock_price dt {
background-color: #eee;
width: 80px;
float: left;
text-align: center;
padding: 17px 0;
}
.stock_price dd {
width: 150px;
float: left;
text-align: center;
padding: 17px 0;
}
.price_button {
float: right;
width: 300px;
}
.stock_comment {
width: 800px;
margin: auto;
padding-top: 20px;
}
.commentBox {
border: 1px solid #ccc;
padding: 15px;
margin: 10px auto 0;
}
.stock_button {
width: 650px;
margin: auto;
padding: 30px 0 30px;
}
.stock_button li {
float: left;
width: 300px;
margin-right: 10px;
}
.stock_button li img {
text-align: center;
}
.recommendArea {
float: left;
margin-top: 10px;
}
.stock_line {
border: 1px solid #ccc;
padding: 10px;
margin: 0px auto 30px;
overflow: hidden;
}
.recommendArea ul {
width: 122px;
padding: 6px;
border-top: 3px solid #999;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
margin: 0 10px 10px 0;
background-color: #2a2a2a;
color: #fff;
}
.recommendArea ul.right_style01 {
margin-right: 0;
}
.recommendArea p {
text-align: right;
}
.typeBox3 {
height: 60px;
line-height: 1.2;
}
.priceBox2 {
border-top: 1px dotted #ccc;
padding-top: 5px;
margin-top: 3px;
}
.priceBox3 {
width: 88px;
height: 61px;
padding: 10px;
border: 1px solid #666;
text-align: center;
}
.priceBox3 dd {
margin-top: 4px;
} .customerArea {
float: left;
margin-bottom: 30px;
width: 720px;
}
.customerArea ul {
border: 1px solid #ccc;
width: 157px;
padding: 6px;
float: left;
margin: 0 8px 0 0;
}
.customerArea ul img {
text-align: center;
}
.customerArea p {
padding-top: 10px;
text-align: right;
clear: both;
}
.banner_mainArea {
clear: both;
margin-bottom: 20px;
}
.banner_mainArea p {
float: left;
margin-right: 15px;
} .stock_car_ichiran_top table {
border-collapse: collapse;
margin-bottom: 10px;
}
.stock_car_ichiran_top td {
border: 1px solid #ccc;
padding: 5px 10px;
}
.stock_car_ichiran_top h4 {
border-left: 5px solid #294d97;
border-bottom: 1px dotted #ccc;
padding: 3px 0 3px 10px;
margin: 0 0 10px;
clear: both;
}
.stockcar_carname {
background-color: #eee;
padding: 5px; }
.stockcar_carname2 {
background-color: #eee;
padding: 5px;
}
.red_car_price a, .red_car_price a:link, .red_car_price a:visited {
font-size: 15px;
font-weight: bold;
color: #e20000;
text-decoration: none;
}
.red_car_price a:hover {
font-size: 15px;
font-weight: bold;
color: #ff8400;
}
.stock_car_listBox {
width: 100%;
margin-bottom: 15px;
float: left;
} .stockcar_float {
float: left;
clear: both;
}
.stockcar_detail_mainimg {
float: left;
margin-bottom: 5px;
}
.stockcar_detail_subbt {
margin-bottom: 10px;
float: right;
}
.stockcar_detail_subimg_waku {
margin-top: 5px;
}
.stockcar_detail_subimg {
margin-right: 2px;
}
.stockcar_detail_carname {
font-size: 115%;
padding-bottom: 3px;
}
.stockcar_detail_under_bt {
margin: 10px 32px;
}
.stock_detail_table td {
border: none;
padding: 0px;
}
.car_info {
width: 100%;
}
.car_info th {
border: solid 1px #ccc;
padding: 5px;
background-color: #eee;
}
.stock_detail_table {
text-align: center;
}
.stockcar_photo {
float: left;
width: 100%;
}
.stockcar_photo .main_photo {
text-align: center;
}
.stockcar_photo table {
float: left;
width: 100%;
margin-top: 10px;
}
.stockcar_photo td {
border: solid 1px #ccc;
} .header {
background-color: #030a20;
overflow: hidden;
padding: 5px 0;
}
#main_logo {
width: 1000px;
margin: auto;
display: block !important;
}
@media screen and (max-width: 1000px) {
.head_02 {
display: none;
}
header {
width: 100%;
height: 50px;
top: 0;
left: 0;
background: #FFF;
border-bottom: 1px solid #000;
z-index: 100;
}
.spmenu_btn {
display: block;
position: absolute;
top: 14px;
right: 15px;
width: 30px;
height: 22px;
background: #000;
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.spmenu_btn:before {
content: "";
position: absolute;
width: 30px;
height: 2px;
background: #000;
top: -9px;
right: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.spmenu_btn:after {
content: "";
position: absolute;
width: 30px;
height: 2px;
background: #000;
bottom: -9px;
right: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.spmenu_btn.active {
background: #FFF;
}
.spmenu_btn.active:before {
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 0;
right: 0;
}
.spmenu_btn.active:after {
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
bottom: 0;
right: 0;
}
.spmenu {
display: none;
position: absolute;
top: 51px;
left: 0;
width: 100%;
background: #000;
}
nav {
display: block;
width: 100%;
margin: 0 auto;
}
nav li a {
display: block;
width: 100%;
color: #FFF;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-bottom: 1px solid #999;
}
}
.header_in {
width: 1000px;
margin: -10px auto;
overflow: hidden;
}
.sub_navi {
text-align: right;
margin: auto;
background-color: #fff;
width: 1000px;
}
.sub_navi li {
float: right;
margin-left: 20px;
line-height: 1.4;
color: #fff;
}
.sub_navi a {
font-size: 12px;
color: #fff;
}
.global_navi {
width: 100%;
clear: both;
margin-top: 12px;
}
.global_navi li {
float: left;
text-align: center;
margin-top: -2px;
height: 85px;
}
.global_navi li a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.jq_footer {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_m_styleauto/bg_bar.jpg);
background-repeat: repeat-x;
height: 20px;
clear: both;
}
.wideslider {
width: 100%;
text-align: left;
position: relative;
overflow: hidden;
margin-top: 10px;
}
.wideslider ul, .wideslider ul li {
float: left;
display: inline;
overflow: hidden;
}
.wideslider ul li img {
width: 100%;
display: none;
border-bottom: 10px solid #065fa3;
border-left: 10px solid #065fa3;
border-right: 10px solid #065fa3;
}
.wideslider_base {
top: 0;
position: absolute;
}
.wideslider_wrap {
top: 0;
position: absolute;
overflow: hidden;
}
.slider_prev, .slider_next {
top: 0;
overflow: hidden;
position: absolute;
z-index: 100;
cursor: pointer;
}
.slider_prev {
background: #2c2f3b url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_17_01/header/prev.jpg) no-repeat right center;
}
.slider_next {
background: #2c2f3b url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/template_17_01/header/next.jpg) no-repeat left center;
}
.pagination {
bottom: 10px;
left: 0;
width: 100%;
height: 15px;
text-align: center;
position: absolute;
z-index: 200;
}
.pagination a {
margin: 0 5px;
width: 15px;
height: 15px;
display: inline-block;
overflow: hidden;
background: #333;
}
.pagination a.active {
filter: alpha(opacity=100) !important;
-moz-opacity: 1 !important;
opacity: 1 !important;
} .post_content {
max-width: 1000px;
margin: 50px auto;
}
p.featured_image img {
display: inline;
}
p.featured_image {
text-align: center;
}
.post_content h1 {
text-align: center;
font-size: 40px;
width: 100%;
font-weight: normal;
color: #111;
}
.post_content .date {
text-align: center;
font-size: 18px;
padding-bottom: 30px;
}
.post_content, .post_content .post_text {
padding: 20px 0;
font-size: 17px;
margin: 0 auto;
}
.post_content .col-sm-6 {
padding: 5px;
}
.post_content a {
font-size: 14px;
}
.back_topic_list {
text-align: center;
padding: 50px 0 0;
}
.back_topic_list a {
text-align: center;
color: #fff;
background-color: #bf0a0a;
display: inline-block;
padding: 20px 100px;
font-size: 14px;
}
.back_topic_list a:hover {
color: #fff;
}
@media screen and (max-width: 758px) {
.post_content h1 {
font-size: 16px;
font-weight: bold;
width: 100%;
}
.post_content .date {
font-size: 12px;
}
.text_line {
margin: 0 auto 20px;
}
.post_content .post_text {
padding: 20px 10px;
font-size: 15px;
}
.post_content {
margin: 0px auto;
}
}
#aime_fluent_chat {
bottom: 10px !important;
}
#page-top {
position: fixed;
bottom: 110px;
right: 20px;
font-size: 77%;
z-index: 999;
width: 50px;
height: 50px;
}
#page-top a:link {
color: white !important;
text-decoration: none; }
#page-top a:visited {
color: white !important;
text-decoration: none; }
#page-top a:hover {
color: white !important;
text-decoration: none; }
#page-top a:active {
color: white !important;
text-decoration: none; } .re-topB {
position: relative;
display: block;
background-color: rgba(98, 195, 204, 0.8);
color: white; text-decoration: none; font-weight: bold;
font-size: 12px;
width: 60px;
height: 60px;
text-align: center;
line-height: 24px;
border-radius: 30px;
padding-top: 30px;
box-sizing: border-box;
} .re-topB:before {
content: "▲";
color: white;
position: absolute; top: 10px;
left: 0;
width: 100%;
text-align: center;
font-size: 20px;
}
a.loanbutton {
display: block;
margin: 1em 0 2em;
border-radius: 10px;
position: relative;
width: 100%;
padding: 0.8em;
font-size: 17px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #fff;
border: 1px solid #de3e18;
background: #de3e18;
overflow: hidden;
z-index: 1 !important;
}
a.loanbutton:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 0;
width: 180%;
background: #fff;
opacity: 0;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
transition: 0.3s;
z-index: -1;
}
a.loanbutton:hover {
color: #da3c41;
text-decoration: none;
}
a.loanbutton:hover:after {
height: 400%;
opacity: 1;
}
a.loanbutton:active:after {
height: 500%;
opacity: 1;
}
.loanbutton span {
font-size: 20px;
}
.repairPoint h6 {
background: transparent !important;
color: #555;
text-align: center;
font-size: 20px;
margin-left: 0;
width: 100%;
font-size: 17px;
}
.repairPoint h6 b {
color: #e60505;
}
.reBox h6::before {
left: 30%;
width: 40%;
} .pagenation {
text-align: center;
}
.wp-pagenavi {
clear: both;
text-align: center;
margin-bottom: 30px;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #555;
background-color: #FFF;
border: solid 1px #e0e0d2;
padding: 8px 15px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration: none;
}
.wp-pagenavi a:hover {
color: #FFF;
background-color: #999;
border-color: #999;
}
.wp-pagenavi span.current {
color: #FFF;
background-color: #555;
border-color: #555;
font-weight: bold;
} .news_cat a {
display: inline-block;
background-color: #a00016;
color: #fff;
padding: 4px 10px;
margin: 5px;
font-size: 11px;
font-weight: bold;
border-radius: 3px;
line-height: 1;
white-space: nowrap;
}
.news_cat a:hover {
text-decoration: none;
color: #fff;
}
.page_header_outer {
background-color: #fff;
}
.page_header_outer .page_header_inner {
position: relative;
margin: 0 auto;
max-width: 1300px;
}
.page_header_outer .page_header_inner .breadcrumb {
top: 5px;
position: absolute;
color: #222;
font-size: 11px;
background: transparent;
}
.page_header_outer .page_header_inner .breadcrumb a {
color: #222;
font-size: 11px;
}
.page_header_outer .page_header_inner .page_header {
color: #222;
}
.page_header_outer .page_header_inner .page_header.post_title {
font-size: 25px;
}
.page_header_outer .page_header_inner .page_header span {
display: block;
}
.page_header_outer .page_header_inner .page_header span:first-child {
position: relative;
padding-bottom: 10px;
}
.page_header_outer .page_header_inner .page_header span:first-child:after {
content: "";
display: inline-block;
width: 76px;
height: 1px;
background-color: #222;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -38px;
}
.page_header_outer .page_header_inner .page_header span.header_sub_txt {
font-size: 15px;
padding-top: 10px;
}
.news_list_1 .news_box {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #555;
height: 60px;
padding: 0 15px;
}
.top_news .news_list_1 img {
width: 100%;
}
.news_list_1 .news_box .news_title {
flex-basis: 75%;
}
.news_list_1 .news_box .news_title a {
display: inline-block;
}
.news_list_1 .news_box .news_title a:hover {
text-decoration: underline;
color: #333;
}
.news_list_1 .news_box .cat_date {
flex-basis: 25%;
display: flex;
align-items: center;
}
.news_list_1 .news_box .cat_date .news_cat {
flex-basis: 70%;
text-align: center;
}
.news_list_1 .news_box .cat_date .news_cat a {
display: inline-block;
background-color: #a00016;
color: #fff;
padding: 4px 15px;
font-size: 11px;
font-weight: bold;
border-radius: 3px;
line-height: 1;
}
.news_list_1 .news_box .cat_date .news_date {
flex-basis: 30%;
font-size: 13px;
text-align: right;
}
.news_list_1 .news_box:first-child {
border-top: 1px solid #555;
}
.car_pegination_bottom {
margin: 0 auto 50px !important;
}
.post-type-archive-cars header.top_renewal, .single header.top_renewal {
margin-bottom: -10px;
}
@media screen and (max-width: 1200px) {
.categoryPage {
width: 100% !important;
padding: 0 10px;
margin: 0 auto;
clear: both;
}
}
@media screen and (max-width: 1000px) {
html, body {
width: 100%;
}
header h1.pc {
display: none;
}
header h1.sp {
display: block;
}
.fix-menu {
display: none !important;
}
#main_logo {
display: none !important;
}
.head_02 {
display: none;
}
h1 {
margin: 10px 0 0 5px !important;
}
header {
width: 100%;
height: 50px;
top: 0;
left: 0;
background: #FFF;
border-bottom: 1px solid #000;
z-index: 999;
}
#pc_top #slider {
display: none;
}
#sp_top .slider {
margin-top: 50px;
}
.slideralpha {
overflow: hidden;
}
.spmenu_btn {
display: block;
position: absolute;
top: 14px;
right: 15px;
width: 30px;
height: 25px;
background: var(--subColor);
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 11px;
}
.spmenu_btn:before {
content: "";
position: absolute;
width: 30px;
height: 5px;
background: var(--subColor);
top: -9px;
right: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 3px;
}
.spmenu_btn:after {
content: "";
position: absolute;
width: 30px;
height: 5px;
background: var(--subColor);
bottom: -9px;
right: 0;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 3px;
}
.spmenu_btn.active {
background: #FFF;
}
.spmenu_btn.active:before {
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 0;
right: 0;
}
.spmenu_btn.active:after {
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
bottom: 0;
right: 0;
}
.spmenu {
display: none;
position: absolute;
top: 51px;
left: 0;
width: 100%;
background: #000;
}
nav {
display: block;
width: 100%;
margin: 0 auto;
}
nav li a {
display: block;
width: 100%;
color: #FFF;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-bottom: 1px solid #999;
}
#wrapper {
overflow-x: hidden;
text-align: left;
width: 100%;
padding: 0 10px;
margin: 0 auto;
clear: both;
}
#main {
overflow-x: hidden;
clear: both;
width: 100%;
background-color: #fff;
float: left;
margin-top: 10px;
}
#main_side h2 {
clear: both;
padding: 5px 10px;
letter-spacing: 1.2pt;
font-size: 100%;
background: #000;
background-image: none;
width: 100%;
color: #fff !important;
margin: auto;
}
#main_side h2 b {
display: none;
}
#footer {
overflow-x: hidden;
}
.foot_top_line {
display: none;
}
.footer_area {
width: 100%;
margin: auto;
overflow: hidden;
padding-bottom: 40px;
}
.foot_mn_r {
float: none;
clear: both;
overflow: hidden;
width: 50%;
padding-top: 30px;
margin: 0 10px 0 10px !important;
}
.second_top {
margin: 1.5em 0 0 !important;
}
.stockArea ul {
width: 100%;
padding: 8px;
border-top: 5px solid #999;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
margin-bottom: 10px;
}
.top_bnr_area .shop_area dd {
padding: 0 15px;
}
.top_bnr_area .shop_area dd span {
font-size: 17px;
}
.company {
padding-right: 0 !important;
}
.pre_r {
float: left;
text-align: center;
margin-top: auto;
}
.pre_l {
float: left;
width: 100% !important;
}
table.shop_lineup tbody th {
width: 20%;
padding: 10px;
font-weight: bold;
vertical-align: middle;
border-bottom: 1px solid #ccc;
background: #f7f7f7;
}
table.shop_lineup td {
padding: 10px;
vertical-align: middle;
border-bottom: 1px solid #ccc;
}
table.shop_lineup td iframe {
width: 100%;
}
.shop_bar span {
width: 100%;
display: block;
line-height: 2.2;
}
.myButton {
width: 100%;
font-size: 100%;
}
.myButton img {
width: 5%;
}
.contact_box {
width: 100% !important;
}
.contact_box .row {
border-right: 1px solid #ccc;
}
.contact_box .col-sm-9 {
border: none;
padding: 10px 0 10px 10px;
}
.company .footer_table td, .company .footer_table th {
display: block;
}
.company .footer_table th {
width: 100%;
text-align: left !important;
}
.recruit table {
margin: 0 0 40px;
}
.recruit table td, .recruit table th {
display: block;
}
.recruit table th {
width: 100%;
text-align: left !important;
}
.recruit .title {
margin: 0 0 20px;
}
.recruit p {
padding: 0;
line-height: 1.8;
}
.recruit td img {
width: 100%;
margin-bottom: 10px;
}
.recruit .v_center {
height: 100%;
line-height: 1.5;
border: none;
}
.recruit .oubo {
margin: 0 0 15px;
}
.flow .inside p {
font-size: 16px;
height: 100% !important;
padding: 20px 20px 20px 30px;
line-height: 1.8;
margin: 0;
background-image: none !important;
}
.sp_br {
display: none;
}
.flow .inside2 p .sp_br {
display: none;
}
.flow .inside2 p {
height: 100% !important;
background-image: none !important;
padding: 20px 20px 20px 30px;
}
.inspection {
overflow: hidden;
}
.toku_bg {
background-color: #98baff;
overflow: hidden;
padding: 20px 10px;
margin: 20px 0 0;
}
.toku_bg h6 {
width: 100%;
margin: 10px auto;
}
.toku_bg ul {
overflow: hidden;
margin: 0;
width: 100%;
}
.toku_bg li {
width: 100%;
float: none;
margin: 10px 0;
}
.toku_bg p {
clear: both;
padding: 10px 20px;
text-align: left;
color: #fff;
font-size: 20px;
}
.melit_list {
padding: 0;
margin: 0;
}
.melit_list li {
margin: 20px 0;
}
.inspection .melit {
margin: 20px 0px;
}
.box27 {
margin: 0 0 15px 0;
width: 98%;
padding: 20px;
}
.inspection .box27 p {
background: none;
height: 100%;
padding: 10px 0;
}
.inspection .price {
margin: 0;
}
.inspection table {
width: 100%;
}
.inspection .scroll {
overflow: auto;
white-space: nowrap;
}
.inspection .scroll::-webkit-scrollbar {
height: 5px;
}
.inspection .scroll::-webkit-scrollbar-track {
background: #F1F1F1;
}
.inspection .scroll::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
.inspection .cont {
width: 100%;
margin: auto;
}
.inspection .cont li {
width: 100%;
float: none;
clear: both;
margin: 0 0 20px 0;
}
.co_in {
margin: 0;
}
.co_in .cont {
width: 100%;
margin: 20px auto;
}
.co_in .cont li {
width: 100%;
float: none;
clear: both;
margin: 0 0 20px 0;
}
.co_in dd, .co_in dt {
float: none;
}
.co_in dl {
clear: both;
overflow: hidden;
}
.co_in dd {
text-align: center;
margin-bottom: 20px;
}
.co_in dt {
padding: 0;
text-align: left;
font-size: 20px;
font-weight: bold;
}
.co_in dt span {
font-size: 16px;
display: block;
border-top: 1px solid #ccc;
padding: 20px 0 0;
font-weight: normal;
}
.sankaku {
clear: both;
margin: 0 auto;
width: 0;
height: 0;
border: 40px solid transparent;
border-top: 40px solid #f7dfdf;
}
.staff .name {
margin: 2em 0em 0;
font-size: 130%;
font-weight: bold;
}
.staff .name02 {
margin: 2em 0em 0;
font-size: 130%;
font-weight: bold;
}
.staff .name03 {
margin: 2em 0em 0;
font-size: 130%;
font-weight: bold;
}
.staff #panel dt {
width: 100%;
margin: 2em auto 0;
}
.staff dd .tx, .staff dd .s_im {
display: block;
}
.staff dd .tx {
width: 100%;
float: none;
}
.staff dd .s_im {
float: none;
padding-top: 10px;
}
.company .shop-photo .col-sm-3 {
padding: 0;
margin: 5px 5px 0 0;
width: 100%;
}
.company .shop-photo .col-sm-4 {
padding: 0;
margin: 5px 5px 0 0;
width: 100%;
}
.btnarea .col-sm-3 {
margin: 1.5em 0 1em -1em !important;
}
.bannerSale img {
display: none !important;
}
#formmaler .form_left {
float: left;
font-weight: bold;
background: #f1f1f1;
line-height: 1.5;
width: 100%;
margin-left: 0;
padding: 10px;
clear: left;
}
#formmaler .form_left span {
color: red;
font-size: 20px;
}
#formmaler .form_right {
float: left;
margin-left: 10px;
padding: 5px 0;
width: 100%;
}
.ShopNew_Head h2 {
min-height: 230px;
}
.ShopNew_Head h2 img {
height: 230px;
object-fit: cover;
}
.ShopNew_Head h3 {
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: 140px !important;
}
.ShopNew_Head h3 span::first-line {
font-size: 13px !important;
}
.ShopNew_Head h3 img {
max-width: 120px;
}
.ShopNew_Head h2::after {
clip-path: none;
right: 0;
}
.ShopNew_Main dl {
display: block;
}
.ShopNew_Main dl dt {
margin: 0 30px 20px 0;
}
.ShopNew_Main dl:nth-child(2) {
display: flex;
flex-wrap: wrap-reverse;
}
.ShopNew_Main dl:nth-child(2) dt {
margin: 0 0 20px 30px;
}
.DivLink {
margin: 0 0 80px;
}
.ShopNew_Main .swiper-container {
width: 75%;
}
.ShopNew_Main .swiper-container .swiper-button-prev {
left: -40px;
}
.ShopNew_Main .swiper-container .swiper-button-next {
right: -40px;
}
.ShopNew_Main .shop_info {
display: block;
}
.ShopNew_Main .shop_info table {
width: 90%;
margin: 0 auto 30px;
}
.ShopNew_Main .shop_info table th, .ShopNew_Main .shop_info table td {
display: block;
width: 100%;
}
.ShopNew_Main .shop_info iframe {
max-width: 100%;
}
.marc_logo {
margin-top: 0;
max-width: 200px !important;
}
.link_list ul {
display: block;
text-align: center;
}
.link_list img {
max-width: 230px;
margin: auto;
}
.link_title {
width: 100%;
text-align: center;
margin: 10px 0;
}
.left_contents.link_in {
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.left_contents.link_in ul {
width: 100%;
flex-basis: 50%;
}
.left_contents.link_in li {
width: 100%;
}
.page_header_outer {
margin: 50px auto 50px;
}
}
@media screen and (min-width: 300px) and (max-width: 650px) {
.top_bnr_area .shop_area li, .top_bnr_area .shop_area li img {
margin: 0 0 10px 0 !important;
width: 100%;
padding: 0 30px;
}
.right_menu figcaption h3 {
text-align: center;
margin-top: 1.5em;
}
.foot_mn_l {
float: none;
clear: both;
overflow: hidden;
margin: 20px 0 0 10px;
}
.foot_mn_l ul {
width: 250px;
float: none;
clear: both;
line-height: 1.8;
overflow: hidden;
}
.foot_mn_r {
float: none;
clear: both;
overflow: hidden;
max-width: 200px;
padding-top: 30px;
margin: auto !important;
}
.shop_bar {
width: 100%;
font-size: 16px;
line-height: 3;
}
.shop_img {
width: 100%;
}
.shop_btn .btn {
width: 100%;
font-size: 15px;
}
.shop_btn .btn-wrapper {
display: inline-block;
margin: 20px 5px;
padding: 0 !important;
}
.shop_bar .sp_br {
display: none;
}
.btnarea .col-sm-3 {
margin: 1.5em 0 1em 0em !important;
}
}
@media screen and (min-width: 1000px) {
header .spmenu {
display: none;
}
header h1.sp {
display: none;
}
header h1.pc {
display: block;
}
#sp_top .slider {
display: none !important;
}
}
@media screen and (max-width: 1300px) {
.ShopNew_Head h3 {
top: 8vw;
}
.ShopNew_Main .swiper-container .swiper-button-prev {
left: -50px;
}
.ShopNew_Main .swiper-container .swiper-button-next {
right: -50px;
}
} .inter {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}
.zen-maru-gothic-regular {
font-family: "Zen Maru Gothic", sans-serif;
font-style: bold;
}
.rounded-mplus {
font-family: "Rounded Mplus 1c", sans-serif;
font-style: bold;
}
.noto-sans-jp {
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-style: normal;
} .pc {
display: block;
}
.sp {
display: none;
}
a img:hover {
opacity: 0.8;
transition: 0.5s;
}
a:hover {
text-decoration: none !important;
opacity: 0.8;
transition: 0.5s;
}
.head_redline {
background-color: var(--subColor);
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
.head_redline h1 {
white-space: nowrap;
font-size: 13px;
color: #fff;
text-align: left;
font-weight: normal;
padding: 10px;
width: 100%;
}
.head_redline ul {
display: flex;
gap: 45px;
padding-right: 20px;
list-style: none;
margin: 0;
white-space: nowrap;
}
.head_redline ul li {
font-size: 14px;
width: 100%;
}
.head_redline ul li a {
position: relative;
display: inline-block;
color: #fff;
}
.head_redline ul li a::before, .head_redline ul li a::after {
content: "";
position: absolute;
top: calc(50% - 0.5px);
right: 0;
width: 6px;
height: 3px;
border-radius: 9999px;
background-color: #ffffff;
transform-origin: calc(100% - 0.5px) 50%;
left: -15px;
}
.head_redline ul li a::before {
transform: rotate(45deg);
}
.head_redline ul li a::after {
transform: rotate(-45deg);
}
.topmenu {
flex-wrap: wrap;
}
.topmenu .contact_area {
flex: 1;
display: flex;
justify-content: end;
align-items: center;
gap: 20px;
padding-right: 20px;
}
.topmenu .head_btn {
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
height: 55px;
font-size: 16px;
font-weight: bold;
white-space: nowrap;
}
.topmenu .head_btn a {
color: #fff;
}
.topmenu .head_btn a:hover {
text-decoration: none !important;
opacity: 0.7;
transition: 0.5s;
}
.topmenu .head_btn img {
width: 20px;
}
.topmenu .mailbox {
background-color: var(--subColor);
}
.topmenu .linebox {
background-color: #06C755;
}
.topmenu .linebox img {
width: 25px;
}
.topmenu .telbox {
font-size: 14px;
text-align: center;
white-space: nowrap;
}
.topmenu .telbox span {
font-family: "Inter", sans-serif;
font-size: 33px;
font-weight: 700;
line-height: 30px;
padding: 0 0 0 5px;
color: #222;
}
.header_nav {
width: 100%;
flex-basis: 100%;
background: #444;
padding: 20px 0;
}
.pcmenu .sub-menu {
position: absolute;
z-index: 10;
width: 15%;
right: 25%;
margin-top: 20px;
}
.pcmenu .sub-menu li {
border: 3px solid #ccc;
border-top: none;
width: 100%;
}
.pcmenu .sub-menu li:first-child {
border-top: 3px solid #ccc;
}
.pcmenu .sub-menu li a {
background-color: rgba(255, 255, 255, 0.8);
padding: 1em !important;
width: 100%;
color: #222 !important;
}
.pcmenu .sub-menu li a:hover {
color: #222;
background-color: rgba(255, 255, 255, 0.9) !important;
opacity: 1;
}
.pcmenu li a:hover {
opacity: 0.6;
}
.menu-title {
display: inline-flex;
align-items: center;
text-decoration: none;
}
.menu-title .menu_arrow {
display: inline-block;
width: 10.4px;
height: 9.7px;
margin-left: 5px;
position: relative;
transition: transform 0.3s ease;
margin-left: 10px;
}
.menu-title .menu_arrow::before, .menu-title .menu_arrow::after {
content: "";
position: absolute;
bottom: 0;
left: calc(50% - 1.5px);
width: 3px;
height: 10px;
border-radius: 9999px;
background-color: #d72226;
transform-origin: 50% calc(100% - 1.5px);
transition: transform 0.3s ease;
}
.menu-title .menu_arrow::before {
transform: rotate(45deg);
}
.menu-title .menu_arrow::after {
transform: rotate(-45deg);
}
.menu-title:hover .menu_arrow {
transform: rotate(180deg);
} header.fix-menu li a {
color: #333 !important;
}
.fix-menu {
position: fixed;
top: 0;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
height: auto;
z-index: 10001;
width: 100%;
background: rgba(255, 255, 255, 0.9);
list-style: none;
overflow: visible;
}
.fix-menu ul {
width: 1000px;
margin: auto !important;
gap: 2.5vw !important;
}
.fix-menu li {
padding: 0 9px;
}
.fix-menu li.active {
border-left: 1px solid #DDD;
}
.fix-menu li.active a {
padding-bottom: 5px;
}
.fix-menu li.active strong {
margin-top: -5px;
}
.fix-menu li a {
display: block;
padding: 10px 15px;
text-align: center;
text-decoration: none;
color: #333;
}
.fix-menu li a span {
display: block;
margin: 3px 0 0 0;
color: #959595;
text-transform: uppercase;
font-size: 80%;
letter-spacing: 1px;
}
.fix-menu li a:hover {
background: #dbdbdb;
} .scrollnav .sub-menu {
display: none;
transition: transform 0.3s ease !important;
margin: 0;
padding: 0;
}
.scrollnav .sub-menu li {
border: 3px solid #ccc !important;
border-top: none !important;
width: 100%;
transition: transform 0.3s ease;
padding: 0 !important;
}
.scrollnav .sub-menu li:first-child {
border-top: 3px solid #ccc !important;
}
.scrollnav .sub-menu li a {
background-color: rgba(255, 255, 255, 0.8);
padding: 1em 10px !important;
width: 100%;
color: #222 !important;
text-align: left !important;
}
.scrollnav .sub-menu li a:hover {
color: #222;
background-color: white !important;
}
header.top_renewal {
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
}
header.top_renewal.fix-menu {
height: 85px;
}
header.top_renewal.fix-menu h1 {
width: 65% !important;
}
header.top_renewal .logo_box {
display: flex;
justify-content: flex-start;
align-items: center;
}
header.top_renewal .logo_box h1 {
width: 75%;
text-align: left;
margin: 10px 15px 15px;
}
header.top_renewal .logo_box h1 img {
min-width: 170px;
}
header.top_renewal .information {
display: flex;
justify-content: center;
align-items: center;
gap: 4vw;
}
header.top_renewal .information li {
font-size: 16px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 600;
white-space: nowrap;
}
header.top_renewal .information li a {
display: inline-block;
padding-bottom: 4px;
color: #fff;
position: relative;
text-decoration: none;
}
header.top_renewal .information li a::after {
background-color: var(--subColor);
bottom: 0;
content: "";
display: block;
height: 3px;
left: 0;
position: absolute;
transition: 0.5s all;
width: 0;
}
header.top_renewal .information li a:hover::after {
width: 100%;
} .top_renewal_sp_nav {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
border: none;
position: absolute;
}
.top_renewal_sp_nav h1 {
width: 200px;
}
.top_renewal_sp_nav .head_icon {
display: flex;
position: absolute;
top: 20px;
right: 85px;
}
.top_renewal_sp_nav .head_icon li {
width: 40px;
margin: 0 4px;
}
@media screen and (min-width: 1000px) {
.top_renewal_sp_nav .head_icon {
display: none;
}
}
.top_renewal_sp_nav .spmenu_btn_wrap:before {
content: "";
background: #fff;
width: 50px;
height: 50px;
display: block;
top: 10px;
right: 5px;
position: absolute;
border-radius: 100px;
}
@media screen and (min-width: 1000px) {
.top_renewal_sp_nav .spmenu_btn_wrap:before {
display: none;
}
}
.top_renewal_sp_nav .spmenu_btn_fixed {
position: fixed;
top: 10px;
right: 10px;
z-index: 9999;
}
.top_renewal_sp_nav .spmenu {
background: #fff;
height: 85vh;
top: 0;
right: 20px;
overflow-y: scroll;
z-index: 9998;
display: none;
position: fixed;
}
.top_renewal_sp_nav .spmenu div.head_icon {
position: relative;
display: flex;
justify-content: center;
align-items: center;
right: 0;
top: 0;
margin: 0 0 10px;
}
.top_renewal_sp_nav .spmenu div.head_icon p {
width: 35px;
margin-right: 8px;
}
.top_renewal_sp_nav .spmenu .menutop {
text-align: center;
display: block;
padding: 8px 5px 5px;
}
.top_renewal_sp_nav .spmenu .menutop img {
width: 230px;
margin-left: -35px;
}
.top_renewal_sp_nav .spmenu ol li a {
color: #444;
border-bottom: none;
border-bottom: 1px solid #ccc;
padding: 15px 15px 15px 25px;
background: #f5f5f5;
}
.top_renewal_sp_nav .spmenu address {
background: #EEE;
padding: 25px 10px 60px;
}
.top_renewal_sp_nav .spmenu address p {
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
line-height: 1.3;
text-align: center;
font-weight: bold;
}
.top_renewal_sp_nav .spmenu address p .footer_logo {
width: 70px;
}
.top_renewal_sp_nav .spmenu address p .footer_sns {
width: 30px;
margin: 10px 5px 0;
}
.gmap {
width: 175px;
margin: 10px auto 0;
}
.gmap a {
background: #fff;
border: 1px solid #999;
border-radius: 100px;
display: block;
padding: 0 0 10px;
font-weight: normal;
}
.gmap a:before {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer_googlemap.png) no-repeat bottom 0 right 10px;
width: 35px;
height: 25px;
display: inline-block;
background-size: auto;
}
.menu-overlay {
position: fixed;
top: calc(75vh + 70px); left: 0;
width: 100%;
height: 20vh;
background: rgba(0, 0, 0, 0.5); z-index: 1000;
display: none;
}
.accordion .accordion-menu a {
font-family: "Noto Sans JP", sans-serif;
font-size: 17px;
font-weight: 600;
padding: 30px 45px 30px 20px;
color: #444;
border-bottom: 1px solid #ccc;
}
.accordion .accordion-menu a:after {
content: "";
width: 10px;
height: 10px;
border: 0;
border-top: solid 3px var(--subColor);
border-right: solid 3px var(--subColor);
transform: rotate(45deg);
position: absolute;
top: 0;
right: 30px;
bottom: 0;
margin: auto;
}
.accordion .accordion-topmenu {
font-family: "Noto Sans JP", sans-serif;
background: var(--subColor);
color: #fff;
font-size: 17px;
font-weight: 600;
padding: 30px 45px 30px 20px;
display: flex;
}
.accordion .accordion-topmenu:before {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer_icon1.png) no-repeat center left;
width: 27px;
height: 27px;
display: block;
background-size: contain;
}
.accordion .accordion-topmenu a {
border: none;
color: #fff;
display: block;
padding: 0 0 0 15px;
}
.accordion .accordion-topmenu a:after {
content: "";
width: 10px;
height: 10px;
border: 0;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
transform: rotate(45deg);
position: absolute;
top: 0;
right: -15px;
bottom: 0;
margin: auto;
}
.accordion .accordion-bottommenu {
border: 2px solid var(--subColor);
margin: 20px;
font-size: 17px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 600;
text-align: center;
padding: 5px 0;
}
.accordion .accordion-bottommenu a {
color: var(--subColor);
border-bottom: none;
}
.accordion-content {
display: none;
}
.accordion-content ol li a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 1px #555;
border-right: solid 1px #555;
transform: rotate(45deg);
position: absolute;
top: 0;
right: 30px;
bottom: 0;
margin: auto;
}
.accordion-header {
background-color: #FFF;
padding: 30px 45px 30px 20px;
margin: 0;
transition: background 0.3s ease;
cursor: pointer;
position: relative;
border-bottom: 1px solid #ccc;
}
.accordion-header span {
font-family: "Noto Sans JP", sans-serif;
font-size: 17px;
font-weight: 600;
color: #444;
}
.accordion-header::before, .accordion-header::after {
position: absolute;
content: "";
top: 1px;
right: 25px;
bottom: 0;
width: 15px;
height: 3px;
margin: auto;
background: var(--subColor);
}
.accordion-header::after {
transform: rotate(-90deg);
transition: transform 0.3s;
}
.accordion-header.active::after {
transform: rotate(0deg);
} .top_renewal.fix-menu ul {
width: 100%;
}
.top_renewal.fix-menu ul li {
border: none;
height: auto;
}
.top_renewal.fix-menu ul li a {
padding: 0 0 4px 0;
}
.top_renewal.fix-menu ul li a:hover {
background: transparent;
} .footer_renewal {
border-top: 8px solid var(--subColor);
padding-top: 30px;
clear: both !important;
font-family: "Noto Sans JP", sans-serif !important;
}
.footer_renewal .inner {
width: 100%;
max-width: 1300px !important;
padding: 0 30px;
}
.footer_renewal .footer_flex {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.footer_renewal .button_left p {
border-radius: 5px;
font-size: 16px;
padding: 0;
display: flex;
align-items: center;
}
.footer_renewal .button_left p a {
display: flex;
width: 100%;
height: 100%;
color: inherit;
text-decoration: none;
align-items: center;
position: relative;
color: #fff;
padding: 20px 45px;
}
.footer_renewal .button_left p a:before {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/renewal/footer_icon1.png) no-repeat center left;
background-size: contain;
width: 25px;
height: 25px;
flex-shrink: 0;
margin-right: 10px;
display: inline-block;
}
.footer_renewal .button_left p a:after {
display: none;
}
.footer_renewal .button_left p:before {
display: none;
}
.footer_renewal .button_left p:hover {
background-color: var(--subColor);
transition: 0.5s;
}
.footer_renewal .button_left p:hover a {
color: #fff;
}
.footer_renewal .button_right {
display: flex;
justify-content: center;
align-items: center;
gap: 0 20px;
}
.footer_renewal .button_right p {
border: 3px solid #ccc;
padding: 10px 30px;
border-radius: 100px;
font-weight: 600;
font-size: 13px;
display: flex;
align-items: center;
height: 65px;
}
.footer_renewal .button_right p:hover {
background-color: #eee;
transition: 0.5s;
}
.footer_renewal .button_right p a {
display: flex;
align-items: center;
width: 100%;
height: 100%;
text-decoration: none;
color: inherit;
}
.footer_renewal .button_right p:nth-child(1) {
font-size: 16px;
}
.footer_renewal .button_right p:nth-child(1):before {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer_icon2.png) no-repeat center left;
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
margin: 0 5px;
}
.footer_renewal .button_right p:nth-child(2) {
font-family: Rubik, Meiryo, sans-serif;
text-align: left;
}
.footer_renewal .button_right p:nth-child(2) a {
flex-direction: column;
align-items: flex-start;
line-height: 1.1;
}
.footer_renewal .button_right p:nth-child(2):before {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer_icon3.png) no-repeat center left;
width: 30px;
height: 30px;
display: inline-block;
background-size: contain;
margin: 0 5px;
}
.footer_renewal .button_right p:nth-child(2) span {
color: var(--subColor);
font-size: 22px;
}
.footer_renewal .footer_main div {
margin-top: 30px;
}
.footer_renewal .footer_main h2 {
position: relative;
padding: 10px 0;
border-bottom: 4px solid #E7E7E7;
font-size: 20px;
}
.footer_renewal .footer_main h2:before {
position: absolute;
bottom: -4px;
left: 0;
width: 200px;
height: 4px;
content: "";
background: var(--subColor);
}
.footer_renewal .footer_main h2:after {
content: "";
color: var(--subColor);
font-size: 12px;
font-weight: 900;
position: absolute;
right: 8px;
bottom: 8px;
}
.footer_renewal .footer_main .car_life, .footer_renewal .footer_main .company {
flex-basis: 47%;
}
.footer_renewal .footer_main .car_life .footer_flex, .footer_renewal .footer_main .company .footer_flex {
padding: 20px;
margin: 0 30px;
}
.footer_renewal .footer_main .car_life .footer_flex li, .footer_renewal .footer_main .company .footer_flex li {
width: calc(90% / 2);
font-size: 16px !important;
line-height: 1.2;
margin: 10px 0;
text-indent: 0em;
padding: 0 10px 0 1em;
}
.footer_renewal .footer_main .car_life .footer_flex li a, .footer_renewal .footer_main .company .footer_flex li a {
position: relative;
display: inline-block;
font-weight: 500;
}
.footer_renewal .footer_main .car_life .footer_flex li a:hover, .footer_renewal .footer_main .company .footer_flex li a:hover {
color: var(--subColor);
opacity: 1;
}
.footer_renewal .footer_main .car_life .footer_flex li a::before, .footer_renewal .footer_main .car_life .footer_flex li a::after, .footer_renewal .footer_main .company .footer_flex li a::before, .footer_renewal .footer_main .company .footer_flex li a::after {
content: "";
position: absolute;
top: calc(50% - 2px);
left: -25px;
width: 9px;
height: 3px;
border-radius: 9999px;
background-color: #de1616;
transform-origin: calc(100% - 2px) 50%;
}
.footer_renewal .footer_main .car_life .footer_flex li a::before, .footer_renewal .footer_main .company .footer_flex li a::before {
transform: rotate(45deg);
}
.footer_renewal .footer_main .car_life .footer_flex li a::after, .footer_renewal .footer_main .company .footer_flex li a::after {
transform: rotate(-45deg);
}
.footer_renewal .footer_main .car_life h2:after {
content: "ABOUT CAR LIFE";
}
.footer_renewal .footer_main .company h2:after {
content: "ABOUT COMPANY";
}
.footer_renewal .footer_main .stores_infomation h2:after {
content: "ALL STORES INFORMATION";
}
.footer_renewal .stores_infomation {
padding-bottom: 20px;
}
.footer_renewal .stores_infomation .stores {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 1em;
padding: 0 15px;
}
.footer_renewal .stores_infomation .stores dl {
display: flex;
justify-content: space-between;
height: 100%;
flex: 1 1 48%;
box-sizing: border-box;
}
.footer_renewal .stores_infomation .stores dl dt {
flex-basis: 38%;
}
.footer_renewal .stores_infomation .stores dl dt h3 {
margin: 15px 0 5px;
font-size: 16px;
font-weight: 600;
}
.footer_renewal .stores_infomation .stores dl dt p {
font-size: 14px;
font-weight: 400;
}
.footer_renewal .stores_infomation .stores dl dd {
flex: 1;
padding: 0 15px;
}
.footer_renewal .stores_infomation .stores dl dd h3 {
margin-bottom: 8px;
}
.footer_renewal .stores_infomation .stores dl dd p {
line-height: 1.5;
color: #333;
}
.footer_renewal .stores_infomation .stores dl dd .gmap {
margin: 10px 5px;
}
.footer_renewal .stores_infomation .stores dl dd .gmap a {
padding: 0 0 8px 20px;
}
.footer_renewal .stores_infomation .stores dl dd .gmap a:hover {
background: #eee;
}
.footer_renewal .stores_infomation .stores .buttan_02 {
width: 100%;
font-size: 13px;
white-space: nowrap;
}
.footer_renewal .footer_address {
background: #EEEEEE;
padding: 30px 0 30px;
margin: 15px 0 0;
}
.footer_renewal .footer_address .footer_flex {
align-items: center;
}
.footer_renewal .footer_address .footer_flex address {
display: flex !important;
}
.footer_renewal .footer_address .footer_flex .sns {
margin-left: 20px;
}
.footer_renewal .footer_address .footer_flex .sns a {
margin: 0 0 0 5px;
display: inline-block;
padding: 15px 0 0;
}
.footer_renewal .footer_address .footer_flex .footer_button {
display: flex;
}
.footer_renewal .footer_address .footer_flex .footer_button dl {
margin: 0 10px;
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);
}
.footer_renewal .footer_address .footer_flex .footer_button dl a {
background: #fff;
display: flex;
flex-wrap: nowrap;
border-radius: 5px;
align-items: center;
padding: 6px 40px 5px 5px;
position: relative;
}
.footer_renewal .footer_address .footer_flex .footer_button dl a:before {
content: "";
width: 18px;
height: 18px;
background: var(--subColor);
border-radius: 50%;
position: absolute;
top: 0;
right: 7px;
bottom: 0;
margin: auto;
}
.footer_renewal .footer_address .footer_flex .footer_button dl a:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(45deg);
position: absolute;
top: 0;
right: 13px;
bottom: 0;
margin: auto;
}
.footer_renewal .footer_address .footer_flex .footer_button dl dd {
font-size: 13px;
font-weight: 600;
line-height: 1.2;
}
.footer_renewal .footer_address .footer_flex .footer_button dl dd h2 {
font-size: 17px;
}
.footer_renewal .footer_address .footer_flex .footer_button dl dt img {
width: 50px !important;
}
.footer_renewal .footer_address .gmap {
position: absolute;
top: -10px;
padding: 0 0 0 10px;
width: 150px;
}
.footer_renewal .footer_address .gmap a {
text-align: center;
font-size: 13px;
}
.footer_renewal .footer_address .gmap a:before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/footer_googlemap.png) no-repeat bottom 0 right 5px;
width: 35px;
height: 25px;
margin-left: -20px;
}
.footer_renewal .footer_address .gmap a:hover {
background: #eee;
text-decoration: none;
color: #333;
}
.footer_renewal .footer_address address p {
position: relative;
line-height: 1.3;
margin: 0;
font-size: 14px;
}
.footer_renewal small {
color: #000;
display: block;
text-align: center;
font-size: 10px;
font-weight: 400;
padding: 15px 0;
} .right_fix {
position: fixed;
right: 0;
top: 45%;
transform: translateY(-50%);
z-index: 10001;
}
.right_fix .right_btn {
border-radius: 35px 0 0 35px;
padding: 15px 10px 15px 15px;
color: #fff;
background: gray;
margin-bottom: 10px;
text-decoration: none;
box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.4);
}
.right_fix .right_btn:after {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/fast-forward.png) no-repeat center center;
background-size: contain;
display: block;
width: 17px;
height: 18px;
margin: 8px 0 0 35px;
}
.right_fix .right_btn a {
color: #fff;
text-decoration: none;
font-family: "Rounded Mplus 1c", sans-serif;
transform: rotate(0.03deg);
font-style: bold;
}
.right_fix .right_btn dt {
line-height: 1.2;
font-size: 13px;
text-align: right;
white-space: nowrap;
}
.right_fix .right_btn dt span {
display: block;
font-size: 20px;
}
.right_fix .right_btn dd {
text-align: center;
padding-left: 15px;
}
.right_fix .right_btn dd img {
width: 35px;
}
.right_fix .right_email {
background: var(--subColor);
}
.right_fix .right_email dd img {
width: 45px;
}
.right_fix .right_line {
background: #00C754;
}
.right_fix .right_line dt span {
letter-spacing: 1pt;
}
.right_fix .right_line dd {
margin-bottom: 8px;
}
.right_fix .right_line dd img {
width: 37px;
}
.right_fix .right_loan {
background: #444444;
}
.right_fix .right_loan dt {
letter-spacing: -0.5pt;
}
.right_fix .right_loan dd {
margin-bottom: 8px;
}
.right_fix .right_tel {
display: none;
}
@media (max-width: 768px) {
.right_tel {
display: block !important;
background: #F3A620 !important;
}
.right_tel dd {
padding-bottom: 9px;
}
.right_fix {
top: auto;
right: 0;
bottom: 0;
left: 0;
transform: none;
display: flex;
justify-content: center;
gap: 10px;
padding: 8px 0;
}
.right_fix .right_btn {
border-radius: 0;
margin-bottom: 0;
padding: 15px;
}
.sp_bottom {
display: flex;
flex-wrap: nowrap;
gap: 0 !important;
padding: 0;
margin: 0;
}
.sp_bottom dl {
width: 25%;
box-shadow: none !important;
position: relative;
}
.right_fix .right_btn dd {
padding-left: 0;
margin-bottom: 10px;
}
.right_fix .right_btn dd img {
width: 30px;
}
.right_fix .right_btn dt {
font-size: 3vw;
white-space: nowrap;
text-align: center;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, -10%);
line-height: 1;
}
.right_fix .right_btn::after {
display: none;
}
.right_fix .right_email dd img {
width: 40px !important;
}
}
@media (max-width: 500px) {
.right_fix .right_btn dt {
font-size: 3.6vw;
transform: translate(-50%, -50%);
}
} @media screen and (max-width: 1200px) {
header.top_renewal .information ul {
gap: 1.5vw !important;
}
header.top_renewal .information li {
font-size: 14px;
}
header .pcmenu .sub-menu {
right: 22%;
}
header.fix-menu ul {
gap: 1vw !important;
}
header.fix-menu ul li {
margin: 0 !important;
}
.footer_renewal .stores_infomation .stores {
justify-content: flex-start;
}
.footer_renewal small {
display: block;
text-align: center;
width: 100%;
}
}
@media screen and (max-width: 1100px) {
header.topmenu {
flex-direction: column;
}
.header_nav {
margin-top: 20px;
}
}
@media (min-width: 768px) and (max-width: 1100px) {
.right_fix {
width: 80px;
}
.right_fix .right_btn dt {
font-size: 11px;
}
}
@media screen and (max-width: 1000px) {
header.top_renewal {
display: none;
}
.head_redline {
display: none;
}
.top_spmenu {
height: 80px;
}
.top_spmenu h1 {
margin: 0 !important;
padding: 5px 5px;
width: 280px;
}
.spmenu_btn {
top: 22px !important;
}
.footer_renewal .stores_infomation .stores dl img {
width: revert-layer !important;
}
.footer_renewal .footer_address .footer_flex {
display: block;
}
.footer_renewal .footer_address .footer_flex address {
display: block !important;
text-align: center;
}
.footer_renewal .footer_address .footer_flex address img {
max-width: 250px;
}
.footer_renewal .footer_address .footer_flex .footer_button {
justify-content: center;
padding: 20px 0 0;
}
.footer_renewal .footer_address .footer_flex .sns {
margin: 0;
}
.footer_renewal .footer_address .footer_flex .sns a img {
max-width: 30px;
}
}
@media screen and (max-width: 900px) {
.footer_renewal .button_right {
display: none;
}
.footer_renewal .footer_main .footer_flex li {
font-size: 14px !important;
}
}
@media screen and (max-width: 768px) {
.pc {
display: none;
}
.sp {
display: block;
}
.footer_renewal {
padding-top: 0;
}
.footer_renewal .inner {
padding: 0 10px;
}
.footer_renewal .button_left {
flex-basis: 100%;
}
.footer_renewal .button_left p a {
justify-content: center;
}
.footer_renewal .footer_main .car_life, .footer_renewal .footer_main .company {
flex-basis: 100%;
}
.footer_renewal .footer_main .car_life .footer_flex, .footer_renewal .footer_main .company .footer_flex {
padding: 0px;
margin: 0px;
}
.footer_renewal .footer_main .car_life .footer_flex li, .footer_renewal .footer_main .company .footer_flex li {
position: relative;
padding: 0 0 0 10px;
margin: 0;
text-indent: 0;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
height: 70px;
width: calc(100% / 2);
}
.footer_renewal .footer_main .car_life .footer_flex li:nth-child(even), .footer_renewal .footer_main .company .footer_flex li:nth-child(even) {
border-right: 0px !important;
}
.footer_renewal .footer_main .car_life .footer_flex li:before, .footer_renewal .footer_main .company .footer_flex li:before {
right: 0;
position: absolute;
top: 24px;
}
.footer_renewal .footer_main .car_life .footer_flex li a, .footer_renewal .footer_main .company .footer_flex li a {
padding: 0 25px;
width: 100%;
height: 100%;
display: block flex;
justify-content: flex-start;
align-items: center;
font-size: 15px;
}
.footer_renewal .footer_main .car_life .footer_flex li a::before, .footer_renewal .footer_main .car_life .footer_flex li a::after, .footer_renewal .footer_main .company .footer_flex li a::before, .footer_renewal .footer_main .company .footer_flex li a::after {
left: 0;
}
.footer_renewal .footer_main h2::after {
font-size: 10px;
}
.footer_renewal .stores_infomation .stores dl {
flex: 0 0 100%;
margin: 0 0 10px;
}
.footer_renewal .stores_infomation .stores .buttan_02 {
white-space: break-spaces;
font-size: 10px;
height: 33px;
}
.footer_renewal .stores_infomation .stores .buttan_02 span {
display: none;
}
.footer_renewal .stores_infomation .stores dl dt h3 {
font-size: 14px;
margin: 10px 0 5px;
}
.footer_renewal .stores_infomation .stores dl dt p {
font-size: 11px;
}
.buttan_ytb {
background-size: 25%;
height: 33px;
}
.footer_renewal .stores_infomation .stores .buttan_02 {
margin: 10px 0 0;
}
.footer_renewal .stores_infomation {
padding-bottom: 0;
}
.footer_renewal .footer_address {
padding: 30px 0 95px;
}
.footer_renewal .footer_address .footer_flex address {
text-align: center;
}
.footer_renewal .footer_address address p {
font-size: 12px;
}
.footer_renewal .footer_address .footer_flex .footer_button {
flex-wrap: wrap;
}
.footer_renewal .footer_address .footer_flex .footer_button dl {
margin-bottom: 10px;
}
.footer_renewal .footer_address .gmap {
position: relative;
top: 0;
padding: 0 0 0 10px;
width: 150px;
display: block;
}
.footer_renewal .footer_address .sns {
text-align: center;
}
#page-top {
bottom: 190px !important;
width: 40px;
height: 40px;
}
#aime_fluent_chat {
bottom: 90px !important;
}
} html {
scroll-behavior: smooth;
}
body {
position: relative;
}
body::before {
content: "";
position: fixed;
inset: 0;
backdrop-filter: blur(15px);
z-index: 999;
pointer-events: none;
opacity: 1;
transition: opacity 1.4s ease;
}
body.loaded::before {
opacity: 0;
}
.inner {
max-width: 1300px !important;
margin: 0 auto !important;
}
.common_button {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
text-decoration: none;
color: #ffffff;
font-size: 18px;
border-radius: 5px;
max-width: 300px;
height: 70px;
font-weight: bold;
transition: 0.3s;
border-radius: 100px;
background-color: [object object];
background-image: linear-gradient(0deg, #a80001, #de0000);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
transition: 0.25s ease;
font-size: 16px;
padding: 0 35px;
}
.common_button::hover {
opacity: 0.5;
}
@media screen and (max-width: 768px) {
.common_button {
width: 90%;
}
}
.breadcrumb {
padding: 3px 10px;
}
@media screen and (max-width: 768px) {
.breadcrumb {
display: none;
}
}
[id] {
scroll-margin-top: 100px;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
.two_col_outer {
padding: 0 80px;
}
} .fade-up {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.fade-up.visible {
opacity: 1;
transform: translateY(0);
} .mainslider {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/slider_bg2.jpg) no-repeat center center;
background-size: cover;
padding-bottom: 10px;
}
@media screen and (max-width: 1000px) {
.mainslider {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/slider_bg2.jpg) no-repeat center center;
background-size: cover;
padding-bottom: 10px;
margin-top: 75px;
padding-top: 20px;
}
}
@media screen and (min-width: 1000px) {
.custom-arrow {
margin-top: 40px;
}
}
.slick-track {
display: flex !important;
}
.slider-for {
visibility: hidden;
}
.slider-for .slide {
margin: 0 -25px !important;
}
.slider-for .slide img {
width: 100%;
transform: scale(0.8);
transition: transform 0.3s;
}
.slider-for .slide img:hover {
opacity: 1;
}
.slider-for .slick-center img {
transform: scale(1);
}
.slider-nav {
display: flex;
justify-content: center;
gap: 5px 10px;
max-width: 1400px;
margin: 10px auto 0;
}
.slider-nav img {
width: 190px !important;
height: auto;
cursor: pointer;
opacity: 0.8;
transition: opacity 0.3s, border 0.3s;
}
@media screen and (max-width: 1300px) {
.slider-nav img {
width: 170px !important;
}
}
@media screen and (max-width: 1100px) {
.slider-nav img {
width: 140px !important;
}
}
.slider-nav img.active {
opacity: 1;
border: 2px solid #333;
}
.custom-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
padding: 0;
z-index: 20;
cursor: pointer;
}
.custom-arrow img {
width: 50px;
height: auto;
}
.slick-prev.custom-arrow {
left: 15%;
}
.slick-next.custom-arrow {
right: 15%;
} .slick-prev:before, .slick-next:before {
content: none !important;
}
.slick-prev, .slick-next {
width: 50px !important;
}
.slider-nav .slick-slide {
margin: 0 5px;
}
@media screen and (max-width: 900px) {
.custom-arrow img {
width: 35px;
}
.slick-prev.custom-arrow {
left: 5px;
}
.slick-next.custom-arrow {
right: 5px;
}
}
@media screen and (max-width: 890px) {
.slider-for .slide {
margin: 0 !important;
}
.slider-for .slide img {
transform: scale(1);
}
.slider-nav img {
width: 130px;
height: auto;
cursor: pointer;
opacity: 0.8;
transition: opacity 0.3s, border 0.3s;
}
.slider-nav.touch-scroll {
display: flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
gap: 5px;
padding-bottom: 5px;
margin-top: 10px;
justify-content: flex-start;
-ms-overflow-style: none;
scrollbar-width: none;
}
.slider-nav.touch-scroll::-webkit-scrollbar {
display: none;
}
.slider-nav.touch-scroll img {
flex: 0 0 auto;
width: 120px !important;
height: auto;
cursor: pointer;
opacity: 0.5;
transition: opacity 0.3s, border 0.3s;
}
.slider-nav.touch-scroll img.active {
opacity: 1;
border: 2px solid #333;
}
} .page_main_top .page_main_top_inner {
width: 100%;
padding: 50px 10vw 50px 8vw;
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 1000px) {
.page_main_top .page_main_top_inner {
padding: 90px 5vw 50px 5vw;
}
}
.page_main_top .page_main_top_inner h1 {
font-family: "Inter", sans-serif;
font-size: 38px;
color: var(--subColor);
line-height: 1.2;
}
.page_main_top .page_main_top_inner h1 span {
display: block;
font-family: "Rounded Mplus 1c", sans-serif;
transform: rotate(0.03deg);
color: #333;
font-size: 17px;
}
.page_main_top .breadcrumb span {
font-weight: bold;
} .top_secoond_view {
text-align: center;
padding: 120px 20px;
display: flex;
flex-flow: column;
}
.top_secoond_view span {
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 400;
color: var(--subColor);
letter-spacing: 1pt;
}
.top_secoond_view h2 {
max-width: 600px;
margin: 10px auto 50px;
}
.top_secoond_view p {
text-align: center;
font-size: 18px;
line-height: 1.8;
max-width: 620px;
margin: auto;
letter-spacing: 1pt;
}
@media screen and (max-width: 768px) {
.top_secoond_view {
padding: 80px 20px;
}
} .department {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/department_bg.png) no-repeat center center;
background-size: cover;
position: relative;
z-index: 1;
padding-bottom: 80px;
}
.department:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/japan.png) no-repeat center center;
background-size: contain;
pointer-events: none;
z-index: 2;
}
.department .department_title {
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
font-size: 28px;
background: #fff;
padding: 20px 30px;
margin: 20px 0;
display: inline-block;
border-radius: 0 5px 5px 0;
box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.3);
transform: rotate(0.03deg);
}
.department .department_title span {
font-family: "Inter", sans-serif;
font-size: 13px;
font-weight: 400;
color: var(--subColor);
letter-spacing: 1pt;
padding-left: 15px;
}
.department .inner {
display: flex;
justify-content: center;
align-items: center;
z-index: 4;
position: relative;
}
.department .department_detail {
position: relative;
z-index: 3;
margin-left: -20px;
display: flex;
flex-flow: column;
justify-content: flex-start;
align-items: baseline;
gap: 15px;
}
.department .department_detail dl {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.department .department_detail dl dt {
padding: 30px 200px 30px 80px;
border-radius: 0 100px 100px 0px;
margin-left: -60px;
color: #fff;
font-weight: bold;
position: relative;
width: 85%;
}
.department .department_detail dl dt h3 {
font-size: 22px;
display: inline-block;
margin-right: 5px;
white-space: nowrap;
}
.department .department_detail dl dt h3 .subnames {
display: inline;
}
.department .department_detail dl dt h3 span {
font-size: 13px;
padding: 5px 10px;
border-radius: 100px;
display: inline-block;
margin: 0 0 0 5px;
}
.department .department_detail dl dt ul {
margin: 10px 0;
}
.department .department_detail dl dt ul li {
list-style-type: disc;
list-style-position: inside;
font-size: 15px;
font-weight: normal;
padding-left: 1em;
text-indent: -1em;
}
.department .department_detail dl dt a.btn_detail {
position: absolute;
right: 0;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background: #262626;
width: 120px;
height: 120px;
border-radius: 120px;
text-align: center;
color: #fff;
padding: 50px 0 0;
box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.3);
}
.department .department_detail dl dt a.btn_detail:after {
content: "»";
right: 8px;
position: absolute;
font-size: 18px;
top: 45px;
}
.department .department_detail dl dt a.btn_detail:hover {
background: #D72226;
}
.department .department_detail dl dd {
z-index: 4;
}
.department .department_detail dl.detail_newcar dt {
background: linear-gradient(90deg, rgba(80, 61, 166, 0.8), rgba(185, 84, 155, 0.8));
}
.department .department_detail dl.detail_newcar dt h3 span {
background: #7B1EAA;
}
.department .department_detail dl.detail_oldcar dt {
background-image: linear-gradient(90deg, rgba(221, 105, 19, 0.8), rgba(233, 159, 33, 0.8));
}
.department .department_detail dl.detail_oldcar dt h3 span {
background: #B86527;
}
.department .department_detail dl.detail_lease dt {
background-image: linear-gradient(90deg, rgba(183, 32, 29, 0.8), rgba(224, 103, 95, 0.8));
}
.department .department_detail dl.detail_lease dt h3 span {
background: #B53126;
}
@media screen and (max-width: 1300px) {
.department .inner p:nth-child(1) {
flex-basis: 20%;
margin-left: 10px;
}
.department .inner p:nth-child(2) {
flex-basis: 7%;
}
.department .department_detail {
margin-right: 70px;
}
.department .department_detail dl dd {
width: 180px;
}
}
@media screen and (max-width: 1050px) {
.department {
padding-bottom: 20px;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/department_bg_sp.png) no-repeat center center;
background-size: cover;
}
.department:before {
background-size: auto !important;
}
.department .inner {
display: block;
}
.department .inner p {
text-align: center;
}
.department .inner p:nth-child(1) {
width: 300px;
margin: auto;
}
.department .inner p:nth-child(2) {
display: none;
}
.department .department_detail {
margin: auto !important;
}
.department .department_detail dl {
display: block;
width: 97%;
margin: auto;
max-width: 550px;
}
.department .department_detail dl dt {
padding: 25px;
border-radius: 20px;
margin: 0 auto 40px;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.department .department_detail dl dt a.btn_detail {
position: relative;
width: 145px;
display: block;
border-radius: 50px;
padding: 5px;
height: 35px;
top: 0;
right: 0;
margin: auto;
transform: inherit;
-webkit-transform: inherit;
-ms-transform: inherit;
}
.department .department_detail dl dt a.btn_detail:after {
content: "»";
right: -50px;
position: relative;
font-size: 18px;
top: -25px;
display: block;
}
.department .department_detail dl dt ul {
margin: 10px auto 20px;
}
.department .department_detail dl dt ul li {
font-size: 16px;
}
.department .department_detail dl dt h3 {
white-space: wrap;
display: flex;
flex-direction: column;
align-items: center;
font-size: 30px;
}
.department .department_detail dl dt h3.subnames {
display: flex;
gap: 2px;
margin-top: 5px;
}
.department .department_detail dl dt h3.subnames span {
white-space: nowrap;
}
.department .department_detail dl dd {
width: 120px;
position: absolute;
top: -50px;
}
dl.detail_newcar dd {
right: 0;
}
dl.detail_oldcar dd {
left: 0;
}
dl.detail_lease dd {
right: 0;
}
}
@media screen and (max-width: 768px) {
.department .department_detail dl dt {
width: 100%;
}
.department .department_detail dl dd {
width: 100px;
}
} .top_company {
display: flex;
justify-content: space-between;
align-items: center;
padding: 120px 0;
}
.top_company .photo {
flex-basis: 45%;
}
.top_company .detail_company {
margin: 0 80px;
flex-basis: 55%;
}
.top_company h2 {
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
font-size: 30px;
letter-spacing: 1pt;
position: relative;
margin-left: 45px;
transform: rotate(0.03deg);
}
.top_company h2:before {
content: "";
display: inline-block;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_q.png) no-repeat center center;
width: 35px;
height: 35px;
background-size: contain;
position: absolute;
top: 3px;
left: -45px;
}
.top_company h2 span {
color: var(--subColor);
}
.top_company h3 {
font-weight: bold;
position: relative;
border-bottom: solid 5px #fff;
font-size: 24px;
margin: 20px 0 25px;
}
.top_company h3::after {
position: absolute;
content: "";
display: block;
border-bottom: solid 4px var(--subColor);
bottom: -10px;
width: 24%;
}
.top_company p {
font-size: 16px;
line-height: 1.8;
padding-right: 50px;
}
.top_company .btn_area {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 15px;
margin-top: 30px;
}
@media screen and (max-width: 768px) {
.top_company {
flex-flow: column-reverse;
}
.top_company p {
padding-right: 0px;
}
.top_company h2 {
font-size: 25px;
}
.top_company h3 {
font-size: 22px;
}
.top_company .detail_company {
flex-basis: 100%;
padding: 0 20px;
margin: 0;
}
.btn_area {
flex-flow: column;
margin: 0 0 50px;
}
} .top_merit {
background-color: #FFF2DF;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_merit_bg1.png), url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_merit_bg2.png);
background-position: left top, right top;
background-repeat: no-repeat, no-repeat;
background-size: 30%, 30%;
padding-bottom: 100px;
}
.top_merit .top_merit_bg {
position: relative;
}
.top_merit .top_merit_bg span {
position: absolute;
z-index: 0;
top: 5%;
left: 50%;
transform: translate(-50%, -5%);
-webkit-transform: translate(-50%, -5%);
-ms-transform: translate(-50%, -5%);
}
.top_merit .top_merit_bg h3 {
position: relative;
z-index: 5;
margin: auto;
text-align: center;
padding: 100px 0 0;
}
.top_merit .top_merit_detail {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: -20px;
}
.top_merit .top_merit_detail .movie {
flex-basis: 42%;
text-align: center;
}
.top_merit .top_merit_detail .movie img {
padding: 20px;
}
.top_merit .top_merit_detail .merit_box {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin: 0 40px 30px;
}
.top_merit .top_merit_detail .merit_box dl {
flex-basis: 48%;
border: 2px solid #222;
border-radius: 5px;
background: #fff;
padding: 30px 20px;
position: relative;
}
.top_merit .top_merit_detail .merit_box dl dt {
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
font-size: 18px !important;
color: var(--subColor);
margin-bottom: 5px;
}
.top_merit .top_merit_detail .merit_box dl dt:before {
content: "";
display: block;
width: 70px;
height: 30px;
position: absolute;
top: -15px;
right: 8px;
}
.top_merit .top_merit_detail .merit_box dl dd {
font-size: 15px;
font-weight: 600;
}
.top_merit .top_merit_detail .merit_box dl.merit1 {
box-shadow: 8px 5px 0px 0px #d72226;
}
.top_merit .top_merit_detail .merit_box dl.merit1 dt:before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_merit1.png) no-repeat center center;
background-size: contain;
}
.top_merit .top_merit_detail .merit_box dl.merit2 {
box-shadow: 8px 5px 0px 0px #f3a620;
}
.top_merit .top_merit_detail .merit_box dl.merit2 dt:before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_merit2.png) no-repeat center center;
background-size: contain;
}
.top_merit .top_merit_detail .merit_box dl.merit3 {
box-shadow: 8px 5px 0px 0px #d72226;
}
.top_merit .top_merit_detail .merit_box dl.merit3 dt:before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_merit3.png) no-repeat center center;
background-size: contain;
}
.top_merit .top_merit_detail .merit_box dl.merit4 {
box-shadow: 8px 5px 0px 0px #f3a620;
}
.top_merit .top_merit_detail .merit_box dl.merit4 dt:before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_merit4.png) no-repeat center center;
background-size: contain;
}
.top_merit .common_button {
text-align: center;
margin: 50px auto 0;
}
.youtube {
width: 100%;
aspect-ratio: 1.7777777778;
}
.youtube iframe {
width: 100%;
height: 100%;
}
@media screen and (max-width: 1400px) {
.top_merit .top_merit_detail {
padding: 0 50px;
align-items: baseline;
}
.top_merit .top_merit_detail .merit_box {
align-items: stretch;
gap: 15px;
}
}
@media screen and (max-width: 1000px) {
.top_merit .top_merit_detail {
display: block;
}
.top_merit .top_merit_detail .merit_box {
gap: 15px;
padding-top: 50px;
}
}
@media screen and (max-width: 600px) {
.top_merit .top_merit_bg span {
width: 100%;
}
.top_merit .top_merit_bg h3 {
padding: 90px 25px 20px;
}
.top_merit .top_merit_detail {
padding: 0;
}
.top_merit .top_merit_detail .merit_box {
display: block;
margin: 0 20px 30px;
}
.top_merit .top_merit_detail .merit_box dl {
margin-bottom: 20px;
}
} .top_point {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_bg.png) no-repeat center bottom;
background-size: contain;
width: 100%;
padding: 120px 0;
}
.top_point .top_point_box {
display: flex;
justify-content: center;
align-items: stretch;
gap: 20px;
}
.top_point .top_point_box dl {
border: 2px solid #222;
border-radius: 8px;
padding: 30px 20px;
background: #fff;
font-weight: bold;
position: relative;
z-index: 2;
}
.top_point .top_point_box dl dt h3 {
text-align: center;
font-size: 19px;
line-height: 1.2;
z-index: 5;
position: relative;
}
.top_point .top_point_box dl dt h3 span {
color: var(--subColor);
font-size: 30px;
}
.top_point .top_point_box dl dt h3 span b {
font-family: "Inter", sans-serif;
font-weight: 700;
font-size: 50px;
}
.top_point .top_point_box dl dt img {
width: 100%;
margin: 20px 0;
display: block;
height: 250px;
object-fit: cover;
}
.top_point .top_point_box dl dd {
font-size: 18px;
padding: 5px;
}
.top_point .top_point_box dl dd span {
color: var(--subColor);
}
.top_point .top_point_box dl:before {
content: "";
display: block;
width: 100px;
height: 110px;
position: absolute;
top: -15px;
left: -15px;
z-index: 3;
}
.top_point .top_point_box dl.top_point1::before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_1.jpg) no-repeat center center;
background-size: contain;
}
.top_point .top_point_box dl.top_point2::before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_2.jpg) no-repeat center center;
background-size: contain;
}
.top_point .top_point_box dl.top_point3::before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_3.jpg) no-repeat center center;
background-size: contain;
}
@media screen and (max-width: 1400px) {
.top_point {
padding: 120px 50px;
}
.top_point .top_point_box dl::before {
background-size: 85% !important;
left: -25px;
}
}
@media screen and (max-width: 1200px) {
.top_point .top_point_box dl::before {
background-size: 65% !important;
left: -25px;
top: -30px;
}
}
@media screen and (max-width: 1000px) {
.top_point {
padding: 30px 0;
background-image: none !important;
}
.top_point_box {
display: block !important;
position: relative !important;
}
.top_point_box::before {
content: "";
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
width: 600px;
height: 500px;
background-color: #F3A620;
border-radius: 50%;
z-index: 0; box-shadow: 0 660px 0 0 #F3A620, 0 1275px 0 0 #F3A620;
}
.top_point .top_point_box dl {
max-width: 400px;
margin: 30px auto 50px;
}
.top_point .top_point_box dl.top_point1::after {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_car_sp.png) no-repeat center center;
background-size: contain;
width: 90px;
height: 90px;
position: absolute;
top: -63px;
right: 0;
}
.top_point .top_point_box dl.top_point2::after {
content: "";
transform: scaleX(-1);
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_car_sp.png) no-repeat center center;
background-size: contain;
width: 90px;
height: 90px;
position: absolute;
top: -63px;
left: 115px;
}
.top_point .top_point_box dl.top_point3::after {
content: "";
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_point_car_sp.png) no-repeat center center;
background-size: contain;
width: 90px;
height: 90px;
position: absolute;
top: -63px;
right: 0;
}
.top_point .top_point_box dl::before {
background-size: 80% !important;
}
} .top_lp_banner .top_lp01 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_lp_bg1.jpg) no-repeat center center;
background-size: cover;
clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
padding: 100px 0 150px;
margin-bottom: -9%;
}
.top_lp_banner .top_lp02 {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_lp_bg2.jpg) no-repeat center center;
background-size: cover;
clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
padding: 150px 0 100px;
}
.top_lp_banner .top_lp_cont {
display: flex;
justify-content: space-between;
align-items: center;
}
.top_lp_banner .top_lp_cont .top_lp_box {
position: relative;
padding: 0 35px;
}
.top_lp_banner .top_lp_cont .top_lp_box h3 {
font-family: "Inter", sans-serif;
font-size: 35px;
font-weight: 700;
letter-spacing: 0.5pt;
color: #fff;
}
.top_lp_banner .top_lp_cont .top_lp_box p {
font-size: 20px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
transform: rotate(0.03deg);
}
.top_lp_arrow {
position: absolute;
right: 0;
top: 50%;
width: 50px;
height: 50px;
background: #fff;
border-radius: 50%;
transform: translateY(-50%);
}
.top_lp_arrow::before {
content: "";
position: absolute;
right: 21px;
top: 50%;
width: 11px;
height: 11px;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff;
transform: translateY(-50%) rotate(-45deg);
z-index: 5;
}
.top_lp01 .top_lp_arrow {
right: 0;
left: -3em;
transform: scale(-1, 1);
top: 25px;
background: #F3A620;
}
.top_lp02 .top_lp_arrow {
left: 24em;
right: 0;
background: #D72226;
}
@media screen and (max-width: 1300px) {
.top_lp_banner .top_lp_cont {
padding: 0 50px;
}
.top_lp_banner .top_lp_cont p.image_box {
flex-basis: 55%;
}
}
@media screen and (max-width: 1000px) {
.top_lp01 {
padding: 60px 20px 200px !important;
margin-bottom: -22% !important;
}
.top_lp01 .top_lp_cont {
flex-flow: column-reverse;
padding: 0;
}
.top_lp01 .top_lp_box {
flex-basis: 100%;
width: 100%;
padding: 0 3% 10px !important;
}
.top_lp01 .top_lp_arrow {
display: block;
margin: 10px;
transform: interpolatematrix;
transform: rotate(90deg);
left: 85%;
right: 0;
top: 10px;
}
.top_lp02 {
padding: 150px 20px 100px !important;
}
.top_lp02 .top_lp_cont {
flex-flow: column;
padding: 0;
text-align: right;
}
.top_lp02 .top_lp_box {
flex-basis: 100%;
width: 100%;
padding: 0 3% 30px !important;
}
.top_lp02 .top_lp_arrow {
display: block;
transform: rotate(90deg);
margin: 10px;
left: 0;
top: 10px;
}
}
@media screen and (max-width: 600px) {
.top_lp01 {
padding: 70px 20px 220px !important;
margin-bottom: -35% !important;
clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%) !important;
}
.top_lp01 p.image_box {
margin-top: 15px;
}
.top_lp02 {
padding: 75px 20px 100px !important;
clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%) !important;
}
.top_lp_box {
line-height: 1.2;
}
.top_lp_banner .top_lp_cont .top_lp_box p {
font-size: 16px;
}
} .top_cararea {
background-color: #FFF2DF;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/usedcar_bg1.png), url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/usedcar_bg2.png);
background-position: left top, right bottom;
background-repeat: no-repeat, no-repeat;
background-size: 30%, 30%;
padding-bottom: 100px;
}
.top_cararea .top_usedcar_title {
text-align: center;
font-family: "Inter", sans-serif;
font-size: 35px;
color: var(--subColor);
line-height: 1.5;
padding: 120px 0 80px;
}
.top_cararea .top_usedcar_title span {
font-size: 20px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
color: #444;
display: block;
transform: rotate(0.03deg);
}
.top_cararea .inner {
background: #fff;
padding: 30px;
border-radius: 5px;
}
.top_cararea .inner .specialcar {
display: flex;
justify-content: center;
position: relative;
max-width: 450px;
margin-bottom: 15px;
padding: 0.8em 1em 0.8em 0;
border: 3px solid #000000;
border-radius: 5px;
background-color: #FFE13C;
color: #333333;
margin: -50px auto 55px auto;
align-items: center;
box-shadow: 1px 2px 5px 0px #aaa;
font-size: 23px;
font-weight: bold;
white-space: nowrap;
}
.top_cararea .inner .specialcar img {
max-width: 140px;
}
.top_cararea .inner .specialcar::before, .top_cararea .inner .specialcar::after {
position: absolute;
bottom: -15px;
width: 30px;
height: 15px;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: "";
}
.top_cararea .inner .specialcar::before {
background-color: #000000;
}
.top_cararea .inner .specialcar::after {
bottom: -11px;
background-color: #FFE13C;
}
.top_cararea .inner .allcar {
text-align: center;
font-size: 25px;
margin-bottom: 20px;
line-height: 1;
}
.top_cararea .inner .allcar span {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
padding: 12px 16px;
color: var(--subColor);
font-size: 16px;
}
.top_cararea .inner .allcar span::before {
content: "";
width: 25px;
height: 2px;
transform: rotate(50deg);
box-sizing: border-box;
background-color: var(--subColor);
}
.top_cararea .inner .allcar span::after {
content: "";
width: 25px;
height: 2px;
transform: rotate(-50deg);
box-sizing: border-box;
background-color: var(--subColor);
}
.top_cararea .inner .common_button {
flex-wrap: wrap;
font-size: 19px;
padding: 13px 45px;
margin: 40px auto 0;
max-width: 350px;
height: 80px;
justify-content: center;
align-items: center;
}
.top_cararea .inner .common_button span {
display: block;
color: #FFE13C;
font-size: 14px;
text-align: center;
}
.top_cararea .top_cars {
padding-bottom: 50px !important;
}
.top_cararea .select_area {
padding: 0 0 80px;
}
.top_cararea .select_area h4 {
background: var(--subColor);
color: #fff;
padding: 10px;
text-align: center;
font-size: 25px;
margin: 70px 0 20px;
}
.top_cararea .select_area h4:nth-child(1) {
margin: 40px 0 20px;
}
.top_cararea .select_area .yosan, .top_cararea .select_area .body, .top_cararea .select_area .maker {
display: flex;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
gap: 25px;
max-width: 1000px;
margin: auto;
}
.top_cararea .select_area .yosan div, .top_cararea .select_area .body div, .top_cararea .select_area .maker div {
border-radius: 8px;
padding: 20px;
display: flex;
flex-flow: column;
justify-content: flex-end;
align-items: center;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
text-align: center;
font-weight: bold;
font-size: 16px;
white-space: nowrap;
}
.top_cararea .select_area .yosan div a, .top_cararea .select_area .body div a, .top_cararea .select_area .maker div a {
color: #333;
}
.top_cararea .select_area .body div, .top_cararea .select_area .maker div {
flex-basis: 18%;
aspect-ratio: 1.2;
}
.top_cararea .select_area .body div img {
width: 110px;
}
.top_cararea .select_area .maker div img {
width: 110px;
}
.top_cararea .select_area .yosan div {
padding: 20px 25px;
}
.top_cararea .select_area .yosan div span {
font-family: "Inter", sans-serif;
font-size: 28px;
letter-spacing: 0.5pt;
}
.arrow_r_b {
position: relative;
display: inline-block;
padding-right: 22px;
}
.arrow_r_b:before {
content: "";
width: 18px;
height: 18px;
background: var(--subColor);
border-radius: 50%;
position: absolute;
top: 2px;
right: -2px;
bottom: 0;
margin: auto;
}
.arrow_r_b:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(45deg);
position: absolute;
top: 2px;
right: 4px;
bottom: 0;
margin: auto;
}
@media screen and (max-width: 768px) {
.top_cararea .inner {
padding: 0;
}
.top_cararea .top_usedcar_title {
padding: 120px 0 120px;
}
.top_cararea .select_area {
padding: 0 10px 80px !important;
}
.top_cararea .select_area .yosan, .top_cararea .select_area .body, .top_cararea .select_area .maker {
gap: 15px;
}
.top_cararea .select_area .yosan div, .top_cararea .select_area .body div, .top_cararea .select_area .maker div {
flex-basis: 46%;
}
.top_cararea .select_area .body, .top_cararea .select_area .maker {
justify-content: flex-start;
}
.top_cararea .select_area .body div, .top_cararea .select_area .maker div {
aspect-ratio: 2.2;
}
.top_cararea .select_area .yosan div {
padding: 15px 10px;
flex-basis: 44%;
}
}
@media screen and (max-width: 500px) {
.top_cararea .inner .specialcar {
flex-wrap: wrap;
margin: -50px 10px 55px 10px;
}
.top_cararea .inner .specialcar img {
margin-top: -40px;
}
} .top_news_flyer {
display: flex;
text-align: center;   }
.top_news_flyer .top_news_area {
flex: 1;
flex-shrink: 1;
background: #EEEEEE;
padding: 0 30px 80px;
min-width: 0;
}
.top_news_flyer .top_flyer_area {
flex: 1;
background: #FFE9E9;
flex-shrink: 1;
padding: 0 30px 80px;
min-width: 0;
display: flex;
flex-flow: column;
}
.top_news_flyer .slick-news-slider {
width: 100%;
height: 100%;
}
.top_news_flyer .slick-news-slider li {
width: 100%;
box-sizing: border-box;
}
.top_news_flyer .slick-dots {
display: flex !important;
justify-content: center;
align-items: center;
max-width: 1px;
margin: 20px auto;
}
.top_news_flyer .slick-dots li {
width: 20px !important;
height: 20px !important;
}
.top_news_flyer .slick-dots li button {
border: none;
width: 20px;
background: transparent;
}
.top_news_flyer .slick-dots li button:before {
content: "•";
font-size: 20px;
color: #000;
opacity: 0.5;
}
.top_news_flyer .slick-dots li.slick-active button:before {
opacity: 1;
color: #000;
}
.top_news_flyer .arrow_box {
display: flex;
align-items: center;
justify-content: space-between;
margin: -270px 0 0;
position: relative;
}
.top_news_flyer .prev-arrow, .top_news_flyer .next-arrow {
display: block;
width: 30px;
height: 30px;
background: #7e7e7e;
border-radius: 50%;
transition: all 0.3s ease;
cursor: pointer;
position: relative;
}
.top_news_flyer .prev-arrow {
transform: rotate(180deg);
margin-right: 20px;
z-index: 998;
}
.top_news_flyer .next-arrow {
z-index: 998;
}
.top_news_flyer .prev-arrow::before, .top_news_flyer .next-arrow::before {
position: absolute;
content: "";
width: 6px;
height: 6px;
border-right: 2px solid #FFF;
border-top: 2px solid #FFF;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transform: rotate(45deg);
}
.top_news_flyer .top_news_slider {
max-width: 800px;
width: 100%;
margin: 0 auto 300px;
}
.top_news_flyer .news_list_2 {
margin: 0 auto; padding: 0;
display: block;
}
.top_news_flyer .news_list_2 li {
box-sizing: border-box;
}
.top_news_flyer .news_list_2 li.news_box {
padding: 0 20px;
max-width: inherit !important;
}
.top_news_flyer .news_list_2 li.news_box .news_image {
margin-bottom: 10px;
}
.top_news_flyer .news_list_2 li.news_box .news_image img {
border-radius: 15px;
width: 100%;
height: 250px;
object-fit: cover;
}
.top_news_flyer .news_list_2 li.news_box .news_date {
font-family: "Inter", sans-serif;
font-size: 13px !important;
font-weight: 900;
color: #888;
}
.top_news_flyer .news_list_2 li.news_box .news_title {
text-align: left;
font-size: 15px !important;
position: relative;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; overflow: hidden;
}
.top_news_flyer .news_list_2 li.news_box .news_title::before {
content: "";
width: 110px;
height: 3px;
display: inline-block;
background-color: var(--subColor);
position: absolute;
bottom: -7px;
}
.top_news_flyer .news_list_2 li.news_box .news_content {
text-align: left;
padding: 15px 0 0;
}
.top_news_flyer .news_list_2 li.news_box .news_cat a {
border: 1px solid #555;
}
.top_news_flyer .news_list_2 li.news_box .news_cat a:hover {
background-color: #fff;
border: 1px solid #777 !importnat;
color: #555 !important;
}
.top_news_flyer .top_gallery_slider {
max-width: 800px;
width: 100%;
margin: 0 auto auto;
padding: 0 0 0;
position: relative;
}
.top_news_flyer .top_gallery_slider .gallery_list_img {
margin: 0 auto 5px;
text-align: center;
}
.top_news_flyer .top_gallery_slider .gallery_list_img img {
width: 60%;
height: auto;
display: block;
margin: 0 auto;
}
.top_news_flyer .arrow_box_gallery {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto 0;
position: absolute;
width: 75%;
top: 44%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
z-index: 998;
}
.top_news_flyer .gallery_info_outer {
line-height: 1.3;
padding: 5px;
}
.top_news_flyer .gallery_info_outer h3 {
text-align: center;
font-size: 15px !important;
position: relative;
}
.top_news_flyer .gallery_info_outer span {
font-family: "Inter", sans-serif;
font-size: 13px !important;
font-weight: 900;
color: #888;
}
.top_news_flyer .common_button {
margin: -20px auto 0;
}
.top_flyer_area h2 {
margin-bottom: -10px;
}
h2.top_title {
display: block;
font-family: "Inter", sans-serif;
font-size: 15px;
color: var(--subColor);
letter-spacing: 1pt;
line-height: 1.4;
padding: 80px 0 40px;
margin: 0;
}
h2.top_title span {
font-size: 22px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
color: #444;
transform: rotate(0.03deg);
}
@media screen and (max-width: 1200px) {
.top_news_flyer .top_news_area, .top_news_flyer .top_flyer_area {
padding: 0 15px 80px;
}
}
@media screen and (max-width: 1000px) {
.top_news_flyer {
display: block;
}
.top_news_flyer .top_gallery_slider {
margin: 0 auto 50px;
}
}
@media screen and (max-width: 768px) {
.top_news_flyer .top_gallery_slider .gallery_list_img img {
width: 80%;
}
.top_news_flyer .arrow_box_gallery {
width: 95%;
}
} .top_faq {
padding: 30px 0 80px;
}
.top_faq .inner {
max-width: 1000px !important;
}
.top_faq .top_faq_area h2 {
text-align: center;
}
.top_faq .top_faq_area .faq-category-title {
display: none;
}
.top_faq .top_faq_area .faq-list article {
padding: 0;
}
.top_faq .top_faq_area .faq-title {
background: #fff;
color: #444;
font-weight: bold;
border-bottom: dotted 2px #ababab;
border-radius: 0;
}
.top_faq .top_faq_area .faq-title::before {
top: 0;
}
.top_faq .top_faq_area .faq-title .q_arrow {
border: 2px solid var(--subColor);
}
.top_faq .top_faq_area .faq-title .q_arrow::before, .top_faq .top_faq_area .faq-title .q_arrow::after {
bottom: 7px !important;
width: 4px !important;
height: 10px !important;
}
.top_faq .top_faq_area .common_button {
margin: auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.top_faq .inner {
padding: 0 50px;
}
} .top_service_area {
background-color: #fff;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_service_bg2.png), url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_service_bg1.png);
background-position: left top, right top;
background-repeat: no-repeat, no-repeat;
background-size: 30%, 30%;
padding-bottom: 100px;
}
.top_service_area .top_usedcar_title {
text-align: center;
font-family: "Inter", sans-serif;
font-size: 35px;
color: #505D91;
line-height: 1.5;
padding: 120px 0 80px;
}
.top_service_area .top_usedcar_title span {
font-size: 20px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
color: #444;
display: block;
transform: rotate(0.03deg);
}
.top_service_area .inner ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 20px;
} .faq main .inner {
max-width: 1100px !important;
}
.faq_topbg {
background: #F3A620;
padding: 50px;
}
.faq-category-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-bottom: 40px;
font-family: "Rounded Mplus 1c", sans-serif;
transform: rotate(0.03deg);
}
.faq-category-buttons .faq-cat-btn {
display: flex;
align-items: center;
gap: 8px;
background: #fff;
padding: 25px 30px;
border-radius: 8px;
font-size: 17px;
font-weight: 600;
color: #222;
text-decoration: none;
border: 3px solid var(--subColor);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
transition: 0.25s ease;
} .faq-cat-btn .arrow {
position: relative;
display: inline-block;
width: 25px;
height: 25px;
background: var(--subColor);
border-radius: 100px;
aspect-ratio: 1;
}
.faq-cat-btn .arrow::before, .faq-cat-btn .arrow::after {
content: "";
position: absolute;
top: 10px;
left: calc(50% - 2px);
width: 3px;
height: 7px;
border-radius: 9999px;
background-color: #ffffff;
transform-origin: 50% calc(100% - 1px);
}
.faq-cat-btn .arrow::before {
transform: rotate(45deg);
}
.faq-cat-btn .arrow::after {
transform: rotate(-45deg);
} .faq-category-buttons .faq-cat-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
background: #fff8f7;
}
@media screen and (max-width: 768px) {
.faq_topbg {
padding: 50px 5px;
}
.faq-category-buttons {
justify-content: flex-start;
}
.faq-category-buttons .faq-cat-btn {
flex-basis: 45%;
padding: 15px 10px;
line-height: 1.2;
}
}
.faq-list article {
padding: 80px 0;
}
.faq-list article:nth-child(even) {
background-color: #f5f5f5;
}
.faq-category-title {
font-size: 35px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 700;
text-align: center;
letter-spacing: 1pt;
margin-bottom: 25px;
scroll-margin-top: 100px;
transform: rotate(0.03deg);
} .faq-detail {
max-height: 0;
overflow: hidden;
background: #ddd;
padding: 0 30px;
border-radius: 15px;
margin: 10px 10px 30px;
font-size: 16px;
opacity: 0;
transition: all 0.4s ease;
}
.faq-item {
margin-bottom: 40px;
}
.faq-item.active .faq-detail {
display: block;
animation: fadeIn 0.3s ease-in-out;
max-height: 1000px;
padding: 30px;
opacity: 1;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.faq-title {
cursor: pointer;
position: relative;
background: #4D4D4D;
color: #fff;
padding: 10px 5px 10px 65px;
margin: 20px 0 0;
border-radius: 8px;
font-size: 18px;
font-weight: normal;
}
.faq-title:before {
content: "";
display: inline-block;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/faq_q.png);
background-size: cover;
background-repeat: no-repeat;
width: 40px;
height: 40px;
position: absolute;
top: -15px;
left: 8px;
}
.q_arrow {
position: absolute;
display: inline-block;
width: 30px;
height: 30px;
right: 8px;
background: #fff;
border-radius: 100px;
transition: transform 0.4s ease;
}
.q_arrow::before, .q_arrow::after {
content: "";
position: absolute;
bottom: 6px;
left: calc(50% - 2px);
width: 4px;
height: 14px;
border-radius: 9999px;
background-color: var(--subColor);
transform-origin: 50% calc(100% - 2px);
}
.q_arrow::before {
transform: rotate(45deg);
}
.q_arrow::after {
transform: rotate(-45deg);
}
.faq-item.active .q_arrow {
transform: rotate(180deg); }
@media screen and (max-width: 768px) {
.faq-title {
padding: 10px 40px 10px 65px;
line-height: 1.3;
}
.q_arrow {
top: 9px;
}
.faq-list article {
padding: 80px 0 40px;
}
} .gallery_list .gallery_box {
flex-basis: 33.333%;
padding: 15px;
}
.gallery_outer .gallery_img_box {
padding: 15px;
width: 100%;
}
.gallery_single h2 {
text-align: center;
padding: 20px 0;
}
#gallery-viewer {
display: flex;
}
#gallery-viewer .gallery_img {
cursor: pointer;
}
.viewer-container {
z-index: 99999 !important;
}
.flyer_single {
margin: 20px auto 50px;
}
@media screen and (max-width: 1000px) {
.flyer_single {
margin: 80px auto 50px;
}
}
@media screen and (max-width: 768px) {
.gallery_list .gallery_box {
flex-basis: 100%;
padding: 15px;
}
} .news_area {
margin: 20px 0 50px;
}
.news_thumb_list {
max-width: 1150px;
margin: auto;
}
.two_col_outer aside {
margin-top: 0;
}
@media screen and (max-width: 1000px) {
.news_area {
margin: 85px 0 50px;
}
}
@media screen and (max-width: 768px) {
.two_col_outer aside {
display: none;
}
} .testimonials-template-default .page_basic {
margin: 20px 0 50px;
}
@media screen and (max-width: 1000px) {
.single-testimonials .page_basic {
margin: 80px 0 50px;
}
} .service_top {
display: flex;
justify-content: center;
align-items: stretch;
}
.service_top .service_top_center {
flex-basis: 70%;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_top_illust1.png), url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_top_illust2.png), url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_center.jpg);
background-position: left top, right bottom, center;
background-repeat: no-repeat;
background-size: 30%, 20%, cover;
}
.service_top .service_top_center .service_inner {
max-width: 600px;
padding: 80px 30px;
margin: auto;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.service_top .service_top_center h2 {
font-size: 28px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 700;
text-align: center;
letter-spacing: 1pt;
transform: rotate(0.03deg);
margin-bottom: 40px;
}
.service_top .service_top_center h2 span {
color: var(--subColor);
}
.service_top .service_top_center p {
font-size: 16px;
}
.service_img img {
width: 100%;
height: 100%; object-fit: cover; display: block;
}
.service_img img.sp {
display: none;
}
.service_img img.pc {
display: block;
}
.service_title_main {
font-size: 15px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 700;
text-align: center;
letter-spacing: 1pt;
transform: rotate(0.03deg);
margin-bottom: 70px;
}
.service_title_main .english {
font-family: "Inter", sans-serif;
font-size: 28px;
color: var(--subColor);
font-weight: 700;
line-height: 1.2;
}
@media screen and (max-width: 1000px) {
.service_img img.sp {
display: block;
}
.service_img img.pc {
display: none;
}
.service_top {
flex-flow: column;
}
.service_top .service_top_center h2 span {
display: block;
}
}
@media screen and (max-width: 768px) {
.service_top .service_top_center h2 {
font-size: 23px;
}
.service_top .service_top_center .service_inner {
padding: 80px 20px;
}
}
.fanchising {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/fc_bg.jpg);
background-size: cover;
background-repeat: no-repeat;
padding: 120px 0;
}
.fanchising .fc_area {
display: flex;
justify-content: center;
align-items: center;
max-width: 1500px !important;
margin: 0 auto !important;
}
.fanchising .fc_area h3, .fanchising .fc_area .fc_detail {
flex: 1;
}
.fanchising .fc_area .fc_detail {
padding: 0 100px 0 0;
max-width: 700px;
}
.fanchising .fc_area h3 {
font-size: 23px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 700;
letter-spacing: 1pt;
transform: rotate(0.03deg);
margin-bottom: 30px;
}
.fanchising .fc_area h4 {
font-size: 20px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 700;
letter-spacing: 1pt;
transform: rotate(0.03deg);
padding-left: 40px;
padding-top: 3px;
position: relative;
}
.fanchising .fc_area h4::before {
content: "";
display: inline-block;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/fc_car.png) no-repeat center center;
width: 30px;
height: 30px;
background-size: contain;
position: absolute;
top: 3px;
left: 0;
}
.fanchising .fc_area h4::after {
position: absolute;
content: "";
display: block;
border-bottom: solid 4px var(--subColor);
bottom: -8px;
left: 0;
width: 24%;
}
.fanchising .fc_area p {
padding: 20px 0 40px;
font-size: 16px;
line-height: 1.6;
}
h4:nth-of-type(2)::before {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/fc_wrench.png) no-repeat center center !important;
background-size: contain;
}
@media screen and (max-width: 1000px) {
.fanchising {
padding: 120px 0 80px;
}
.fanchising .fc_area {
flex-flow: column;
}
.fanchising .fc_area .fc_detail {
padding: 0 20px;
}
}
.three_area { }
.three_area .three_title {
font-family: "Rounded Mplus 1c", sans-serif;
letter-spacing: 1pt;
transform: rotate(0.03deg);
margin-bottom: 30px;
padding: 0 15px;
}
.three_area .three_title h2 span {
color: var(--subColor);
}
.three_area .three_title p {
font-size: 18px;
line-height: 1.4;
margin-bottom: 50px;
}
.three_area .three_detail_area {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
margin: 80px 0 150px;
}
.three_area .three_detail_area .three_img {
position: relative;
z-index: -3;
max-width: 800px;
margin-left: auto;
}
.three_area .three_detail_area .three_detail h3 {
font-family: "Inter", sans-serif;
font-size: 32px;
color: #F39820;
font-weight: 700;
line-height: 1;
margin: 80px 0 30px;
}
.three_area .three_detail_area .three_detail h3 span {
font-size: 13px;
color: #fff;
line-height: 1;
}
.three_area .three_detail_area .three_detail p {
font-size: 16px;
color: #fff;
font-weight: 400;
}
.three_area .three_detail_area .three_detail ul {
padding: 15px 0;
}
.three_area .three_detail_area .three_detail ul li {
color: #fff;
font-size: 22px;
font-wight: 700;
padding-left: 45px;
background-size: 35px;
background-repeat: no-repeat;
background-position: left center;
line-height: 1.8;
}
.three_area .three_detail_area .three_detail ul li:nth-child(1) {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_number-1.png);
}
.three_area .three_detail_area .three_detail ul li:nth-child(2) {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_number-2.png);
}
.three_area .three_detail_area .three_detail ul li:nth-child(3) {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_number-3.png);
}
.three_area .three_detail_area .three_detail .common_button {
margin: 30px 0 50px;
}
.three_area .three_detail_area .three_usedcar h3 {
color: #FFF709;
}
.three_area .three_detail_area .three_lease h3 {
color: #DFFF00;
}
.three_area .trapezoid {
position: absolute;
z-index: 5;
--offset: 20%;
width: 100%;
max-width: 70%;
height: auto;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: 700;
}
.three_area .trapezoid--right {
clip-path: polygon(0 0, 100% 0, calc(100% - var(--offset)) 100%, 0 100%);
}
.three_area .trapezoid.three_newcar {
background: linear-gradient(135deg, rgba(62, 10, 83, 0.6));
}
.three_area .trapezoid.three_usedcar {
background: linear-gradient(135deg, rgba(128, 67, 0, 0.6));
}
.three_area .trapezoid.three_lease {
background: linear-gradient(135deg, rgba(171, 22, 19, 0.6));
}
.three_detail_area.second_box {
flex-flow: row-reverse;
}
.three_detail_area.second_box .three_detail {
text-align: right;
}
.three_detail_area.second_box .three_detail ul li {
background: none !important;
}
.three_detail_area.second_box .three_detail ul li img {
width: 35px;
margin-right: 5px;
}
.three_detail_area.second_box .three_detail .common_button {
margin: 30px 0 50px auto;
}
.three_detail_area.second_box .three_img {
margin-right: auto !important;
margin-left: 0;
}
.three_detail_area.second_box .trapezoid--right {
clip-path: polygon(0 0, 100% 0, 100% 100%, var(--offset) 100%);
}
@media screen and (max-width: 1000px) {
.three_area .three_detail_area {
flex-flow: column;
align-items: baseline;
margin: 80px 0 100px;
}
.three_area .trapezoid {
position: relative;
margin: 0 0 -8%;
--offset: 0%;
max-width: 100%;
}
.three_area .three_detail_area .three_img {
width: 100%;
}
.three_detail {
padding: 0 20px;
}
}
@media screen and (max-width: 768px) {
.three_area .three_title {
padding: 0 20px;
}
.three_area .three_detail_area {
margin: 0px 0 100px;
}
.three_area .three_detail_area .three_detail ul li {
line-height: 1.4;
font-size: 20px;
}
.three_area .three_detail_area .three_detail .common_button {
margin: 30px auto 50px;
}
}
.service_menu_area {
background-color: #fff;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_service_bg2.png), url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/top_service_bg1.png);
background-position: left top, right top;
background-repeat: no-repeat, no-repeat;
background-size: 30%, 30%;
padding-bottom: 100px;
}
.service_menu_area .service_menu_title {
text-align: center;
font-family: "Inter", sans-serif;
font-size: 35px;
color: var(--subColor);
line-height: 1.5;
padding: 120px 0 80px;
}
.service_menu_area .service_menu_title span {
font-size: 16px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
color: #444;
display: block;
transform: rotate(0.03deg);
}
.service_menu_area .inner ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 20px;
}
.service_menu_area .inner ul li {
flex-basis: 17%;
}
.service_menu_area .inner ul li .arrow_service {
position: relative;
display: inline-block;
padding-right: 22px;
background: #555;
color: #fff;
text-align: center;
font-size: 17px;
font-weight: 500;
width: 100%;
padding: 15px 10px;
border-radius: 0 0 10px 10px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
white-space: nowrap;
}
.service_menu_area .inner ul li .arrow_service:before {
content: "";
width: 18px;
height: 18px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 2px;
right: 8px;
bottom: 0;
margin: auto;
}
.service_menu_area .inner ul li .arrow_service:after {
content: "";
width: 6px;
height: 6px;
border: 0;
border-top: solid 2px var(--subColor);
border-right: solid 2px var(--subColor);
transform: rotate(45deg);
position: absolute;
top: 2px;
right: 14px;
bottom: 0;
margin: auto;
}
@media screen and (max-width: 1100px) {
.service_menu_area .inner ul li {
flex-basis: 20%;
}
}
@media screen and (max-width: 768px) {
.service_menu_area .inner ul li {
flex-basis: 43%;
}
.service_menu_area .inner ul li img {
width: 100%;
}
.service_menu_area .inner ul li .arrow_service {
text-align: left;
font-size: 15px;
}
}
.service_name_top {
margin: 0 0 80px;
}
.service_name_top.back_gray {
background: #F3F3F3;
padding: 80px 0;
}
.service_name_top h3 {
text-align: center;
font-family: "Inter", sans-serif;
font-size: 15px;
color: var(--subColor);
line-height: 1.5;
}
.service_name_top h3 span {
font-size: 25px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
color: #444;
display: block;
transform: rotate(0.03deg);
}
.service_name_top .inner {
padding: 0 30px;
}
.service_name_top .inner h4.service_title {
font-weight: bold;
position: relative;
border-bottom: solid 5px transparent;
font-size: 24px;
margin: 20px 0 35px;
}
.service_name_top .inner h4.service_title::after {
position: absolute;
content: "";
display: block;
border-bottom: solid 4px var(--subColor);
bottom: -10px;
width: 24%;
}
.service_name_top .inner p.service_txt {
font-size: 16px;
margin-bottom: 20px;
}
.service_name_top .inner p.service_txt b {
color: var(--subColor);
}
.service_name_top .common_button {
margin: 0 auto 50px;
font-size: 18px;
height: 80px;
}
.accordion_content {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
max-width: 1200px !important;
margin: auto;
padding: 0;
}
.service_accordion {
max-width: 1300px;
margin: 50px auto 10px;
}
.service_accordion .accordion_title {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/service_accordion_title.jpg) no-repeat center center !important;
background-size: contain;
max-width: 1200px !important;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
padding: 25px;
position: relative;
}
.service_accordion .accordion_title h5 {
font-size: 25px;
color: #fff;
font-weight: 700;
text-align: center;
display: inline-block;
}
.service_accordion .accordion_title a {
background: #262626;
color: #fff;
text-align: center;
position: relative;
padding: 5px 25px 5px 20px;
border-radius: 100px;
position: absolute;
right: 20px;
width: 120px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}
.service_accordion .accordion_title a::before, .service_accordion .accordion_title a::after {
content: "";
position: absolute;
bottom: 11px;
right: 15px;
width: 3px;
height: 10px;
border-radius: 9999px;
background-color: #fff;
transform-origin: 50% calc(100% - 1.5px);
transition: transform 0.3s ease;
}
.service_accordion .accordion_title a::before {
transform: rotate(45deg);
}
.service_accordion .accordion_title a::after {
transform: rotate(-45deg);
}
.service_accordion span {
text-align: right;
padding: 10px 0;
display: block;
max-width: 1200px;
margin: auto;
}
.inspection_table {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 30px;
}
.inspection_table table {
flex-basis: 45%;
}
.inspection_table table thead th {
background-color: #464646;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 21px;
line-height: 1.5;
background-repeat: no-repeat !important;
background-position: right 10px center;
background-size: 90px;
padding: 20px;
}
.inspection_table table thead th span {
display: block;
font-size: 14px;
}
.inspection_table table tbody th {
background: #F9F9F9;
border: 2px solid #fff;
font-weight: normal;
text-align: left;
padding: 3px 10px;
width: 45%;
}
.inspection_table table tbody td {
background: #FFEBEC;
border: 2px solid #fff;
text-align: right;
padding: 4px 10px;
font-weight: bold;
font-size: 16px;
}
.inspection_table table .red {
color: red;
font-weight: bold !important;
}
.inspection_table table .big {
font-size: 20px !important;
}
.inspection_table table.kei thead th {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/inspe_car1.png);
}
.inspection_table table.small thead th {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/inspe_car2.png);
}
.inspection_table table.mediam thead th {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/inspe_car3.png);
}
.inspection_table table.large thead th {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/inspe_car4.png);
}
.inspection_table table tbody tr:last-child {
border: 3px solid red;
}
.inspection_table table tbody tr:last-child th, .inspection_table table tbody tr:last-child td {
border: none;
}
.inspection_table table tbody tr:nth-last-child(2) td, .inspection_table table tbody tr:nth-last-child(2) th {
border-bottom: none;
}
.inspection_table p {
flex-basis: 100%;
}
@media screen and (max-width: 768px) {
.inspection_table {
flex-flow: column;
}
.inspection_table table thead th {
background-position: right -10px center;
}
}
.service_flex {
display: flex;
justify-content: center;
align-items: center;
padding: 50px 0 50px !important;
}
.oil_area {
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/oil_bg.jpg) no-repeat center center !important;
background-size: contain;
padding: 30px 50px;
flex-basis: 60%;
margin-right: 50px;
}
.oil_area h4 {
color: var(--subColor);
font-size: 30px;
font-family: "Rounded Mplus 1c", sans-serif;
font-weight: 600;
transform: rotate(0.03deg);
line-height: 1.3;
}
.oil_area h4 span {
font-size: 60px;
font-family: "Inter", sans-serif;
font-weight: 600;
transform: rotate(0.03deg);
}
.oil_area ul {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 20px 0;
}
.oil_area ul li {
flex-basis: 47%;
font-size: 20px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
color: #fff;
text-align: center;
font-weight: bold;
line-height: 1.2;
padding-left: 20px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
background-size: 35px;
background-repeat: no-repeat !important;
background-position: 12px 12px !important;
}
.oil_area ul li span {
font-size: 30px;
padding: 0 5px;
}
.oil_area ul li:nth-child(1) {
background: #E8676F;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/oil_icon2.png);
}
.oil_area ul li:nth-child(2) {
background: #618DDF;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/oil_icon3.png);
}
.oil_area ul li:nth-child(3) {
background: #585858;
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/oil_icon1.png);
}
.oil_area p.time {
font-size: 22px;
font-weight: bold;
}
.btn_flex {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
max-width: 750px;
margin: auto;
}
.btn_flex .common_button {
max-width: 500px;
width: 500px;
}
.oil_net_btn {
background: #CE8300;
flex-flow: column;
gap: 5px;
max-width: 400px;
padding: 0 60px;
max-width: 500px;
width: 500px;
}
.oil_net_btn span {
display: block;
font-size: 13px;
}
#wash .service_flex {
flex-flow: row-reverse;
}
#wash .service_flex .oil_area {
margin-right: 0;
margin-left: 50px;
background: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/wash_bg.jpg) no-repeat center center !important;
}
#wash .service_flex .oil_area h4 {
color: #205CCB;
}
#wash .service_flex .oil_area ul li {
background-size: 25px !important;
background-position: 10px 15px !important;
}
#wash .service_flex .oil_area ul li:nth-child(1) {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/wash_icon1.png);
}
#wash .service_flex .oil_area ul li:nth-child(3) {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/wash_icon2.png);
}
#coating .inner {
padding: 30px;
}
#insurance .service_right, #repair .service_right {
flex-basis: 50%;
padding-left: 50px;
}
#member h3 {
margin-bottom: 60px;
}
.member_score .score1 th {
background: #4D4D4D;
font-weight: bold;
}
.member_score .score2 th {
background: #E50012;
font-weight: bold;
}
.member_score .score2 td {
background: #FFEBEC !important;
color: red;
font-weight: bold;
}
.member_score .score2 td span {
font-size: 22px;
}
.member_score .score_detail th {
border: solid 1px #ccc;
color: #fff;
padding: 10px;
}
.member_score .score_detail td {
border: solid 1px #ccc;
padding: 10px;
background: #fff;
text-align: center;
width: 20%;
font-size: 15px;
line-height: 1.1;
}
@media screen and (max-width: 768px) {
.member_score .score_detail .last td:last-child {
border-bottom: solid 1px #ccc;
width: 100%;
}
.member_score .score_detail {
width: 100%;
}
.member_score .score_detail tbody {
display: flex;
}
.member_score .score_detail tbody tr {
flex-basis: 50%;
}
.member_score .score_detail th, .member_score .score_detail td {
display: block;
width: 100%;
height: 50px;
align-items: center;
display: flex;
justify-content: center;
}
}
.member_rank .rank_detail {
border: 1px solid #A9A9A9;
}
.member_rank .rank_detail th, .member_rank .rank_detail td {
border: 1px solid #A9A9A9;
}
.member_rank .rank_detail thead {
font-size: 16px;
font-weight: bold;
}
.member_rank .rank_detail thead th {
background: #4D4D4D;
text-align: center;
color: #fff;
padding: 10px 0;
font-size: 20px;
}
.member_rank .rank_detail thead td {
width: 13%;
text-align: center;
color: #333 !important;
}
.member_rank .rank_detail thead td:nth-child(2) {
background: #E5D1B2;
}
.member_rank .rank_detail thead td:nth-child(3) {
background: #D5D5D5;
}
.member_rank .rank_detail thead td:nth-child(4) {
background: #F9F9BB;
}
.member_rank .rank_detail thead td:nth-child(5) {
background: #D3F2F8;
}
.member_rank .rank_detail tbody tr:nth-child(odd) th, .member_rank .rank_detail tbody tr:nth-child(odd) td {
background: #fff !important;
}
.member_rank .rank_detail tbody tr:nth-child(even) th, .member_rank .rank_detail tbody tr:nth-child(even) td {
background: #FFEBEC !important;
}
.member_rank .rank_detail tbody th {
text-align: left;
padding: 10px;
line-height: 1.2;
}
.member_rank .rank_detail tbody th p {
color: red;
font-size: 16px;
}
.member_rank .rank_detail tbody th span {
font-size: 14px;
font-weight: normal;
}
.member_rank .rank_detail tbody td {
text-align: center;
}
.member_rank .rank_detail tbody td br {
display: none;
}
.member_rank .rank_detail tr:not(:first-child) td {
font-size: 25px;
font-weight: bold;
}
.member_rank .rank_detail tr:first-child td {
color: red;
font-weight: bold;
}
.member_rank .rank_detail tr:first-child td span {
font-size: 18px;
}
.member_rank .score_title {
font-size: 18px;
padding: 15px 0;
text-align: center;
}
.member_rank .red {
color: red;
}
@media screen and (max-width: 1000px) {
.member_rank .rank_detail tbody tr:first-child td span {
display: block;
}
}
@media screen and (max-width: 768px) {
.member_rank .rank_detail {
table-layout: fixed;
}
.member_rank .rank_detail thead td {
width: 17%;
font-size: 13px;
white-space: nowrap;
}
.member_rank .rank_detail thead th {
font-size: 15px;
line-height: 1.1;
}
.member_rank .rank_detail tbody th p {
font-size: 14px;
line-height: 1.1;
margin: 0 0 5px;
padding-left: 1em;
text-indent: -1em;
}
.member_rank .rank_detail .score_title {
font-size: 15px;
}
.member_rank .rank_detail tbody td br {
display: block;
}
.member_rank .rank_detail tbody th {
padding: 5px 8px;
}
.member_rank .rank_detail tbody th span {
font-size: 12px;
}
.member_rank .rank_detail tbody tr:first-child td {
line-height: 1.3;
padding: 5px 3px;
font-size: 11px;
}
.member_rank .rank_detail tbody tr:first-child td span {
font-size: 16px;
}
#member ..accordion_content .inner {
padding: 0 20px;
}
}
.member_mainte .mainte_detail thead th {
font-size: 16px !important;
font-weight: bold;
background: #4D4D4D;
text-align: center;
color: #fff;
padding: 10px 0;
font-size: 20px;
}
.member_mainte .mainte_detail thead th span {
font-size: 21px;
}
.member_mainte .mainte_detail thead td {
text-align: center;
font-size: 21px;
font-weight: bold !important;
color: #fff;
}
.member_mainte .mainte_detail thead td:nth-child(2) {
background: #5C709E;
}
.member_mainte .mainte_detail thead td:nth-child(3) {
background: #E50012;
}
.member_mainte .mainte_detail tbody th {
background: #F9F9F9;
border: 2px solid #fff;
padding: 5px 15px;
text-align: left;
font-weight: normal;
}
.member_mainte .mainte_detail tbody td {
font-weight: bold;
text-align: right;
border: 2px solid #fff;
padding: 0 15px;
font-size: 16px;
font-weight: bold;
}
.member_mainte .mainte_detail tbody td:nth-child(2) {
background: #EBF2FF;
}
.member_mainte .mainte_detail tbody td:nth-child(3) {
background: #FFEBEC;
color: red;
}
.member_mainte .mainte_detail tbody tr:last-child {
border: 3px solid red;
}
.member_mainte .mainte_detail tbody tr:last-child th {
color: red !important;
font-weight: bold;
border: none;
}
.member_mainte .mainte_detail tbody tr:last-child td {
color: red !important;
font-size: 20px;
border: none;
}
.member_mainte .mainte_detail tr:nth-last-child(2) td, .member_mainte .mainte_detail tr:nth-last-child(2) th {
border-bottom: none;
}
@media screen and (max-width: 768px) {
.member_mainte .mainte_detail thead th {
font-size: 12px !important;
width: 42%;
line-height: 1.1;
padding: 10px 7px;
}
.member_mainte .mainte_detail thead th span {
font-size: 17px;
}
.member_mainte .mainte_detail thead td {
font-size: 17px;
line-height: 1.2;
padding: 0 5px;
}
.member_mainte .mainte_detail tbody th {
line-height: 1.2;
padding: 10px 10px;
}
.member_mainte .mainte_detail tbody tr:last-child td {
font-size: 18px;
border: none;
white-space: nowrap;
}
}
#repair .common_button {
max-width: 400px !important;
}
#line .service_flex {
flex-flow: row-reverse;
}
#line .service_flex .service_right {
flex-basis: 50%;
padding-right: 50px;
}
@media screen and (min-width: 1000px) and (max-width: 1400px) {
.service_txt {
padding-right: 80px;
}
.service_flex {
padding: 0 20px !important;
}
.service_accordion .accordion_title {
margin: 0 20px !important;
}
.service_accordion span {
margin: 0 25px;
}
}
@media screen and (max-width: 1100px) {
.service_flex {
flex-flow: column;
padding: 50px 20px 30px !important;
}
#wash .service_flex, #line .service_flex {
flex-flow: column !important;
padding: 50px 20px 30px !important;
}
.service_accordion .accordion_title {
margin: 0 20px !important;
}
.service_accordion span {
margin: 0 25px;
}
}
@media screen and (max-width: 768px) {
.btn_flex {
display: block;
}
.btn_flex .common_button {
max-width: 85%;
width: 100%;
margin: 10px auto 20px;
white-space: nowrap;
}
#insurance .service_right, #repair .service_right {
flex-basis: 100%;
padding: 20px 5px 0 !important;
}
.oil_area, #wash .service_flex .oil_area {
margin: 0;
padding: 20px;
background-size: cover !important;
}
.oil_area h4, #wash .service_flex .oil_area h4 {
font-size: 24px;
}
.oil_area h4 span, #wash .service_flex .oil_area h4 span {
font-size: 45px;
}
.oil_area ul li, #wash .service_flex .oil_area ul li {
flex-basis: 100% !important;
height: 60px;
font-size: 17px;
}
#line.back_gray {
margin-bottom: 0;
}
.service_accordion .accordion_title a {
display: block;
position: relative;
right: -10px;
}
.service_accordion .accordion_title h5 {
line-height: 1.2;
font-size: 20px;
text-align: left;
}
#line .service_flex .service_right {
padding-right: 0;
}
} .post-type-archive-cars .page_main_top h1 {
margin-right: 30px !important;
}
.post-type-archive-cars .page_main_top h2.page_header {
margin-right: auto;
border-left: 1px solid #555;
padding: 0 20px;
font-weight: normal;
}
.post-type-archive-cars .page_header_inner {
display: none;
}
@media screen and (max-width: 1000px) {
.page_header_outer.stock_cars_header {
display: none;
}
}
@media screen and (max-width: 768px) {
.page_main_top .page_main_top_inner h1 {
font-size: 28px;
}
} .loan_area {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
}
.loan_area .loan_photo {
flex-basis: 35%;
padding: 0 10px;
}
.loan_area .loan_detail {
padding: 0 20px;
}
.loan_area h3 {
font-weight: bold;
position: relative;
border-bottom: solid 5px transparent;
font-size: 24px;
margin: 20px 0 35px;
}
.loan_area h3::after {
position: absolute;
content: "";
display: block;
border-bottom: solid 4px var(--subColor);
bottom: -10px;
width: 24%;
}
.loan_area p {
font-size: 16px;
}
ul.loan_btn {
display: flex;
justify-content: center;
gap: 30px;
margin: 50px auto;
}
ul.loan_btn li {
flex-basis: 38%;
}
@media screen and (min-width: 1000px) {
.loan main .inner {
padding: 50px 0;
}
}
@media screen and (max-width: 1000px) {
.loan_area {
flex-flow: column;
}
ul.loan_btn {
flex-flow: column;
padding: 0 10px;
}
.loan1 p, .loan2 p {
padding: 0 20px;
}
.loan1 iframe, .loan2 iframe {
margin: 30px auto;
}
} .company_btn {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-bottom: 80px;
}
.company_btn li {
flex-basis: 35%;
}
@media screen and (max-width: 768px) {
.company_btn {
flex-flow: column;
}
.company_btn li {
flex-basis: 50%;
}
} .snow_contact .asterisk::before {
content: "必須";
background-color: red;
color: #fff;
padding: 1px 5px;
font-size: 11px;
margin: 0 7px 3px 0;
vertical-align: middle;
display: inline-block;
}
.snow_contact .hr_border {
display: block;
height: 0.1%;
margin: 15px 0;
opacity: 0.2;
}
.snow_contact .small_text {
font-size: 13px;
}
.snow_contact .smf-action {
text-align: center;
margin: 40px 0;
}
.snow_contact .snow_sell_main {
margin-bottom: 30px;
font-size: 15px;
}
.snow_contact .snow_sell_main strong {
color: red;
}
.snow_contact .title_information {
padding: 0 !important;
border-bottom: 1px solid #333;
margin: 30px 0 20px !important;
padding-bottom: 5px !important;
}
.snow_contact .title_information::after {
display: none !important;
}
.snow_contact .flex_right div {
display: flex;
gap: 10px !important;
align-items: end !important;
}
.snow_sell .grecaptcha-badge, .snow_contact .grecaptcha-badge {
bottom: 170px !important;
}
.car_list {
float: inherit;
width: inherit;
}
.car_detail {
padding-top: 75px;
}
.detail_info_main h1 {
width: 100%;
}
.detail_info_main h1 span {
font-weight: 500;
}
.detail_info_main h1 .grade_text {
text-align: left;
}
.detail_info_main h1 .grade_text {
font-weight: 500;
}
.detail_info_main h1 .car_name .grade {
font-weight: 500;
}
.car_detail .btn {
display: inherit;
padding: inherit;
}
:root {
--cRed: brown;
--cRed: brown;
--cRed: brown;
--cRed: #D72226;
--darkGrey: #292929;
--lightGrey: #747474;
--lightestGrey: #EFEFEF;
--mainColor: #000;
--subColor: #D72226; --header_top_bg: #000;
--header_top_color:#fff;
--header_top_border:#000;
--header_top_phone:#fff;
--header_nav_bg: #000;
--header_nav_color:#fff; --footer_top_bg: #000;
--footer_top_color:#fff;
--footer_bottom_bg: #000;
--footer_bottom_color:#fff; --sns_icon_bg: #fff;
--sns_icon_font: #000;  --btn_color: #fff;
--btn_bg: #D72226;
--btn_white:#000;
--stock_car_btn:#000;
--btn_top_cars:#000;
--phone_btn:#000;
--mail_btn:#D72226; --page_header_bg:#333;
--page_header_color:#fff; --swiper_pg_color:#000;
} body.page-template-lp {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 100%;
overflow: hidden;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
body.page-template-lp header, body.page-template-lp footer, body.page-template-lp .head_redline {
display: none !important;
}
body.page-template-lp img {
pointer-events: none; -webkit-touch-callout: none; user-select: none; -webkit-user-select: none;
}
body.page-template-lp a img {
pointer-events: auto !important;
}
body.page-template-lp #aime_fluent_chat {
display: none !important;
}
body.page-template-lp #page-top {
bottom: 100px !important;
} .background-layer {
position: fixed;
inset: 0;
background-image: none !important;
background-color: antiquewhite !important;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
z-index: 0;
} .lp-wrap {
display: flex;
align-items: flex-start;
position: relative;
width: 100%;
max-width: none;
margin: 0;
padding-left: 20px;
gap: 30px;
justify-content: flex-start;
} .lp-left {
width: 25%;
color: #fff;
position: sticky;
top: 20px;
left: 0;
} .frame {
max-width: 600px;
height: 100vh;
background: #fff;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 0 30px;
margin: 0 0 0 100px;
} .frame::-webkit-scrollbar {
display: none;
}
.frame {
scrollbar-width: none;
} .lp_qr {
position: absolute;
right: 10px;
bottom: 10px;
width: 260px;
} @media (max-width: 1000px) {
.lp_qr {
display: none !important;
}
}
@media (max-width: 750px) {
.lp-wrap {
flex-direction: column;
align-items: center;
padding: 0 10px;
gap: 20px;
}
.lp-left {
display: none !important;
}
.frame {
width: 100%;
max-width: 750px;
margin-left: 0;
height: auto;
overflow: visible;
padding: 0 20px;
border-radius: 0;
box-shadow: none;
}
} .hamburger-menu {
position: fixed;
top: 20px;
right: 20px;
z-index: 9999 !important;
background: #fff;
border-radius: 500px;
padding: 20px 17px;
}
.hamburger-btn {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 30px;
height: 22px;
background: transparent;
border: none;
cursor: pointer;
padding: 0;
}
.hamburger-btn span {
display: block;
width: 30px;
height: 4px;
background-color: #D72226 !important;
border-radius: 2px;
transition: all 0.3s;
z-index: 99999 !important;
} .slide-menu {
position: fixed;
top: 0;
right: -300px;
width: 300px;
height: 100%;
background: #fff;
color: #fff;
transition: right 0.3s ease;
z-index: 9998;
padding: 0;
overflow-y: scroll;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}
.slide-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.slide-menu li {
margin-bottom: 20px;
}
.slide-menu a {
color: #fff;
text-decoration: none;
font-size: 15px;
} .slide-menu.open {
right: 0;
} .hamburger-btn.open span:nth-child(1) {
transform: rotate(45deg) translate(8px, 7px);
}
.hamburger-btn.open span:nth-child(2) {
opacity: 0;
}
.hamburger-btn.open span:nth-child(3) {
transform: rotate(-45deg) translate(5px, -5px);
} .shop_info {
display: flex;
flex-flow: column;
justify-content: space-between; }
.shop_info section {
margin: 10px 0;
}
.shop_info h1 {
margin: 20px auto;
}
.shop_info .pill-list {
margin: auto;
padding: 0;
list-style: none;
max-width: 70%;
width: 100%;
font-family: "Noto Sans JP", Arial, sans-serif;
}
.shop_info .pill-list li {
margin: 10px 0;
}
.shop_info .pill-list a {
display: block;
position: relative;
padding: 12px 40px 12px 18px;
background: #fff;
color: #000;
text-decoration: none;
font-weight: 600;
border-radius: 999px;
border: 2px solid #000;
box-sizing: border-box;
transition: transform 160ms ease, box-shadow 160ms ease;
-webkit-tap-highlight-color: transparent;
}
.shop_info .pill-list a::before {
content: "";
position: absolute;
right: 22px; top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 10px;
height: 10px;
border-right: 3px solid #000;
border-top: 3px solid #000;
pointer-events: none;
}
.shop_info .pill-list a:hover, .shop_info .pill-list a:focus {
transform: translateX(4px);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
outline: none;
}
.shop_info .pill-list a:focus-visible {
box-shadow: 0 0 0 4px rgba(0, 120, 210, 0.18), 0 6px 18px rgba(0, 0, 0, 0.08);
}
.search_list .pill-list a {
white-space: nowrap;
} @media (max-width: 1300px) {
.pill-list {
max-width: 100% !important;
}
.shop_info {
padding: 0;
}
.shop_info h1 {
margin: 0;
}
.shop_info p {
font-size: 120% !important;
white-space: nowrap;
}
.shop_info p.telno {
font-size: 2.5vw !important;
}
.shop_info section {
margin: 3% 0;
}
}
.information {
justify-content: center;
align-items: center;
display: flex;
}
.information div {
margin: auto;
}
.information p {
font-size: 17px;
font-weight: bold;
color: #000;
line-height: 1.3;
}
.information .telno {
font-family: "Inter", sans-serif;
font-size: 33px;
font-weight: bold;
letter-spacing: 0.5pt;
margin: 0 0 5px;
line-height: 1.1;
display: flex;
flex-flow: column;
align-items: baseline;
}
.information .telno span {
font-size: 13px;
background: black;
color: white;
padding: 5px 15px 4px;
border-radius: 50px;
}
.contact a {
border: 2px solid #fff !important;
color: #fff !important;
text-align: center !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
text-align: left !important;
}
.contact a::before {
border-right: 3px solid #fff !important;
border-top: 3px solid #fff !important;
}
.contact a img {
margin-right: 8px;
width: 24px;
}
.contact .mail a {
background: #FE0000;
}
.contact .line a {
background: #01C755;
} .top_renewal_sp_nav {
box-shadow: none !important;
}
.lp_menu .logo {
background: #fff;
display: block;
padding: 30px 15px;
}
.lp_menu .logo img {
width: 190px;
}
.lp_menu .sns {
display: flex;
justify-content: center;
gap: 5px;
padding: 20px 0;
}
.lp_menu .sns img {
width: 40px;
}
.lp_menu .accordion li {
margin-bottom: 0;
}
.lp_menu .accordion li a {
display: block;
width: 100%;
color: #FFF;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
border-bottom: 1px solid #999;
background: #222;
}
.lp_menu .accordion .accordion-topmenu a, .lp_menu .accordion .accordion-header span {
font-size: 16px;
}
.lp_menu .accordion .accordion-content ol li a::after {
border-top: solid 1px #fff;
border-right: solid 1px #fff;
}
.lp_menu .accordion .accordion-topmenu a {
padding: 2px 10px;
border-bottom: none;
background: transparent !important;
}
.lp_menu .accordion .accordion-header a {
background-color: #FFF;
padding: 30px 45px 30px 20px !important;
}
.lp_menu .accordion .accordion-menu a {
background-color: #FFF !important;
padding: 30px 45px 30px 20px !important;
color: #444 !important;
border-bottom: 1px solid #ccc !important;
}
.lp_menu .accordion .accordion-bottommenu a {
background: #fff !important;
color: #D72226 !important;
border-bottom: none !important;
line-height: 1.3;
}
.lp_menu address {
padding-bottom: 30px;
}
.lp_menu address p {
text-align: center;
font-weight: bold;
} .lp_shop_list {
max-width: 90%;
margin: 0 auto;
}
.lp_shop_list.align_center h2 {
text-align: center;
margin: 3rem 0 2rem;
}
.lp_shop_list.align_center .shop_box dl {
margin-bottom: 0.5rem;
}
.lp_shop_list.align_center .shop_box dl dt {
text-align: center;
font-size: 1.2rem;
margin-bottom: 0.8rem;
}
.lp_shop_list.align_center .shop_box dl dd {
text-align: center;
}
.lp_shop_list.align_center .shop_box .shop_btn {
text-align: center;
}
.lp_shop_list.align_left h2 {
text-align: left;
margin: 3rem 0 2rem;
}
.lp_shop_list.align_left .shop_box dl {
margin-bottom: 0.5rem;
}
.lp_shop_list.align_left .shop_box dl dt {
text-align: left;
font-size: 1.2rem;
margin-bottom: 0.8rem;
}
.lp_shop_list.align_left .shop_box dl dd {
text-align: left;
}
.lp_shop_list.align_left .shop_box .shop_btn {
text-align: left;
}
.shop_box {
margin: 0 auto 4rem;
}
.shop_box .shop_img {
margin-bottom: 10px;
}
.shop_box .shop_btn a {
display: inline-block;
font-size: 1rem;
padding: 5px 30px;
border-radius: 30px;
border: 1px solid #333;
}
.shop_box:nth-of-type(4) {
margin: 0 auto 0;
}
.shop_list_outer small {
text-align: center;
display: block;
margin: 40px auto;
} .page-template-warranty h2 {
text-align: center;
padding: 20px 0;
font-size: 2em;
}
@media screen and (max-width: 768px) {
.page-template-warranty h2 {
font-size: 1.3em;
}
}
.page-template-warranty .warranty_plan p {
margin: 30px 0;
}
.page-template-warranty .warranty_container {
position: relative;
width: 100%;
line-height: 0;
}
.page-template-warranty .bg_img {
width: 100%;
height: auto;
display: block;
}
.page-template-warranty .warranty_contact {
position: absolute;
bottom: 3%;
left: 50%;
transform: translateX(-50%);
width: 80%;
max-width: 400px;
}
.page-template-warranty .warranty_contact img {
width: 100%;
height: auto;
} .page-template-sell main img {
width: 100%;
}
.page-template-sell main section:not(:last-child) {
margin: 70px auto;
}
.page-template-sell .sell_sv h2 {
margin: 30px auto;
}
.page-template-sell .sell_sv h3 {
color: #ff5601;
font-size: 37px;
text-align: center;
margin: 15px auto;
line-height: 1.3;
white-space: nowrap;
}
.page-template-sell .sell_sv p {
font-size: 25px;
text-align: center;
font-weight: bold;
}
.page-template-sell .sell_sv p:nth-of-type(1) {
margin-bottom: 40px;
}
.page-template-sell .sell_maintxt p {
margin: 20px auto;
font-size: 25px;
line-height: 1.2;
font-weight: bold;
}
.page-template-sell .sell_maintxt p span {
color: #ff5601;
}
.page-template-sell .sell_btn {
margin: 20px auto;
}
.page-template-sell .sell_btn p {
margin-bottom: 20px;
}
.page-template-sell .sell_point1 p, .page-template-sell .sell_point2 p, .page-template-sell .sell_point3 p {
margin: 30px auto;
font-size: 25px;
line-height: 1.2;
}
.page-template-sell .sell_flow p {
font-size: 50px;
font-weight: bold;
text-align: center;
white-space: nowrap;
line-height: 1.1;
margin: 30px auto;
}
.page-template-sell .sell_document div {
border: 2px solid #222;
padding: 20px;
border-radius: 10px;
margin: 20px 10px;
}
.page-template-sell .sell_document div ul {
margin-left: 30px;
}
.page-template-sell .sell_document div ul li {
list-style: disc;
list-style-position: inline;
font-size: 23px;
font-weight: bold;
}
.page-template-sell .sell_document div p {
font-size: 18px;
padding-left: 1em;
text-indent: -1em;
}
.page-template-sell .sell_3step h2, .page-template-sell .sell_3step h3, .page-template-sell .sell_3step p {
margin: 15px auto;
}
.page-template-sell .sell_3step span {
text-align: center;
margin: auto;
width: 50px;
display: block;
}
.page-template-sell .sell_3step p {
color: #fff;
font-size: 20px;
line-height: 1.2;
}
.page-template-sell .back_orange {
background-image: linear-gradient(90deg, #ff2800, rgba(255, 103, 0, 0.8));
border-radius: 10px;
padding: 30px;
}
.page-template-sell .sell_hosyo h3, .page-template-sell .sell_service h3 {
margin-top: 20px;
}
.page-template-sell .sell_hosyo p, .page-template-sell .sell_service p {
color: #fff;
font-size: 22px;
line-height: 1.2;
margin: 30px auto 0;
}
.page-template-sell .kaitori_satei h2 {
color: #ff5601;
font-size: 30px;
text-align: center;
}
.page-template-sell .kaitori_satei h2 span {
font-size: 55px;
padding-left: 10px;
}
@media screen and (max-width: 768px) {
.page-template-sell .frame {
padding: 0;
}
.page-template-sell main section {
margin: 40px auto;
padding: 0 20px !important;
}
.page-template-sell .sell_sv h3 {
font-size: 30px;
}
.page-template-sell .sell_maintxt p, .page-template-sell .sell_point1 p, .page-template-sell .sell_point2 p, .page-template-sell .sell_point3 p {
font-size: 20px;
line-height: 1.4;
}
.page-template-sell .kaitori_satei h2 {
font-size: 25px;
}
.page-template-sell .kaitori_satei h2 span {
font-size: 40px;
}
.page-template-sell .sell_flow p {
font-size: 38px;
}
.page-template-sell .sell_document div p {
font-size: 16px;
}
.page-template-sell .back_orange {
margin: 20px !important;
padding: 20px !important;
}
} .newcar .bg01 {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/lp/newcar/bg_border_newcar01.png);
background-repeat: repeat;
}
.newcar .bg02 {
background-image: url(//suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/lp/newcar/bg_border_newcar02.png);
background-repeat: repeat;
}
.newcar a:hover {
filter: brightness(0.85);
opacity: 1;
}
.newcar a:hover img:hover {
opacity: 1;
}
.newcar .rankArea {
text-align: center; }
.newcar .rankArea h2 {
padding: 50px 0 10px;
}
.newcar .rankArea p {
font-size: 13px;
}
.newcar .rankArea .rank-card {
position: relative;
padding-top: 24px;
padding-left: 24px;
}
.newcar .rankArea .rank-icon {
position: absolute;
top: 0;
left: 0;
width: 100px;
z-index: 10;
}
.newcar .rankArea .rank-icon img {
width: 100px; height: auto;
}
.newcar .rankArea .rank-icon2 {
position: absolute;
top: 0;
left: 0;
width: 90px;
z-index: 10;
}
.newcar .rankArea .rank-icon2 img {
width: 90px; height: auto;
}
.newcar .rankArea .swiper-container {
overflow: hidden;
}
.newcar .rankArea .swiper-pagination-bullet {
width: 12px;
height: 12px; opacity: 1;
border: none;
}
.newcar .rankArea .swiper-button-next::after {
content: none;
}
.newcar .rankArea .swiper-button-prev::after {
content: none;
}
.newcar .rankArea .rank_memo {
padding: 10px 0 20px;
}
.newcar .rankArea .btnBox {
padding: 10px 0 50px;
}
.newcar .carArea h2 {
padding: 50px 0;
}
.newcar .carArea .maker_list ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
padding: 0 0 50px;
}
.newcar .carArea .maker_list ul li {
width: 22%;
text-align: center;
}
.newcar .carArea .maker_list ul li img {
max-width: 100%;
height: auto;
}
.newcar .carArea .btnBox {
padding: 0 0 50px;
}
.newcar .reasonArea h2 {
padding: 50px 0;
}
.newcar .reasonArea .btnBox {
padding: 0 0 50px;
}
.newcar .reasonArea .foot {
padding: 0 0 50px;
margin: -35px 0 0;
}
.newcar .pointArea .foot {
padding: 0 0 50px;
margin: -35px 0 0;
}
.newcar .qaArea h2 {
padding: 50px 0;
}
.newcar .qaArea .qaBox {
padding: 0 0 50px;
}
.newcar .qaArea .foot {
padding: 0 0 50px;
margin: -35px 0 0;
}
.newcar .shop_newcarArea {
max-width: 100% !important;
}
.newcar .shop_newcarArea h2 {
padding: 50px 0;
margin: 0;
}
.newcar .shop_newcarArea .shop_newcarBox {
padding: 0 30px 50px;
}
@media (max-width: 767px) {
.newcar .rankArea .rank-icon img {
width: 80px;
height: auto;
}
.newcar .rankArea .rank-icon2 img {
width: 70px;
height: auto;
}
.newcar .reasonArea .foot {
padding: 0 0 50px;
margin: -20px 0 0;
}
.newcar .pointArea .foot {
padding: 0 0 50px;
margin: -20px 0 0;
}
} dl.qa-list {
width: 100%;
margin: 0 0 25px; }
dl.qa-list dt {
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
}
dl.qa-list dt img {
max-width: 100%;
height: auto;
display: block;
}
dl.qa-list dt.active { }
dl.qa-list dd {
margin: 0 auto;
background-color: #fff;
width: 87%;
border-top: 1px dotted #999;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
font-size: 16px; overflow: hidden;
max-height: 0;
transition: max-height 0.6s ease, padding 0.3s ease;
}
dl.qa-list dd.open {
max-height: 500px;
}
dl.qa-list .qa-answer {
padding: 10px 20px 20px;
font-size: 16px;
}
dl.qa-list .qa-answer::first-letter {
font-size: 24px;
font-weight: bold;
color: #dcba82;
} .page-template-merit .btn {
text-align: center;
}
.page-template-merit .btn.grey {
background-color: #EBEBEB;
}
.page-template-merit .btn img {
max-width: 300px;
}  .page-template-lease .frame {
padding: 0;
}
.page-template-lease .qaBox {
width: 92%;
margin: 0 auto;
}
.page-template-lease .qaBox dl.qa-list {
border-radius: 10px;
background-color: #39b54a;
color: #fff;
padding: 1.5rem;
}
.page-template-lease .qaBox dl.qa-list dt {
font-weight: bold;
font-size: 1.8rem;
line-height: 1;
position: relative;
padding-right: 80px;
}
.page-template-lease .qaBox dl.qa-list dt span {
display: block;
}
.page-template-lease .qaBox dl.qa-list dt:after {
position: absolute;
right: 0;
top: 50%;
margin-top: -25px;
content: "";
display: inline-block;
width: 50px;
height: 50px;
background-image: url(https://suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/lp/lease/icon_open.png);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
}
.page-template-lease .qaBox dl.qa-list dt.active:after {
background-image: url(https://suzukijiko-carvice.com/wp-content/themes/tempalte_basic-child/images/lp/lease/icon_close.png);
}
.page-template-lease .qaBox dl.qa-list dd {
display: none;
background-color: #39b54a;
border: none;
width: 100%;
font-size: 1.2rem;
border-top: 1px solid #fff;
padding: 1rem 0;
margin-top: 1rem;
}
.page-template-lease .qaBox dl.qa-list dd.open {
display: block;
}
.page-template-lease .qaBox dl.qa-list .qa-answer {
padding: 0;
}.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,0.9);outline:none !important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease}.lity-loading .lity-content,.lity-closed .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,0.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container,.lity-youtube .lity-container,.lity-vimeo .lity-container,.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}.lity-hide{display:none}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}