@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: bootstraper extends Stinger
Description: bootstrap対応stinger
Author: dashishida
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 201608
---------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);
* {
	font-family: 'Quicksand', sans-serif;
}

body {
	margin-top: 50px;
}

@media screen and (min-width: 768px) {
	body {
		margin-top: 0;
	}
	header h1 {
		text-indent: -9999px;
		margin: 0;
	}
}
nav h1 {
	margin: 5px 0;
	display: inline-block;
}

p {
	font-size: 15px;
	font-weight:350;
	line-height: 28px;
	margin-bottom: 20px;
}

#toppage-content h2{
	width: 372px;
	font-size:20px;
	font-weight:900;
	border-bottom: solid 3px #000;
	padding: 5px 0;
	margin: 20px auto 10px auto;
	text-align:center;
}

@media screen and (max-width: 768px) {
	#toppage-content h2{
		width: auto;
	}
}

#traders h2 {
	font-size:16px;
	font-weight:900;
	padding: 5px 0;
}

h3{
	font-size:18px;
	padding: .5em .75em;
}

h4{
	padding: .5em .75em;
}

h5{
	padding-left:0.5em;
}

.tag-water_around {
	background-color: #FFF;
  font-size: 12px;
	border: solid 2px #31b1eb;
	color: #31b1eb;
	padding: 0 2px;
	margin: 1px 2px;
	display: inline-block;
}

.tag-exhaust {
	background-color: #FFF;
	font-size: 12px;
	border: solid 2px #0ba29a;
	color: #0ba29a;
	padding: 0 2px;
	margin: 1px 2px;
	display: inline-block;
}

.tag-air_conditioner {
	background-color: #FFF;
	font-size: 12px;
	border: solid 2px #f8b62b;
	color: #f8b62b;
	padding: 0 2px;
	margin: 1px 2px;
	display: inline-block;
}

.tag-emergency {
	background-color: #FFF;
  font-size: 12px;
	border: solid 2px #ea5413;
	color: #ea5413;
	margin: 1px 2px;
	display: inline-block;
}

.tag-pest_floor {
	background-color: #FFF;
	font-size: 12px;
	border: solid 2px #b18147;
	color: #b18147;
	padding: 0 2px;
	margin: 1px 2px;
	display: inline-block;
}

.tag-other {
	background-color: #FFF;
	font-size: 12px;
	border: solid 2px #9FA0A0;
	color: #9FA0A0;
	padding: 0 2px;
	margin: 1px 2px;
	display: inline-block;
}

/* */

@media screen and (min-width: 768px) {
	nav {
	       position: relative;
	       top: -50px;
	}

	nav + .container {
	       position: relative;
	       top: -50px;
	}

	.container + .footer-container {
	       position: relative;
	       height: 400px;
	       bottom: -100px;
	}

	nav .container-fluid {
		margin: 0;
		padding: 0;
		max-width: 100%;
		background-color: rgba(0,0,0,0.85);
	}

	.navbar .navbar-inner {
	padding: 0;
	}

	.navbar .nav {
	margin: 0;
	display: table;
	width: 100%;
	}

	.navbar .nav li {
	display: table-cell;
	float: none;
	}

	.navbar .nav li a {
	font-weight: bold;
	text-align: center;
	color: #FFF;
	}

	.navbar .nav li a:hover {
		background-color: rgba(0,0,0,0.6);
		color: #FFF;
	}

	nav, .navbar-default, .navbar {
		padding: 0;
		margin: 0;
		border: none;
	}
}

@media screen and (max-width: 768px) {
	nav {
		background-color: rgba(0,0,0,0.85);
	}
}

nav .container-fluid {
	background-color: rgba(0,0,0,0.7);
}

.navbar-default {
	background-color: rgba(0,0,0,0);
}

.nav-justified {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.navbar .nav-justified > li {
    display: table-cell;
    width: 100%;
}

.navbar-collapse {
	padding: 0;
}

.navbar .nav li a {
font-weight: bold;
text-align: center;
color: #FFF;
}

.navbar .nav li a:hover {
	background-color: rgba(0,0,0,0.5);
	color: #FFF;
}

.navbar-toggle {
	background-color: inherit;
	border: solid 1px #FFF;
	padding: 4px 10px 9px 10px;
}

.smart-nav {
	border-bottom: solid 1px #eee;
	padding: 0;
	margin: 0;
}

.smart-nav>li {
	font-size: 16px;
	border-bottom: solid 1px #eee;
	padding: 5px;
	text-align: right;
}

.icon-bar-white {
	display: block;
	width:20px;
	margin-top: 5px;
	border-bottom: solid 3px #FFF;
}

/* ----------------------メインコンテンツ----------------- */
#single article {
	padding: 50px 20px;
}


.trader-box {
		border: solid 1px #666;
		position:relative;
		height: auto;
		padding: 20px 0;
		margin: 0 0 20px 0;
}

@media screen and (min-width: 768px) {
	.trader-box {
	    position:relative;
			height: 400px;
			padding: 10px 10px 30px 10px;
		margin: 0 0 20px 0;
	}

	.trader-box-title {
		height: 72px;
	}
}

@media screen and (max-width: 768px) {
	#toppage-content .notation {
		padding: 0;
	}

	#toppage-content .notation h3 {
		padding: 0;
	}

	#toppage-content .notation .col-xs-12 {
		padding: 0;
	}

	#toppage-content .col-xs-6 {
		padding: 5px;
	}

	.trader-category-icon-lg h3 {
		margin: 0;
		padding: 0;
	}
}

@media screen and (min-width: 992px) {
	.trader-box {
	    position:relative;
			height: 340px;
			padding: 10px 10px 30px 10px;
		margin: 0 0 20px 0;
	}

	.trader-box-title {
		height: 94px;
	}
}

@media screen and (min-width: 1200px) {
	.trader-box {
	    position:relative;
			height: 340px;
			padding: 10px 10px 30px 10px;
		margin: 0 0 20px 0;
	}

	.trader-box-title {
		height: 72px;
	}
}

.trader-box p {
		padding: 5px 0;
}

.trader-box h3 {
		padding: 5px 0;
		font-size: 14px;
		font-weight: 900;
}

.trader-box .trader-box-title {
		padding: 5px 0;
		font-size: 12px;
		color: #666;
}

.trader-box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.trader-box a:hover{
    background-color:#000;
    filter:alpha(opacity=10);
    -moz-opacity: 0.1;
    opacity: 0.1;
}

.trader-box a span {
	display: none;
}

#mailform-to {
	padding: 50px 0;
}

#mailform-to button {
	font-size: 18px;
	border: none;
	background-color: #000;
	color: #FFF;
	padding: 5px 30px;
}

#mailform-to button:hover {
	border: none;
	background-color: #999;
	color: #FFF;
	padding: 5px 30px;
}

/* お問い合わせページ */

#contact {
	padding: 30px 30px 0;
}

.madoguchi {
	padding-top: 100px;
	padding-left: 30px;
	border-top: dotted 1px;
	border-bottom: dotted 1px;
}
.madoguchi th {
	width: 1%;
	white-space: nowrap;
	background-color: #dcdcdc; 
}

#contact_form h3 {
	padding: 5px 30px;
}

#contact_form dl {
	padding: 5px 40px;
}

#contact_submit {
	padding: 5px 40px;
}

/* ----------------------検索ページ-----------------　*/
#traders h2 {
	font-size: 18px;
	font-weight: bold;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
	padding: 5px;
}

#single h2 {
	font-size: 24px;
	font-weight: bold;
	padding: 5px;
	border: none;
	text-align: center;
}

#single h3 {
	font-size: 18px;
	font-weight: bold;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
	padding: 5px;
}

#single #common_sidebar {
	margin-top: 111px;
}

.found-results {
	text-align: center;
}

.button-col {
	text-align: center;
}

/*  水廻り用のフォームデザイン */

#water_around-search-button {
	width: 200px;
	height: 40px;
}

#water_around-form {
	margin: 20px 0 10px 0;
	 border: solid 1px #31b1eb;
}

.water_around-form-title {
	background-color: #31b1eb;
	color: #FFFFFF;
	padding: 8px 10px;
}

.water_around-form-box {
	padding-top: 10px;
	padding-bottom: 5px;
}

.water_around-form .control-label{
	text-align: left;
	padding-left: 15px;
}

.form-group-water_around {
	border-bottom: solid 1px #31b1eb;
	margin: 0 40px 10px 40px;
	padding: 0 0 5px 0;
}

.form-group-water_around .form-group{
	margin: 0;
}

/*  排気のフォームデザイン */

#exhaust-search-button {
	width: 200px;
	height: 40px;
}

#exhaust-form {
	margin: 20px 0 10px 0;
	 border: solid 1px #0ba29a;
}

.exhaust-form-title {
	background-color: #0ba29a;
	color: #FFFFFF;
	padding: 8px 10px;
}

.exhaust-form-box {
	padding-top: 10px;
	padding-bottom: 5px;
}

.exhaust-form .control-label{
	text-align: left;
	padding-left: 15px;
}

.form-group-exhaust {
	border-bottom: solid 1px #0ba29a;
	margin: 0 40px 10px 40px;
	padding: 0 0 5px 0;
}

.form-group-exhaust .form-group{
	margin: 0;
}

/*  エアコン業者のフォームデザイン */

#air_conditioner-search-button {
	width: 200px;
	height: 40px;
}

#air_conditioner-form {
	margin: 20px 0 10px 0;
	 border: solid 1px #f8b62b;
}

.air_conditioner-form-title {
	background-color: #f8b62b;
	color: #FFFFFF;
	padding: 8px 10px;
}

.air_conditioner-form-box {
	padding-top: 10px;
	padding-bottom: 5px;
}

.air_conditioner-form .control-label{
	text-align: left;
	padding-left: 15px;
}

.form-group-air_conditioner {
	border-bottom: solid 1px #f8b62b;
	margin: 0 40px 10px 40px;
	padding: 0 0 5px 0;
}

.form-group-air_conditioner .form-group{
	margin: 0;
}

/*  緊急業者のフォームデザイン */

#emergency-search-button {
	width: 200px;
	height: 40px;
}

#emergency-form {
	margin: 20px 0 10px 0;
	 border: solid 1px #ea5413;
}

.emergency-form-title {
	background-color: #ea5413;
	color: #FFFFFF;
	padding: 8px 10px;
}

.emergency-form-box {
	padding-top: 10px;
	padding-bottom: 5px;
}

.emergency-form .control-label{
	text-align: left;
	padding-left: 15px;
}

.form-group-emergency {
	border-bottom: solid 1px #ea5413;
	margin: 0 40px 10px 40px;
	padding: 0 0 5px 0;
}

.form-group-emergency .form-group{
	margin: 0;
}

/*  害虫・床業者のフォームデザイン */

#pest_floor-search-button {
	width: 200px;
	height: 40px;
}

#pest_floor-form {
	margin: 20px 0 10px 0;
	 border: solid 1px #b18147;
}

.pest_floor-form-title {
	background-color: #b18147;
	color: #FFFFFF;
	padding: 8px 10px;
}

.pest_floor-form-box {
	padding-top: 10px;
	padding-bottom: 5px;
}

.pest_floor-form .control-label{
	text-align: left;
	padding-left: 15px;
}

.form-group-pest_floor {
	border-bottom: solid 1px #b18147;
	margin: 0 40px 10px 40px;
	padding: 0 0 5px 0;
}

.form-group-pest_floor .form-group{
	margin: 0;
}

/*  その他のフォームデザイン */

#other-search-button {
	width: 200px;
	height: 40px;
}

#other-form {
	margin: 20px 0 10px 0;
	 border: solid 1px #9FA0A0;
}

.other-form-title {
	background-color: #9FA0A0;
	color: #FFFFFF;
	padding: 8px 10px;
}

.other-form-box {
	padding-top: 10px;
	padding-bottom: 5px;
}

.other-form .control-label{
	text-align: left;
	padding-left: 15px;
}

.form-group-other {
	border-bottom: solid 1px #9FA0A0;
	margin: 0 40px 10px 40px;
	padding: 0 0 5px 0;
}

.form-group-other .form-group{
	margin: 0;
}


/* --------------------ヘッダー--------------------------*/
header {
	margin: 0;
	padding: 0;
	background-color: #666;
	height: 400px;
}

.jumbotron {
	margin: 0;
	padding: 0;
}

/* --------------------フッター--------------------------*/

.footer-container {
	background-color: #eeeeee;
}

footer a {
	color: #000000;
}

footer > div {
	padding: 30px 0 50px 10px;
	margin: 1px;
}

.footer-logo-box {
	background-image: url(./logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 250px;
	height: 77px;
	margin: 40px 0 0 30px;
}

footer h3 {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0;
	border-bottom: solid 2px #000;
}

footer ul > li {
	list-style: none;
}

footer ul {
	padding-left: 5px;
}

/* 共通サイドバー */
#common_sidebar h2 {
	font-size: 18px;
	font-weight: bold;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
	padding: 5px;
}

.textwidget {
	padding: 0px 10px;
}