@charset "utf-8";

@import url("sp-editor.css");

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
*{ padding:0; margin:0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#333;
font-size:90%;
-webkit-text-size-adjust: none;
background:#fbf9f4;
display: none;
}
li img{ vertical-align:bottom;}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#313131;
}

a:hover, a:active{
outline: none;
color:#6f6f6f;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}



/* 個別設定
------------------------------------------------------------*/


#header{
	background:#00349A;
}
#header .sub *{
	color:#FFF;
}
#header .sub span.tenpo_name{
	color:#000;
	background:#FFDD00;
	}



/* レイアウト
------------------------------------------------------------*/
#wrapper,
.inner{
margin:0 auto;
width:100%;
}


#header{
	
	width:96%;padding:0 2%;
	
		
	overflow:hidden;
	border-bottom:1px solid #EEE;
	
	background:#00349A;
	
	/*background-color: #FC0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FF0), color-stop(0.00, #FC0));
	background: -webkit-linear-gradient( #FF0, #FC0);
	background: -moz-linear-gradient(#FF0, #FC0);
	background: -o-linear-gradient(#FF0, #FC0);
	background: -ms-linear-gradient(#FF0, #FC0);
	background: linear-gradient(#FF0, #FC0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0', endColorstr='#FC0', GradientType=0);
	
	*/
	
	padding-bottom:2px;


}
#header p{ font-weight:bold;}

#logo{ text-align:center;}
#content{
float:right;
width:627px;
padding:22px 0 50px;
}

#sidebar{
float:left;
width:233px;
padding:22px 0 50px;
}

#footer{
clear:both;
} 

/*フッター電話ボタン*/
.btn_cal{}
.btn_cal ul{ list-style-type:none;}
.btn_cal ul li{ width:33%; float:left;
margin-right:1px;}
.btn_cal ul li a{
	padding:5px 5px 5px 5px; 
	text-align:center;
	display:block;
	
	background: #4aa543; /* Old browsers */
	background: -moz-linear-gradient(top,  #4aa543 1%, #259129 50%, #298900 51%, #279322 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4aa543), color-stop(50%,#259129), color-stop(51%,#298900), color-stop(100%,#279322)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aa543', endColorstr='#279322',GradientType=0 ); /* IE6-9 */
	
	}
.btn_cal ul li a span{
	display:block;
	color:#FF0;
	/*border:1px solid #FF0;*/
	font-weight:bold;
	font-size:12px;
	}	
.btn_cal ul li.btn_contact a{
	padding:0;

	background: -moz-linear-gradient(top,  #9dd53a 0%, #8cce1a 50%, #7cc10d 50%, #7cc10d 61%, #7cbc0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#8cce1a), color-stop(50%,#7cc10d), color-stop(61%,#7cc10d), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9dd53a 0%,#8cce1a 50%,#7cc10d 50%,#7cc10d 61%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #9dd53a 0%,#8cce1a 50%,#7cc10d 50%,#7cc10d 61%,#7cbc0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9dd53a 0%,#8cce1a 50%,#7cc10d 50%,#7cc10d 61%,#7cbc0a 100%); /* W3C */

	height:64px;

	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	}
/*店舗数によってボタン幅変更*/
/*１店舗分*/
.btn_cal ul li.col1 a{
	line-height:1.1em;
	padding:10px 0 10px 0px;
	height:44px;	
	}
/*２店舗分*/
.btn_cal ul li.col2{ width:66%;}
.btn_cal ul li.col2 a{
	line-height:64px;
	}

/*３店舗分*/
.btn_cal ul li.col3{ width:99%;}
.btn_cal ul li.col3 a{
	line-height:64px;
	}
	
/* ヘッダー
*****************************************************/

/* サイト説明文
----------------------------------*/
#header{
	padding-top:5px;}
#header h1{
	text-align:center;
	font-weight:bold;
	background:#000;
	padding:3px;
	font-weight:bold;
	color:#FFF;
	font-size:16px;
	line-height:1.1em;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
clear:both;
float:left;
padding:20px 5px 15px;
color: #515151;
font-size:160%;
font-weight:bold;
}




#header .sub{ margin-bottom:3px;}
#header .sub span{  display:inline-block;}
#header .sub span.tenpo_name{ width:30%; /*border:1px solid #FFF; */font-size:12px; text-align:center;}
#header .sub span.time{ font-size:13px; font-weight:bold;}
#header .sub span.teikyu{ font-size:12px;}

#header .rinji{
	background:#F92F32;
	padding:2px;
	color:#FFF;
	line-height:1.1em;
	}
	
	


.contact{padding:10px 0 10px;}

nav#mainNav{width:95%;}

nav#mainNav ul{margin:0 auto;}
nav#mainNav ul ul{padding:0;}

nav div.panel{float:none;}

#mainImg img{width:98%;height:auto;}

#content, #sidebar{
clear:both;
width:95%;
float:none;
margin:0 auto;
padding:10px 0;
}

.banner{width:100%;margin:0 auto;text-align:center;}
p.banner img{width:100%;height:auto;}

section.widget_search{text-align:center;}

#footer li{margin-bottom:10px;}
	
/* ヘッダ電話関連
----------------------------------*/
#head_info{
	background:url(../images/bg_head_info.png);
	margin:0px;
	padding:5px;
	border-bottom:1px solid #DDD;
	}
	
#head_info .left{line-height:1.0em; margin-bottom:1px;}
#head_info .left p.pic{ margin:3px; }
#head_info .left p.pic img{border:2px solid #EEE;}

#head_info .right p{margin-bottom:2px;}
#head_info .info1 p,
#head_info .info2 p{ font-size:14px; line-height:1.1em; }

#head_info .right p.nanto{
	text-align:left;
	margin-bottom:3px;}
#head_info .right p.number{
	
	line-height:1em;
	color:#F00;
	font-size:18px;
	 font-weight:bold;
	 padding-left:7px;
	 }
#head_info .right p.number img{ vertical-align:bottom;}
#head_info .right p.number span{
	font-size:36px;
	font-family:Arial, Helvetica, sans-serif;}

#head_info .right p.number span.saiyasu_size{
	font-size:12px;
	background:#333;
	color:#FFF;
	padding:5px 3px;
	margin-right:2px;
	vertical-align:top;}

#head_info p.tenpo_name{ font-size:10px;}
#head_info p.tel_no{font-family:"Arial Black", Gadget, sans-serif; font-size:15px; font-weight:bold;}
#head_info p.teikyu{font-size:11px;}

                
/* 電話を掛ける
----------------------------------*/
.contact_box{
	padding:1%;
	margin-bottom:20px;}
.contact_box{}

.link_tel{
	margin-right:2px;
	}

.link_tel p{
	margin-bottom:1px;
	}
.link_tel p a{
	/*margin:5px;*/
	display:block;
	padding:5px;

	/*	color:#F60;*/
	
	background: #4aa543; /* Old browsers */
	background: -moz-linear-gradient(top,  #4aa543 1%, #259129 50%, #298900 51%, #279322 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4aa543), color-stop(50%,#259129), color-stop(51%,#298900), color-stop(100%,#279322)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4aa543 1%,#259129 50%,#298900 51%,#279322 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aa543', endColorstr='#279322',GradientType=0 ); /* IE6-9 */

	
	/*border:solid 1px #DDD;*/
	
	/*
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	*/
	}
.link_tel a span{ font-weight:bold;}
.link_tel a span.icon img{
	vertical-align:top; margin-top:10px;}
.link_tel a span.tel_no{
	display:inline-block;
	color:#FFF;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:28px;
	font-weight:bold;
/*	padding:3px 0 4px 35px;*/
}
.link_tel p span.tenpo_name{
	
	font-size:11px;
	text-align:center;

/*	background:#FFF;*/
	border:#9C0 1px solid;
	padding:0px;
	color:#FF0;
	display:block;
	margin-bottom:1px;

}

.link_tel a:hover{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
.link_tel .muryo{ text-align:center; font-size:12px; font-weight:bold; color:#F00;}

#btn_mail{}



/*TOP3枚画像　2015.3　追加*/
.top_3pic{}
.top_3pic ul{ list-style-type:none;}
.top_3pic ul li{ float:left; width:33%; }





/* 
------------------------------------------------------*/

/*タブ切替メニュー*/
.tab{ 
	overflow:hidden;
	clear:both;
	zoom:100%;
	}
.tab:after{
	content:"";
	display:block;
	clear:both;
}
.tab li{ float:left; width:25%; display:inline;}
.tab li img{ width:100%;}
.tab li{}
.tab li.select{
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;	
}
.tab li.btn_sugoi6{
	clear:left;
	font-size:11px; font-weight:bold;
	text-align:center;
	color:#000;
	width:100%;
	padding:4px 3px;
	margin-bottom:3px;

	background-color:#FC0;
	border:1px solid #EEE;
	
	}
.tab_content section{}
.tab_content .hide{display:none;}



/*タブ切替メニュー＞料金表用*/
.tab_price{ 
	overflow:hidden;
	clear:both;
	zoom:100%;
	margin-bottom:15px;
	}
.tab_price:after{
	content:"";
	display:block;
	clear:both;
}
.tab_price li{ float:left; width:48%; display:block; margin:0 1% 0 0;
	background:#FFDB23;
	color:#000;
	padding:10px 0;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	
	}
.tab_price li:hover{
	cursor:pointer;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;	
	
	}
.tab_price li.select{
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;	
}



/*
.tab_content_p .hide,
#jirei .hide{display:none;}
*/



.sugoi6_box{}

.sugoi6_box ol{
counter-reset:number;/* 名前を付けたカウンターをリセット */
list-style:none;/* olが数字を付けることをキャンセル */
margin:0;
padding:0;
}
.sugoi6_box ol li{
	font-size:16px;
	border-bottom:1px dotted #06C;

	font-weight:bold;
	padding:5px;

	color:#06C;	
	border:#06C 2px solid;
	margin-bottom:3px;

	border-radius:3px;/*CSS3草案 */
	-webkit-border-radius: 3px;/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;/* Firefox用 */
	
}
.sugoi6_box ol li:before{
counter-increment:number;/* 任意の名前を付けて！ */
content: counter(number);/* 名前を付けたカウンターを呼び出し */
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
padding:0 5px 0 0;

}



.koutei{ }
.koutei ul{}
.koutei li{
	display:block;
	background:#FFC;
	font-weight:bold;
	
	border-bottom:#000 1px solid;
	font-size:12px;
	background:url(../images/price/icon_list.png) no-repeat 0 1px;

	padding:3px 3px 3px 30px;
	background-size: 23px;
	}
	



/*
料金関連*/

#service_list .sub .clrFix .right p{ font-size:17px; font-weight:bold;}
#service_list .sub .clrFix .right p a{ display:none;}

.price_list{}
.price_list img{ width:100%;}

.price_list .right{ position:relative; text-align:center;}
.price_list .right p{ font-size:13px; line-height:1.3em;}
.price_list .right img{/* position:absolute; right:1px; top:0;*/  width:80%;}


.price_list table{
	clear:both;
	width:100%;
}
.price_list table img{
	}

.price_list table th,	
.price_list table td{
	display:block;
	}
	
.tbl_price{
	margin:0px 0 8px 0;
	border-collapse:collapse;
	}
.tbl_price th,
.tbl_price td{
	border:1px solid #CCC;
	padding:2px 10px 2px 10px;
	text-align:center;
}

.price_list .tbl_price th{ 
	display: block;
}
.price_list .tbl_price tbody tr{
	display:block;
	float:left;
	margin:0 0 0 0px;
}

.price_list .tbl_price th{
	background:#E9EFCF;
	font-weight:bold;
	}
.price_list .tbl_price td{ 
	display: block;
	vertical-align:middle;
}

.price_list .tbl_price th,
.price_list .tbl_price td{ text-align: center;  font-weight:bold;}
.price_list .tbl_price td:first-child  {  }
.price_list .tbl_price thead{}
.price_list .tbl_price tbody{ 
	display: block; 
}


.price_list .sub{
	margin-bottom:20px;}


.size table{ width:100%; border-collapse:collapse;}
.size table th,
.size table td{
	display:table-cell;
	border:1px solid #DDD;
	padding:5px;
	}

.size table{ width:100%;}
.size table th{ background:#EEE; text-align:center; font-weight:bold;}
.size table td{ background:#FFF;}


.price_list .hide{ display:none;}


/* ------------------------------------------------------------------------------------

	オプション  2016.10追加

------------------------------------------------------------------------------------*/

#option_box{ width:100%;}
#option_box .sub{ margin-bottom:2%;}



#option_box h3{
	clear:both;
	
	margin:10px 0;
	font-size:100%;
	font-weight:normal;
	color:#2e2c2c;
	border-bottom:1px solid #515151;
	}


#option_box .sub .left,
#option_box .sub .right{
	padding:1%;
	clear:both;
	zoom:100%;
}
#option_box .sub .left:after,
#option_box .sub .right:after{
    content: "";
    display: block;
    clear: both;
	}


#option_box .sub .pic{
	float:left;
	width:30%;}
#option_box .sub .detail{ 
	width:65%;
	float:right;
}
#option_box .sub .pic img{ width:100% ;}

#option_box .sub h4{
	color:#333;
	font-size:20px;
	margin-bottom:5px;
	padding-bottom:5px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}

#option_box .option_ryokin{
	width:100%;
	border:1px solid #CCC;
	padding:1px;
	clear:both;
	zoom:100%;
	}


#option_box .option_ryokin th{
	font-size:12px;
	width:50%;
	border-bottom:1px solid #ccc;
	text-align:center;
	background:#DDD;
	}

#option_box .option_ryokin td{
	font-size:15px !important;
	width:50%;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#000 !important;
	}

/* Web割引後料金 start*/

.op2 p{
	font-size: 12px !important;
	font-weight: bold;
	color:red !important;
	margin-top: 10px;
}

#option_box .option_ryokin2{
	width:100%;
	border:1px solid #CCC;
	padding:1px;
	clear:both;
	zoom:100%;
	}


#option_box .option_ryokin2 th{
	font-size:12px;
	color: red;
	width:50%;
	border-bottom:1px solid #ccc;
	text-align:center;
	background:#FCEC15;
	}

#option_box .option_ryokin2 td{
	font-size:15px !important;
	font-weight: bold;
	width:50%;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color:#red! important;
	}

/* Web割引後料金 end*/

#option_box .sub .detail p{
	font-size:13px;
	margin-bottom:10px;
}
#option_box .sub .detail em{font-style:normal;}
/*
#option .sub .detail dl{}
#option .sub .detail dt{font-size:12px;	}
#option .sub .detail dd{font-size:15px; padding-left:5px;}*/


#option_box .sub .detail table{	margin:5px;}
#option_box .sub .detail table td{
	font-size:20px;
	color:#C00;
	padding:2px 5px;
}

/* comparison SP*/

	.compari-title{
	text-align: center;
	font-size: 16px;
	color:#FFF;
	font-weight:bold;
	line-height: 1.6rem;
	background-image: linear-gradient(-90deg, #FFBC00, #FF9B00);
	margin-bottom: 6px;
	padding:12px 0;
	}

	.compari-title span{
		font-size: 14px;
	}

.compari{
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 150%;
}

.compari strong{
	background: linear-gradient(transparent 50%, yellow 50%);
}

.compari h2{}
.compari h3{
	background: none !important;
	margin:0;
	padding: 0;
	font-size: 16px !important;
}
.compari h4{}

.comp_wrap{
}

.comp_wrap ul li{
	list-style: none;
	font-size: 12px;
	line-height: 1.6em;
}

.comp_ul{
	margin:20px 0;
	padding-left: 10px;
}

.cp_point{
	padding: 6px;
}

.cp_point span{
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0;
}

.cp_point p{
	font-size: 12px;
	line-height: 2.4em;
}

.cp_point_ml{
	margin-left: 4px;
	margin-top:8px;
}

.comp_q{

}

#q1,#q2{
	margin:30px 0 20px 0;
	padding: 4px 4px;
	background: #fff;
	border-left: 2px solid #fc0;
	border-bottom: 1px dashed #b99400;
	color:#000;
	font-size: 16px;
	font-weight:bold;

}

.comp_q span{
	font-size: 18px;
	font-weight: bold;
	color:red;
}

.q_wrap{
	padding: 6px;
}

.q_wrap p{
	padding: 10px 0;
	font-size: 14px;
}

/* comparison SP END*/

/* ------------------------------------------------------------------------------------

	事例

------------------------------------------------------------------------------------*/


#jirei .hide{ display:none;}



/* ------------------------------------------------------------------------------------

	特典

------------------------------------------------------------------------------------*/


/*
.tokuten_box{
	background:#EEE;
	padding:3px;
	}

.tokuten_box div{
	margin-bottom:3px;
	}
.tokuten_box div h4{
	background:#9C0;
	color:#000;
	font-size:20px;
	text-align:center;
	}
.tokuten_box div p{
	border:1px solid #CCC;
	padding:5px;
	font-size:12px;
	line-height:1.2em;
	background:#FFF;

	}
*/	

#tokuten{ background:#EEE;}
#tokuten div *{ font-weight:bold;}

#tokuten .sub{ background:#FFF; border:1px solid #DDD; margin-bottom:3px;}
#tokuten .sub p,
#tokuten .hoshou h4{ padding:3px 7px; }
#tokuten .sub p:nth-child(1){
	background:#9C0 !important;
	color:#000;
	}
#tokuten .sub .hoshou p:nth-child(1){
	background:inherit !important;
	color:inherit;
	}

#tokuten .hoshou h4{
	background:#9C0 !important;
	color:#000 !important;
	}
	
#tokuten div .hosoku1{ font-size:12px;}

#tokuten .hoshou{
	background:none;
	border:0;
	}
#tokuten .hoshou h4{ font-size:22px; color:#FFF;}

#tokuten .hoshou table{
	margin-left:0;
	width:100%;
	border-collapse:collapse;
/*	border:#99CC00 solid 3px;*/
}
#tokuten .hoshou table th{
	padding:3px;
	background:#232323;
	border-width:0;
	font-size:16px;
	text-align:left;
	color:#FFF;
	}

#tokuten .hoshou table th p{/*新デザインのみ*/
	background:#F60;
	margin:-8px -3px 0px -3px;
	padding:5px;
}

#tokuten .hoshou table td{
	border-width:0;
	padding:3px;
	background:#FFFFFF;
	text-align:center !important;
	}
#tokuten .hoshou p{ margin:3px; line-height:1.3em;}
#tokuten .hoshou table td p.big{ font-size:18px;/* color:#0A00FF;*/}
#tokuten .hoshou table td p.small{ font-size:16px;}
#tokuten .hoshou table td p.small2{ font-size:13px;}
#tokuten .hoshou .bikou{font-size:11px;
	color:#000;}

	
.chui{ border:1px solid #F00; padding:5px;}
.chui p{ line-height:1.0em;}

#waribiki div{ border:1px solid #F60; margin-bottom:3px; }
#waribiki div *{ font-weight:bold;}
#waribiki div h4{ padding:5px; color:#FFF; background:#F60;}
#waribiki div p{ margin:0 10px;}
#waribiki div .hosoku1{ font-size:12px;}
#waribiki div .num{ font-size:14px;	text-align:center;}
#waribiki div .num span{ font-family:"Arial Black", Gadget, sans-serif; font-size:25px; color:#C00;}
#waribiki div .hosoku2{ font-size:12px;}



#waribiki .saidai{
	border:2px solid #F00;
	background:#FF0;
	
	text-align:center;

	padding:10px;
	margin-bottom:5px;
	}
#waribiki .saidai p{
	font-weight:bold;
	font-size:15px;
	margin:2px;
	padding:0;
	}
#waribiki .saidai .num{
	color:#F00;
	font-size:22px;  
	}	
#waribiki .saidai .num span{
	color:#F00;	
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:36px;}

/*地図関連*/
#map .btn_map_up{
	text-align:center;

	}
#map .btn_map_up a{
	display:inline-block;
	padding:2px 5px;
	color:#00B3FF;
	font-weight:bold;
	border-bottom:2px solid #00B3FF;
	}	






/* コンタクト
----------------------------------*/
.contact{
float:right;
padding:10px 0 0;
text-align:right;
color:#000;
font-size:90%;
}

.contact .tel{
margin-bottom:-3px;
font-size:180%;
font-family:Arial, Helvetica, sans-serif;
}





/* 記事ループ
*****************************************************/
.list{
padding:10px 0;
border-bottom:1px dashed #dcdcdc;
}

.list:last-child{border:0;}

.post .list p{padding:0;}

.list span{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
h2{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
color:#000;
border:1px solid #d5d5d5;
border-bottom:0;
background:#fff url(../images/headingBg.png) repeat-x 0 100%;
margin-bottom:5px;
line-height:1.1em;
}

.dateLabel{
text-align:right;
font-weight:bold;
color:#858585;
}

.post p{}

.post ul{margin: 0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background:url(../images/bullet.png) no-repeat 0 8px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color: #000;
border-bottom:3px solid #000;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color: #333;
border-bottom:2px solid #515151;
}

.post h3{
margin:10px 0;
font-size:100%;
font-weight:normal;
color:#2e2c2c;
border-bottom:1px solid #515151;
}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table th{
padding:7px;
border: #ccc solid;
border-width: 0 0 1px 1px;
background:#efede7;
font-size:12px;
}

.post table td{
padding:7px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background:#fff;
font-size:12px;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
margin: 10px 10px 15px 15px;
display:inline;
}

img.alignleft{margin:10px 15px 15px 10px;}

.alignright{float:right;}
.alignleft{float:left;}

#gallery-1 img{
border:1px solid #eaeaea !important;
padding:5px;
background:#fff;
}

#gallery-1 img:hover{background:#fffaef;}






/* フッター
*****************************************************/
#footer ul{
padding:15px 0 25px;
text-align:center;
}

#footer li{
display:inline-block;
padding: 5px 16px;
border-left:1px dotted #d5d5d5;
}
*:first-child+html #footer li{display:inline;}

#footer li:first-child{border:0;}

#footer li a{
text-decoration:none;
color:#000;
}

#footer li a:hover{color:#999;}

#footer ul ul{display:none;}

#copyright{
clear:both;
padding:10px 0 37px;
text-align:center;
color:#000;
font-size:10px;
}




/*　フッター固定Navi　*/
#foot{ padding-bottom:70px; }
.sp_foot_contact{
	padding: 0 !important}
.sp_foot_contact{
	background-color:#fff;
	width:100%;
	right:0;
	bottom:0px;
	text-align:center;
	position:fixed;
	z-index:100;

}

.sp_foot_contact img {
width:100%;	}

.sp_foot_contact ul{
	display:flex;
	list-style-type: none;
	}
.sp_foot_contact ul li{
	padding:0 !important;
	
	}
.sp_foot_contact ul li img{vertical-align:middle;}		
.sp_foot_contact ul li.btn_foot-contact{ width:46%; background:#04b31d;}
.sp_foot_contact ul li.btn_foot-list{  width:40%; background:#ffa316;}
.sp_foot_contact ul li.btn_foot-pagetop{ width: 14%; background:#facd89;}
.sp_foot_contact ul li a{padding:0;}

.CNT{
margin-bottom:50px;
}
	
	

/*　TEL ポップアップ　*/

#popup_contact .tel_list{}
#popup_contact .tel_list *{ box-sizing:border-box;}
#popup_contact .tel_list p{
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
}
#popup_contact .tel_list ul{
	list-style-type:none;
	}
#popup_contact .tel_list ul li{
	margin-bottom:1em;
	text-align: left;
  }
#popup_contact .tel_list ul li a{
  padding:1em 0.5em;
  background: #2f9912;
  background: -moz-linear-gradient(top, #2f9912 0%, #219900 100%);
  background: -webkit-linear-gradient(top, #2f9912 0%,#219900 100%);
  background: linear-gradient(to bottom, #2f9912 0%,#219900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f9912', endColorstr='#219900',GradientType=0 );
  color:#FFF;

  display:flex;
align-items: center;
/*justify-content: center;*/
  }
#popup_contact .tel_list ul li span{
   font-weight:bold;
}
#popup_contact .tel_list ul li .tenpo_name{
  text-align:center;
  width:42%;
  background:#352207;
  border:0;
  line-height:1.2em;
  padding:0.6em;
  font-size:3.5vw;
  
  }
#popup_contact .tel_list ul li .tel_no{
  /*width:100%;*/
  padding:0.3em;
  /*margin-left:10%;*/
  font-size:5vw;
  }






/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}





/* 汎用
------------------------------------------------------------*/
.clrfix{
	zoom:100%;
	clear:both;
}
.clrfix:after{
	content:"";
	display:block;
	clear:both;
}
.clrfix .left{
	float:left;
	}
.clrfix .right{
	float:right;
	}

.box25{ width:24%;}
.box75{ width:74%;}
.box30{ width:29%;}
.box70{ width:69%;}
.box50{ width:49%;}
.box40{ width:39%;}
.box60{ width:59%;}
.box65{ width:64%;}
.box35{ width:34%;}

.bnr3r{ }
.bnr3r p{ float:left; width:33%; display:inline;}
.bnr3r p img{ width:100%;}







/*　修理事例
-----------------------------------------------------------------------------------------------------------------------------------------*/
#jirei{}

.jirei_content{ padding-top:0px;}
.jirei_content table{
	border-collapse:separate;
	border-spacing:0 0 2px 0;
	}
.jirei_content table td{
	text-align:center;
	font-weight:bold;
	border:solid #FFF 4px;
	padding:3px;
	}
.jirei_content table td img{
	vertical-align:bottom;
	width:100%;}


/*PC用汎用ボタン*/
.btn_pc_bnr{
	margin:5px 0px;
	}
.btn_pc_bnr a{
	padding:12px;
	display:block;
	color:#FFF;
	font-weight:bold;
	line-height:1.1em;
	
	background-color: #F60;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00,  #F90), color-stop(0.00, #F60));
	background: -webkit-linear-gradient(#F90, #F60);
	background: -moz-linear-gradient(#F90, #F60);
	background: -o-linear-gradient(#F90, #F60);
	background: -ms-linear-gradient(#F90, #F60);
	background: linear-gradient(#F90, #F60);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F90', endColorstr='#F60', GradientType=0);


}

.mb0{ margin-bottom:0;}
.txt{ margin:5px;}
.t11{ font-size:11px;}
.t12{ font-size:12px;}
.t13{ font-size:13px;}
.R{ text-align:right !important;}





/*-------------------------------------------------------------------------------------

TOPに修理事例（新着修理事例）

------------------------------------------------------------------------------------*/

#top_jirei_box h2{}

#top_jirei_box{
	border:5px solid #EEE;
	padding:1%;
	margin-bottom:20px;
}

#top_jirei{
	clear:both;
	zoom:100%;
}
#top_jirei:after{
    content: "";
    display: block;
    clear: both;
	}


#top_jirei .sub{
	float:left;
	background:#F7F7F7;
	width:47%;
	margin-right:1%;
	padding:1%;

	
	}


	
#top_jirei .sub .pic{ float:left; width:58%;}
#top_jirei .sub .detail{ float:right; width:40%;}

#top_jirei .sub h4{ font-size:13px; background:#A7CED8; margin-bottom:2px;}
#top_jirei .sub .detail p{ font-size:13px; }
#top_jirei .sub a:hover{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;	

	}
	
#top_jirei .sub img{ width:100%;}

	
	
	

/* 400px以下
------------------------------------------------------------*/
@media only screen and (max-width: 400px){
	
}


	
	
/*PCへ戻るボタン*/
.display_pc{
	padding:5px;
	}
.display_pc a{
	
	display:block;
	
	background:#000000;
	font-size:30px;
	padding:150px 0;
	color:#FFF;
	text-align:center;
	

	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	
	}
	
.display_pc a:hover{
	
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	
	}



	

/* タブレット表示（600px以上）
------------------------------------------------------------*/
@media only screen and (min-width: 600px){

#logo{  width:95%; margin:auto;}
#logo img{}


h2{
font-size:160%;
line-height:1.2em;
}


#header{ padding-bottom:10px;}
#header .sub{}
#header .sub span{ font-size:16px; display:inline-block;}
#header .sub span.tenpo_name{ width:20%; font-size:15px; }
#header .sub span.time{ font-size:16px;}



#head_info{border-bottom:1px solid #DDD;}
#head_info{}
#head_info .left{line-height:1.0em; margin-bottom:1px;}
#head_info .right p{line-height:1.1em; margin-bottom:2px;}
#head_info .info1 p,
#head_info .info2 p{ }

#head_info p.tenpo_name{ font-size:10px;}
#head_info p.tel_no{font-family:"Arial Black", Gadget, sans-serif; font-size:15px; font-weight:bold;}
#head_info p.teikyu{font-size:11px;}
#header .sub span.teikyu{ font-size:14px;font-weight:bold;}



#head_info .info1 p,
#head_info .info2 p{ font-size:23px; line-height:1.2em;}

#head_info .right p.nanto {padding-bottom:10px;}
#head_info .right p.number{
	 padding:0 0 0px 0px;
	 }
#head_info .right p.number span{
	font-size:70px;
	font-family:Arial, Helvetica, sans-serif;
	}


.link_tel{
	margin-right:2px;
	}

.link_tel p{
	margin-bottom:1px;
	}
.link_tel p a{
	display:block;
	padding:10px;

	}
.link_tel a span.icon img{ padding-bottom:5px;}

.link_tel a span.tel_no{
	padding-top:7px;
	font-size:36px;
}
.link_tel p span.tenpo_name{
	font-size:15px;
}

.sugoi6_box ol li{
	font-size:22px;
	padding:6px;
	
}
.sugoi6_box ol li:before{
font-size:20px;
}




/*PC用汎用ボタン*/
.btn_pc_bnr a{
	padding:12px;
	font-size:22px;
	text-align:center;
}





.t11{ font-size:15px;}
.t12{ font-size:17px;}
.t13{ font-size:18px;}








	


}