@charset "UTF-8";
html{margin:0;padding:0;overflow-y:scroll;-moz-text-size-adjust:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;}
body {
font-size: 16px;
font-family: "Meiryo", "メイリオ", "ＭＳ　Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
line-height: 1.8;
color: #333;
-webkit-text-size-adjust: 100%;
border-top: solid 3px #64B600;
}
li,ol,ul{/*リストマークを消す*/
margin: 0;
padding: 0;
list-style-type: none;
}
*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
img{vertical-align:middle;border-style:none;border:0;-webkit-backface-visibility: hidden;}
a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}
a{color: #333;text-decoration:none;}
.clearfix::after, .w::after{content:" ";display:block;visibility:hidden;clear:both;height:0;line-height:0;}
* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
.container {padding: 0 5%;margin: 0 auto;clear: both;}
.cont{
margin: 0 auto;
clear: both;
}
.cont, .title_box {
max-width: 100%;
}
.red{
color: #FF3300;
}
li,ol,ul{/*リストマークを消す*/
margin: 0;
padding: 0;
list-style-type: none;
}
/* ------------------------------------- */
/*電話番号リンクをスマホのみIE11〜
/* ------------------------------------- */
a[href^="tel:"] {
text-decoration:none;
}
/* ------------------------------------- */
/*フロート設定
/* ------------------------------------- */
.tex img.centered,
.tex img.aligncenter,
#message img.centered,
#message img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
clear:none;
}
.tex img.alignright,
#message img.alignright {
margin-left:20px;
margin-right:0;
margin-bottom:20px;
display:inline;
clear:none;
}
.tex img.alignleft,
#message img.alignleft {
margin-left:0;
margin-right:20px;
margin-bottom:20px;
display:inline;
clear:none;
}
.tex img.alignnone,
#message img.alignnone {
margin-left:0;
margin-right:0;
margin-bottom:10px;
clear:none;
}
.tex .alignright,
#message .alignright,
.right {
float:right;
}
.tex .alignleft,
#message .alignleft {
float:left;
}
/* header
/* ------------------------------------- */
header {/*親div解除*/
position:static;
background:url(../img/back.jpg) no-repeat;background-size:cover;
border-bottom: solid 3px #64B600;
}
header:before {
    content: "";
    display: block;   
}
/* logo
/* ------------------------------------- */
.logo { 
margin: 15px 0;
float:left;
}
h1 a {
background: url(../img/logo.png) no-repeat;
background-size: 194px 30px;
display: block;
width: 194px;
height: 30px;
margin: 6% 0 6% 4%;
}
h1 a span {
display: none;
}
.drawer p { display: none;}
/* 物件情報
/* ------------------------------------- */
#bg {width: 100%;height: 100%;padding:40px 0 20px 0;background-color:#E1EECF;}
body > #bg {
height: auto; /* 要素を超えた分の背景が伸びないブラウザ用 */
}
.info_box2{margin:0;}
.topi_t{background:url(../img/top/topi_back.jpg) repeat;text-align:left;clear:both;width:100%;font-weight: normal;padding: .7em 0 .7em .75em;border-radius: 6px;font-size:1.3em;overflow: auto;margin: 0;}
.topi_t a{color:#fff;}
.topi_t p{float:right;font-size:0.6em;padding: 5px 10px 0 0;}
.osusume_box{width:100%;margin:0;padding:0;}
.osusume_box ul{display: -ms-flexbox;  display: -webkit-box;  display: -webkit-flex;  display: flex;  -ms-flex-wrap: wrap;  -webkit-flex-wrap: wrap;  flex-wrap: wrap;}
.osusume_box ul:after{content: "";  clear: both;  display: block;}
.osusume_box li{width:100%;margin:0 3% 3% 0;padding:20px 0 10px 0;float:left;overflow:hidden;height:auto;border-bottom: dotted 1px #000;position: relative}
.osusume_box li a{display:block}
.osusume_box li a:hover{
filter:alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
	}
.photo{width:100%;overflow:hidden;height:160px;position:relative;margin:0;}
.osusume_box li div img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-filter:opacity(100%);filter:opacity(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;max-width:100%;height:auto;}
.osusume_box li p{-webkit-filter:opacity(100%);filter:opacity(100%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.osusume_tex{width:100%;padding:0;float:right;}
.osusume_tex h5 {text-decoration:none;float:left;font-weight:normal;font-size:100%;line-height:150%;color:#444;clear: left;padding:10px 0}
.keiyakuzumi {
    font-weight: bold;
    border: solid 3px #17963B;;
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 40%;
  vertical-align:middle;
  height: 100px;
  line-height:100px;
	z-index:9999;
	background-color:rgba(255,255,255,0.8);
}
.keiyakuzumi p {
    margin: 0; 
    padding: 0;
	color:#17963B;;
	text-align:center;
	font-size:1.5em;
}
/* ==============================================================
カテゴリー名表示＋色分け
============================================================== */
.osusume_box span,
.info_box span,
.tag_box span {
width:80px;height:auto;float:left;margin:0 10px 5px 0;z-index:9999;
padding: 1px;
text-align: center;
font-size: 80%;
color:#fff;
border-radius:5px;
}
.osusume_box span{
position: absolute;top: 160px;left: 10px
}
span.kouba,span.info_kouba { background: #86B3E0;}
span.souko,span.info_souko { background: #FFB900;}
span.jimusyo,span.info_jimusyo { background: #EB6D8E;}
span.youchi,span.info_youchi { background: #64B600;}
span.sonota,span.info_sonota { background: #BE875F;}
span.info { background: #17963B;}

.tag_box:after {    
  content: "";
  display: block;
  clear: both;
}

.boxa {
width: 100%;
text-align: left;
margin:20px 0 10px 0;
}
/*	footer
/* ------------------------------------- */
footer {
width: 100%;
text-align: center;
background-color: #fff;
margin: 0;
}
#footer_box {
width: 100%;
margin: 0 auto;
}
.footer_img {
background:url(../img/footer_hana.jpg) repeat-x;
width: 375px;
height: 105px;
background-size: 375px 105px;
width: 100%;height: 100%;padding:50px 0;}
.f_box {
width: 100%;
background-color: #5CB531;
color: #fff;
padding: 20px 0;
font-size: 80%;
line-height: 1.6em;
font-style: normal;
}
.f_box .copy {
font-size: 60%;
}
.f_box h5 address {
font-style: normal;
}
.f_box h5 address a {
color: #fff;
text-decoration: underline;
}
.f_box a[href*="tel:"] {
color: #fff;
text-decoration:none;
}
/* page-top
/* ------------------------------------- */
#page-top a {
margin: 0;
padding: 0;
position: fixed;
right: 16px;
bottom: 16px;
}
#page-top a {
display: block;
background: #17963B;
width: 50px;
height: 50px;
cursor: pointer;
color: #fff;
line-height: 50px;
text-decoration: none;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#page-top a:hover {
filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
/* ------------------------------------- */
/*検索
/* ------------------------------------- */
#feas-searchform-0 {
	padding:5px 0;
	margin:0
}

#feas-searchform-0 label {
	font-weight:normal;
}

#feas-searchform-0 input,
#feas-searchform-0 select {
	margin-right:5px;
}


/*調整 */
#feas-searchform-0 input[type='text'] {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.5em 0;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #aaaaaa;
	border: 1px solid #bbbbbb;
}
#feas-searchform-0 input[type='text']:focus {
	border: 1px solid #da3c41;
	outline: none;
}
.cp_ipselect {
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.cp_ipselect select {
	font: 15px/24px sans-serif;
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}
/*table */
#feas-searchform-0 table{
width: 100%;
border-collapse: collapse;
border-top: none;
}
#feas-searchform-0 table th{
width: 30%;
text-align: left;
vertical-align: center;
font-weight:normal;
padding: 6px;
background-color:#fff;
border-bottom: none;
}
#feas-searchform-0 table td{
width: 100%;
background-color: #fff;
float:left;
padding: 6px;
border-bottom: none;
}
/* リセット */
button,
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
}
.feas-submit input {
	width:100%;
  display: inline-block;
  padding: 0.6em;
  text-decoration: none;
  background: #64B600;/*ボタン色*/
  color: #fff;
  border-radius: 3px;
  text-align:center;
  font-weight:bold;
  font-size: 1.2em;
}
.feas-submit input:hover {
	color: #ffffff;
	background-color: #73BD19;
}
.feas-reset input {
	width:90%;
  display: inline-block;
  padding: 0.6em;
  text-decoration: none;
  background: #E1EECF;/*ボタン色*/
  color: #64B600;
  border-radius: 3px;
  text-align:center;
  font-weight:bold;
  font-size: 1.2em;
}
.feas-reset input:hover {
	color: #64B600;
	background-color:#edf4e2;
}
/* mainbana
/* ------------------------------------- */
.mainbana_box {
padding:40px 0
}
.bukken_l{
padding:0 0 10px 0
}
.bukken_l img,.bukken_r img{
max-width: 100%;
height: auto;
border-radius: 10px; /*角丸*/
}
.bukken_l img{
border-bottom: solid 4px #2B5300; /*下線色*/
}
.bukken_r img{
border-bottom: solid 4px #B93D00; /*下線色*/
}
@media screen and (min-width: 480px) {
/* bukken
/* ------------------------------------- */
.mainbana_box:after {
content: "";
display: block;
clear: both
}
.bukken_l {
width: 48%;
float: left;
padding:0
}
.bukken_r {
width: 48%;
float: right;
}
}
@media screen and (min-width: 720px) {
.container,.cont {
max-width: 720px;
margin: 0 auto;
padding: 0;
}
/* info
---------------------------------------------------- */
.osusume_box li{width: 31.42%;margin-right: 2.87%;height:auto;padding:0;}
.osusume_box li:nth-child(3n) {
  margin-right: 0;
}
.osusume_tex{width:100%;padding:0;float:none;}
.osusume_box span {
top: 140px;
}
.topi_t{margin: 0 0 20px 0;}
}
@media screen and (max-width: 980px) {
/*tex
/* ------------------------------------- */
.tex img.centered,
.tex img.alignright,
.tex img.alignleft,
.tex img.alignnone,
.tex img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
clear:both;
}
.tex .alignright {
float:none;
}
.tex .alignleft {
float:none;
}
.tex .aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto;
}
}
@media screen and (min-width: 980px) {
.container,.cont {
max-width: 1000px;
}
/* header
/* ------------------------------------- */
h1 a{
width: 258px;
height: 40px;
background-size: 258px 40px;
display: block;
}
.drawer p { 
font-size: 80%;
line-height: 1.6;
margin: 15px 0;
padding:0 0 0 15px;
display: block;
}
/* footer
/* ------------------------------------- */
.footer_box {
width: 1000px;
text-align: left;
margin: 0 auto;
}
/* move-page-top
/* ------------------------------------- */
.move-page-top:hover {
opacity: 0.85;
}
.sumaho {
display: none;
}
/*	footer
/* ------------------------------------- */
.br-sp {
display: none;
}
}