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

/* ************************************************ 
 *	
 *	ページのデザイン
 *	
 * ************************************************ */

/* ************************************************ 
 *	
 *	mainimg
 *	
 * ************************************************ */
#contents_css{
	padding:0%;
	margin:0%;

}
/* 横幅が100％
------------------------------------------------------------------*/
@media only screen and  ( max-width : 896px ) {
	.page_width100{
		width:106%;
		margin-left:-3%;
		margin-bottom:1em;
	}
}


/* ************************************************ 
 *	
 *	PANKUZU
 *	
 * ************************************************ */
.pankuzu{
	font-weight:normal;
	font-size:70%;
	padding:2em 0em;

}
.pankuzu strong{
	font-weight:normal;
}
.pankuzu a{
	font-weight:normal;

}
@media only screen and  ( max-width : 896px ) {
	.pankuzu{
		padding:1em 0em;
	}
}
/* ************************************************ 
 *	
 *	sidebar
 *	
 * ************************************************ */

/*ブログサイド用
------------------------------------------------------------------*/

.sidebar_block{
	font-size:80%;
	line-height:180%;
	margin-bottom:2em;
}

h3.side_blog_title{
	color:#fff;
	padding:0.5em;
	border-bottom:2px solid #a17b0b;
	font-weight:bold;
	background:131313;
	font-size:90%;
}
/* -----------------------共通----------------------- */
ul.side_blog_menu{
}
#sidebar ul.side_blog_menu li,
#sidebar_2col ul.side_blog_menu li{
	border-bottom:1px solid #333;
}

#sidebar ul.side_blog_menu a{
	color:#fff;
	display:block;
	padding:0.5em 3em 0.5em 0.5em;
	font-size:90%;
	text-decoration: none;
}
#sidebar_2col .side_blog_menu a{
	color:#000;
	display:block;
	padding:1em 3em 1em 0.5em;
	text-decoration: none;
	font-weight:bold;
}


@media print, screen and ( min-width : 896px ) {
	#sidebar ul.side_blog_menu a{
		background:url(images/common/icon.png) 90% 50% no-repeat;
		-moz-background-size:8px 8px;
		background-size:8px 8px;
		-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:hover{
		background:#333 url(images/common/icon.png) 98% 50% no-repeat;
		-moz-background-size:8px 8px;
		background-size:8px 8px;
	}
	#sidebar_2col ul.side_blog_menu a{
		background:url(images/common/icon.png) 90% 50% no-repeat;
		-moz-background-size:8px 8px;
		background-size:8px 8px;
		-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_2col ul.side_blog_menu a:hover{
		background:#f5f5f5 url(images/common/icon.png) 98% 50% no-repeat;
		-moz-background-size:8px 8px;
		background-size:8px 8px;
	}
}
@media only screen and  ( max-width : 896px ) {
	#sidebar ul.side_blog_menu a{
		background:url(images/common/icon.png) 99% 50% no-repeat;
		-moz-background-size:8px 8px;
		background-size:8px 8px;
	}
	#sidebar_2col ul.side_blog_menu a{
		background:#f5f5f5 url(images/common/icon.png) 98% 50% no-repeat;
		-moz-background-size:8px 8px;
		background-size:8px 8px;
	}
}
.cat-item-none{
	padding:1em;
	background:#f5f5f5;
	color:#666;
}


/* ************************************************ 
 *	
 *	ブログページ共通
 *	
 * ************************************************ */
.single_txt p{
	margin-bottom:1em;
}

blockquote{
	background-color:#f5f5f5 !important;
	padding:2em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:110%;
	color:#555;
	margin-bottom:1em;
	font-style: italic; 
}
blockquote p{
	margin-bottom:2em !important;
	line-height:160%;
}
.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;
}
.wp-caption{
	background:#fff;
	text-align:center;
	margin-bottom:20px;
	padding:2px;
	border:1px solid #ccc;
	max-width:98% !important;
}
p.wp-caption-text{
	font-size:13px;
	padding:2%;
	text-align:left;
	line-height:140%;
	color:#000;
	font-style:italic;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/* ************************************************ 
 *	
 *	お問い合わせ
 *	
 * ************************************************ */
#contact_dl_all{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.soushin_block{
	text-align:center;
	padding:1.5em 0em;
}
#contact_dl dt,
#contact_dl2 dt{
	font-weight:bold;
}
#contact_dl dt span,
#contact_dl2 dt span{
	font-size:80%;
}
@media print, screen and ( min-width : 896px ) {
	/* pc */
	#contact_dl{
		border-bottom:1px solid #ccc;
		background:#f5f5f5;
	}
	#contact_dl dt{
		width:30%;
		float:left;
		font-weight:bold;
		padding:1.5% 2.5%;
		font-size:90%;
	}
	#contact_dl dd{
		width:59%;
		float:right;
		padding:1.5% 2.5%;
		background:#fff;
		border-left:1px solid #ccc;
		min-height:2em;
	}
	#contact_dl2 dt,
	#contact_dl2 dd{
		padding:1.5% 2.5%;
		background:#fff;
		border-bottom:1px solid #ccc;
	}
	#contact_dl2 dt{
		background:#f5f5f5;
	}

	#contact_dl dd textarea{
		width:97%;
	}
	#contact_dl dd.tel_dd input{
		width:20%;
	}
	.soushin_block input{
		width:40%;
	}
}

@media only screen and  ( max-width : 896px ) {
	/* smp */
	#contact_dl_all{

	}
	#contact_dl,
	#contact_dl2{
		background:#f5f5f5;
	}
	#contact_dl dt,
	#contact_dl2 dt{
		font-weight:bold;
		padding:2% 3%;
		border-bottom:1px solid #ccc;
		font-size:90%;
	}
	#contact_dl dd,
	#contact_dl2 dd{
		padding:3%;
		background:#fff;
		border-bottom:1px solid #ccc;
		min-height:2em;
	}
	#contact_dl dd textarea{
		width:97%;
	}
	#contact_dl dd.tel_dd input{
		width:25%;
	}
	.soushin_block input{
		width:40%;
	}
}
.contact_text{
	text-align:center;
	padding:2em 1px;
	font-weight:bold;
	border:1px solid #ccc;
	margin-bottom:3em;
}
@media print, screen and ( min-width : 896px ) {
	.contact_text{
		font-size:130%;
	}
}


.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%;
}
.waku_block h4{
	border-bottom:1px #aaa solid;
	font-weight:bold;
	padding-bottom:10px;
}
@media only screen and  ( max-width : 896px ) {
	/* smp */
	.contact_text{
		text-align:center;
		padding:20px 0px;
		font-size:13px;
	}
	.waku_block{
		padding:10px;
		font-size:13px;
	}
}
/* ************************************************ 
 *	
 *	個人情報保護方針
 *	
 * ************************************************ */
.privacy{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:#F5F5F5;
	padding:5%;
	color:#000;
	line-height:150%;
	font-size:90%;
}
.privacy ul li{
	margin-bottom:1em;
}
.privacy p{
	font-weight:bold;
}

/* ************************************************ 
 *	
 *	堤自動車のご案内
 *	
 * ************************************************ */

.about_01{
	position: relative;
	min-height: 100%;
	-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image:url(images/top/top_about.jpg);
	position: relative;
}
.about_01 .toumeiblack_bg{
}
.office_img_ul li{
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:4%;
}
.office_img_ul li:nth-child(2),
.office_img_ul li:nth-child(4) {
	margin-right:0%;
	text-align:right;
}







.about_01_text{
	background-color: rgba(0,0,0,0.6);
	color:#fff;
}
@media print, screen and ( min-width : 896px ) {
	.about_01_text{
		padding:5%;
		width:50%;
	}
	.office_01_img{
		width:30%;
		position: absolute;
		top: 3em;
		right: 5%;
		text-align:center;

	}
}
@media only screen and  ( max-width : 896px ) {
	.about_01 .toumeiblack_bg{
		padding:3%;
	}
	.about_01_text{
		padding:5%;
		font-size:90%;
	}
	.office_01_img{
		max-width:50%;
		float:left;
	}
	.office_syomei{
		position: absolute;
		bottom: 14%;
		right: 14%;
	}
}
.office_syomei{
	font-size:70%;
	text-align:right;
}
.coating_poricy_img{
	position: relative;
	min-height: 100%;
	-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image:url(images/top/top_about.jpg);
	position: relative;
}
@media print, screen and ( min-width : 896px ) {
	.coating_poricy_img01{
		width:40%;
		float:right;
		padding-left:3%;
	}
}
@media print, screen and ( min-width : 896px ) {
	.bankin_top_left{
		width:44%;
		border:1px solid #dcdcdc;
		float:left;
		padding:2% 2% 1% 2%;
		margin-bottom:4%;
	}
	.bankin_top_right{
		width:44%;
		padding:2% 2% 1% 2%;
		float:right;
		margin-bottom:4%;
		border:1px solid #dcdcdc;
	}
	.bankin_top_left p,
	.bankin_top_right p{
		font-size:90%;
		line-height:180%;
		height:15em;
	}
}
@media only screen and  ( max-width : 896px ) {
	.bankin_top_left,
	.bankin_top_right{
		border:1px solid #dcdcdc;
		padding:3% 3% 1% 3%;
		margin-bottom:1em;
	}

	.bankin_top_left p,
	.bankin_top_right p{
		font-size:90%;
		line-height:180%;
	}
}
.bankin_top_img{
	text-align:center;
	margin-bottom:1em;
}
.bankin_top_img img{
	max-width:50%;
}
.bankin_top_t{
	margin-bottom:1em;
	text-align:center;
	font-size:150%;
	font-weight:bold;
}
/* ************************************************ 
 *	
 *	価格表
 *	
 * ************************************************ */
.price_title{
	position: relative;
}
.price_pont_icon li{
	background:#333;
	color:#fff;
	padding:2%;
	width:44%;
	text-align:center;
	margin:1%;
	float:left;
	font-weight:bold;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
li.shinsui_icon{background:#1564ca;}
li.hassui_icon{background:#ca156a;}

@media print, screen and ( min-width : 896px ) {
	.price_title h4{
		max-width:65%;
	}
	.price_pont_icon{
		position: absolute;
		right: 0em;
		bottom: 0%;
		width:30%;
		font-size:70%;
	}

}
@media only screen and  ( max-width : 896px ) {
	.price_title h4{
		margin-bottom:1em;
	}
	.price_pont_icon{
		margin-bottom:1em;
	}
	.price_pont_icon li{
		font-size:70%;
		padding:1%;
	}
}
#kakaku_table{
	margin-bottom:1em;
}
.td_price{
	text-align:center;
}
.comment{
	font-size:70%;
	line-height:150%;
}
.top_banner2 li{
	width:49%;
	float:left;
}
.top_banner2 li:nth-child(2n) {
	float:right;
}
.plan_menu{
	border:1px solid #aaa;
	padding:30px;
}
.plan_menu p{
	margin-bottom:1em;
}
.plan_menu h4{
	position: relative;
}
.plan_menu h5{
	background: #333;
	color:#fff;
	border-left:10px solid #b3a610;
	padding:0.5em;
	padding-left:1em;
	font-weight:700;
}
.plan_menu ul{
	background: #f5f5f5;
	padding:1.5em;
	font-size:90%;
}
.plan_menu ul:first-of-type{
	margin-bottom:1.5em;
}
.plan_menu ul:last-of-type{
	margin-bottom:0em;
}
.plan_menu h4{
	color:#fff;
	padding:1em 1.5em 0.8em 1.5em !important;
	border:none;
	margin-left:-28px;
	margin-right:-28px;
	margin-top:-28px;
}
.plan_menu.light h4{
	background: #333;
}
.plan_menu.standard h4{
	background: #005b02;
}
.plan_menu.premium h4{
	background: linear-gradient(90deg,rgba(161, 123, 11, 1) 70%, rgba(250, 233, 42, 1) 100%);
}
.plan_menu h4 .price{
	color:#fff;
	font-size:100%;
}
.big_price{
	font-size:130%;
	font-weight:700;
	display:block;
	color:#a17b0b;
	margin:0.8em 0 0.5em 0;
}
.meyasu{
	background: #f5f5f5;
	display:inline-block;
	padding:0.6em 1em;
	font-size:70%;
	line-height:100%;
	color:#000;
	border-radius: 5px;
}
.plan_menu.standard .meyasu{
	color: #005b02;
}
.plan_menu.premium .meyasu{
	color: #a17b0b;
}
@media print, screen and ( min-width : 896px ) {
	.meyasu{
		margin-left:1em;
	}
}
.kodawari{
	background: #fff;
}
.kodawari h3{
	background: #a17b0b;
	color:#fff;
	padding:0.8em;
}
.kodawari ul{
	padding:1.5em;
	font-size:110%;
}
.check_list li{
	padding-left:1.5em;
	padding-bottom:0.8em;
	position: relative;
	font-weight:700;
}
.check_list li::before {
	display: inline-block;
	width: 0.9em;
	height: 0.9em;
	position: absolute;
	top: 0.5em;
	left: 0em;
	border: 0.1em solid #dcdcdc;
	background:#fff;
	content: '';
}
.check_list li::after {
	display: inline-block;
	width: 0.8em;
	height: 0.3em;
	position: absolute;
	top: 0.5em;
	left: 0.2em;
	border-bottom: 0.3em solid #f69600;
	border-left: 0.3em solid #f69600;
	transform: rotate(-45deg) translateY(-1.5px);
	content: '';
}