/******************************************************************
Theme Name:那珂川町地域資源情報バンク検索サイト
Author: KCSCorp.
******************************************************************/
/*===================================================
common.css 
==================================================== */
html {
	overflow-y:scroll;
}
body{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	background-color:#EDEDEB;
	letter-spacing: 1.5px
}
.navbar-default {
  background-color: #EDEDEB;
  border:none;
}
.nav-header{
	padding-bottom:15px;
}
.navbar-header{
	z-index:10;
	right:0;
	position:absolute;
}
.navbar-nav{
    margin: 0px auto 5px auto;
    display: table;
    table-layout: fixed;
    float:none;
}
.navbar-nav li{
	margin:0 5px;
}
.navbar-nav li a:hover,.navbar-nav li a:focus{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.navbar {
	background-color:#EDEDEB;
	margin-bottom:0;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
	margin:0;
	padding:0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border:none;
}
/*ハンバーガーメニュー*/
.navbar-default .navbar-toggle{
	border:none !important;
}
.navbar-toggle {
    border-radius: 25px;
    padding: 5px;
}

/*画像配置*/
.aligncenter {
    display: block;
    margin: 0 auto;
	text-align:center;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}

.valign_bottom {
	vertical-align:bottom;
}

/*フッター---------------------------------------*/
.footer .bx{
	padding-top:10px;
	padding-bottom:10px;
	margin-top:15px;
	margin-bottom:5px;
	background: #47341F;
	color:#FFFFFF;
}
.footer a{
	color:#FFFFFF;
}
.footer a:hover,.footer a:focus{
	color:#ccc;
	text-decoration:none;
}

.footer .copy{
	font-size:90%;
	padding:7px;
}

.backtop {
	position: fixed;
	bottom: -52px;
	right: 15px;
}
.backtop a {
	display: block;
	width: 145px;
	height: 41px;
}

.backtop a:hover, .backtop a:focus{
	bottom:0 !important;
}

/*===================================================
ホーム
==================================================== */

/*スライダー----------------*/
#carousel{
  box-shadow: 0px 9px 5px -5px rgba(153,153,153,0.3);
  -webkit-box-shadow: 0px 9px 5px -5px rgba(153,153,153,0.3);
  -moz-box-shadow: 0px 9px 5px -5px rgba(153,153,153,0.3);
}
.carousel-indicators li{
	border-color:#fff;
	background-color:#fff;
}
.carousel-indicators .active{
	border-color:#F4BA01;
	background-color:#F4BA01;
}

.home_right {
	margin-top:15px;
}

.home_left {
	margin-top:10px;
}
.banner1 {
	margin-top:15px;
}
.banner1 .bn-sm{
	margin-top:10px;
}
.banner2 .bn-sm{
	margin-top:18px;
}
.banner2 area:hover,.banner2 area:focus{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.bn-xm{
	margin-top:18px;
}
.container-fluid {
	margin-top:20px;
}
/*お知らせ*/
.rss .btn-green,.rss .btn-pink{
	border-radius:0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}
.info {
	margin:10px 0;
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#FFFFFF;
}
.info img{
	margin:15px 0;
}

.info_text {
	padding:35px 20px 10px 50px;
	text-align:left;
}
.info_text .col-md-3,.bukken_info .col-md-3,.event_info .col-md-3{
	padding-right:0;
	padding-left:0;
}

.event_info {
	height:auto;
	background-color:#FFFFFF;
	padding-bottom:20px;
	margin-top:20px;
}

.bukken_info {
	height:auto;
	background-color:#FFFFFF;
	padding-bottom:20px;
}

.balloonWrap{
	background-color:#fff;
	clear:both;
	margin-top:15px;
}
.balloon {
	color: #fff;
    display: inline-block;
    font-size: 120%;
    font-weight: 700;
    letter-spacing: 1.5px;
    min-width: 115px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 0;
}
.balloon h2{
	font-size: 18px;
    
    margin: 0;
    padding: 10px;
	font-weight:700;
}
.balloon:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 7%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	z-index: 0;
}
.balloon:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 7%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	z-index: -1;
}
		/*新着物件*/
		.bukken .balloon,.main .balloon {
			background: #229358;
			border: 3px solid #229358;
		}
		.bukken .balloon:before,.main .balloon:before {
			border-color: #229358 transparent transparent transparent;
		}
		.bukken .balloon:after,.main .balloon:after {
			border-color: #229358 transparent transparent transparent;
		}
		/*イベント*/
		.event .balloon {
			background: #F4BA00;
			border: 3px solid #F4BA00;
		}
		.event .balloon:before {
			border-color: #F4BA00 transparent transparent transparent;
		}
		.event .balloon:after {
			border-color: #F4BA00 transparent transparent transparent;
		}

.event_title {
	height:61px;
}
.event .col-md-9,.info .col-md-9{
	padding-left:0;
}

/*最新物件============================*/
.bukken_info ul li{
	list-style:none;
	margin-top:15px
}
.bukken_info ul li .col-md-8.col-sm-7,
.bukken_info ul li .col-md-4.col-sm-5{
	margin-bottom:10px;
}
.bukken_info ul li .col-md-4.col-sm-5{
	padding-left:0;
}
.top_code{
	border:1px solid #663300;
	padding:0px 5px;
	font-size:11px;
	color:#663300;
}
.bukken_info .top_title {
	margin-top:10px;
}
.bukken_info .top_title a{/*物件タイトル*/
	font-size:115%;
	text-decoration:underline;
	color:#663300;
}
.bukken_info .top_title a:hover,.bukken_info .top_title a:focus{/*物件タイトル*/
	color:#311800;
}
.bukken_info .top_price{
	font-weight:bold;
	font-size:120%;
	color:#DB5311;
}

/*UIターン者の声============================*/
.voice{
	background-color:#fff;
	padding:10px;
	max-width:333px;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:10px;
}
.page .voice{
	margin-top:32px;
}
.voice .voiceTitle{
	margin: 15px 0;
}
.voice h3{
	margin-top:10px;
	margin-bottom:5px;
	font-size:20px;
}
.voice .text-right{
	margin-top:5px
}
.voice .voiceTitle .col-xs-5,.voice .voiceData .col-lg-5{
	padding:0;
}
.voice p.thumb{
	padding-top:5px;
}
.voice p.thumb img{
    border-radius: 50% ;
}
.voice p.thumb img:hover,.voice p.thumb img:focus{
    filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*ランキング============================*/
.ranking{
	background:url(images/ranking_head.png) repeat-x top #fff;
 	padding:0 15px 15px 0;
	max-width:333px;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:10px;
}
.ranking .titleWrap{
	padding-top:35px;
	padding-bottom:20px;
}
.ranking .text{
	color:#663300;
}
.ranking .data{
	padding:10px;
}
.ranking .thumb img{
	width:142px;
	overflow:hidden;
}
.ranking .data .code{
	border:1px solid #663300;
	color:#663300;
	padding:0 5px;
	font-size:85%;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.home .col-md-8 a img,.entry-content a img,.home_right a img{
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.entry-content a img:hover,.entry-content a img:focus,
.home_right a img:hover,.home_right a img:focus,
.home .col-md-8 a img:hover,.home .col-md-8 a img:focus{
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

/*===================================================
サブページ - page
==================================================== */
/*ぱんくずリスト===============*/
.listpath{
    font-size: 90%;
	color:#555;
	padding-left:5px;
}
.listpath a{
	color:#488a24;
}
.single-fudo .listpath{
	margin-bottom:20px;
}
.pageTitle h2{
	margin-top:0;
}
.pageTitle{
	margin-top:5px;
}
.pageTitle .col-xs-6{
	padding:0;
}
.pageTitle .btn-green{
	border-radius:0;
	padding:1px 14px;
}
/*.page ul{
	padding:0;
}
.page ul li{
	list-style:none;
	margin-bottom:15px;
}*/

/*本文欄*/
.entry-content{
	background: #fff;
	padding:25px 15px 15px;
	border-radius: 10px;
}
.page .entry-content h2{
	background:url("images/bg_h2.png") no-repeat;
	padding:5px 10px  5px 35px;
}
.page .entry-content h3{
	font-size:18px;
	color:#fff;
	background:url(images/h3_bg.gif) repeat;
	border-radius:7px;
	padding:9px 5px 7px 10px;
	font-weight:700;
}
.page .entry-content .table{
	margin-top:10px;
}
.page .entry-content .table > thead > tr > th,.page .entry-content .table > tbody > tr > th,
.page .entry-content .table > tfoot > tr > th,.page .entry-content .table > thead > tr > td,
.page .entry-content .table > tbody > tr > td,.page .entry-content .table > tfoot > tr > td{
	border:1px solid #ddd;
}
.page .entry-content .table th{
	background-color:#f3f3f3;
}
.page .entry-content ul{
	padding-left:30px;
}
.page .entry-content ul li{
	margin: 3px;
}

/*物件を探すページ========================*/
.page select{
	border: 1px solid #888;
    font-size: 14px;
    line-height: 1.5;
    margin: 2px 0;
    outline: medium none;
    padding: 5px;
    width: 250px;
}
#searchitem div{
	margin:5px 0;
}
.jsearch_chiiki,.jsearch_kakaku,.jsearch_hofun,
.jsearch_chikunen,.jsearch_memseki,.jsearch_setsubi{
	font-weight:700;
	font-size:110%;
}
.jsearch_setsubi span{
	font-weight:300;
}
input#btn { 
	background: #e84f4a; 
	color: #fff; 
	padding:10px 30px;
	margin-top:5px;
	border:0;
	border-radius:5px;
	font-weight:700;
}
input#btn:hover,input#btn:focus { 
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
input#btn[type="submit"][disabled]{
	background: #ccc; 
	color: #666; 
}
input#btn[type="submit"][disabled]:hover,input#btn[type="submit"][disabled]:focus{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.entry-content h2{
	font-size:22px;
	color:#47341f;
	letter-spacing:2px;
	font-weight:700;
}
.search .setsubi_cb label{
	display: inline-block;
    margin-bottom: 5px;
    margin-right: 7px;
    max-width: 100%;
    padding-left: 2px;
}
.bn2 .widgettitle{
	text-align:center;
	background:none !important;
}
.bn2{
	background-color: #F3F1E2;
	padding:3px 18px 20px;
	border-radius: 10px;
	margin:10px 0;
}
.col-md-4 .bn2{/*物件詳細ページの右カラム*/
	background-color:#fff;
}
.page-id-10 .pageTitle i{
	color:#D63932;
	padding-right:5px;
}
/*物件検索結果(一覧)============*/
.archive_fudo h1.page-title{
	font-size:28px;
}
.archive_fudo h2{
	font-size:22px;
}
.nav-previous{
	background-color:#f1f1f1;
	padding:5px 0;
}
h2.entry-title{
	background-color:#229358;
	padding:10px 10px 5px 5px;
	border-radius: 5px;   
	-webkit-border-radius: 5px;    
	-moz-border-radius: 5px; 
}
h2.entry-title a{
	color:#fff;
}

/*タイトル==================*/

/*物件詳細ページ*/
.list_picsam a img{
	width:150px;
	overflow:hidden;	
	margin-bottom:5px;
}
.list_detail table th{
	color:#47341F;
}
/*UIターン者の声==================*/
.archiveData{
	padding:10px 0;
}
/*不動産マップ=====================*/
.fudomap{
	margin-bottom:15px;
}
.fudomap iframe{
	border-radius:10px;
}

/*緑のボタン*/
.btn-green {
	background-color: #229358;
	background-image:#229358;
	text-shadow: 0 1px 0 #fff;
	/*background-image: -webkit-linear-gradient(top, #EF6F30 0%, #ED5B14 100%);
	background-image:      -o-linear-gradient(top, #EF6F30 0%, #ED5B14 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EF6F30), to(#ED5B14));
	background-image:         linear-gradient(to bottom, #EF6F30 0%, #ED5B14 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffEF6F30', endColorstr='#ffED5B14', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/
	background-repeat: repeat-x;
	color:#fff;
	text-shadow:none;
	/*border:1px solid #1B7244;*/
	border-radius:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	font-size: 13px;
	padding: 1px 14px;
	font-weight:700;
}
.btn-green:hover,
.btn-green:focus {
  background-position: 0 -15px;
  color:#fff;
  background-color: #1D7E4B;
  text-shadow:none;
}
.btn-green:active,
.btn-green.active {
  background-color: #1D7E4B;
}
.btn-green.disabled,
.btn-green[disabled],
fieldset[green] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[green] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled.focus,
.btn-green[disabled].focus,
fieldset[disabled] .btn-green.focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
  background-color: #1D7E4B;
  background-image: none;
}
/*ピンクのボタン*/
.btn-pink {
	background-color: #E84F4A;
	background-image:#E84F4A;
	text-shadow: 0 1px 0 #fff;
	background-repeat: repeat-x;
	color:#fff;
	text-shadow:none;
	border-radius:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	font-size: 13px;
	padding: 1px 14px;
	font-weight:700;
}
.btn-pink:hover,
.btn-pink:focus {
  background-position: 0 -15px;
  color:#fff;
  background-color: #EE7C79;
  text-shadow:none;
}
.btn-pink:active,
.btn-pink.active {
  background-color: #EE7C79;
}
.btn-pink.disabled,
.btn-pink[disabled],
fieldset[pink] .btn-green,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[pink] .btn-green:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled.focus,
.btn-pink[disabled].focus,
fieldset[disabled] .btn-pink.focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
  background-color: #EE7C79;
  background-image: none;
}
/*黄色いボタン*/
.btn-yellow {
	background-color: #F0C808;
	background-image:#F0C808;
	text-shadow: 0 1px 0 #fff;
	background-repeat: repeat-x;
	color:#5E4C21;
	text-shadow:none;
	border-radius:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	font-size: 13px;
	padding: 1px 14px;
	font-weight:700;
}
.btn-yellow:hover,
.btn-yellow:focus {
  background-position: 0 -15px;
  color:#5E4C21;
  background-color: #F9D83E;
  text-shadow:none;
}
.btn-yellow:active,
.btn-yellow.active {
  background-color: #F9D83E;
}
.btn-yellow.disabled,
.btn-yellow[disabled],
fieldset[yellow] .btn-green,
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[yellow] .btn-green:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled.focus,
.btn-yellow[disabled].focus,
fieldset[disabled] .btn-yellow.focus,
.btn-yellow.disabled:active,
.btn-yellow[disabled]:active,
fieldset[disabled] .btn-yellow:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow.active {
  background-color: #F9D83E;
  background-image: none;
}

/*Lightbox*/
.lightbox,
.lightbox th,
.lightbox td{
	border:none !important;
}

@media (min-width: 768px){
	.info {
		min-height:200px;
		background-color:transparent;
		border:none;
		background-image:url(images/news_bg.png);
		background-repeat:no-repeat;
		background-size: 100% 100%;
		margin-bottom:10px;
	}
	.info_text {
		padding:20px;
		text-align:left;
	}
	.event .col-md-3,.info .col-md-3{
		width:20%;
	}

}

@media (min-width: 992px) {/*幅992px以上で適用されるスタイル*/
	.info {
		min-height:190px;
		margin:0 0 10px 0;
	}
}
@media (min-width: 800px) {/*幅992px以上で適用されるスタイル*/
}
@media (min-width: 1200px) {/*幅1200px以上で適用されるスタイル*/
	.bn-xm{
		margin-top:36px;
	}
}
@media (max-width: 767px) {/*幅767px以下で適用されるスタイル*/
	.info_text {
		padding:10px 0 15px 0;
	}
        .banner1 img.large{max-width:333px;}
	
}

/*印刷時URL非表示上書き*/
@media print {
  a[href]:after {
    content: "" !important;
  }
  abbr[title]:after {
    content: "" !important;
  }
}
.table-responsive{
	-webkit-overflow-scrolling: touch;
}