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

/*html,body, div#wrapper{height:100%;}min-heightを設定するか検討する、div#wrapperは書いて無い。
body{position:relative;}
1.5emは1.42857143emにする。
*/
body{background-color:#fff;}
/*bootstrap テーマcssに完成後追加する*/
.navbar{min-height:60px;}
.navbar-default{
	background-color:#fff;
	border-color:#a66703;
	}
/*	
.navbar-toggle{
	margin-top:23px;
	margin-bottom:23px;
}*/

/*.navbar-default .navbar-toggle{background-color:#6e1318;} /スマホナビの開閉ボタン
.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color:#8c7ccc;
}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	background-color:#fff;
	color:#796baf;
}*/
.navbar-brand{	/*955行目のfloatを消す*/
	margin-left:15px;
	padding:0;
	width:300px;

	background:url('../images/logo-130x108.png') no-repeat center center;
	background-size: 100%;
}

/*
.navbar-default .navbar-collapse{border-color:#fff;}
.dropdown-menu>li>a
.navbar-default .navbar-nav .open .dropdown-menu>li>a{
	font-weight:600;
	color:#fff;
	}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
	color:#ffe2b2;
	background-color:#8c7ccc;
}

.carousel-control.left, .carousel-control.right{background:none;}

.breadcrumb{}
.nav-tabs{margin-bottom:1.42857143em;}

bootstrap テーマcssに完成後追加する、ここまで

bootstrap検討
*/
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text{
	font-size:18px;
	font-weight:600;
	color:#a50319;
	}
.navbar-text > a{color:#a50319;}
.navbar-text > a:hover{
	text-decoration:none;
	color:#333;
}
/*
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#ffe2b2;
	background-color:#8c7ccc;
}
.h3,.h4{color:#796baf;}
*/

/*.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	color:#fff;
	background-color:#814e21;
}*/
/*.label-warning{background-color:#F9982D;}*/
.carousel-control.left, .carousel-control.right{background:none;}
.media > a:hover{
	color:#5a020e;
	text-decoration:none;
}

header {
	padding: 10px 0 20px;
	border-bottom: solid 1px #dfdfdf;
	margin-bottom: 30px;
}

/* -- text font  --*/
.bold{font-weight:bold;}
.tc { text-align: center; }.tl { text-align: left; }.tr { text-align: right; }
.tdu { text-decoration: underline; }
.lh10 { line-height: 1em; }.lh15 { line-height: 1.5em; }.lh2 { line-height: 2em; }.lh3 { line-height: 3em; }
.vm { vertical-align: middle; }.vt { vertical-align: top; }
.fs08 { font-size: 0.8em; }.fs09 { font-size: 0.9em; }.fs1 { font-size: 1em; }
.fs11 { font-size: 1.1em; }.fs12 { font-size: 1.2em; }.fs13 { font-size: 1.3em; }
.bn { border:none; }
.bbn { border-bottom: none; }


/* -- width  --*/
.w800 {width:800px; margin: 0 auto;}
.w960 {width:960px; margin: 0 auto;}.w1000 {width:1000px; margin: 0 auto;}.w1100 {width:1100px; margin: 0 auto;}
.w1200 {width:1200px; margin: 0 auto;}.w90{width: 90%;}.w100{width:100%;}.w50{width: 50%;}

/* -- layout  --*/
.fl {float:left;}.fr {float:right;}
.dc {display:block; text-align:center;}.ma {margin-left: auto; margin-right: auto;}
.flex {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex;}
.jc_sb {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.jc_sa {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-around;}
.jc_ce {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.fl_wp {flex-wrap:-webkit-wrap; flex-wrap:-moz-wrap;-ms-flex-wrap:-ms-wrap;flex-wrap:-ms-wrap;flex-wrap:wrap;}
.fl_wp {flex-wrap:-webkit-wrap; flex-wrap:-moz-wrap;-ms-flex-wrap:-ms-wrap;flex-wrap:-ms-wrap;flex-wrap:wrap;}
.ai_ce{  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}

/* -- none --*/
body .sp {display: none;}.pc_none {display:none;}

/* -- margin  --*/
.mb0{margin-bottom:0px !important;}.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}.mb85{margin-bottom:85px !important;}.mb90{margin-bottom:90px !important;}.mb95{margin-bottom:95px !important;}.mb100{margin-bottom:100px !important;}

@media only screen and (max-width: 767px){
body .pc {display: none;}
body .sp {display: block;}


body.second #pagebody {background-size: cover;}
	
.w800 {width:100%;}
.w960 {width:100%;}
.w1000 {width:100%;}
.w1100 {width:100%;}
.w1200 {width:100%;}
.fl {float:none;}.fr {float:none;}
.flexsp {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex;}
.jc_sbsp {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.jc_cesp {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.fl_wpsp {flex-wrap:-webkit-wrap; flex-wrap:-moz-wrap;-ms-flex-wrap:-ms-wrap;flex-wrap:-ms-wrap;flex-wrap:wrap;}
.ai_cesp {-webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}

}

.media{
	margin-bottom:1.42857143em;
	font-size:18px;
	}
p, p.lead, #news li, .list-group-item, .tooltip{font-size:18px;}
.thumbnail{
	border:none;
	box-shadow:1px 1px 1px #ccc;
}
.tooltip.top .tooltip-arrow{border-top-color:#a67f3f;}
.tooltip-inner{background-color:#a67f3f;}/*a50319*/
@media only screen and (min-width:568px){
/*header > nav > div,*/
header + div, #cont-wrapp > div,
footer{width:80%;}
}
/*@media only screen and (min-width:768px){
.navbar>.container .navbar-brand{
	margin-left:0;
}	
.navbar-brand{955行目のfloatを消す
	float:left;
	width:94px;
	height:48px;
	margin-top:6px;
	margin-bottom:6px;
	background:url('https://www.house.jp.net/images/logo-94x48.png') no-repeat center center;
}
.navbar-nav>li>a{
	padding-top:20px;
	padding-bottom:20px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a{
	color:#796baf;
}	*/
/*th{white-space:nowrap;}
}	min-width:768pxはここまで*/
/*bootstrap 検討1ここまで*/
@media only screen and (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a{
	font-size:18px;	
}
.table-responsive{border:none;}
.table-responsive>.table>tbody>tr>th+td{
  white-space:normal;
}
}
@media only screen and (min-width:768px){
ul.navbar-nav{width:100%;}
.navbar-nav>li{
	width:20%;
	text-align:center;
}

.navbar-default .navbar-nav>li>a{
	padding:20px 0;
}
.table-responsive>.table>tbody>tr>th{
	white-space:nowrap;
}
/*bootstrap 検討2ここまで*/}
@media only screen and (min-width:992px){
.navbar-nav>li{
	width:16.666666%;
	/*text-align:left;*/
}
.navbar-default .navbar-nav>li>a{
	/*padding-left:22%;*/
	font-size:16px;
	/*background:url('../images/nav-outwall2.png') no-repeat 4% center;
	background-repeat:no-repeat;
	background-position:2% center;
	background-size:20%;*/
}
/*.navbar-default .navbar-nav>li>*/a.nav-outwall{
	background-image:url('../images/nav-outwall.png');
}
/*a.nav-company{
	background-image:url('../images/nav-company.png');
}*/
/*bootstrap 検討3ここまで*/}



/******************* スマホ共通設定 *******************/
h1{
	margin-top:0;
	margin-bottom:0.7143em;
	font-size:2em;
	line-height:1.42857143;
	color:#a50319;
}
h2{
	margin-top:0;
	margin-bottom:1em;
	font-size:24px;/*1.42857143em*/
	line-height:1.666666;/*2*/
	color:#a50319;
}
.panel-default{
	border-color:#a50319;
}
.panel-default>.panel-heading{
	background-color:#a50319;
	border-color:#a50319;
}
.panel-warning{
	border-color:#333;
}
.panel-warning > .panel-heading{
	background-color:#555;
	border-color:#333;
}
h2.panel-title, h3.panel-title{
	/*font-size:1.2857em;*/
	padding-left:0;
	color:#fff;
	border-bottom:none;
}
h3{
	margin:0 0 1.12em;
	font-size:20px;/*1.2857em*/
	line-height:1.25;/*1.12*/
	color:#333;
}
h4{
	margin-bottom:1.25em;
	font-size:1.14285em;
	line-height:1.25;
	color:#333;
}
.underline{
	font-weight:500;
	text-decoration:underline;
	}

hr{border-color:#a66703;}

/*p{
	text-shadow:1px 1px 3px rgba(255, 255, 255, 0.3);
}*/
p#sitemap a:visited,
footer a:visited{}
/*.navbar-text a,*/
/*.navbar-text .glyphicon, .navbar-text .glyphicon + a{color:#333;}mobile tel対応*/
.navbar-text > .glyphicon + a{color:#a50319;}/*mobile tel対応*/
span.add-num a, span.tel-num a{color:#fff;}/*mobile tel対応*/

.nav > li.open{z-index:200;}

a.btn-warning{color:#6e6b03;}
ul.nav-pills{
	margin-bottom:20px;
}
a#access,a#registration,a#rental-cal,a#rental-rule{color:#796baf;}
a#access:hover,a#registration:hover,a#rental-cal:hover,a#rental-rule:hover{text-decoration:none;}


#header-top-text{
	float:left;
	width:51%;
	height:60px;
	text-indent:-9999px;
	background:url('../images/header-top-163.png') no-repeat center center;
}
@media only screen and (min-width: 414px){
#header-top-text{
	width:62%;
	background-image:url('../images/header-top-256.png');
}
}


#slide, #slide-sm{margin-bottom:1.42857143em;}

section section, div.row > section, .row-food2{
	overflow:hidden;
	margin-bottom:1.42857143em;
}
section{margin-bottom:1.42857143em;}
#works-list a:hover, #works-list a:focus , #paint-works-list a:hover, #paint-works-list a:focus{
	text-decoration:none;
}
.caption .label{font-size:1em;}
#diagnosis-list > .row > div > img{
	margin-bottom:1.42857143em;
	cursor:pointer;
	}
#diagnosis-list > .row > div > img.active{opacity:0.6;}

section section h2{
	margin-bottom:1.12em;
	/*font-size:1.2857em;*/
	font-weight:500;
	line-height:1.12;
}
section#sentence p{margin-bottom:20px;}
#company-map iframe{
	max-width:100%;
	height:384px;
}
#home-voice-movie > div{margin-bottom:1.42857143em;}
div#contact-wrapper{
	/*position:fixed;
	bottom:0;
	left:0;
	z-index:1100;
	padding:20px 15px 0;
	width:100%;
	background-color:#a50319;
	box-shadow: 0px -1px 3px #999;*/
}
#contact-wrapper a{color:#fff;}
#contact-wrapper a:hover{text-decoration:none;}
#cont-wrapp{
	position:fixed;
	bottom:0;
	left:0;
	z-index:1100;
	padding-top:10px;
	width:100%;
	background-color:#f5f5f5;
	box-shadow: 0px -1px 3px #999;
}
#footer-fix-0120{left:10px;}
#footer-fix-contact{right:10px}

.text-right-xs{
	text-align:right;
}
.pull-left-sm{
	float:left;
	width:40%;
	margin-right:4%;
}
div#contents{
	padding-bottom:1.42857143em;
	margin-bottom:1.42857143em;
}
div#left-contents{margin-bottom:1.42857143em;}
div#main-visual{
	margin-bottom:1.42857143em;
}
#how-rental div.media:nth-last-child(2){
	margin-bottom:1.42857143em;
}
figure img{
	margin-bottom:1.42857143em;
}
aside img{/* or aside div*/
	margin-bottom:1.42857143em;
}
/* 過去のイベント用 */	/*	他のimgに影響するので変更する。*/
.row > div > img, section > div > img, div a img{
	margin-bottom:1.42857143em;
}
a div img{margin-bottom:0;}/*#works-list .thumbnail*/
#business div a img, #nano-exsample div a img, #tile-sample div a img{margin-bottom:0;}
/*bar-betty/index.html & mama.html*/
.table>tbody>tr>th,.table>tbody>tr>td{
	font-size:18px;
	border-top-color:#a66703;
}
dt{
	font-size:20px;
	font-weight:500;
	color:#a50319;
	}
dd{
	margin-bottom:1.42857143em;
	padding-bottom:1.42857143em;
	font-size:20px;
	border-bottom:solid 1px #a66703;
	}
.tsujo-price{text-decoration:line-through;}	
#works-image{margin-bottom:1.42857143em;}
#after-image, #before-image{
	position:relative;
	margin-bottom:1.42857143em;
	}
#after-image p, #before-image p{
	position:absolute;
	bottom:0;
	margin-bottom:0;
	width:100%;
	text-align:center;
	color:#fff;
	background:rgba(0, 0, 0, 0.6);;
}
#after-image img, #before-image img{
	opacity:0.4;
	cursor:pointer;
}
#after-image .active, #before-image .active{
	opacity:1;
}
#after-image img.active + p, #before-image img.active + p{
	background:rgba(165, 3, 25, 0.6)
	}

.container .jumbotron{
	/*border-radius:0px;*/
}
.jumbotron h1{
	font-size:2em;
	/*color:#fff;
	text-shadow:1px 1px 2px #777;*/
	
	}
.jumbotron p{
	font-size:1em;
	/*font-weight:600;
	text-shadow:1px 1px 1px #777;背景画像設定時適用する*/
	color:#333;
	}
.jumbotron .btn{
	margin-bottom:0;
	text-shadow:none;
}
.btn{
	margin-bottom:1.42857143em;
	font-size:18px;
}
div.btn-group-vertical{
	margin-bottom:1.42857143em;
}
div.btn-group-vertical > .btn{
	margin-bottom:0;
}


#faq-nav li{
	padding-right:0;
	padding-left:0;
}
#faq-nav .btn{
	margin-bottom:10px;
	font-size:12px;
}

ul#sitemap-contents a{
	font-weight:600;
}
ul#sitemap-contents .sitemap-child{
	padding-left:34px;
	font-weight:normal;
	border-top:none;
}

p#return-top{
	position:absolute;
	top:-59px;
	right:15px;
	opacity:0.7;
}
div#footer-wrapper{
	width:100%;
	padding:1.42857143em 0;
	margin-bottom:64px;
	background-color:#6e1318;
}
footer li{
	margin-bottom:10px;
}
footer li a{
	display:block;
	padding:8px 20px;
	text-indent:8px;
	font-size:18px;
	font-weight:600;
	color:#fff;
	background:url('../images/footer-arrow.png') no-repeat 10px center;
	border-bottom:solid 1px #a11b22;
}

.tile, .works, .company, .diagnosis{
	border-bottom:none;
}
.beauty , .tile-eco , .works-tile , .works-paint , .works-siding{
	padding-left:40px;
	text-indent:0;
	background-image:url('../images/footer-li.png');
	background-position:24px center;
	border-bottom:none;
}
.process, .gallery, .greeting, .self{
	padding-left:40px;
	text-indent:0;
	background-image:url('../images/footer-li.png');
	background-position:24px center;
	}

footer{position:relative;}
footer li a:hover{
	text-decoration:none;
	color:#ccc;
	}
/*footer p{color:#fff;}*/
footer p{color:#fff;}
footer .h4{
	margin-bottom:1.111111em;
	line-height:1.42857143;
	color:#fff;
	}
	
@media only screen and (min-width:568px){
div#footer-wrapper{
	margin-bottom:80px;
}
}
@media only screen and (min-width:768px){
h1{
	padding-right:15px;
	padding-left:15px;
	color:#fff;
	background-color:#a50319;
}
section section h2{
	background-color:transparent;
	background-image:none;
	border-bottom:none;
}
header div a img{margin-bottom:0;}

div#header-top{
	background-color:#6e1318;/*#a29585 #a50319*/
}
#header-top ul{margin-bottom:0;}
#header-top li{float:right;margin-left:30px;line-height:2.85714286;}
#header-top li a{
	font-size:16px;
	font-weight:500;
	color:#fff;
}
#header-top li a:hover{
	text-decoration:none;
	color:#ccc;
}
p#lead{
	float:left;
	margin-bottom:0;
	line-height:2.85714286;
	color:#630;
}
div#logo{float:left;}
div#logo img{
	margin-bottom:0;
}
#address{
	float:right;
	margin:0.71428571em 0;
}
.navbar-default{
	/*background-color:#f8f8f8;*/
	}
#header-top-text{display:none;}

.breadcrumb{padding-right:15px;padding-left:15px;}
#localnav-sm{margin-bottom:1.42857143em;}
div.contents-inner{
	/*padding-left:15px;*/
}
.text-right-xs{
	text-align:left;
}
section#news > div{
	/*padding-left:15px;*/
}
section#news ul li{
	/*padding-left:15px;*/
	margin-bottom:1.42857143em;
	background:url('https://www.house.jp.net/%20/images/heart1.gif') no-repeat left center;
}
#news-li time{
	display:block;
	float:left;
	width:78px;
}
#faq-nav .btn{
	font-size:14px;
}
#company-map iframe{
	height:600px;
}
div#contact-wrapper{
	/*position:static;
	z-index:auto;
	padding:0;
	width:58.33333333%;
	background-color:transparent;
	box-shadow:none;*/
}
#contact-wrapper a{color:#333;}

/* bar-betty/mama.html*/
/*	event , past event		*/
div#local-nav{
	margin-bottom:1.5em;
}
div#local-nav ul{
	border:solid 1px #389900; 
}

div#local-nav li a{
	display:block;
	padding:20px 0 20px 20%;
	color:#389900;
	/*background-color:#f8f407;*/
	border-bottom:solid 1px #389900;
}
#local-nav a.local-current{
	color:#fff;
	background-color:#fcc605;
}
#local-nav li:last-child a{	
	border-bottom:none;
}


#local-nav a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#389900;	
}


/*
#local-nav ul.local-sub a{
	padding:10px 0 10px 20%;
	color:#783930;
	background-color:#eee;
	border:solid 1px #ccc;
}
#local-nav ul.local-sub a:hover{
	background-color:#783930;
	color:#fff;
	border-color:#783930;
}
*/

span.price{
	right:10%;
}
div#footer-wrapper{margin-bottom:0;}
footer li{
	width:auto;
}
footer li:last-child > a{
	border-bottom:none;
}
footer small{
	padding-left:20px;
}


} /* //min:768px*/
@media only screen and (min-width:992px){
.pull-left-sm{
	float:none;
	width:auto;
	margin-right:0;
}
/*div#contact-wrapper{width:66.66666667%;}*/
} /* col-md : 992px*/

div.media {
	margin-bottom: 60px;
}


.media-body, .media-left, .media-right {
	display: inline;
}

.media-left{width: 170px;}
.media-left img {width:100%;}

.media-body{width: 650px;
	box-sizing: border-box;

}

.media-body p{
	line-height: 2;
	font-size: 90%;
}

.maker-line {
	background: linear-gradient(transparent 60%, #ffff66 60%);
	}

@media only screen and (max-width: 767px){

	.media-left{width: 100%;}
	.media-body{width: 100%;}

}
nav.navbar-default{display: none;}
@media only screen and (max-width: 767px){
	.w100s{
		width: 100%;
	}
.media .media-left{
	padding-right: 0;
	width: 50%;
margin: 0 auto 20px;
}
header{
	padding: 10px 0 0;
}
nav.navbar-default{
	display: block;
	border: none;
min-height: auto;
margin-bottom: 10px;
}
}