/*!
Theme Name: neocla
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: glosswith
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

glosswith is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/ 

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #000;
    margin: 0;
}
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;
    color: #333;
    text-decoration: none;
}

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.67em 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;
}

figure {
	margin: 1em 0;
}

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;
}
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
input,
select,
textarea {
	font-size: 16px;
	line-height: 1.5;
}

h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

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%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

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;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
    vertical-align: bottom;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

li {
    list-style-type: none;
}
p {
    font-size: 15px;
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon_white {
    color: #fff;
}
.icon_dark_blue {
    color: #011931
}

.sp_br_show {
    display: none;
}

@media screen and (max-width: 758px) {
    h2 {
        font-size: 13px;
    }
    .sp_hide {
        display: none;
    }
    .sp_br_show {
        display: inline;
    }
}
/*-----------------------------------------------------------------------------
ヘッダー
-----------------------------------------------------------------------------*/
header{
    
}
header,header a{
    color: #44A0B7;
}
.logo_h1_outer {
    position: fixed;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    z-index: 99;
    padding: 20px;
    background-color: #fff;
}
header.sticky_color .logo_h1_outer{
    background-color: #fff;
    padding: 10px 20px;
}

.logo_outer {
    display: flex;
    align-items: center;
}
.logo_outer img {
    max-width: 190px;
    transition: 0.2s;
}
header.sticky_color .logo_h1_outer .logo_outer img{
    max-width: 100px;
}

.logo_outer h1 {
   font-size: 13px;
    padding-left: 40px;
}

.header_info {
    padding-right: 20px;
}

.header_info ul{
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 16px;
}
.phone_outer{
    padding-right: 40px;
}
.phone_outer a{
    display: flex;
    align-items: center;
    font-size: 14px;
}
.phone_outer img{
    width: 33px;
    display: inline-block;
    padding-right: 10px;
}

.header_sns {
    position: fixed;
    right: 30px;
    top: 150px;
    text-align: center;
    line-height: 1.2;
    z-index: 99;
    transition: 0.2s;
}
.header_sns li:first-child{
    padding-bottom: 10px;
}
.header_sns li:nth-child(2){
    padding-bottom: 8px;
}
.header_sns .header_kaitori a{
    background-color: #44A0B7;
    color: #fff;
    font-weight: bold;
    border-radius: 30px;
    padding:25px 15px;
    letter-spacing:3px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
    font-size: 24px;
    box-shadow: 1px 1px 5px #fff;
}
a.sns_icon {
    background-color: #44A0B7;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:5px;
    box-shadow: 1px 1px 5px #fff;
}
.sns_icon img{
    width: 60%;
}

header.sticky_color .header_sns{
    display: none;
}

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

}
/*-----------------------------------------------------------------------------
固定グローバルナビjs＆スマホナビ
-----------------------------------------------------------------------------*/
.menu{
    height: 37px;
    position: fixed;
    right: 23px;
    top: 30px;
    width: 46px;
    z-index: 99;
    display: block;
    cursor: pointer;
    transition: 0.2s;
}
.menu__line{
    background: #44A0B7;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 18px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 18px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 17px;
    transform: rotate(135deg);
}
header.sticky_color .menu{
    transform: scale(0.6);
    top: 10px;
    right: 10px;
}


/*gnav*/
.gnav{
    background: #edebd9;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
    top: 0;
    left: 0;
}
.gnav div.gnav_inner{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.gnav_menu {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 980px;
    margin: 0 auto;
}
.gnav_menu li {
    flex-basis: 45%;
    margin: 0px 20px;
    padding-bottom: 2px;
    border-bottom: 1px solid #44A0B7;
}
.gnav_menu li a{
    display: block;
    border-bottom: 1px solid #44A0B7;
    padding: 35px 20px;
    position: relative;
    font-weight: 500;
    font-size: 18px;
}
.gnav_menu li a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 11px;
    border-color: transparent transparent transparent #44A0B7;
    position: absolute;
    right: 20px;
    margin-top: -6px;
    top: 50%;
}

html.is-fixed,
html.is-fixed body {
    height: 100%;
    overflow-y: hidden;
}

@media only screen and (max-width: 1200px){
    .header_info {
        display: none;
    }
}
 
@media only screen and (max-width: 1000px){    
    .logo_outer img {
        max-width: 150px;
    }
}

@media only screen and (max-width: 650px){
    .logo_h1_outer {
        padding: 10px 50px 5px 10px;
    }
    .logo_outer img {
        max-width: 100px;
        transition: 0.2s;
    }
    .logo_outer h1 {
        font-size: 9px;
        padding-left: 10px;
    }
    header.sticky_color .menu {
        transform: scale(0.6);
        top: 10px;
    }
    .menu {
        transform: scale(0.6);
        right: 3px;
        top: 10px;
    }
    .header_sns .header_kaitori a {
        padding: 15px 12px;
        font-size: 18px;
    }
    .header_sns {
        right: 5px;
        top: 65px;
    }
    a.sns_icon {
        width: 50px;
        height: 50px;
    }
    .sns_icon img {
        /*width: 70%;*/
    }
    .gnav_menu {
        display: block;
        width: 100%;
    }
    .gnav_menu li {
        margin: 0px 40px;
    }
    .gnav_menu li a {
        display: block;
        padding: 15px;
        font-size: 15px;
    }
    .gnav_menu li a:after {
        border-width: 4px 0 4px 7px;
        right: 10px;
        margin-top: -5px;
    }
}
@media only screen and (max-width: 450px){
    .stock_detail .header_sns {
        display: none;
    }
}
/*-----------------------------------------------------------------------------
フッター
-----------------------------------------------------------------------------*/
footer {
    background-color: #edebd9;
    border-bottom: 9px solid #63322E;
}
footer .footer_inner {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 0;
}
.footer_map {
    flex-basis: 38%;
    padding: 0 15px;
}
.footer_map_name {
    text-align:center;
    line-height: 1.4;
    color: #44A0B7;
    padding: 5px 0;
    margin:0;
}
.footer_fb {
    flex-basis: 35%;
    padding: 0 15px;
}
.fb-page {
  width: 100%
} 

.footer_info {
    flex-basis: 25%;
    padding: 0 15px;
}
.footer_info li a{
    display: block;
    border-bottom: 1px solid #44A0B7;
    position: relative;
    color: #44A0B7;
    padding: 5px 0 5px 5px;
    font-weight: bold;
    font-size: 13px;
}
.footer_info li a:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #44A0B7;
    position: absolute;
    right: 10px;
    margin-top: -3px;
    top: 50%;
}
.footer_info_logo {
    padding: 20px 0;
    max-width: 250px;
}
.footer_info_shop{
    margin:0 0 15px;
}
.footer_info_shop li {
    line-height: 1.4;
    color: #44A0B7;
    font-weight: bold;
    font-size: 14px;
}
.copy_right {
    text-align: center;
    letter-spacing: 5px;
    font-size: 10px;
    color: #63322E;
    padding-bottom: 10px;
}
@media only screen and (max-width: 758px){
    footer .footer_inner {
        display: block;
        padding: 50px 20px;
    }
    .footer_map {
        padding:0 0 15px 0;
    }
    .footer_fb {
        padding:0 0 15px 0;
    }
    .footer_info {
        padding:0 0 15px 0;
    }
}


@media screen and (max-width: 450px) {
    footer .footer_inner {
        padding: 30px 15px;
    }
}
/*-----------------------------------------------------------------------------
トップページ
-----------------------------------------------------------------------------*/
.first_view {
    width: 100%;
    height: 100vh;
    position: relative;
}
.first_view_catch {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 980px;
    height: 100px;
    margin-top: -50px;
    margin-left: -540px;
    z-index: 10;
}
.first_view_catch ul li:last-child{
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.76);
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}
.first_view:after {
    content: '';
    display: block;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 30px;
    z-index: 10;
    background-color: #fff;
}
/**
.first_view_catch {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}
.first_view_catch_inner {
    width: 980px;
    height: 360px;
    margin: 150px auto 0;
    background-color:#44A0B7;
    padding: 15px;
}
.first_view_catch_inner ul {
    border: 1px solid #fff;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.first_view_catch_inner ul li{
    text-align: center;
    color: #fff;
    padding-bottom: 15px;
    font-size: 20px;
}
**/

.first_view_bnr{
    text-align:center;
    margin: 50px auto 0;
    max-width: 300px;
}
.first_view_bnr a:hover{
    filter: sepia(30%);
}
.first_view_bnr img{
    box-shadow: 0px 0px 8px #999;
}

.first_view_bnr2{
    text-align:center;
    margin: 50px auto 0;
}

.first_view_bnr2 a{
    background-color: #aa3e3e;
    color: #fff;
    padding: 20px 10px 20px;
    display: block;
    width: 300px;
    margin: auto;
    border: 2px solid #fff;
    box-shadow: 1px 1px 5px #ccc;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
}

.first_view_bnr2 a:hover{
    opacity: 0.85;
}

.first_view_bnr2 a span{
    font-size:14px;
}

.first_view_bnr2 a p{
    text-align:center;
    margin:0;
    padding:0;
}

.text1{
    font-size:14px;
}

.text2{
    font-size:30px;
    margin:5px 0 0 !important;
}

.text2 span{
    font-size:20px !important;
}

#video_outer {
    width: 100%;
    height: 100vh;
    /**background: url(/wp-content/themes/neocla/images/icon_phone.png) no-repeat center center;**/
   /**position: relative;**/
    background-color: #ccc;
}

.fv_overlay{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.15);
    z-index: 1;
    width: 100%;
    height: 100vh;
}

.second_view {
    max-width: 1350px;
    margin: 0 auto;
}

.second_view_inner {
    display: flex;
    width: 100%;
    justify-content: space-around;
    position: relative;
    top: 75px;
}
.second_view_catch {
    flex-basis: 50%;
    align-self: flex-end;
    height: 650px;
    background-color: #44A0B7;
    color: #fff;
    padding:30px; 
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-top: 150px;
}
.second_view_catch h2 {
    font-family: "Yu Mincho", "YuMincho", serif;
    font-weight: normal;
    font-size: 32px;
    margin: 0;
    padding-bottom: 20px;
    text-align:center;
}
.second_view_catch h2 + p {
    padding-bottom: 60px;
}
.top_news_outer h3{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    border-bottom: 1px solid #fff;
    font-size: 11px;
    padding:0 10px 10px 10px;
    line-height: 1;
    margin: 0;
}
.top_news_outer{
    border-bottom: 1px solid #fff;
}
.top_news a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    padding: 0 15px;
    color: #fff;
    transition: 0.2s;
}
.top_news a span:last-child{
    font-size: 11px;
}
.top_news a:hover {
    background-color: #fff;
    color: #44A0B7;
}

.second_view_insta {
    flex-basis: 50%;
}
.second_view_insta ul.second_view_insta_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 600px;
    margin: 0 auto;
}
.second_view_insta ul li{
    flex-basis: 50%;
    padding: 8px;
}
.second_view_insta .slide1 ul li,.second_view_insta .slide2 ul li{
    flex-basis:auto;
    padding: 0;
}

.top_latest_stock {
    background-color: #edebd9;
    padding-bottom: 100px;
}
.top_latest_stock h2{
    text-align: right;
    display: flex;
    justify-content: flex-end;
    font-size: 14px;
    font-weight: 500;
    padding:130px 45px 50px 0;
}
.top_latest_stock h2 span:last-child{
    padding-left: 17px;
}
.top_swiper_outer {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.list_box {
    width: 100%;
    padding: 30px 25px;
    background-color: #fff;
}
.list_img {
    max-width: 680px;
    padding-bottom: 15px;
    overflow: hidden;
}
.list_img img {
    width: 100%;
    transition: .3s ease-in-out;
    
    transform: scale(1);
}
.list_img img:hover {
    filter: sepia(50%);
    transform: scale(1.02);
}
.list_box h3 {
    text-align: left;
    margin: 0;
    padding-bottom: 5px;
    font-size: 26px;
}
.list_box h3 + p{
    text-align: left;
    line-height: 1.2;
    font-size: 12px;
    margin: 0;
    height: 40px;
}
.list_info {
    display: flex;
    justify-content:space-between;
    align-items: baseline;
    width: 100%;
}
.list_info li{
    width: 33.33333%;
    text-align: left;
    font-size: 13px;
}
.list_info li.list_info_price {
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    color: #44A0B7;
}
.list_info li.list_info_price dt{
    font-size: 12px;
    font-weight: 500;
}
.list_info li.list_info_price dl.car_charge,
.list_info li.list_info_price dl.other_charge{
    font-size: 12px;
    color: #000;
}


.list_info li.list_info_distance {
    text-align: center;
}
.list_info_year span:first-child,
.list_info_distance span:first-child{
    display: inline-block;
    font-size: 12px;
    padding-right: 10px;
}

p.link_to_list {
    text-align: center;
    margin: 0;
    padding-top: 70px;
}
.link_to_list a{
    display: inline-block;
    background-color: #44A0B7;
    color: #fff;
    font-weight: bold;
    border-radius: 15px;
    line-height: 30px;
    width: 175px;
}
.link_to_list a.back_to_list{
    background-color: #fff;
    color: #333;
    border: 1px solid #333;
}

.top_contents_link {
    max-width: 1500px;
    margin: 50px auto;
    display: flex;
    justify-content: center;
    align-items:flex-end;
    padding-right: 70px;
    padding-bottom: 80px;
}
.top_contents_link_left {
    position: relative;
    right: -70px;
    z-index: 10;
    flex-basis: 40%;
    background-color: #fff;
}
.top_contents_link_right {
    background-color: #44A0B7;
    color: #fff;
    flex-basis: 60%;
    position: relative;
    top: 45px;
    padding: 100px 20px 100px 100px;
}
.top_contents_link_right dl{
    padding-left: 10px;
    padding-bottom: 30px;
}
.top_contents_link_right dl dt {
    font-family: "Yu Mincho", "YuMincho", serif;
    font-weight: normal;
    font-size: 25px;
    margin: 0;
    padding-bottom: 20px;  
    text-align: center; 
}
.top_contents_link_right dl dd {
    padding-bottom: 10px;
    text-align: center; 
}

ul.top_page_link {
    display: flex;
    flex-wrap: wrap;
}
ul.top_page_link li{
    flex-basis: 50%;
    padding: 10px;
}
ul.top_page_link li a{
    display: block;
    background-color: #fff;
    color: #44A0B7;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding: 15px;
    border: 1px solid #fff;
    transition: 0.2s;
}
ul.top_page_link li a:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 11px;
    border-color: transparent transparent transparent #44A0B7;
    position: absolute;
    right: 10px;
    margin-top: -6px;
    top: 50%;   
}
ul.top_page_link li a:hover{
    background-color: #44A0B7;
    color: #fff;
    border: 1px solid #fff;
}
ul.top_page_link li a:hover:after{
    border-color: transparent transparent transparent #fff;
}

ul.top_page_link2 {
    display: flex;
    flex-wrap: wrap;
}
ul.top_page_link2 li{
    flex-basis: 50%;
    padding: 10px;
}
ul.top_page_link2 li a{
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding: 5px 5px;
    /*border: 1px solid #fff;*/
    transition: 0.2s;
    border-bottom: 1px solid #fff;
}
.arrow{
    position: relative;
    display: inline-block;
    padding-right: 1.2em; /* 文字と矢印の間隔 */
    text-decoration: none;
    color: #000; /* 文字色はお好みで */
}
.arrow::after {
  content: '>';         /* 矢印の文字 */
  position: absolute;
  right: 5px;             /* 右端に配置 */
  top: 50%;
  transform: translateY(-50%); /* 縦位置を中央に */
  font-size: 0.9em;     /* 矢印の大きさ調整 */
  color: inherit;       /* 文字と同じ色に */
}
.arrow2{
    position: relative;
    display: inline-block;
    padding-right: 1.2em; /* 文字と矢印の間隔 */
    text-decoration: none;
    color: #000; /* 文字色はお好みで */
}
.arrow2::after {
  content: '>';         /* 矢印の文字 */
  position: absolute;
  right: 20px;             /* 右端に配置 */
  top: 50%;
  transform: translateY(-50%); /* 縦位置を中央に */
  font-size: 1.2em;     /* 矢印の大きさ調整 */
  color: inherit;       /* 文字と同じ色に */
}


/**
.top_contents_link_right:before {
    z-index: -1;
    content: '';
    display: block;
    background-color: #44A0B7;
    height: 100%;
    width: 70px;
    left: -70px;
    top: -100px;
    position: absolute;
}
**/
.top_contents_link_right ul li a:hover{
    background-color: #44A0B7;
    color: #fff;
}
.top_contents_link_right ul li a:hover:after{
    border-color: transparent transparent transparent #fff;
}


ul.top_page_btn {
    /*display: flex;*/
    flex-wrap: wrap;
}
ul.top_page_btn li{
    flex-basis: 50%;
    padding: 10px;
    text-align:center;
}
ul.top_page_btn li a{
    display: block;
    background-color: #fff;
    color: #44A0B7;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    padding: 15px;
    border: 5px solid #008cae;
    transition: 0.2s;
    line-height: 1.2;
}
ul.top_page_btn li a:hover{
    background-color: #44A0B7;
    color: #fff;
    border: 5px solid #fff;
}
ul.top_page_btn li a:hover:after{
    border-color: transparent transparent transparent #fff;
}
ul.top_page_btn li a span{
    font-size: 16px;
}

.top_contents_bnr{
    margin: 80px auto 80px;
    background:url(/wp-content/themes/neocla/images/top/bg_btn_area.png) no-repeat center center;
}

.bnr_area{
    text-align: center;
    padding: 0 10px;
}

.bnr_area a:hover{
    filter: sepia(20%);
}

.bnr_area img{
    max-width:350px;
    box-shadow: 1px 1px 5px #000;
}

.btn_pc{

}

.btn_sp{
    display:none;
}


@media only screen and (min-width: 1500px){
    .list_box {
        width: 100%;
        padding: 30px 25x;
    }
    .top_contents_link {
        padding-right: 0;
    }
}
@media only screen and (max-width: 1200px){
    .first_view_catch_inner {
        width: 80%;
    }
    .second_view_catch h2{
        font-size:24px;
    }
    .top_contents_link_right dl dt{
        font-size:22px;
    }
    .top_contents_link_right dl dd{
        font-size: 14px;
    }
}
@media only screen and (max-width: 980px){
.first_view_catch {
    width: 100%;
    height: 100px;
    margin-top: -50px;
    margin-left: -50%;
    z-index: 10;
}

    .first_view_catch_inner ul li{
        padding-bottom: 8px;
        font-size: 15px;
    }
    .first_view_catch_inner ul li:first-child {
        padding: 15px 10px;
    }
    .second_view_catch h2{
        font-size:20px;
    }
    .top_contents_link_right{
        padding: 50px 20px 100px 60px;
    }
    .top_contents_link_right dl dt{
        font-size:15px;
    }
    .top_contents_link_right dl dd{
        font-size: 11px;
    }
    .btn_pc{
        display:none;
    }

    .btn_sp{
        display:block;
    }
}
@media only screen and (max-width: 758px){
    .second_view_inner {
        display: block;
        position: static;
    }
    .second_view_catch {
        padding: 30px 20px 40px;
        display: block;
        margin-top: 0;
        height: auto;
    }
    .second_view_catch h2 {
        font-size: 25px;
    }
    .top_contents_link {
        display: block;
        padding-right: 20px;
        padding-bottom: 0px;
        overflow: hidden;
    }
    .top_contents_link_left {
        right: -20px;
    }
    .top_contents_link_right {
        top: -80px;
        padding: 100px 15px 50px;
    }
    .top_contents_link_right dl dt{
        font-size:18px;
    }
    .list_box h3 {
        font-size: 20px;
    }
    .list_box h3 + p {
        font-size: 13px;
        height: 45px;
    }
    .btn_pc{
        display:block;
    }

    .btn_sp{
        display:none;
    }
}
@media only screen and (max-width: 600px){
    .btn_pc{
        display:none;
    }

    .btn_sp{
        display:block;
    }
}
@media only screen and (max-width: 450px){
    .first_view_catch_inner {
        width: 75%;
    }  
    .first_view_catch_inner ul li{
        font-size: 13px;
    }
    .first_view_catch_inner {
        height: 250px;
        margin: 100px auto 0;
        padding: 7px;
    }
    .second_view_catch{
        padding: 30px 10px 40px;
    }
    .second_view_catch h2 {
        font-size: 19px;
    }
    .second_view_catch h2 + p {
        padding-bottom: 25px;
        font-size: 13px;
    }
    .list_box {
        padding: 15px;
    }
    .top_swiper_outer {
        padding: 0 10px;
    }
    .list_info_year span:first-child, .list_info_distance span:first-child,.list_info_price span:first-child {
        font-size: 10px;
        padding-right: 2px;
    }
    .top_contents_link_right {
        padding: 100px 10px 50px;
    }
    .top_contents_link_right dl dt {
        font-size: 14px;
    }
    ul.top_page_link li a {
        font-size: 13px;
        padding: 10px;
    }
    ul..top_page_link li a:after {
        border-width: 4px 0 4px 7px;
        right: 10px;
        margin-top: -5px;
    }
    .top_contents_link_right dl dd {
        font-size: 12px;
    }
    .first_view {
        width: 100%;
        margin: 0 auto;
    }
    .fv_overlay{
        width: 100%;
        margin: 0 auto;
    }
    .first_view_catch ul li:last-child {
        font-weight: 500;
        font-size: 18px;
    }
    .first_view:after {
        height: 10px;
    }
    .top_latest_stock h2 {
        padding: 75px 45px 30px 0;
    }
}
/**
.first_view_catch {
    background-color:#44A0B7;
    width: 980px;
    height: 390px;
    position: absolute;
    left: 50%;
    top: -195px;
    margin-left: -490px;
}

@media only screen and (max-height: 850px){
    #video_outer {
        height: 70vh;
    }
    .first_view_catch {
        top: -140px;
    }   
}
@media only screen and (max-height: 750px){
    .first_view_catch {
        top: -80px;
    }   
}
@media only screen and (max-width: 1200px){
    .first_view_catch {
        width: 80%;
        position: absolute;
        left: 50%;
        margin-left: -40%;
    }    
}
**/

/*-----------------------------------------------------------------------------
ページ基本
-----------------------------------------------------------------------------*/
main.inner_s {
    max-width: 700px;
    margin: 0 auto;
    padding: 150px 0 100px;
}
main.inner_m {
    max-width: 800px;
    margin: 0 auto;
    padding: 150px 0 100px;
}
main.inner_l {
    max-width: 85%;
    margin: 0 auto;
    padding: 150px 0 100px;    
}

.inner_m {
    max-width: 900px;
    margin: 0 auto;
}
.page_h1 {
    font-size: 25px;
    border-bottom: 1px solid #333;
    margin: 50px 0;
}
.basic_btn {
    display: block;
    line-height: 60px;
    height: 60px;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    background-color: #63322E;
    text-align: center;
    font-size: 18px;
}
/*-----------------------------------------------------------------------------
業販・こだわり・遠方のお客様
-----------------------------------------------------------------------------*/
.page_4p p{
    font-size: 18px;
    line-height: 2;
    padding:0 15px;
}
.page_contact {
    max-width: 400px;
    margin: 50px auto 0;
}
.page_contact dt {
    background-color: #44A0B7;
    color: #fff;
    text-align: center;
    font-size: 18px;
    padding: 10px;
}
.page_contact dd {
    text-align: center;
    font-size: 25px;
    padding: 20px 0 40px;
}
.page_contact dd {
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_contact dd span{
    display: inline-block;
    padding-left: 5px;
}

.page_flex_left,
.page_flex_right {
    display: flex;
}
.page_flex_left div,
.page_flex_right div{
    flex-basis: 50%;
    font-size: 18px;
    line-height: 1.8;
    padding: 10px;
}
@media only screen and (max-width: 958px){
    .page_flex_left {
        flex-direction: column;
    }
    .page_flex_right {
        flex-direction: column-reverse;
    }
}
/*-----------------------------------------------------------------------------
在庫一覧
-----------------------------------------------------------------------------*/
h2.page_header{
    padding-top: 5px;
}
h2.page_header span{
    font-size: 16px;
}
.stock_list_page {
    padding-top: 100px;
}
.list_box_outer {
    display: flex;
    flex-wrap: wrap;
    background-color: #edebd9;
    padding: 50px 20px;
    
}
.list_box_outer .list_box{
    flex-basis: 33.3333333%;
    padding: 20px;
    background-color: transparent;
}
.list_box_inner {
    background-color: #fff;
    padding: 25px;   
}

.search_filter {
    display: flex;
    justify-content:flex-end;
    align-items:flex-end;
    padding-right: 90px;
    position: relative;
    z-index: 1;
    top: 15px;
}
.search_filter .form_select select {
    height: 1.8em;
    padding: 0 30px 0 10px;
    font-size: 13px;
}
.search_filter dl{
    margin: 0;
    padding-right: 10px;
}
.search_filter dl dt{
    font-size: 11px;
    line-height: 1.2;
}
.search_filter .search_btn a{
    display: inline-block;
    background-color: #63322E;
    padding: 0 10px;
    line-height: 24px;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
}


.number_chart {
    text-align: left;
    padding-left: 20px;
    font-size: 12px;
    display: inline-block;
    position: relative;
    z-index: 2:
}
.pagenation_bottom .number_chart{
    padding-right: 20px;
    padding-left: 0;
    font-size: 14px;
}
.pagenation_bottom{
    text-align: right;
    padding-bottom: 50px;
}


@media only screen and (max-width: 1500px){
    .list_box_outer .list_box{
        padding: 10px;
    } 
}
@media only screen and (max-width: 1000px){
    .list_box_outer .list_box{
        flex-basis: 48%;
    } 
}
@media only screen and (max-width: 600px){
    .list_box_outer {
        display: block;
        padding: 0;
    }
    .list_box_outer .list_box {
        padding: 10px;
    }
    .list_box_inner {
        padding: 15px;
    }
}
/*-----------------------------------------------------------------------------
在庫詳細ページ
-----------------------------------------------------------------------------*/
.stock_detail_main {
    padding-bottom: 100px;
}

.l-main__slider-wrapper {
    padding: 220px 0 30px;
}

.car_info_wrapper {
    max-width: 1150px;
    margin: 0 auto;
}
.car_detail_h1 {
    font-weight: 400;
    font-size: 40px;
    line-height: 1.2;
    padding-bottom: 25px;
}
.car_detail_h1 span {
    display: block;
}
.car_detail_h1 span.grade {
    font-weight: 500;
    font-size: 18px;
    padding-left: 10px;
}

.car_info1 {
    display: flex;
    padding-bottom: 45px;
}
.car_info1 div{
    flex-basis: 25%;
    padding: 10px;
}
.car_info1 div dl{
    position: relative;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    align-items: flex-end;
    line-height: 1;
    padding-bottom: 3px;
}
.car_info1 div dl:after,
.car_info1 div dl:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #707070;
    bottom: -3px;
}
.car_info1 div dl:before{
    bottom: 0;
}
.car_info1 div dl dt{
    font-size: 12px;
    font-weight: 500;
    padding-left: 5px;
}
.car_info1 div dl dd{
    padding-right: 5px;
}

.car_info2,
.car_info3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.car_info2 div,
.car_info3 div{
    flex-basis: 33.333333%;
    padding: 10px;
}
.car_info2 div dl,
.car_info3 div dl{
    border-bottom: 1px dashed #BEBEBE;
    padding-bottom: 3px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    line-height: 1;
}
.car_info2 div dl dt{
    font-size: 12px;
    font-weight: 500;
    padding-left: 5px;
}
.car_info3 div dl dt{
    font-size: 13px;
    font-weight: 500;
    padding-left: 5px;
}
.car_info2 div dl dd,
.car_info3 div dl dd{
    font-size: 16px;
    padding-right: 5px;
}

.car_btn_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}
.car_btn_wrapper div:first-child{
    flex-basis: 40%;
}
.car_btn_wrapper div:nth-child(2){
    flex-basis: 35%;
}
.car_btn_wrapper div:last-child{
    flex-basis: 25%;
}

.car_btn_wrapper div {
    padding: 5px;
}
.car_btn_wrapper div:first-child a{
    display: block;
    color: #fff;
    height: 70px;
    line-height: 70px;
    background-color:#3191A8;
    text-align: center;
    font-size: 18px;
}
.car_btn_wrapper div:nth-child(2) a{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    border: 1px dashed #3191A8;
    height: 70px;
    color: #3191A8;
    font-size: 13px;
    position: relative;
}
.car_btn_wrapper div:nth-child(2) a span{
    display: block;
    line-height: 1.2;
}
.car_btn_wrapper div:nth-child(2) a span:last-child{
    letter-spacing: 5px;
    font-size: 26px;
    position: relative;
    left: 4px;
}
.car_btn_wrapper div:nth-child(2) a span:last-child:before{
    content: "";
    width: 28px;
    height: 28px;
    display: inline-block;
    background: url(/wp-content/themes/neocla/images/icon_phone.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: -32px;
    top:-8px;
}


.car_btn_wrapper .price dl{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    /**height: 70px;**/
    line-height: 1;
}
.car_btn_wrapper .price dl dt{
    font-weight: 500;
    font-size:13px;
    line-height: 1;
    display: inline-block;
    /**padding-bottom: 5px;**/
    padding-right: 5px;
}
.car_btn_wrapper .price dl dd{
    font-size:16px;
    line-height: 1;
}
.car_btn_wrapper .price dl dd.total_amount span.price_number{
    font-size: 40px;
    color: #3191A8;
    transform: translateY(5px);
    display: inline-block;
}
.car_btn_wrapper .price .price_other dl dd .price_unit{
    font-size: 10px;
}

.comment {
    margin-bottom: 100px;
}

.stock_cars_header{
    padding:100px 70px 0;
}
.inner.filter{
    padding: 0 70px;
}
.inner .sort_outer{
    padding: 10px 70px 20px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.sort {
    align-items: center;
}
.sort .sort_cancel{
    margin-right: 10px;
}
.sp_show {
    display: none;
}
@media only screen and (max-width: 1024px) {
    .sp_show {
        display: block;
    }
    .pc_show{
        display: none;
    }
    .stock_cars_header{
        padding:100px 10px 60px;
    }
    .inner.filter{
        padding: 0;
    }
}
/**
.sp_show {
    display: none;
}
***/


@media screen and (max-width: 758px) {
    .l-main__slider-wrapper {
        padding: 170px 0 30px;
    }
    .car_detail_h1 {
        font-size: 35px;
        padding-left: 10px;
    }
}
@media screen and (max-width: 650px) {
    .car_info1 {
        flex-wrap: wrap;
    }
    .car_info1 div {
        flex-basis: 50%;
    }
    .car_info2{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .car_info2 div{
        flex-basis: 50%;
    }
    .car_info_wrapper {
        padding: 0 5px;
    }
}
@media screen and (max-width: 450px) {
    .l-main__slider-wrapper {
        padding: 125px 0 30px;
    }
    .car_detail_h1 {
        font-size: 25px;
    }
    .car_detail_h1 span.grade {
        font-size: 13px;
    }
    .car_info3{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .car_info3 div{
        flex-basis: 50%;
    }
    .car_btn_wrapper {
        display: block;
    }
    .car_info2 div dl dd, .car_info3 div dl dd {
        font-size: 12px;
        padding-right: 5px;
    }
    .car_info1 div dl dd {
        font-size: 13px;
    }
    .car_info1 div dl dt {
        font-size: 11px;
    }
    .car_btn_wrapper div.price {
        padding-bottom: 30px;
    }
}
/*-----------------------------------------------------------------------------
ニュースリスト
-----------------------------------------------------------------------------*/
.news_list {
    display: flex;
    flex-wrap: wrap;
}
.news_list .news_list_box{
    flex-basis: 25%;
    padding: 20px 15px;
}
.news_list .news_list_box li:last-child{
    font-size: 16px;
    padding-top: 10px;
}
.select_topics ul {
    display: flex;
    justify-content: flex-end;
}
.select_topics ul select{
    width: 50px;
    display: inline-block;
}
.news_list_outer h1 {
    text-align: center;
    font-weight: 400;
    font-size: 40px;
    margin: 0;
    padding-bottom: 50px;
}


/*-----------------------------------------------------------------------------
ニュース詳細
-----------------------------------------------------------------------------*/
.post_content h1 {
    font-weight: 500;
    margin-bottom: 5px;
}
.post_content p.date{
    font-size: 13px;
    margin: 0;
    text-align: right;
}
div.post_text {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 50px 10px;
    margin-bottom: 20px;
    line-height: 1.8;
    font-size: 16px;
}
div.post_text p{
    font-size: 16px;
    padding: 0 30px;
}
.post_text p.featured_image {
    margin: 0;
    padding: 25px 0;
}
.back_topic_list {
    text-align: right;
}
/*-----------------------------------------------------------------------------
お客様の声
-----------------------------------------------------------------------------*/
.testimonials_list .col-sm-6 {
    padding: 10px;
}
.testimonials_list .col-sm-6:nth-child(2n + 1) {
    clear: both;
}
.testimonials_list ul li a{
    color: #222;
}
.testimonials_list ul li {
    display: table-cell;
    font-size: 16px;
    width: 70%;
    vertical-align: top;
}
.testimonials_list ul li span{
    font-size: 13px;
    display: inline-block;
    padding-top: 5px;
}
.testimonials_list ul {
    display: table;
    width: 100%;
    background-color: #efefef;
    padding: 20px;
}
.testimonials_img{
    width: 30%;
}
.testimonials_img img{
    display: inline-block;
    width: 100%;
}
.customer_date li {
    text-align: center;
    font-size: 15px;
}
.customer_date {
    padding-bottom: 10px;
}
/*-----------------------------------------------------------------------------
インフォメーション
-----------------------------------------------------------------------------*/
.info_list_box {
    border: 1px solid #ccc;
    min-height: 300px;
}
.info_list_box li{
    text-align: center;
}
.info_list_box li.info_date {
    font-size: 14px;
    border-bottom: 1px dotted #ccc;
    padding-top: 10px;
}
.info_list_box li.info_date span,
.info_list_box li.info_title span{
    font-size: 11px;
    font-style:oblique;
    font-family: 'Anton', sans-serif;
}
.info_list_box li.info_title {
    font-size: 18px;
    padding: 10px 0;
}
.info_list_box li.more_detail {
    font-size: 12px;
    padding-top: 20px;
}

.info_list_image{
    display: inline-block;
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-size: 100px 100px !important;
    background:url('/wp-content/themes/neocla/images/no_image.jpg');
}

.info_main_image{
    padding: 20px 0 0 50px;
}
.info_content {
    padding: 20px 50px 0 0;
}
.info_sub_img img {
    padding: 10px;
}

.gridder-navigation {
    position: absolute;
    right: 20px;
    bottom: 10px;
}
.gridder-navigation a{
    display: inline-block;
    padding: 0 10px;
}

@media screen and (max-width: 758px) {
.gridder-navigation {
    bottom: 0px;
}
}
/*-----------------------------------------------------------------------------
リンク
-----------------------------------------------------------------------------*/
.link_list ul li {
    text-align: center;
}
.link_list ul li.link_category {
    padding-bottom: 10px;
    padding-left: 5px;
}
.link_list h3.link_title {
    font-size: 15px;
    padding-left: 10px;
    text-align: center;
} 
.link_list ul li.link_comment {
   text-align: left;
    padding: 20px 25px;
    font-size: 14px;
}     


/*-----------------------------------------------------------------------------
会社概要
-----------------------------------------------------------------------------*/
main.shop {
    padding: 150px 0;
}
main.shop h1{
    text-align: center;
    font-weight: 400;
    font-size: 40px;
    margin: 0;
    padding-bottom: 50px;
}
.company_info table {
    margin-bottom: 50px;
}
.company_info table tr {
    border-bottom: 1px dotted #666;
}
.company_info table th {
    font-weight: 500;
    font-size: 16px;
    padding: 20px;
    width: 20%;
}
.company_info table td {
    font-size: 18px;
    width: 80%;
}
.company_info table td p{
    font-size: 18px;
    padding: 20px 0;
}


#map {
    width: 100%;
}
#map iframe{
    height: 550px;
}

.company_image img {
    width: 100%;
}
.company_image li{
    font-size:15px;
}
.access{
    margin: 0 0 2em;
}

@media screen and (max-width: 758px) {
    #map {
        height: 300px;
    }
}
/*-----------------------------------------------------------------------------
お問い合わせ＆買取
-----------------------------------------------------------------------------*/

.form{
    font-size: 16px;
}


.form h1 {
    text-align: center;
    font-weight: 400;
    font-size: 40px;
    margin: 0;
    padding-bottom: 50px;
}


/*-----------------------------------------------------------------------------
買取
-----------------------------------------------------------------------------*/
.form.kaitori .form_box dt{
    flex-basis: 25%;
}
.form.kaitori .form_box dd{
    flex-basis: 75%;
}

.pics_input {
    display: flex;
    flex-wrap: wrap;
}
.pics_input li{
    flex-basis: 33.33333%;
    padding: 5px;
}
.pics_input li input{
    font-size: 9px;
}
.pics_input li div img{
    width: 100%;
}
/*-----------------------------------------------------------------------------
バックオーダー
-----------------------------------------------------------------------------*/
.kubun_import {
    display: flex;
}

/*-----------------------------------------------------------------------------
メンテナンス
-----------------------------------------------------------------------------*/
.maintenance_section {
    max-width: 850px;
    margin: 0 auto;
    padding: 50px 10px 70px;
}
.maintenance_section h3,
.afterservice_section h3{
    font-size: 35px;
    font-weight: 500;
    padding-bottom: 35px;
    text-align: center;
}
.maintenance_txt {
    font-size: 18px;
    padding-bottom: 30px;
}
.afterservice_txt dt {
    font-weight: bold;
    font-size: 17px;
}
.afterservice_txt dd {
    font-size: 18px;
}
dl.afterservice_txt {
    padding-bottom: 30px;
    text-align: center;
}
.maintenance_img {
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
}
.maintenance_img li{
    padding: 5px;
}
.body_work,
.dress_up{
    display: flex;
    align-items: center;
    max-width: 1050px;
    margin: 0 auto;
    padding-top: 30px;
}
.body_work dl,
.dress_up dl{
    flex-basis: 360px;
    font-size: 15px;
    padding-right: 20px;
}
.body_work dt,
.dress_up dt{
    font-weight: bold;
}
.afterservice_section {
    padding: 50px 0 70px;
    background-color: #f2f2f2;
}
@media screen and (max-width: 758px) {
.maintenance_img {
    display: block;
    text-align: center;
}
.body_work, .dress_up {
    display: block;
    text-align: center;
}
}
 /*************************
 パララックス
*************************/
div.parallax{
    	height:600px;
    	background-position: 50% 50%;
    	background-repeat: no-repeat;
    	background-attachment: fixed;
    	background-size: cover;
        position: relative;
        overflow: hidden;
}
.content{
    	padding:30px 0;
}
.box{
    	max-width: 1200px;
        margin: 0 auto;	
}
.parallax_img_1{
    background:url('/wp-content/themes/neocla/images/parallax_bg.jpg');	
}


/*-----------------------------------------------------------------------------
スライダー用
-----------------------------------------------------------------------------*/

.boxedcontainer		{	max-width: 1170px; margin:auto; padding:0px 30px;}

/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
    width:100%;
    position:relative;
    padding:0;
}

.bannercontainer {
    width:100%;
    position:relative;
    padding:0;
}
.banner{
    width:100%;
    position:relative;
}
/*-----------------------------------------------------------------------------
ギャラリーグリッド
-----------------------------------------------------------------------------*/

.gallery {
    width: 100%;
    overflow:hidden; 
    margin: 0 auto;   /*中央寄せ*/
}  

.gallery img {
    width: 100%;
    padding: 1px;
}
div.fancybox-skin {
    padding: 0 !important;
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
    text-align: center;
}
.fancybox-lock .fancybox-overlay {
    background-color: rgba(0, 0, 0, 0.81);
}

/*-----------------------------------------------------------------------------
ローディング
-----------------------------------------------------------------------------*/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1000;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 50px;
  margin-top: -25px;
  margin-left: -50px;
  text-align: center;
  color: #333;
  z-index: 2000;
}
#loader img{
  display: inline;
}
/*-----------------------------------------------------------------------------
カルーセル
-----------------------------------------------------------------------------*/
.carousel_car {
    background-color:#113356;
    padding: 15px;
}  
.carousel_car li {
    text-align: left;
}
.carousel_name {
    border-bottom: 1px dotted #aaa;
    margin-bottom: 10px;
    overflow: hidden;
    display: table;
    width: 100%;
}
.carousel_name span:first-child{
    font-size: 18px;
    display: table-cell;
    width: 50%;
}
.carousel_name span:nth-child(2){
    font-size: 14px;
    display: table-cell;
    width: 50%;
    text-align: right;
}
li.carousel_info {
    float: left;
    font-size: 14px;
}
li.carousel_price {
    text-align: right;
    float: right;
}
li.carousel_price span{
    font-size: 16px;
    color: #ff2b2b;
    font-weight: bold;
}


/**---------------------------------------

ボーダーセンター

---------------------------------------**/
h2.border_center {
    display: flex;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
    color: #234364;
    font-size: 26px;
    line-height: 0.7;
    overflow: hidden;
}
h2.border_center.white {
    color: #fff;
}

h2.border_center:before,
h2.border_center:after {
    height: 4px;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
	-webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.1,1), opacity .2s;
    transition: transform .3s cubic-bezier(.4,0,.1,1), opacity .2s;
    transition-delay:0.2s;
    background-color: #234364;
}
h2.border_center.white:before,
h2.border_center.white:after {
    background-color: #fff;
}
.border_center.animate::before, .border_center.animate::after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.border_center::before {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.border_center::after{
	right: 0;
	-webkit-transform: translateX(100%);
    transform: translateX(100%);
}

h2.border_center:before {
    margin-right: 0.5em;
}

h2.border_center:after{
    margin-left: 0.5em;
}

.title_center {
    -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.1,1),  opacity .2s;
    transition: transform .5s cubic-bezier(.4,0,.1,1), opacity .2s;
    transition-delay:0.3s;
    transform: scale(0.5,0.5);
    opacity: 0;
    padding: 40px 30px;
}
.title_center.animate{
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    opacity: 1;
}
.title_center .title_jp {
    font-size: 13px;
    font-weight: bold;
}

/**---------------------------------------

ローディング

---------------------------------------**/
#preloader  {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fefefe;
     z-index:20000;
     height: 100%;
     overflow:hidden;
 }

#loading_logo {
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    height: 100px;
}

.loading_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 245px;
    margin-top: -50px;
    margin-left: -122px;
    z-index: 1000;
}

#loading_logo {
    color: #fbc81d;
    font-size: 26px;
    line-height: 0.7;
    overflow: hidden;
}


/*--------------------------------------------------------------
## フッタースクロール
--------------------------------------------------------------*/
.footer_fixed {
  position: fixed; /* ヘッダーバーを固定 */
  bottom: 0; /* 上から0の位置に固定 */
  left: 0; /* 左から0の位置に固定 */
  width: 100%;
  background-color: rgba(0, 0, 0, 0.35);
    z-index: 10000;
}

.footer_fixed .col-xs-6 {
    padding: 10px;
}
/*
#page-top{
  position: fixed;
  right: 16px;
  bottom: 16px;
  display: none;
  z-index: 9999;
  text-align: right;
}
  */
#page-top {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  display: none; /* 初期表示したいなら block に */
  max-width: 220px; /* バナーサイズの上限を決める（調整可） */
}

#page-top a:hover{
    /*opacity:0.9;*/
    filter: sepia(30%);  
}

#page-top img{
    width:100%;
    box-shadow: 0px 0px 8px #999;
    height: auto;
    display: block;
}

/* ×ボタン */
#page-top .close-btn {
  position: absolute;
  top: -20px;
  left: -20px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 20px;
  font-weight:bold;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  padding: 0;
}


@media screen and (max-width: 758px) {
    .footer_fixed .detail_btn a {
        height: 30px;
        font-size: 25px;
        padding-bottom: 5px;
    }
    .footer_fixed .col-xs-6 {
        padding: 7px 5px;
    }

}


/*--------------------------------------------------------------
## カーソル
--------------------------------------------------------------*/
@media screen and (min-width: 958px) {
body {
  position: relative;
  cursor: none;
}

.cursor,
.follower {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0; 
  pointer-events: none;
}

.cursor {
  width: 8px;
  height: 8px;
  background-color: #000;
  z-index: 1001;
  box-shadow: 0 0 6px #fff;
    border: 1px solid #e0d4d4;
}

.follower {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  /**background-color: rgba(99, 50, 46, 0.1);**/
    background-color: rgba(255, 255, 255, 0.36);
border: 1px solid rgba(255, 255, 255, 0.78);
  z-index: 1000;
  transition: transform ease .1s;
  text-align: center;
}
.follower span {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    transform: scale(0);
}
.follower.is-active {
    transform: scale(2.5);
    border: none;
}
}



/*--------------------------------------------------------------
## 車両検索フィルター
--------------------------------------------------------------*/

/**********車種グレード絞り込み*************/
.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;
  }



  /*--------------------------------------------------------------
# 絞り込み
--------------------------------------------------------------*/
.acTrigger {
    display: inline-block;
    cursor: pointer;
    padding-left: 15px;
    position: relative;
    font-size: 13px;
  }
  .acTrigger:before {
    content: "";
    background-image: url(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(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;
    /* デフォルトの矢印を非表示(IE用) */
  }
  .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;
    /* デフォルトの矢印を非表示(IE用) */
  }
  .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 .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;
  }

  @media screen and (max-width: 758px) {
    .select_wrapper.filter1 {
        flex-wrap: wrap;
    }
    .select_wrapper.filter1 .select_outer {
        width: 100%;
        padding: 10px 20px;
    }
    .select_wrapper.filter1 .select_outer.filter_1st_btn {
        width: 100%;
    }
    .lity {
        background-color: hsla(0, 0%, 0%, 0.804) !important;
    }
}
  /*--------------------------------------------------------------
  # ソート　並び替え、ペジネーション
  --------------------------------------------------------------*/
 /** .sort_outer {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #eee;
    padding: 5px 80px 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;
    align-items: center;
  }
  .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;
    justify-content: flex-end;
  }
  .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;
    background-color: #fff;
  }
  .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;
  }

  .car_pegination_bottom_outer{
    background-color: #edebd9;
  }

  @media only screen and (max-width: 1024px) {
    .sort_outer{
        padding: 10px;
    }
    .sort {
        padding: 15px 0;
        align-items: center;
        justify-content: flex-end;
    }
    .sort li{
        padding-right: 10px;
    }
  }
  @media screen and (max-width: 758px) {
    .sort {
        font-size: 10px;
        font-weight: bold;
        
      }
}

  /*--------------------------------------------------------------
  # ソート　並び替え、ペジネーション
  --------------------------------------------------------------*/
  .option_comment{

  }
  dl.option_comment_box{
    display: flex;
    border-bottom: 1px dashed #BEBEBE;
    align-items: center;
    padding: 20px 0;
  }
  dl.option_comment_box dt{
    width: 15%;
    padding-left: 10px;
  }
  dl.option_comment_box dt h2{
    font-size: 14px;
    font-weight: 500;
  }
  dl.option_comment_box dd{
    width: 90%;
    font-size: 16px;
  }
  dl.option_comment_box dd .option_list{
    display: flex;
    flex-wrap: wrap;
  }
  dl.option_comment_box dd .option_list li{
    padding-right: 20px;
  }

  @media screen and (max-width: 758px) {
    dl.option_comment_box dt{
        width: 20%;
        padding-left: 10px;
        font-size: 13px;
      }
      dl.option_comment_box dd{
        width: 80%;
        font-size: 14px;
        padding-left: 15px;
      }
      dl.option_comment_box dd .option_list li {
        padding-bottom: 5px;
    }
}