/* index */
.main_image{
	margin-bottom:40px;
}
.top-slider{
	margin:0 auto 30px;
	width:95%;
}
.slick-slide img{
	width:100%;
	height:100%;
}
.post_thumb img{
	width:100%;
	height:100%;
}
/* topics_area */
.topics_area .content_area,
.topics_area .sub_menu_area{
	width:48%;
}
.topics_area .sub_menu_area{
	margin:0 0 0 auto;
	text-align:right;
}
.news,
.update{
	margin-bottom:30px;
}
.update{
}
.news .caption,
.update .caption{
	width:450px;
}
.news .caption span,
.update .caption span{
	padding-right:15px;
}
.news_list li,
.update_list li{
	display:block;
	text-align:left;
	padding-left:0;
	font-size:12px;
}
.news_all_view{
	font-size:8px
}
.news_list span,
.update_list span{
	padding-left:0;
	padding-right:10px;
}


/* content main images */
.main_image.estimate_title,
.main_image.coating_title,
.main_image.maintenance_title,
.main_image.about_title,
.main_image.contact_title,
.main_image.car_sales_title,
.main_image.owners-gallery,
.main_image.other-gallery,
.main_image.category-other-gallery,
.main_image.custom_title,
.main_image.custom,
.main_image.xtrail-gallery,
.main_image.news,
.main_image.parts-sale,
.main_image.assurance_title,
.main_image.blog{
	width:100%;
	height:150px;
	text-align:center;
	padding-top:40px;
	font-size:64px;
}
#custom.main_image,
.main_image.custom_title{
	padding-top:20px;
	height:100%;
}
.main_image span{
	font-size:34px;
}
.main_image.estimate_title{
	background:url(../images/estimate_images.jpg) no-repeat center;
	background-size: cover;
}
.main_image.parts-sale{
	background:url(../images/parts_sale_images.jpg) no-repeat center;
	background-size: cover;
}
.main_image.coating_title{
	background:url(../images/coating_images.jpg) no-repeat center;
	background-size: cover;
}
.main_image.maintenance_title{
	background:url(../images/maintenance_images.jpg) no-repeat center;
	background-size: cover;
}
.main_image.contact_title{
	background:url(../images/contact_images.jpg) no-repeat center;
	background-size: cover;
}
.main_image.about_title{
	background:url(../images/about_images.jpg) no-repeat center;
	background-size: cover;
}
.main_image.assurance_title{
	background:url(../images/assurance_images.jpg) no-repeat center;
	background-size: cover;
}
.main_image.car_sales_title{
	background:url(../images/car_sales_images.jpg) no-repeat center;
	background-size: cover;
}
.main_image.category-other-gallery,
.main_image.other-gallery,
.main_image.owners-gallery,
.main_image.xtrail-gallery{
	background:url(../images/gallery_images.jpg) no-repeat center;
	background-size: cover;
}
.main_image.news{
	background:url(../images/news_images.jpg) no-repeat center;
	background-size: cover;
}
.main_image.custom_title,
.main_image.custom{
	background:url(../images/custom_images.jpg) no-repeat center;
	background-size: cover;
}
.main_image.blog_title,
.main_image.blog{
	background:url(../images/blog_images.jpg) no-repeat center;
	background-size: cover;
}

/* */
.gallery_container{
	width:1014px;
	text-align:left;
	margin:0 auto;
}
@media screen and (max-width: 1030px) {
	.gallery_container{width:814px;}
}
@media screen and (max-width: 830px) {
	.gallery_container{width:614px;}
}
@media screen and (max-width: 630px) {
	.gallery_container{width:414px;}
}
@media screen and (max-width: 430px) {
	.gallery_container{width:214px;}
}
.gallery_container .content{
	width:333px;
	display:inline-block;
}
.gallery_container .content div{
	margin-bottom:15px;
}
.gallery_container .content div img{
	width:100%;
	height:100%;
}


/* */
.copyright{
	text-align:center;
	margin:0 auto 10px;
	padding-top:15px;
	font-size:10px;
	border-top:1px solid #999;
}

.footer_table{
	margin-left:15px;
	font-size:12px;
	margin-bottom:30px;
}
.footer_table th{
	padding-right:15px;
	vertical-align:top;
}
.form_dl{
	text-align:left;
	width:800px;
}
.blog .form_dl{
	width:100%;
}
.form_dl dt{
	float:left;
	width:250px;
	font-size:16px;
	font-weight:bold;
}
.form_dl dt span{
	text-align:right;
	color:#990000;
	float:right;
	font-size:12px;
	font-weight:normal;
}
.form_dl dt,
.form_dl dd{
	padding:10px 0 30px 0;
	border-top:1px solid #666666;
}
.blog .form_dl dt,
.blog .form_dl dd{
	padding:10px 0 10px 30px;
}
.form_dl dd{
	margin-left:250px;
	padding-left:30px;
}
.form_dl dd.radio_box label{
	float:left;
	width:200px;
}
.form_dl dd.radio_box label input{
	margin-right:5px;
}
.form_dl dd .form_input,
.form_dl dd .form_text{
	width:100%;
	height:30px;
}
.form_dl dd .form_text{
	height:200px;
}

/* */
.maintenance_content_list{
	display:inline-block;
	width:33%;
	margin-bottom:15px;
}
.maintenance_content_list .images{
	margin-bottom:5px;
}
.maintenance_content_list .images img{
	width:100%;
}
.maintenance_content_list .title{
	font-weight:bold;
	font-size:16px;
}

/* blog */
.inner.blog{
	margin-bottom:30px;
}
.inner.blog .float_left,
.inner.blog .float_right{
	text-align:left;
}
.inner.blog .left_content_area{
	width:660px;
	border-top:1px solid #ccc;
	float:left;
}
.inner.blog .left_content_area .text{
	padding-top:15px;
}
.inner.blog .float_right{
	width:220px;
}
.blog h2.caption{
	font-size:16px;
	padding:5px 0;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	text-align:left;
	line-height:200%;
	margin-bottom:15px;
	display:block;
}
.blog h2.caption span{
	font-weight:normal;
	font-size:14px;
}
.blog h2.caption.archive{
	line-height:150%;
	margin-bottom:0;
}
.blog h2.caption .tag_list{
	padding-bottom:5px;
}
.blog_price{
	font-size: 2vw;
}
.blog .text img{
	margin:0 10px 10px 0;
	width:100%;
	height:auto;
}
.blog{
	color: #ccc;
}
.blog .blog_area strong,
.blog .blog_text strong{
	font-size: 1.5vw;
}
.blog p,
.blog p{
	margin-bottom: 20px;
}
.caption.archive img{
	float:left;
	margin-right:15px;
	margin-top:5px;
}
.caption.archive span{
	display:block;
}
.title_text{
	font-size:12px;
	font-weight:normal;
	margin-bottom:5px;
}
.sub_menu{
	margin-bottom:50px;
}
.sub_menu .caption{
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #FFFFFF;
	border-left:3px solid #FFFFFF;
	padding:5px 0 3px 10px;
	margin-bottom:5px;
}
.sub_menu .caption span{
	font-size:12px;
	font-weight:normal;
}
.blog_tag_view li{
	display:inline-block;
	padding-right:5px;
}

.nav-links:after {
    content: '';
    display: block;
    clear: both;
}
.nav-links {
	margin-bottom:15px;
    zoom: 1; /* for IE6/7 */
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
	background-image:none;
}
.nav-previous{
	float:left;
}
.nav-next{
	float:right;
}
.post-navigation .nav-next .post-title,
.post-navigation .nav-next a:hover .post-title,
.post-navigation .nav-next .meta-nav{
	color: #f58926;
	position: relative;
	text-decoration:none;
	display: inline-block;
	transition: .3s;
}
.post-navigation .nav-next a:hover .post-title,
.post-navigation .nav-next a:hover .post-title,
.post-navigation .nav-next a:hover .meta-nav{
	color: #fff;
}

.search-form{
	margin-bottom:30px;
}
.screen-reader-text{
	display:none;
}
.search-field{
	border:0;
	padding:0px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 3px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.search-submit.screen-reader-text{
	background:#FFFFFF;
	display:inline;
	padding:0 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* */
.custom_menu{
	width:100%;
	margin-bottom:30px;
}
.custom_menu .category_area{
	width:25%;
	display:inline-block;
	float:left;
}
.custom_menu .category.not_link{
	width:100%;
	padding:10px 0;
	border:1px solid #ccc;
}
.custom_menu .category a{
	width:100%;
	padding:10px 0;
	font-weight:bold;
	border:1px solid #ccc;
}
.custom_menu .category a:hover{
	color:#000000;
	background:#F58926;
}
.custom_menu .select_category a{
	color:#000;
	background-color:#f58926;
}
.custom_menu .caption_category{
	border:1px solid #ccc;
	text-align:center;
	padding:5px;
}
.custom_menu .caption_category .title{
	height:50px;
}
.custom_menu .caption_category .title a{
	font-size:12px;
}
.custom_menu .category_area img{
	width:100%;
	height:100%;
}

<!-- -->
.custom_area{
	margin:0 0 30px 0;
	padding:0 10px 0;
	text-align:left;
	width:100%;
}
.custom_content{
	display:inline-block;
	margin:0;
	padding:0;
	width:24.7%;
	vertical-align:top;
	margin-bottom:15px;
}
.custom_images img{
	width:100%;
	height:100%;
	margin-bottom:4px;
}
.custom_title{
	font-size:1.3vw;
}


.custom_images {
	overflow:hidden;
	position:relative;	/* ���Έʒu�w�� */
}
.custom_images .custom_title {
	text-align:center;
	color:#fff;
	padding-bottom:10px;
}
.custom_images .mask {
	width:			100%;
	height:			50px;
	position:		absolute;
	bottom:			-50px;	/* �g�̏�ɒu���ĕ\�����Ȃ� */
	left:			0;
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
}
.custom_images:hover .mask {
	bottom:		0px;	/* ���ɍ~��Ă���悤�Ɍ����� */
}
.custom_images img {
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
	-webkit-transform:	scale(1);	/* 1.2�{�̑傫���ŕ\�� */
	transform:		scale(1);
}
.custom_images:hover img {
	-webkit-transform:	scale(1);	/* ���̑傫���ɖ߂� */
	transform:		scale(1);
}


/* blog */
.top_blog_area{
	height: 300px;
	overflow: auto;
}
.top_blog_area .one_block{
	border-bottom: 3px solid #FFF;
	padding: 10px;
}
.top_blog_area .one_block .title{
	font-size: 125%;
	margin-bottom: 10px;
}



@media screen and (max-width: 1000px) {
	.main_image.caption{
		width:100%;
		height:100%;
		text-align:center;
		padding:40px 0 20px;
		font-size:28px;
	}
	.main_image span{
		display:block;
		font-size:24px;
	}
	.news .caption,
	.update .caption{
		font-size:3.0vw;
	}
	.news_list{
		width:100%;
		float:none;
	}
	.news_list ll{
		display:block;
		text-align:left;
	}
	.news_list ll span{
		padding-right:15px;
	}
	.news{
		margin-bottom:15px;
		text-align:left;
	}
	/* */
	.form_dl{
		width:100%;
	}
	.form_dl dt,
	.radio_box{
		float:none;
		width:100%;
		margin:0;
		padding:10px 0;
	}
	.form_dl dt span{
		float:none;
		display:inline;
		padding-left:15px;
	}
	.form_dl dd{
		width:100%;
		float:none;
		margin:0;
		padding:0;
		margin-bottom:15px;
		border:none;
	}
	
	.news,
	.update{
		border-left:none;
		margin:0 auto;
		text-align:center;
		float:none;
	}
	.news ul{
		margin-bottom:30px;
	}
	.update ul{
		padding:0;
		margin:0;
	}
	.news li,
	.update li{
		text-align:left;
		margin-left:0;
	}
	
	.custom_menu .category span{
		display:block;
	}
	.inner.blog{
		width:800px;
	}
	.inner.blog .left_content_area{
		margin-bottom:30px;
		width:500px;
	}
	.inner.blog .float_right{
		width:250px;
	}
	.maintenance_content_list{
		width:45%;
	}
	.maintenance_content_list .title{
		font-size:14px;
	}
	
	.content_images{
		padding:0;
		font-size:1.5vw;
		margin:0 auto 30px;
	}
	.content_images .caption{
		display:none;
	}

	.blog{
		text-align: left;
	}
}
@media screen and (max-width: 1100px) {
	.custom_menu .caption_category a{
		font-size:12px;
	}

	.blog{
		text-align: left;
	}
}
@media screen and (max-width: 900px) {
	.custom_menu .category_area{
		width:50%;
	}
	.inner.blog{
		width:600px;
	}
	.inner.blog .left_content_area{
		width:300px;
	}
	.inner.blog .float_right{
		width:250px;
	}
	<!-- top -->
	.topics_area{
		margin:0 auto;
	}
	.news,
	.update{
		width:100%;
	}
	.update{
		margin-bottom:15px;
	}
	.topics_area .float_right iframe{
		width:100%;
	}
	
	.custom_content{
		width:48%;
	}
	.blog_price{
		font-size: 4vw;
	}

	.blog{
		text-align: left;
	}
}
@media screen and (max-width: 600px) {
	.inner.blog{
		width:100%;
		padding:0 10px;
	}
	.inner.blog .left_content_area{
		width:100%;
		float:none;
	}
	.inner.blog .float_right{
		width:100%;
		float:none;
	}
	.logo img{
		width:50%;
		height:50%;
	}
	
	.main_image,
	.top-slider,
	.xtrail_gallary.caption{
		display:none;
	}
	
	.topics_area .content_area{
		width:100%;
	}
	.topics_area .news,
	.topics_area .update{
		width:48%;
	}
	.topics_area .news{
		float:left;
	}
	.topics_area .update{
		float:right;
	}
	.topics_area .sub_menu_area{
		width:100%;
	}
	
	
	.imgR img{
		width:100%;
	}
	
	.news_list li,
	.update_list li,
	.news_all_view{
		font-size:2.0vw;
	}

	.blog{
		text-align: left;
	}
}
@media screen and (max-width: 500px) {
	.custom_menu .caption_category a{
		font-size:10px;
	}
	.update .caption,
	.news .caption{
		width:100%;
	}
	.topics_area .float_left,
	.topics_area .float_right{
	}

	.blog{
		text-align: left;
	}
	
}
@media screen and (max-width: 400px) {
	.custom_menu .category_area{
		width:100%;
	}
	.blog{
		text-align: left;
	}
}



.imageRight{
	float:right;
	margin-left:10px;
}
.imageLeft{
	float:left;
	margin-right:10px;
}

.imageRight .caption{
	margin: 0;
	display: block;
	font-size: 11px;
	line-height: 1.4;
	padding: 5px 0 10px 0;
	color: #ddd;
}