@charset "utf-8";
/* CSS Document */

/* ************************************************ 
 *	
 *	ページのデザイン
 *	
 * ************************************************ */
.no_post{
	background:#f5f5f5;
	text-align:center;
	padding:20% 0px;
	color:#aaa;
}

/* 横幅が100％
------------------------------------------------------------------*/
@media only screen and  ( max-width : 768px ) {
	.page_width100{
		width:111.5%;
		position: relative;
		left:-6%;
		overflow:hidden;
	}
}

/* ページリンク
------------------------------------------------------------------*/
.page_link{
  padding-top:50px;
}


/* ************************************************ 
 *	
 *	PDF ICON
 *	
 * ************************************************ */
.kakudai{
	text-align:center;
	padding:0.5em;
	font-weight:bold;
	color: #18244a;
	text-decoration: none;
	font-size:80%;
}


.kakudai:before{
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(images/common/kakudai.png);
	background-size: contain;
	vertical-align: middle;
	margin-right:0.5em;

}
@media only screen and  ( max-width : 800px ) {
	.kakudai{
		font-size:70%;

	}
	.kakudai:before{
		width: 10px;
		height: 10px;
	}
}



/* ************************************************ 
 *	
 *	PANKUZU
 *	
 * ************************************************ */
.pankuzu{
	font-weight:normal;
	font-size:70%;
	padding:1em 0em;
	background:#f5f5f5;

}
.pankuzu strong{
	font-weight:normal;
}
.pankuzu a{
	font-weight:normal;
}
/* ************************************************ 
 *	
 *	ページレイアウト
 *	
 * ************************************************ */


	#content{
		margin-bottom:2em;

	}
	.page_contents{
		padding:2em 0em 2em 0em;
	}










/* ************************************************ 
 *	
 *	ブログ背景
 *	
 * ************************************************ */

#blog_contents .wrapper #wrap{
	background:#f5f5f5;
}
/* -----------------------シングルブロック---------------------- */
.box_shadow_bg{
	background:#fff;
	/* box-shadow */
	box-shadow:0px 0px 3px 2px #dbdbdb;
	/* react native */
	shadowColor:"#dbdbdb",
	shadowOffset:{width:0,height:0},
	shadowOpacity:1,
	shadowRadius:3,
	borderWidth:1,
	borderColor:"#cccccc",
	borderRadius:6

}


/* ************************************************ 
 *	
 *	アーカイブタイトル
 *	
 * ************************************************ */
div.archives-title{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 10px;
	color:#000;
	font-size:13px;
	margin-bottom:20px;
	text-align:center;
	background:#dcdcdc;
}



/* ************************************************ 
 *	
 *	ブログサイドメニュー
 *	
 * ************************************************ */

.sidebar_block,
.page_side_menu{
	margin-bottom:2em;
}
.sidebar_block h4{
	color:#19244b;
	padding:0.5em 0em;
	border-bottom:1px solid #19244b;
}
#sidebar ul.side_blog_menu li{
	border-bottom:1px solid #ccc;
}
.page_side_menu li{
	border-bottom:2px solid #fff;
}
#sidebar ul.side_blog_menu a,
.page_side_menu a{
	display:block;
	text-decoration: none;
	font-size:90%;
}
#sidebar ul.side_blog_menu a{
	color:#000;
	padding:0.8em 0em 0.8em 1.5em;
}
.page_side_menu a{
	color:#fff;
	padding:0.8em 0em 0.8em 1.5em;
}


@media print, screen and ( min-width : 768px ) {

	#sidebar ul.side_blog_menu a,
	.page_side_menu a{
		-webkit-transition: 0.3s ease-in-out;  
		-moz-transition: 0.3s ease-in-out;  
		-o-transition: 0.3s ease-in-out;  
		transition: 0.3s ease-in-out;
	}

	#sidebar ul.side_blog_menu a{
		background:#fff url(images/common/icon.png) 0.5em 50% no-repeat;
		-moz-background-size:5px 9px;
		background-size:5px 9px;
	}
	#sidebar ul.side_blog_menu a:hover{
		background: url(images/common/icon.png) 1em 50% no-repeat;
		-moz-background-size:5px 9px;
		background-size:5px 9px;
	}
}
@media only screen and  ( max-width : 768px ) {
	#sidebar ul.side_blog_menu a{
		background:#fff url(images/common/icon.png) 0.5em 50% no-repeat;
		-moz-background-size:5px 9px;
		background-size:5px 9px;
	}
}


/* 固定ページCSS--------------------- */
.page_side_menu a{
	background:#19244b url(images/common/icon_white.png) 95% 50% no-repeat;
	-moz-background-size:8px 15px;
	background-size:8px 15px;
}
/* お問い合わせフォーム--------------------- */
.side_contact a{
	display:block;
	background:#f15a25 url(images/common/icon_white.png) 95% 50% no-repeat;
	-moz-background-size:8px 15px;
	background-size:8px 15px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding:1em 2em 1em 1em;
	text-decoration: none !important;
	text-align:center;

}
@media only screen and  ( max-width : 768px ) {
	.side_contact a img{
		max-width:100px;
	
	}
}






.cat-item-none{
	padding:1em;
	background:#f5f5f5;
	color:#666;
}


/* ************************************************ 
 *	
 *	WPブログページ共通
 *	
 * ************************************************ */
/* -----------------------タイトル----------------------- */
.entry_title h2{
	font-size:180%;
	padding-bottom:0.4em;
	margin-bottom:0.4em;
	line-height:160%;
	letter-spacing:3px;
	padding:5%;
	border-bottom:3px solid #19244b;
	color:#19244b;
}
@media only screen and  ( max-width : 768px ) {
	.entry_title h2{
		font-size:130%;
	}
}
.info_date{
	color:#000033;
	letter-spacing:2px;
	font-size:80%;

}
.entry_title .info_date{
	text-align:right;
	padding-right:5%;

}
/* -----------------------本文---------------------- */
.single_txt{
	font-size:110%;
	line-height:160%;
	padding:0% 5% 3em 5%;
}

@media only screen and  ( max-width : 768px ) {
	.blog_single{
		width:110.5%;
		position: relative;
		left:-6%;
	}
}


.entry-tax{
	border-top:1px solid #ccc;
	text-align:right;
	padding:0.5em;
	font-size:80%;
	background:#f6f6f6;
}
.entry-tax a{
	display:inline-block;
	padding:2px 15px;
	border:1px solid #000033;
	color:#000033;
	background:#fff;
}
.entry-tax a:hover{
	border:1px solid #f15a25;
	color:#f15a25;;
}




.single_txt a{font-weight:bold;}
.single_txt h1,
.single_txt h2,
.single_txt h3,
.single_txt h4,
.single_txt h5,
.single_txt h6,
.single_txt h7{line-height:130%; font-weight:bold; margin-bottom:20px;}

.single_txt h1{font-size:180%; margin-bottom:1em;}
.single_txt h2{font-size:150%; margin-bottom:1em;}
.single_txt h3{font-size:120%; margin-bottom:0.8em;}
.single_txt h4,
.single_txt h5,
.single_txt h6,
.single_txt h7{font-size:110%}


.single_txt p{
	margin-bottom:1em;
}
blockquote{
	background:#f6f6f6;
	padding:5%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:95%;
}
blockquote p{
	line-height:160%;
}
blockquote p{
	margin:0px;
}
.wp-caption{
	background:#fff;
	text-align:center;
	margin-bottom:20px;
	padding:1.2% 1% 0% 1%;
	border:1px solid #ccc;
	max-width:97%;
}
p.wp-caption-text{
	font-size:80%;
	padding:2%;
	text-align:left;
	line-height:140%;
	color:#000;
	font-style:italic;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 2%;
	margin-bottom: 1em;
	max-width:46%;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 2%;
	margin-bottom: 1em;
	max-width:46%;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
img.alignleft,
img.alignright,
img.aligncenter {
}
.alignnone{
	float:none;
}



/* ************************************************ 
 *	
 *	ブログ一覧
 *	
 * ************************************************ */
.loop_box_ul{
	background:#dcdcdc;
}
.loop_box{
	border-bottom:1px dashed #ccc;
}
.loop_box:last-child{
	border:none;
}
.entry_title_link{
	display:block;
	text-decoration: none;
	padding:1em;
	color:#333;
	background:#fff url(images/common/icon.png) 98% 50% no-repeat;
	-moz-background-size:8px 15px;
	background-size:8px 15px;
	padding-right:3em;
}
.entry_title_link:hover{
	color:#333;
}


.entry_title_link .loop_postthumb{
	width:20%;
	float:left;
}
.img_side_posttext{
	width:76%;
	float:right;
	line-height:130%;
}
.loop_posttext h2{
	font-size:130%;
	margin:0.5em 0em;
}
.loop_posttext .info_date{
	margin-bottom:0.5em;
}
.loop_excerpt{
	font-size:80%;
}

/* ************************************************ 
 *	
 *	PAGER
 *	
 * ************************************************ */
.pager{
	clear: both;
	text-align:center;
	padding:20px 0px 40px 0px;
}
.pager span,
.pager a{
	text-decoration: none;
	padding: 6px 11px;
	margin: 5px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	font-size:12px;
	background: 
		-webkit-gradient(linear, 
		left top, left bottom, 
		color-stop(50%,#fff),
		color-stop(100%,#f5f5f5)
		);
	color: #555B73;
	border:1px solid #dcdcdc;
}
.pager a:hover{background:#dcdcdc;}
.pager .current{
	color: #fff;
	font-weight:bold;
	background:#aaa;
}

@media only screen and  ( max-width : 768px ) {
	/* smp */
	.wp-pagenavi .first,
	.wp-pagenavi .last, 
	span.extend,
	span.pages{display:none;}
}






/* ************************************************ 
 *	
 *	お問い合わせ
 *	
 * ************************************************ */
#contact_dl_all{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

@media only screen and  ( max-width : 768px ) {
	#contact_dl_all{
		width:95%;
		margin:0em auto;
	}
}

.soushin_block{
	text-align:center;
	padding:1.5em 0em;
}
#contact_dl{
	background:#f5f5f5;
}
#contact_dl dt{
	font-size:90%;
	font-weight:bold;
}
#contact_dl dd{
	background:#fff;
	min-height:2em;
}

#contact_dl dt span{
	font-size:80%;
}
#contact_dl dd input,
#contact_dl dd textarea{
	width:97%;
}
#contact_dl dd.tel_dd input{
	width:20%;
}
.soushin_block input{
	width:40%;
}

@media print, screen and ( min-width : 768px ) {
	/* pc */
	#contact_dl{
		border-bottom:1px solid #ccc;
	}
	#contact_dl dt{
		width:30%;
		float:left;
		padding:1.5% 2.5%;
		font-size:90%;
	}
	#contact_dl dd{
		width:59%;
		float:right;
		padding:1.5% 2.5%;
		border-left:1px solid #ccc;
	}
}

@media only screen and  ( max-width : 768px ) {
	/* smp */
	#contact_dl dt{
		padding:2% 3%;
		border-bottom:1px solid #ccc;
	}
	#contact_dl dd{
		padding:3%;
		border-bottom:1px solid #ccc;
	}
}
.contact_text{
	text-align:center;
	padding:10%;
	font-weight:bold;
	border:1px solid #ccc;
	margin-bottom:3em;
}
@media only screen and  ( max-width : 768px ) {
	.contact_text{
		font-size:90%;
		padding:15%;
	}
	.contact_text img{
		width:40%;
		height:auto;
	}
}
.waku_block{
	border:1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display:block;
	background:#F2F2F2;
	padding:18px;
	font-size:90%;
}
@media only screen and  ( max-width : 768px ) {
	/* smp */
	.contact_text{
		padding:20px 0px;
	}
}
/* ************************************************ 
 *	
 *	個人情報保護方針
 *	
 * ************************************************ */
.privacy{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:#efefe7;
	padding:5%;
	color:#000;
	line-height:150%;
	font-size:90%;
}
.privacy ul li{
	margin-bottom:1em;
}
.privacy p{
	font-weight:bold;
}

/* ************************************************ 
 *	
 *	youtube
 *	
 * ************************************************ */

#youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/* ************************************************ 
 *	
 *	画像一覧
 *	
 * ************************************************ */
.product_img_list li{
	background:#f5f5f5;
}
.product_img_list li a{
	display:block;
	text-decoration: none;
	color:#333;
}
.product_img_list a:hover{
	color:#333;
}
.product_img_list li div{
	text-align:center;
	padding:0.5em;
	font-size:90%;
}

@media print, screen and ( min-width : 850px ) {
	.product_img_list li{
		width:24%;
		float:left;
		margin:0.5%;
	}
}
@media only screen and  ( max-width : 850px ) {

	.product_img_list li{
		width:49%;
		float:left;
		margin:0.5%;
	}


}
/* 販売店はこちら
------------------------------------------------------------------*/
.hanbaiten_link{
	background:#ff8503 url(images/common/hanbaiten_img.png) 100% 20% no-repeat;
	-moz-background-size:40% auto;
	background-size:40% auto;
	border-radius: 2px;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	display:block;
	color:#fff;
	text-decoration: none !important;
}
.hanbaiten_link:hover{
	color:#fff;
}
.hanbaiten_l_text{
text-shadow:0px 0px 14px #e75200;
	font-weight:bold;
}
@media print, screen and ( min-width : 700px ) {
	.hanbaiten_link{
		padding:3em;
	}

}
@media only screen and  ( max-width : 700px ) {
	.hanbaiten_link{
		padding:3em 2em;
	}

}

@media print, screen and ( min-width : 550px ) {
	.hanbaiten_l_text{
		font-size:250%;
		margin-bottom:0.5em;
	}
}
@media only screen and  ( max-width : 550px ) {
	.hanbaiten_l_text{
		font-size:130%;
		margin-bottom:1.5em;
	}

}
/* 下記ボタンをクリックしてFAX注文書を印刷してご利用ください。
------------------------------------------------------------------*/
.fax_contact{
	border:3px solid #ccc;
	padding:5%;
}
.fax_number{
	font-weight:bold;
	text-align:center;
}
.fax_bt .bt{
	width:90%;
}
.shop_bt .bt{
	background:#008c00 url(images/common/icon_white.png) 98% 50% no-repeat;
	-moz-background-size:8px 15px;
	background-size:8px 15px;
	width:90%;
}

@media print, screen and ( min-width : 768px ) {
	.fax_number{
		width:52%;
		float:left;
		padding-right:3%;
	}
	.fax_number img{
		margin-top:0.5em;
	}
	.fax_bt{
		width:45%;
		float:right;
	}
	.fax_bt .bt,
	.shop_bt .bt{
		padding:1em 5%;
	}
}
@media only screen and  ( max-width : 768px ) {
	.fax_number{
		margin:1em;
	}
	.fax_bt .bt,
	.shop_bt .bt{
		padding:5%;
	}
}

/* ************************************************ 
 *	
 *	自動車販売
 *	
 * ************************************************ */
.hanbai_title{
	border-bottom: 2px solid #18244a;
	font-size:150%;
	padding-bottom:0.5em;
	margin-bottom:1em;
}
@media only screen and  ( max-width : 896px ) {
	.hanbai_title{
		font-size:120%;
	}
}
.product_list{
	background:#f5f5f5;
	position: relative;
}
.product_list a{
	background:#f5f5f5;
	display:block;
	position: relative;
	height:100%;
}
.product_text{
	padding:5% 5% 5em 5%;
}
.selling_situation{
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:0.5em 1em;
	width:5em;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.product_list .selling_situation{
	position: absolute;
	right: 0.5em;
	top: 0.5em;
	display:block;
	font-size:80%;
}
.hanbai_title .selling_situation{
	display:inline-block;
	font-size:60%;
	position: relative;
	top:-0.3em;
}
.selling_situation1{background:#03921a;}
.selling_situation2{background:#333;}
.selling_situation3{background:#c80000;}

.product_list img{
	width:100%;
	height:auto;
}
.loop_product_ul li{
	margin-bottom:1em;
}

@media print, screen and ( min-width : 896px ) {
	.loop_product_ul li{
		width:32%;
		float:left;
		margin-right:1.6%;
	}
	.loop_product_ul li:nth-child(3n) {
		float:right;
		margin-right:0%;
	}
}
@media only screen and  ( max-width : 896px ) {
	.loop_product_ul li{
		width:48%;
		float:left;
		margin-right:4%;
	}
	.loop_product_ul li:nth-child(2n) {
		float:right;
		margin-right:0%;
	}
}

.product_text h3{
	min-height:3em;
}
.price{
	color:#f25b0e;
}
.page_price{
	font-size:120%;
}
.product_list .price{
	position: relative;
	top:2px;
	font-size:160%;
}

.page_price .price{
	position: relative;
	top:2px;
	font-size:160%;
}

.product_text .bt{
	display:block;
	padding:0.5em 0em;
	width:90%;
	text-align:center;
	position: absolute;
	left: 5%;
	bottom: 5%;



}
/* ************************************************ 
 *	
 *	自動車販売
 *	
 * ************************************************ */

.car-catch,
.car-catch a{
	color:#f25b0e;
	font-size:110%;
}
.car-catch a{
	text-decoration: underline;
}
.hanbai_table th{
	width:20%;
}