/*-----------------------------------------------------------------------------------
	Theme Name: Vertikal
	Theme URI: http://preview.themique.com/vertikal
	Description: Responsive Business WordPress Theme
	Author URI: http://themeforest.net/user/imangm
	Author: ImanGM
	Designed by: PremiumLayers
	Version: 1.5
	Tags: light, gray, white, one-column, two-columns, three-columns, four-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
-----------------------------------------------------------------------------------*/

.main-menu li  a, .main-menu li li a{background-color: rgba(0,0,0,0.6) !important; border-bottom: solid 1px #777; text-align: left;  color: #fff !important;}
.main-menu li  a span{padding-left: 30px;}
.main-menu li.current-menu-item  a{ background: #ee0c0d !important; color: #fff;}

.header-logo {
	background-color: rgba(255,255,255, 1) !important;
}

.content-sections, .flexslider{background: rgba(0,0,0,0.6) !important;}

p{color: #fff;}

.news-item h2 a{color: #fff ;}
h3 {
    color: #fff;
}
h4 {
    color: #fff;
}
h5 {
    color: #fff;
}

/* 検索バーをデフォルトで表示に */
.top-line .search-header-form{width: 190px; opacity: 1; padding-right: 10px; padding-left: 10px; margin-right: -35px;}
.top-line .search-header-form input{width: 190px;}
ul.search-icons {width: 191px;}




/* リストのbeforeアイコンを無効に */
ul:not([class]){margin: 0; padding: 0;}
ul:not([class]) > li::before{ content: none; padding: 0; margin: 0; }
ul:not([class]) > li{margin: 0; color: #fff;}

/* タイトルのtext-transformを無効に */
#page-banner h1, #page-banner span{text-transform: none;}

.work-post-content p{color: #888; font-size: 80%;}
.work-post-update{background: #aaa; color: #fff; padding: 3px 5px; overflow: hidden; font-size: 80%;}
.work-post-update.new{background: #d60808;}
.work-post-update .l{float:left; display:inline;}
.work-post-update .r{float:right; display:inline;}


#page-banner h1, #page-banner span{color: #000 ;}

.top-line-container h1{color: #ddd !important; border: none; font-size: 13px; line-height: 16px; margin-left: 15px; float:left;}

/* single内 */
.single-post-content h1{color: #fff;}
.single-post-content h2{color: #fff;}

/* イベントアーカイブページ */
.archive-event .work-post-content ul.meta{margin: 10px 0; padding: 0; font-size: 105%;}
.archive-event .work-post-content ul.meta li p.label{display: inline; padding: 0 10px 0 0; }
.archive-event .work-post-content ul.meta li p.value{display: inline;}

/* イベント詳細ページ */
.content-event ul.meta{margin: 10px 0; padding: 0; font-size: 105%;}
.content-event ul.meta li p.label{display: inline; padding: 0 10px 0 0; }
.content-event ul.meta li p.value{display: inline;}


/* 統計情報アーカイブページ */
.stat-container{margin: 0 0px 20px 0;}
.stat-container h2{color:#fff; font-size: 110%;}

.stat-list {width: 77%; float:left; display:inline;}
.stat-list li{overflow: hidden; background: rgba(255,255,255,0.3) !important; width: 100% !important; display: block; /* height: 40px; */ padding: 0 0px; border-bottom:solid 1px rgba(0,0,0,0.3) !important; }
.stat-list li div.file{float:right; display:inline; overflow: hidden; border-left:solid 0px rgba(0,0,0,0.3) !important; width: 15%;}
.stat-list li p{float:left; display: inline; letter-spacing: 1px; padding: 0 15px; margin: 7px 0; }
.stat-list li div.file p{padding: 5px;}
.stat-list li p a{color: #fff; }
.stat-list li p.title{width: 85%; padding-top: 7px;}
.stat-list.news li p.title{width: 100%;}
.stat-list.news li span{ padding-right: 7px;}
.stat-list.news li span.new{color: #ee0c0d !important;}

.stat-list.news li a span{text-decoration: none;}

.stat-list li p.excel{border-left:solid 1px rgba(0,0,0,0.3) !important; width: 50%; text-align: center;}
.stat-list li p.pdf{border-left:solid 1px rgba(0,0,0,0.3) !important; width: 50%; text-align: center;}
.stat-list li img{min-width: 15px; width: 70%;}

.stat-yearly { width: 20%; float:right; display:inline;}
.stat-yearly li{border-bottom: dotted 1px #fff; padding: 7px 0; margin: 7px 0;}
.stat-yearly li a{color: #fff;}
.stat-yearly li.empty{color: #888;}

/* トップの各ブロック */
/* 新着 */
#content .recent h4{margin-bottom: 15px;}

/* ニュース */
#content .news_list{}
#content .news_list ul{padding: 0; margin: 15px 0; height: 120px; overflow-y: scroll;}
#content .news_list.en ul{height: auto;}
#content .news_list ul li{ margin: 0; padding: 0 0 0 5px; color: #fff;  overflow: hidden; background: rgba(255,255,255,0.3) !important; width: 100% !important; display: block;  border-bottom:solid 1px rgba(0,0,0,0.3) !important; line-height: 30px; height: 30px; font-size: 90%;}
#content .news_list ul li:before{ content: none; padding: 0; margin: 0;}
#content .news_list ul li span{ padding-right: 7px; }
#content .news_list ul li a{color: #ddd;}
#content .news_list ul li span.new{color: #ee0c0d !important;}

/* スライダーの右側の隙間を削除 */
#slider{padding-right: 0;}

/* トップページのボトムバナー */
#content .bottom_banner img{width: 100%;}
#content .bottom_banner .col-md-3 div{margin-bottom: 20px;}

/* 常時表示バナー */
header .banner{margin: 0px 0 0px 0;}
header .banner ul{padding: 0; margin: 0; border-right: solid 1px #888;}
header .banner ul li{padding: 0 0px 0 0; }
header .banner ul li img{width: 100%;}
header .banner ul li:before{content: none;}


/* ブランド詳細のスライド部分 */
#content.type-brand h2.title{background: #333; margin: 0 0 0px 0; color: #fff; padding: 20px 20px; font-size: 130%;}
#content.type-brand .emblem{background: #fff; text-align: center; margin-left:10px; position: relative; height: 340px; }
#content.type-brand .emblem img, #content.type-brand .emblem_sp img{width: auto !important; height: auto !important; display: inline;}
#content.type-brand .emblem p{position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

#content.type-brand #slider .emblem img{display: inline;}

#content.type-brand .emblem_sp{display: none; width: 100%;}

#content.type-brand #slider .col-md-3{background: #fff; position: relative;}

#content.type-brand #slider .col-md-9{padding: 0; margin: 0; border: none;}
#content.type-brand #slider{background: #fff !important; margin-top: 0; padding-top: 0;}
div#rev_slider_2_1_wrapper.rev_slider_wrapper.fullwidthbanner-container{background: #5e6c75 !important;}

/* ブランド詳細のボデー */
#content .content-brand .box, #content .content-importer .box{ margin: 0 0 30px 0; padding: 0; overflow: hidden;}
#content .content-brand .box .label, #content .content-importer .box .label{color: #fff; background:rgba(0,0,0,0.3);  text-align: center; font-size: 140%; padding-bottom:32767px; margin-bottom:-32767px; height: 100%}
#content .content-brand .box .label div, #content .content-importer .box .label div{padding-top: 20px; padding-bottom: 20px; }
#content .content-brand .box .label span, #content .content-importer .box .label span{font-size:50%; display: block; margin-top: 10px;}
#content .content-brand .box .value, #content .content-importer .box .value{color: #fff; padding-bottom:32767px; margin-bottom:-32767px; height: 100%; color: #fff;}
#content .content-brand .box .value p, #content .content-importer .box .value p{color: #fff;}

#content .content-brand .box .value ul, #content .content-importer .box .value ul{padding: 0; margin: 0;}
#content .content-brand .box .value ul li, #content .content-importer .box .value ul li{margin: 0; padding: 0; color: #fff;}
#content .content-brand .box .value ul libefore, #content .content-importer .box .value ul li:before{content: none; padding: 0; margin: 0;}

#content .content-brand ul{padding: 0; margin: 0;}
#content .content-brand ul li{padding: 0 0px 0 0; margin-bottom: 10px; }
#content .content-brand ul li a{color: #fff;}
#content .content-brand ul li img{width: 100%;}
#content .content-brand ul li:before{ color: #fff; content: none;}

/* パンくずのカラーリング変更 */
ul.breadcrumb {text-transform:none !important;}
.breadcrumb li a, .breadcrumb li.active, .breadcrumb i.fa{color: #ee0c0d;}

/* オススメ記事（関連記事） */
#content .related{margin: 20px 0; }
#content .related h3{font-size: 110%;}

/* 検索結果 */
.search {}
.search h1{font-size: 130%; color: #fff; margin-bottom: 20px;}
.search .result {margin-bottom: 20px;}
.search .result h2{font-size: 120%; color: #fff;}
.search .result h2 a {color: #fff; }

/* facebook widget の可変化 */
.fb_iframe_widget{margin-bottom: 20px;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{ width: 100%!important; }

.youtube{position: relative; width: 100%; padding-top: 56.25%; }
.youtube:first-child{ margin-bottom: 20px; }
.youtube iframe{  position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

.hover-box a.zoom{display: none;}
.hover-box a.page{right: 40% !important; padding: 0; left: 40% !important;}

footer h4 a{color: #ee0c0d !important;}
footer ul{margin-bottom: 20px !important;}

@media (max-width: 1199px) {
#content.type-brand #slider .emblem{height:275px;}
	#content.type-brand #slider .emblem img{position:relative;  margin-top: auto;display: inline;}
	header .banner{display: block;}
	#slider{display: block;}
	#content.type-brand .emblem_sp{display: none;}
}

@media (max-width: 991px) {

	#content.type-brand #slider .emblem{padding: 20px; margin: 0; height:150px;}
	#content.type-brand #slider .emblem img{position:relative;  margin-top: auto;display: inline; max-height: 180px; }
	header .banner{display: none !important;}
	#slider{display: block;}
	#content.type-brand .emblem_sp{display: none;}
}

@media (max-width: 768px) {
	header .banner{display: none !important;}
	#slider{display: none;}
	#content.type-brand .emblem_sp{display: block; text-align: center; background: #fff; padding: 10px 0;}
}

@media (max-width: 581px) {
	header .banner{display: none !important;}
	#slider{display: none;}
	#content.type-brand .emblem_sp{display: block; text-align: center; background: #fff; padding: 10px 0;}

	/* 統計情報のレイアウト変更 */
	.stat-list {width: 100%; float:none; display:block; }
	.stat-list li{margin-bottom: 5px;}
 	.stat-list li p.title{display: block; float: none; border-bottom:solid 1px rgba(0,0,0,0.3) !important;  width: auto; padding: 5px 0;}
	.stat-list li div.file{float: none; display: block;  overflow: hidden; width: auto; border: none;}
	.stat-list li div.file p{float:left; display:inline; width: 50%; text-align: center;  margin: 0; padding: 0; }
	.stat-list li div.file p.pdf{border:none !important;}
	.stat-list li div.file p img{width: auto;}
	.stat-yearly {width: 100%; float:none; display:block;}

}

/* 2015.05.08 ulのスタイリング */
.np-ul li {
	padding: 10px;
	border-bottom: 1px solid #E2E2E2;
	background-color: #fff;
}
/*第37回試乗会車両リスト用*/
.list-37th tr{
	background-color: #fff;
	border-bottom: 1px solid #e2e2e2;
}
.list-37th td.logo img{
	margin: 0 auto;
	display: block;
}
.list-37th td.logo{
	text-align: center;
}
@media (min-width: 768px) {
.list-37th th.brand{
	width: 45%;
}
.list-37th td.logo img{
	max-height: 100%;
	width:auto !important;
	margin: 0 auto;
	display: block;
	max-width:155px;
}
.list-37th td.logo{
	height:60px;
	line-height:60px;
	text-align: center;
	width: 25%;
}
.list-37th td.name{
	width: 20%;
}
.list-37th th {
    white-space: nowrap;
}
}
@media (max-width: 581px) {
.list-37th td.logo{
	width: 30%;
}
.list-37th td.logo img{
	max-width: 100%;
	height:auto !important;
	max-height:40px;
}
}

/*2017モーターショー車両リスト用*/
span.notice{
	font-size:21px;
}
.logo-list ul{
	margin:0 0 20px 0 !important;
	padding:0;
	font-size:0;
}
.logo-list li {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
  border:#ccc solid 1px;
  background:#fff;
  height:15vh;
  line-height:15vh !important;
  box-sizing:border-box;
} 
.logo-list li > a {
  text-align: center;
  display: table;
  width: 100%;
  height:15vh;
}
.logo-list li a br{
	display:none;
}
.logo-list li:hover{
	border:#ee0c0d solid 1px;
}
.logo-list li > a span {
  display: table-cell;
  vertical-align: middle;
  height:15vh;
}
.logo-list li img{
	max-height:70px;
	max-width:140px;
	margin:0 auto;
}

@media (max-width: 768px) {
.logo-list li {
  width: 33.3%;
  height:25vh;
  line-height:25vh !important;
}
.logo-list li img{
	max-height:50px;
	max-width:90%;
}
}
@media (max-width: 581px) {
.logo-list li {
  width: 33.3%;
  height:30vh;
  line-height:30vh !important;
}
.logo-list li img{
	max-height:50px;
	max-width:90%;
}
}
@media screen and (max-width: 480px){
.logo-list li {
  width: 33.3%;
 /* height:25vh;
  line-height:25vh !important;*/
}
}
@media screen and (max-width: 320px){
.logo-list li {
  width: 50%;
  height:15vh;
  line-height:15vh !important;
}
}

/* ***
 * 20181107追記
 * tableのホバーを打ち消し
 * *** */

.nohover table tbody tr:hover {
  background-color: #fff;
}