@charset "utf-8";

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

 Reset element

------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
ul,ol {
  list-style: none;
  padding: 0;
}
img {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

body{
	font-family: "Lucida Sans",arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;
	line-height: 1.8em;
	/*font-size: 0.78125vw;*/
	/*min-width: 960px;*/
}

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

コンテンツ最大幅の設定

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

.content-wrap{
	max-width:960px;
	margin:0 auto;
	padding:0 16px;
}

.content-wrap-l{
	max-width:1300px;
	margin:0 auto;
	padding:0 16px;
}

/*共通パディング*/
/*
.box-pd{
	padding-top: 160px;
	padding-bottom: 100px
}
*/

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

各ページ共通要素

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

/*各共通タイトル*/
/*
.common-ttl {
    font-size: 30px;
}
.lower-ttl{

}
*/
/*
.table_01 {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
	 border-spacing: 2px;
    border-color: grey;
}

.table_01 th {
	 width: 140px;
    padding: 5px 10px;
    background-color: #ccc;
    border: 1px solid #aaa;
    font-weight: normal;
	 text-align: center;
    vertical-align: inherit;
}

.table_01 td {
    padding: 5px 10px;
    border: 1px solid #aaa;
	     display: table-cell;
    vertical-align: inherit;

}
*/
.local-bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
	background-color: #ff1a24;
}

.local-bg .content-wrap {
    padding: 45px 0;
	    max-width: 960px;
    margin: 0 auto;
}

.local-bg .common-ttl-1 {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding: 20px;
	text-align: center;
    margin: 0 auto;
}

.ttl-1 {
  position: relative;
  padding: .75em .4em .75em 2em;
  border: 1px solid #ccc;
  border-top: 3px solid #3498db;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
  font-size:24px;

}
.ttl-1::after {
  position: absolute;
  top: 1em;
  left: .6em;
  z-index: 2;
  content: '';
  width: 10px;
  height: 10px;
  border: 3px solid #3498db;
  border-radius: 100%
}

.ttl-2 {
  position: relative;

  border-bottom: 4px solid #ccc;
  font-size:20px;
  font-weight:bold;
  color: #0a7ac5;
}
.ttl-2::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #3498db;
}
.ttl-3 {
  padding: .5em .75em;
  background-color: #f6f6f6;
}

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

共通フォントスタイル

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

/*
.color-1{
	color:#a88220;
}
.color-2{
	color:#ffdf03;
}

.color-3{
	color:#1d1106;
}

.bg-color-1{
	background-color: :#a88220;
}
.bg-color-2{
	background-color:#ae7430;
}

.bg-color-3{
	background-color:#1d1106;
}


.font-1{
	font-family: 'Anton', sans-serif;
}

.mincho{
	font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
	}

.mincho2{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

*/

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

パンくず

---------------------------------------- */
/*
.bread-wrap {
	position:relative;
}
.breadcrumb {
  margin-top: 35px;
  font-size: 16px;
  font-weight: normal;
  font-family: -webkit-body;
}

.breadcrumb li{
	display:inline-block;
	}

.breadcrumb li a{
	color:#666;
}

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

.breadcrumb li a:after{
	content:">";
	padding:0 8px;
	text-decoration:none !important;
	display: inline-block;
	}
*/
/* ----------------------------------------

上部に戻るボタン

---------------------------------------- */
/*
.to-top-btn {
  position: fixed;
  right: 0px;
  bottom: 0px;
  border: double #3ec8fb 1px;
  background: #000000;
  color: #3ec8fb;
  padding: 16px;
  text-align: center;
  cursor: pointer;
  line-height: 1.5em;
}*/


.trans {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}

.trans:hover {
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: 0.7;
}

.clear {
  clear: both;
}

.wrap-container {
  max-width: 1920px;
  margin: 0 auto;
}


/* --------------------------------
 Header
---------------------------------- */




/*
.site-header{

  background: url(../img/bg-img.png) no-repeat;

}
.ie9 .site-header {
  background-size: auto 10px;
}
.header-wrap {
	 padding: 0.7vw 1vw 2.2vw;
  overflow: hidden;

	 background: url(../img/line-pattern.png) repeat-x 0 bottom;


  -webkit-background-size: auto 1.05vw;
          background-size: auto 1.05vw;


}
*/

.site-header-bg {
    background: linear-gradient(-45deg, rgba(241, 75, 105, 0.8), #ff1a3a),url(../img/bg-img.png);
	background-repeat:no-repeat;
	background-position:center,right;
	    background-position-y: bottom;
}

.site-header {
  padding: 0.7vw 1vw 2.2vw;

  background: url(../img/line-pattern.png) repeat-x 0 bottom;
  -webkit-background-size: auto 1.05vw;
          background-size: auto 1.05vw;
}
.ie9 .site-header {
  background-size: auto 10px;
}
.header-wrap {
  overflow: hidden;
}



.header-wrap>div,
.header-wrap .header-tel {
  float: left;
}
.header-wrap>.topbar {
  float: right;
}
.logo {
  margin-right: 0.5vw;
  width: 12.6vw;
}
.logo img {
  width: 100%;
}
.sitename {
  font-size: 0.625vw;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin-right: 3vw;
  margin-top: 1vw;
  display: none;
}




------------------------------------------


@media (min-width: 1230px) {
  .sitename {
    display: block;
  }
}
.header-tel li {
  display: inline-block;
  vertical-align: bottom;
  font-size: 0.75vw;
  letter-spacing: 0.05em;
  line-height: 1.2;
  font-weight: bold;
  margin-left: 0.35vw;
  color: #fff;
}
.header-tel a {
  display: block;
  color: inherit;
  font-size: 120%;
  line-height: 1;
}
@media (max-width: 767px) {
  .header-tel a {
    letter-spacing: 0;
  }
}
.topbar li {
  display: inline-block;
  vertical-align: bottom;
  border-right: 1px solid #fff;
  padding: 0 0.5vw;
}
.topbar li a {
  font-size: 0.625vw;
  display: block;
  line-height: 1;
  color: #fff;
}
.topbar li:first-child {

  border-left: 1px solid #fff;
}
.topbar li:last-child {
  border-right: 0;
  padding-right: 0;

}
.topbar .btn-contact {
  color: #fff;
  background: #00b7ee;
  padding: 0.95vw 0.6vw;
  font-size: 0.8vw;
  position: relative;
  top: 3px;
  letter-spacing: 0.25em;
  text-decoration: none !important;
}
.topbar .btn-contact .fa {
  margin-left: 0.8vw;
}
.topbar {
  margin-top: 0.35vw;
}
.header-tel {
  margin-top: 1.3vw;
}


/*
 * Sidebar
 -----------------------------*/
.sidebar {
  float: left;
  width: 11.5625vw;
}
.main-nav {
  padding: 0;
  border: 0;
  margin-bottom: 0;
}
.main-nav li a {
  display: block;
  border-bottom: 1px solid #e3e3e3;
  text-align: center;
  font-size: 0.833vw;
  font-weight: bold;
  line-height: 1;
  color: inherit;
  padding: 1.4vw 0.35vw;
  text-decoration: none !important;
  position: relative;
}
.main-nav li a:before {
  content: "";
  height: 100%;
  width: 14px;
  left: 100%;
  top: 0;
  position: absolute;
  background-color: #ff1a24;
  display: none;
  z-index: 0;
}
.main-nav .fa {
  float: right;
  position: relative;
  z-index: 1;
  font-size: 1.35em;
  margin-right: 10px;
  margin-top: -2px;
}
.fa.feature {
  color: #ff1a24;
}
.fa.info {
  color: #e6358d;
}
.fa.new-car {
  color: #b2d76e;
}
.fa.rental {
  color: #e7ec40;
}
.fa.shop {
  color: #9dd4d9;
}
.fa.warranty {
  color: #21aecc;
}
.fa.assessment {
  color: #cdcca6;
}
.fa.mail_order {
  color: #f8ca5e;
}
.main-nav .menu-active a,
.main-nav li:hover a {
  color: #fff;
  background-color: #ff1a24;
}
.main-nav .menu-active a:before,
.main-nav li:hover a:before {
  display: inline;
}
.main-nav .menu-active a .fa,
.main-nav li:hover a .fa {
  color: #fff !important;
  right: -10px;
}

.page-nav{
	text-align: center;
	    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
}
.page-nav ul{
	width: 100%;
}
.page-nav ul li{
	display: inline-block;
}
.page-nav ul li a{
    display: block;
    border-left: 1px solid #e3e3e3;
    text-align: center;
    font-size: 0.833vw;
    font-weight: bold;
    line-height: 1;
    color: inherit;
    padding: 1.4vw 0.8vw;
    text-decoration: none !important;
    position: relative;
}
.page-nav ul li a i{
float: right;
    position: relative;
    z-index: 1;
    font-size: 1.35em;
	text-align: center;
    margin-top: -2px;
	margin-left: 10px;
 }

.page-nav ul li a:hover{
	  color: #fff;
  background-color: #ff1a24;
}

.page-nav ul li a:hover i{
	 color: #fff !important;
}


.page-nav ul li:last-child {
    /* display: block; */
    border-right: 1px solid #e3e3e3;
}

.nav-box{
	    border-left-width: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    border-bottom-width: 0px;
    padding-right: 0px;
    border-right-width: 0px;
}

.page-nav-sp{
  display: none;
}


/* Main
-----------------------------------------*/
@media screen and (min-width: 992px) {
  .inner-ct {
    max-width: 991px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .inner-ct {
    max-width: 1200px;
  }
}
@media (min-width: 1440px) {
  .inner-ct {
    max-width: 78%;
  }
}

.title {
  text-align: center;
  line-height: 1;
}


.title >span {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 center, right center;
  background-image: url(../../style/img/bg-title-l.png), url(../../style/img/bg-title-r.png);
  -webkit-background-size: auto 1em;
  background-size: auto 1em;
  padding-left: 4em;
  padding-right: 4em;
  font-weight: bold;
}

.title2 {
  text-align: center;
  line-height: 1;
}


.title2 >span {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0 center, right center;
  background-image: url(../../style/img/bg-title-l.png), url(../../style/img/bg-title-r.png);
  -webkit-background-size: auto 1em;
  background-size: auto 1em;
  padding-left: 3em;
  padding-right: 3em;
  font-weight: bold;
  font-size: 200%;
  color: #fff;
  margin-right:50px;
}


/* Footer
-------------------------------------------*/
.site-footer {
  border-top: 9px solid #ff1a24;
  background: #e0e4e7;
  padding: 2.2vw 0 0;
	margin-top: 80px;
}
.footer-top {
  padding: 1% 3% 6%;
}
.footer-top .footer-l {
  float: left;
  width: 43%;
}
.footer-top .footer-r {
  float: left;
  width: 57%;
  padding-top: 3%;
}
.footer-l .logo-bot {
  width: 10.45vw;
}
.logo-bot img {
  width: 100%;
}
.footer-top .menu-block {
  float: left;
  margin-top: 1.7vw;
  margin-right: 6%;
  line-height: 1;
  font-size: 12px;
}
.menu-block li {
  border-left: 1px solid #1f1b18;
  padding-left: 8px;
  margin-bottom: 1.2em;
}
.menu-block li a {
  color: #1f1b18;
}
.banner-slide {
  float: left;
/*  width: 50%;*/
}
.fb-plugin {
  float: left;
  width: 100%;
      padding: 0 5px;
/*  margin-left: 5%;*/
  overflow: hidden;
}
.rows:after {
  content: "";
  display: table;
  clear: both;
}
/* .rows .box {
  float: left;
  width: 24%;
  padding: 0 5px;
  margin-bottom: 1.4%;
} */
.rows .box {
  float: left;
  width: 30%;
/*  margin-right: 4%;*/
  padding: 0 5px;
  margin-bottom: 1.4%;
}

.rows .box:last-child {
  margin-right: 0;
  text-align: right;
}
/* .rows .box-2 {
  float: left;
  width: 76%;
  padding: 0 5px;
  margin-bottom: 1.4%;
} */
.rows .box-2 {
  float: left;
  width: 95%;
/*  margin-right: 4%;*/
  padding: 0 5px;
  margin-bottom: 1.4%;
}

.rows .box-2 a{
	    color: #FFF;
}


.box-2 .takumi-btn{
    background-image: url(https://cars-takumi.net/common/img/190/main.jpg);
    background-size: 136%;
    background-position: 0px -140px;
    box-sizing: border-box;
    width: 94%;
    height:88px;
    position: relative;
    border-radius: 6px;
}

.box-2 .takumi-ttl-img{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 86px;
    box-sizing: border-box;
}

.box-2 .takumi-txt{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    padding: 4px;
    box-sizing: border-box;
    font-size: 2px;
    line-height: 1em;
    font-family: 'メイリオ',Meiryo;
    border-radius: 0 0 6px 6px;

}

.copyright {
  background: #fff url(../img/bg-city.png) no-repeat center bottom;
  -webkit-background-size: 40.5vw auto;
  background-size: 40.5vw auto;
  text-align: center;
  padding: 2% 0 4.5%;
}
.copyright p {
  font-size: 0.625vw;
  letter-spacing: 0.1em;
}

.sponser{
  width: 100%;
  display: block;
  float: right;
  margin-top: 20px;
}
.sponser h2{
  font-weight: bold;
  font-size: 18px;
  font-style: italic;
}
.sponser-list{
  display: flex;
  margin-top: 6px;
}
.sponser-list li{
  margin-right: 10px;
}
.sponser-list li a{
  display: block;
  overflow: hidden;
}
.sponser-list li img{
  display: block;
  width: 100%;
  max-width: 160px;
}

@media (min-width: 1440px) {
  .site-footer .inner-ct {
    padding: 0 3% 0 5%;
  }
}
/* 以下タブレット(col-md)の設定 */
@media screen and (max-width: 1280px) {
  .sidebar {
    width: 170px;
  }
  .main-nav li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 1170px) {
  .sidebar {
    width: 140px;
  }
  .main-nav li a {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .topbar .btn-contact {
    font-size: 10px;
  }
}
/* 以下タブレット(col-sm)の設定 */
@media (min-width: 768px) and (max-width: 880px) {
  .site-header {
    padding-bottom: 20px;
  }
  .site-header>.container {
    padding-left: 0;
    padding-right: 0;
  }
  .site-header .logo {
    margin-right: 20px;
    width: 112px;
  }
  .header-wrap .header-tel {
    margin-top: 8px;
  }
  .header-tel li {
    font-size: 11px;
    margin-left: 5px;
  }
  .header-tel a {
    font-size: 105%;
  }
  .topbar {
    margin-top: 0;
  }
}
@media (max-width: 1280px) {
  body {
    font-size: 15px;
  }
  .site-header {
    /*-webkit-background-size: auto 14px;*/
  }
  .logo {
    margin-right: 25px;
    width: 150px;
  }
  .sitename {
    font-size: 9px;
    margin-right: 20px;
    margin-top: 13px;
    letter-spacing: 0;
  }
  .topbar {
    margin-top: 6px;
  }
  .topbar li {
    padding: 0 5px;
  }
  .topbar li a {
    font-size: 10px;
  }
  .topbar .btn-contact {
    padding: 9px 10px;
    font-size: 0.7em;
    letter-spacing: 0.1em;
  }
  .header-tel {
    margin-top: 14px;
  }
  .header-tel li {
    font-size: 11px;
    letter-spacing: 0;
  }
  .header-tel li a {
    letter-spacing: -.5px;
    /*font-size: 120%;*/
  }
  .footer-top .menu-block {
    font-size: 10px;
    min-width: 0;
    margin-right: 6%;
    margin-top: 25px;
  }
  .footer-l .logo-bot {
    width: 140px;
  }
  .footer-top .footer-r {
    padding-top: 15px;
  }
  .copyright p {
    font-size: 10px;
  }




}

@media (min-width: 1281px) and (max-width: 1300px) {
  .sitename,
  .logo {
    margin-right: 2vw;
  }
}
@media (min-width: 768px) and (max-width: 780px) {
  .header-tel a {
    font-size: 11px;
  }





}



/* 以下タブレット(col-sm)の設定 */
@media (min-width: 768px) and (max-width: 991px) {
  .main-nav li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media (min-width: 881px) and (max-width: 991px) {
  .site-header {
    padding-bottom: 25px;
  }
  .site-header .logo {
    margin-right: 10px;
  }
}

/*20200424カレンダー追加によるcss修正*/
header .logo {
  margin-right: 0.5vw;
  width: 12.6vw;
  padding: 0;
}

.list-new .resevation, .list-new .ancient-car {
  min-height: auto;

}
.table-news table td {
  background: #fff;
}

.table-news table td.holiday {
  background-color: #c20e22;
  color: #fefefe;
}
.wrapper {
  max-width: 100%;
}
.banner {
  height: auto;
}
.behind {
  visibility: hidden;
}
.list-new {
  padding-top: 0;
}
.list-new .new-items {
  width: 100%;
  margin: 20px 0;
}
.list-new .new-items .item {
  background-color: #e0e4e7;
  padding: 0;
  height: auto !important;
}
.list-new .resevation .table-news {
  padding-top: 0px;
  margin-top: 5px;
}
.list-new .select-title {
  display: flex;
  justify-content: flex-end;
  padding: 5px;
  color: #fff;
}

.list-new .resevation .table-news .arr-item {
  padding-top: 0;
}
.icon-year-month {
  font-weight: bold;
  margin-left: 10px;
}
.tab-menu-list .row {
  margin: 0;
}
.ctg-wrap .bold{
  padding: 4px 2px;
}
.col-sm-6.tabpa {
  width: 33.33%;
  padding: 0 2px;
  margin-top: 4px;
}
.tabpa {
  font-size: 12px;
}
.arr-item .arr-prev, .arr-item .arr-next {
  font-size: 12px;
}
.tabpa a {
  display: block;
  color: #fff;
  text-align: center;
  padding: 4px 0px;
}
.tabpa.honsya a {
  background-color: #f14b69;
}
.tabpa.tokorozawa a {
  background-color: rgb(178, 215, 110);
}
.tabpa.niiza a {
  background-color: rgb(248, 202, 94);
}
.tabpa.murayama a {
  background-color: rgb(157, 212, 217);
}
.tabpa.satellite a {
  background-color: #2dad83;
}
.tabpa.east a {
  background-color: #24aecb;
}
.tab-menu-list .fa.feature {
  color: #fff;
}