@charset "utf-8";
/* ================================================================
 住まいの千里
 admin  : Masako Yoshimoto
 Author: Graphics Drive Inc.
 Author URI: http://www.graphics-drive.com/
 update : 2018/07/20
 
 共通CSS 全てに適用
------------------------------------------------------------------- 

body 
float
text
color
矢印
link
header
Page Top トップへ戻る
Footer
clearfix

================================================================ */

/* body Resets 1em to 10px */
body{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 62.5%; margin: 0px; padding: 0px;}

img{max-width: 100%; height: auto; border: 0; vertical-align: top; display: block;}
/*img{max-width: 100%; height: auto; border: 0; vertical-align: top;}*/

a img {border: none;}

/* 画像css3:フェードインアニメーション:IE10以下未対応 */
a img {
	-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;
}

a:hover img{ filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.7; color: #FFF;}

/* listのスタイル無し */
ul,ol { margin: 0; padding: 0; list-style: none; }

/* 768以上で電話をクリックできないようにする */
@media screen and (min-width: 768px) { a[href^="tel:"] {pointer-events: none;} }

/* 印刷設定 */
@media print{
.footer-btn{display:none;}
,#pageTop{display:none;}
#humberger,#nbox{ display: none; }
#header .hdmenu ul{width: 210px;}
#header .hdmenu ul li{width: 75px!important;height: 5px; padding-right: 0; padding-left: 0; font-size: 9px!important;}
#header img{ height: 70%; width: 70%; }
#header .left h1{ font-size: 10px!important; margin-bottom: 10px; }
#header .left address{font-size: 10px!important;}
#header .hdcopy{ font-size: 9px!important; line-height: 1.1em; width: 210px; }
}

/* float
------------------------------------------------------------- */
.right{ float: right; }
.left{ float: left; }

/* ------------------------------------------------------------
	　	text
------------------------------------------------------------ */
p{ font-size: 1.4em; letter-spacing: 0.1em; line-height: 1.6em; color: #333;}
h2{ margin-bottom: 10px; } 

/* font sizeの継承無し */
.font-ini{font-size: initial;}

/* Line */
hr.m{ padding-top: 30px; padding-bottom: 30px; }
hr.dot{border-top: 1px dashed #333;}

/* 注釈 */
.disc{font-size: 11px; color: #666; line-height: 14px; text-align: left;}

/* 行間を空ける */
.mt1{ margin-top: 1em;}
.mb1{ margin-bottom: 1em; }
.mb2{ margin-bottom: 2em; }
.mb3{ margin-bottom: 3em; }
.mb4{ margin-bottom: 4em; }
.mb5{ margin-bottom: 5em; }
.mb7{ margin-bottom: 7em; }
.mb10{ margin-bottom: 10em; }
.mb20{ margin-bottom: 20em; }

/* テキストの位置 */
.texLeft { text-align: left !important; }
.texCenter { text-align: center !important; }
.texRight { text-align: right !important; }

/* ------------------------------------------------------------
	　	color
------------------------------------------------------------ */	
.white{ color: #FFF;}
.gray{ color: #999; }
.red { color: #D90000; }
.redb { color: #D90000; font-weight: bold;}
.blue{ color: #098EC1; } 
.green{ color: #698C00; } 
.brown{ color: #6B4D3F; } 
.orange{ color: #F90; }

/*------------------------------------------------------------
	　	table / 会社概要
------------------------------------------------------------*/
.table1{ font-size: 1.4em; font-weight: normal; letter-spacing: 0.1em; text-align: left; line-height: 1.6em;}
.table1 th{ width: 25%; background-color: #EEEEEE; font-weight: normal; vertical-align: top; padding: 5px;}

/* ------------------------------------------------------------
	　	矢印
------------------------------------------------------------ */
.arrow{
	position: relative;
	display: inline-block;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
.arrow::before,.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

/* オプション設定 */
.arrow01:before{
	width: 6px;
	height: 6px;
	border-top: 4px solid #A0BDD2;
	border-right: 4px solid #A0BDD2;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.arrow02:before{ 
	width: 6px; 
	height: 6px; 
	border-top: 4px solid #FFFFFF; 
	border-right: 4px solid #FFFFFF; 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg); 
}

/* ------------------------------------------------------------
		link
------------------------------------------------------------ */
a:link, a:visited {color: #666666; text-decoration: none;}
a:hover {color: #D90000;}

/* ------------------------------------------------------------
		header
------------------------------------------------------------ */
#header{ width: 100%; max-width: 1024px; height: 110px; margin-right: auto; margin-left: auto; clear: both; padding-top: 10px; display: block; }

#header .logo{
	width: 17%;
	float: left;
	margin-top: 10px;
}

#header .logo img{
	width: 165px;
	height: 75px;
	float: left;
}

#header .left{
	width: 24%;
	float: left;
	margin-top: 10px;
	position: relative;
	height: 75px;
}

#header .left h1{
	font-size: 1.2em;
	color: #333;
	font-weight: normal;
	line-height: 1.4em;
	overflow: hidden;
	position: absolute;
	bottom: 35px;
}

#header .left address{
	font-size: 1.1em;
	color: #333;
	font-weight: normal;
	line-height: 1.4em;
	overflow: hidden;
	font-style: normal;
	bottom: 0px;
	position: absolute;
}

#header .center{
	width: 35%;
	margin-top: 10px;
	height: 75px;
	float: left;
}

#header .center img{
	margin-top: 20px;
}


#header .right{
	float: right;
	margin-top: 10px;
	position: relative;
	height: 75px;
	width: 24%;
}



#header .hdmenu{
	float: right;
	color: #999;
}
#header .hdmenu ul{ float: right; }
#header .hdmenu ul li{
	float: left;
	display: block;
	width: 85px;
	height: 15px;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}

#header .hdmemu ul li:first-child{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999;}

	
#header .hdcopy{
	float: right;
	margin-top: 10px;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: center;
	position: absolute;
	bottom: 0px;
	right: 0px;
}


/*------------------------------------------------------------
		Page Top トップへ戻る
------------------------------------------------------------*/
#pageTop{ width: 50px; height: auto; position: fixed; bottom: 10px; right: 40px; filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;z-index: 4;}
#pageTop a{ width: 50px; height: auto; display: block; background: url(../images/PageTop.png) no-repeat left top;}
#pageTop a:hover{ background-position: 0px 0px;}

/*------------------------------------------------------------
		Footer
------------------------------------------------------------ */
#footer{ width: 100%; background-color: #F3F0E9; margin: 0px; padding: 0px;}
.finner:after,#footer .left:after,#footer .right:after{content: ""; display: block; clear: both;}

#footer .finner{ width: 100%; max-width: 1024px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px;}

#footer .finner .left{ width:49%; display: block; float: left; padding: 10px;}
#footer .finner .left img{
	max-width: 100%;
	display: inline;
	float: left;
	margin-right: 10px;
	margin-top: 20px;
}
#footer .finner h2{ color: #333; font-size: 1.2em; margin-top: 10px; }
#footer .finner p{ color: 333; font-size: 1.2em; letter-spacing: 0em;}

#footer .finner .right{ width: 46%; text-align: left; float: right; margin-left: 2%; }
ul.fbox{ float: left; display: block; width: 47%; overflow: hidden;}
ul.fbox li{ color: #333; font-size: 1.3em; line-height: 1.6em; }

.copy{
	font-size: 1.1em;
	font-weight: normal;
	color: #333;
	width: 100%;
	text-align: center;
	background-color: #ccc;
	height: auto;
	line-height: 20px;
	clear: both;
	margin-bottom: 0px; /* 固定メニューの余白 */
}

/* 768px以上では非表示 */
@media(min-width: 960px){ .footer-btn{visibility: hidden;} }

/* sp・tb用固定ボタン */

.footer-btn{
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	background-color: #D90000;
}

.footer-btn ul li{
	display: block;
	float: left;
	width: 49%;
	box-sizing: border-box;
	padding: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	margin-top: 0px;
}

.footer-btn ul li:last-child{ border-right-style: none; }
.footer-btn ul li img{ margin-right: auto; margin-left: auto; max-height: auto; max-width: 100%;}

/*------------------------------------------------------------
		clearfix
------------------------------------------------------------*/
/*clearfix*/
.clearfix:after{visibility:hidden; height:0; display: block; font-size: 0; content: " "; clear: both;}  
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
br{letter-spacing: 0;}/* 古いIEのletter-spacingバグ */
.pagination ul li.active a{color:white;background-color: #D90000;}