:root {
  font-size: 1rem; /* 16px */
  line-height: 1.5rem; /* 24px */
}

:root p{
line-height: 1.7rem;
}

html {
  font: normal 1rem / 1.2rem "メイリオ","Meiryo", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-color: #fff;
  color: #3c3c3c;
}


h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px 0;
    font-family: "メイリオ","Meiryo", sans-serif;
    font-weight: 400;
    color: #3c3c3c;
    text-transform: none;
}

.uk-h1, h1 {
    font-size: 2.2rem;
    line-height: 2.4rem;
}

.uk-h2, h2 {
    font-size: 1.7rem;
    line-height: 2.0rem;
}


.uk-h3, h3 {
    /*font-size: 1.2rem;*/
    line-height: 2.0rem;
}
.uk-container-background-color {
	background-color: #fff;
}


.color_white {
    color: #fff!important;
}
.color_3c3c3c {
    color: #3c3c3c!important;
}


.table_layout_fixed {
	table-layout: fixed;
}

.font_size_08rem {
	font-size: 0.8rem;
}


.scroll_button {
	position: fixed;
	bottom: 50px;
	right: 20px;
}

/*
*
* テーブルの見出しを変更
***************************************************/
.uk-table th {
    padding: 16px 12px;
    text-align: left;
    vertical-align: bottom;
    font-size: .875rem;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    background-color: aliceblue;
}

/*
*
* ボタン
***************************************************/
.uk-button-primary {
    background-color: #29A7E1!important;
    color: #fff!important;
}

@media screen and (max-width: 640px){
	.scroll_button {
		position: fixed;
		bottom: 50px;
		right: 40px;
	}
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

/*
*
* グーグルマップ レスポンシブ化
***************************************************/
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*
*
* ヘッダー
***************************************************/


/*
.header_line_top{
	background-color: #ededed;
}
*/
.header_top{
    /*background-image: url(../images/0001-3.png);*/
    background-repeat: repeat-x;
}

.header_menu {
	background-color: #29A7E1;
    padding-left: 0px;
    padding-right: 0px;
}
.top_nav {
	border-right: 1px solid #fff;
}

.top_nav_end {
	border-right:none;
}

.top_nav :hover {
    background-color: #fff !important;
    color:#656565 !important;
}

button.uk-width-1-1.uk-button.uk-offcanvas-close {
    background-color: none;
}

.uk-nav-default>li>a {
    color:#fff !important;
}
.uk-navbar-toggle {
    color: #fff;

}

.body-header-text{
    text-align:center;
}

/*
*
* 左サブメニュー
***************************************************/
.submenu_header {
	text-align: center;
	background-color: #fff;
	border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
	border-bottom: solid 3px #0000ff;
	padding: 5px;
}

.submenu_li {
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-bottom: dashed #ccc 1px;
    padding: 8px;
}

.submenu_li_end {
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 8px;
}

/*
*
* コンテンツ
***************************************************/

.body_contents_text {
	color:3c3c3c;
}

.body_section_border {
    margin: 0 0 20px 0;
    padding: 20px 20px;
    border: solid #ccc 1px;
}

.body_section_border_none{
	margin: 0 0 20px 0;
    padding: 20px 20px;
}

.body_contents_title{
    margin-bottom: 7px;
    border-bottom: 3px solid #29A7E1;
    /*border-left: 3px solid #033566;*/
}



.ancer_button {
    text-align: center;
}

.body-header-image{
    position: relative;
}

.sub_title{
    // border-left: 8px #666 solid;
    border-left: 8px #29A7E1 solid;
    border-bottom: 1px #29A7E1 solid;
    padding: 5px;
    margin: 10px 0px;
}

/*
* news
*******************************************************/

.news_body a:hover{
    cursor:pointer;
}

.news{
    /*
    background-color: #ffffff;
    border: 1px #c0c0c0 solid;
    */
    color: #3c3c3c;
    height: 200px;
    overflow: auto;
    padding-left: 1px;
    height:350px;
}

.news_title{
    margin: 0;
    padding: 5px 0px;
    background-color: #f5f5f5;
    border-bottom: 1px #c0c0c0 dotted;
}

.news_body a{
    margin: 1em 10px;
}


/*
*
** 中古車一覧
***************************************************/

.sale_img{
    min-width:200px;
}

/*
@media screen and (min-width: 960px){
    .sale_table{
        width: 50%;
        float: right;
    }
}
*/
.maker_mane{
    font-weight: 700;   
    color:#333;
}

@media screen and (max-width: 679px){
    .Car_Eq {
        padding: 1px;
        min-width: 90px;
    }
}

@media screen and (min-width: 680px){
    .Car_Eq {
        padding: 10px;
        margin: 2px;
        min-width: 150px;
    }
}

.Car_Eq {
    list-style: none;
    border: 1px solid #CCCCCC;
    display: inline-block;
    text-align: center;
}



figure.uk-overlay.uk-overlay-hover:hover {
    cursor: pointer;
}


/*
*
* フッター
*************************************************/
.footer {
    color: #fff;
    background-color: #29A7E1;
    /*padding: 0 15px 0 0;*/
    width: 100%;
 }

.footer_image {
	 /*background-image: url("../images/footer_backimage.png");*/
	background-repeat: no-repeat;
}

.footer-ul-display-table {
	display: table;
}

.footer-ul-display-table li {
	display: table-cell;
	vertical-align: middle;
}

.footer-bottom {
	color: #fff;
    text-align: center;
    margin-top: 20px;
    padding: 15px 0 0 0;
    height: 30px;
}

.uk-subnav > * > :first-child {
    color: #FFF;
    /* border-bottom: 2px solid #111;*/
    padding: 0px 5px;
}

.uk-subnav > * > :hover {
    /* border-bottom: 2px solid #FFF; */
    color: #FFF !important;
    padding: 0px 5px;
}


/* 
* メニューカスタマイズ
*
*************************************************/
.uk-nav-navbar>li>a {
    color: #fff;

}
.uk-navbar-nav>li>a {
    display: block;
    box-sizing: border-box;
    text-decoration: none;
    height: 70px;
    text-align: center;
    line-height: 70px;
    color: #fff;
    font-size: 16px;
    font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 400;
}

.uk-navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    height: 100%;
}

.uk-navbar-nav>li {
	display: table-cell;
    float: none;
    height: 100%;
    /* position: relative; */
}

/*** ボタン色指定 ***/
.uk-navbar {
    background : none;
    color: #FFF; /* #444 */
    height: 100%;
}

/*** Activeボタン指定 ***/
.uk-navbar-nav>li.uk-active>a {
    background-color: #29A7E1;
    color: #FFF; /* #444 */
    height: 100%;
}
/*** マウスホバーの指定 ***/
.uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus {
    background: none;
    color: #FFF; /* #444 */
    outline: 0;
}

/*** ドロップダウン ***/
.uk-nav-navbar>li>a:focus,
.uk-nav-navbar>li>a:hover {
	background:#00a8e6;
	color: #fff;
	outline: 0;
	width:100%;
}

.uk-nav-dropdown > li > a {
  color: #fff;/* #444 */
}

.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus {
  background: #00a8e6;
  color: #fff;
  /* 2 */
  outline: none;
  width: 100%;
}

.uk-nav-dropdown .uk-nav-header {
  color: #999;
}

.uk-nav-dropdown .uk-nav-divider {
  border-top: 1px solid #ddd;
}

.uk-nav-dropdown ul a {
  color: #07D;
}
.uk-nav-dropdown ul a:hover {
  color: #059;
}

.uk-dropdown {
    padding: 15px;
    background: #444;
    color: #fff;
    font-size: 1rem;
    vertical-align: top;
}

.uk-dropdown-navbar {
    margin-top: 0;
    background: #444;
    color: #fff;
}

/*table の改行後の修正*/
.uk-table th{
    vertical-align: top;
}

/* 
* 
* オフキャンバス
*************************************************/
.uk-nav-offcanvas .uk-nav-header {
    color: #fff;
}
.uk-nav-header h2 {
    color: #fff;
}


/*
**************************************************************/
@media (min-width: 1200px)
{
    .uk-grid {
        margin-left: 0px;
    }
}

@media (max-width: 1199px)
{
    .uk-grid {
        margin-left: 0px;
    }
}

@media (max-width: 960px)
{
    .uk-grid>* {
        padding-left: 0px;
    }
}

dt,dd{
    display: inline-block;
}


/* スマホメニュー
********************************************************/
.uk-offcanvas-close {
    position: static;
    z-index: 1000;
    top: 0px; 
    right: 0px;
    padding: 5px;
}

.uk-offcanvas-bar,.uk-offcanvas {
    width: 100% ;
    z-index: 10000;
    background-image: url(../images/0001-3.png);
}

.uk-navbar-container:not(.uk-navbar-transparent) {

    background-color: #000;
}

/* 車検ページ
**********************************************************/
.body_contents_text_navy{
    background-color: #003767 !important;
    color:# !important;
}

.body_contents_text_corse{
    text-align: center !important;
    color:#444 !important;
    font-weight: 900 !important;
}

@media screen and (min-width: 960px){
    .body_contents_text_corse{
        font-size: 24px !important;
    }
}

@media screen and (max-width: 959px){
    .body_contents_text_corse{
        font-size: 1rem !important;
    }
}

.body_contents_text_price{
    color:#ed000e;
    font-weight: 900;
}

@media screen and (min-width: 960px){
.body_contents_text_price{
    font-size: 24px;
    }
}

@media screen and (max-width: 959px){
.body_contents_text_price{
    font-size: 1rem;
    }
}

.body_contents_text_table_green{
    background-color: #e5ecb8;
}

.body_contents_text_table_pink{
    background-color: #feeff4;
}

.body_contents_text_table_blue{
    background-color: #e8f7fe;
}

.body_contents_text_table_yellow{
    background-color: #fffded;
}

.body_contents_text_table_tokuten{
    text-align: center !important;
    vertical-align: middle !important;
    min-width: 82px;
}

/** カー用品のボタン **/
/*.uk-button-default {
    color: #fff;
}

.uk-button-default:hover {
    color: #fff;
    font-weight:bold;
}
*/
/** 整備ページ紺の文字 **/
.body_contents_text_subtitle{
    color: #003767;
    font-weight: 900;
    font-size: 22px;
    line-height: 2rem;
}

/** マウスオーバーの影 **/
.body_contents_text_box{
    box-shadow: 4px 4px 20px 0px;
    color: #555 !important; 
}

.body_contents_text_box:hover{
    box-shadow: 4px 4px 20px 3px;  
}

/**  **/
.body_contents_text_box_title{
    background-color:#00afdb;
    color:#FFF;
    font-weight: 800;
    padding: 10px;
    border-radius: 15px;
    font-size: 1.2rem;
}

.body_contents_text_box_zei_img{
    position: relative;
}

.body_contents_text_box_zei{
    position: absolute;
    top: 50%;
    left: 50%;
    color:#FFF;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
    font-size: 11px;
}

.body_contents_text_carname_img{
    position: relative;
}

.body_contents_text_carname{
    position: absolute;
    top: 50%;
    left: 50%;
    color:#FFF;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
    font-size: 16px;
}

@media screen and (max-width: 959px){
    .body_contents_text_carname{
            font-size: 10px;
    }
}

.body_contents_text_carname_img2{
    position: relative;
}

.body_contents_text_carplan{
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
    font-size: 16px;
}

.body_contents_text_carplan_red{
    color:#E60012;
    font-weight: 700;
}

.kakunin_button:hover{
    background-color: #bbb;
}

.body_contents_text_carname_mobile{
    background-color: #E60012;
    color:#FFF;
    padding:5px;
    font-weight: 700;
    border-radius:20px;
}

.sns{
    color:#777;
}

.sns:hover{
    color:#555;
}

.body_contents_map{
    border: solid 5px #003767;
    margin: 5px;
    border-radius: 50px;
}

/* スマホ用 */
@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 500px;
	}
}
 
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		width: 500px;
	}
}