@charset "UTF-8";
/* ------------------------------------- */
/* リンク
/* ------------------------------------- */
a{color:#17963B;text-decoration:none;}
.google-maps {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/* midasi
/* ------------------------------------- */
h3.midasi{
background:url(../img/top/topi_back.jpg) repeat;text-align:left;
}
h3.midasi2{
background:url(../img/page/topi_back2.jpg) repeat;text-align:left;
}
h5.midasi{
padding: 0 0 .7em 0;
color:#17963B;
font-size:1.5em;
font-weight: bolder; 
}
h3.midasi,h3.midasi2{
clear:both;width:100%;
font-weight: normal;
padding: 1em 0 1em .75em;
border-radius: 6px;
font-size:1.3em;
color:#fff;
overflow: auto;
margin: 20px 0;
}
h3.midasi:after,
h3.midasi2:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
h5.midasi::after{
content: " ";
width:10%;
display: block;
}
/*title
/* ------------------------------------- */
#title{
padding: 20px 0 0 0;
text-align:center;
margin: 0 0 20px 0;
}
#title h2 {
margin: 0 auto;
font-size: 130%;
font-weight: normal;
color: #fff;
text-shadow: 0 0 10px #005bab;
}
/* pan */
.pan {
display: none;
}
/*tex
/* ------------------------------------- */
.tex {
clear: both;
width: 100%;
margin: 20px 0;
text-align: justify;
}
.tex img,.p_box img {
border: 0;
max-width: 100%;
height: auto;
}
.tex img a {
border: 0;
}
hr {
border-width: 1px 0 0 0; /* 太さ */
border-style: dotted; /* 線種 */
border-color: #ccc; /* 線色 */
height: 1px; /* 高さ */
max-width: 100%;
clear:both;
margin: 15px 0;
}
/* table */
table {
width: 100%;
border-collapse: collapse;
margin: 10px 0;
border-style: solid;
border-width: 0;
border-top: 1px solid #777;
font-size:0.8em;
text-align: left;
}
table th {
background-color:#fffacd;
}
table#otoiawase th {
background-color:#fffacd;
}
table#otoiawase th,
table#otoiawase td {
font-weight:normal;
padding: 8px 20px;
border-bottom: 1px solid #777;
}
table th,
table td {
font-weight:normal;
padding: 10px;
border-bottom: 1px solid #777
}
table.mobile-block {
border-left: none;
}
table.mobile-block th,
table.mobile-block td {
border-right: none;
}
table.mobile-block th{
color:#444;
}
table td img {
margin: 0 0 10px 0;
margin-bottom:0px;
}
.contactform-width {
max-width: 100%;
}
.red {
color: red;
}
.form_moji {
font-size: 130%;
}
/* 画像用 */
table.topwaku td,
table.topwaku {
font-weight:normal;
padding: 0px 10px;
border: none;
border-top: none;
}
textarea{
width:100%;
padding:5px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Chrome, Safari */
}
input[type="text"] ,input[type="email"] {
width:100%;
padding:5px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Chrome, Safari */
}

/* お問い合わせボタン */
.buttonContainer {
text-align: center;
padding: 20px 0;
}
#button{
width: 100%;
display: inline-block;
font: normal normal 300 1.3em '';
padding: 7px 20px;
  border-radius: 25px;
  text-decoration: none;
  color:#17963B;
  transition: .4s;
  border: solid 1px #17963B;
}
#button:hover {
color: #fff;
background-color: #17963B;
}
#button a:hover {
color: #fff;
}

/*arvhive
/* ------------------------------------- */
.info_box1{
margin: 20px 0 0 0;
}
.info_box {
border-bottom: #333 dotted 1px;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
}
.i_box{
float:left;
width: 75%;
}
.i_date{
color: #333;
margin: 0 10px 0 0;
}
.i_text{
margin: 0 0 0 0;
}
.i_m{
color: #666;
margin: 0 10px 0 0;
clear:both;
}
.i_text a {
color: #333;
text-decoration: underline;
}
.i_text a:visited {
color: #333;
text-decoration: underline;
}
.i_text a:hover {
color: #17963B;
text-decoration: underline;
}
.i_date2 {
color: #333;
}
.i_title {
color: #333;
font-size: 130%;
line-height: 170%;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
border-bottom: #333 dotted 1px;
font-weight: normal;
}
.i_title a {
color: #333;
font-weight: normal;
}
.i_title a:hover {
color: #17963B;
font-weight: normal;
}
.i_m2{
color: #333;
font-size: 110%;
line-height: 170%;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
font-weight: normal;
border-bottom: #666 dotted 1px;
}
.i_text_box{
border-bottom: #333 dotted 1px;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}
/* back
---------------------------------------------------- */
.back{
color: #888;
width: 100%;
max-width: 100%;
font-size: 12px;
line-height: 14px;
margin: 20px 0;
clear:left
}
.back a {
text-decoration: none;
color: #888;
}
.back a:visited {
color: #888;
text-decoration: underline;
}
.back a:hover {
color: #999;
text-decoration: underline;
}
/* ------------------------------------- */
/*ページ送り
/* ------------------------------------- */
.pagination {
clear: both;
padding: 20px 0;
position: relative;
font-size: 12px;
line-height: 12px;
text-align: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 8px 10px 8px 10px;
text-decoration: none;
width: auto;
color: #fff;
background: #66cc00;
}
.pagination a:hover {
color: #fff;
background: #45b035;
}
.pagination .current {
padding: 8px 10px 8px 10px;
background: #45b035;
color: #fff;
}
.page_box {
float: left;
width: 100%;
margin-top:20px
}
/* ------------------------------------- */
/*contactform7-必須
/* ------------------------------------- */
/* 必須マーク */
.must {
background: #FF1A00;
}
/* 任意マーク */
.free {
background: #999;
}
.must,
.free {
color: #FFF;
border-radius: 3px;
font-size: 10px;
margin-right: 10px;
padding: 5px;
letter-spacing: 0.2em;
}
/*boxa
/* ------------------------------------- */
.boxa {
width: 100%;
text-align: left;
margin:20px 0 10px 0;
}
/*-----------------------------
ギャラリー
------------------------------*/
.gallery { /** ギャラリーを囲むボックス **/
width: 100%;
margin-bottom: 20px !important;
overflow: hidden;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.gallery br {display: none;} /** 自動で挿入される clearfix の余白解除 **/
.gallery-icon { /** 画像を囲む dt のスタイル **/
text-align: center;
}
.gallery-icon img,
figure img {
width: 100%;
height: auto;
margin-bottom: 10px !important;
}
.gallery-caption,
figcaption.wp-caption-text { /** キャプション **/
color: #333;
font-size: 12px;
margin: 0 0 10px;
text-align: center;
line-height: 1.1;
}
[id^="gallery-"] img,
[id*=" gallery-"] img {/** 枠線削除 **/
	border:none !important;
}
.gallery-columns-1 .gallery-item { /** カラムなし **/
width: 100%;
margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
width: 48.56%;
margin-right: 2.88%;
}
.gallery-columns-2 .gallery-item:nth-child(2n) {
 margin-right: 0;
}

.gallery-columns-3 .gallery-item { /** 3カラム **/
width: 31.42%;
margin-right: 2.87%;
}
.gallery-columns-3 .gallery-item:nth-child(3n) {
margin-right: 0;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
width: 22.84%;
margin-right: 2.88%;
}
.gallery-columns-4 .gallery-item:nth-child(4n) {
margin-right: 0;
}

.gallery-columns-5 .gallery-item { /** 5カラム **/
width: 17.68%;
margin-right: 2.9%;
}
.gallery-columns-5 .gallery-item:nth-child(5n) {
 margin-right: 0;
}
.gallery-columns-6 .gallery-item { /** 6カラム **/
width: 14.25%;
 margin-right: 2.9%;
}
.gallery-columns-6 .gallery-item:nth-child(6n) {
margin-right: 0;
}
/*一覧
/* ------------------------------------- */
.pl_box {
margin: 20px 0;
}
.pl_p {
width: 100%;
margin: 0 auto;
padding: 0;
text-align: center;
}
.pl_p img {
width: 100%;
height: auto
}
.pl_t {
width: 100%;
margin: 10px 0 0 0
}
.pl_t div {
width: 100%;
margin: 0 0 9px 0;
}
.pl_t dl dt {
width: 23%;
color: #FFF;
background: #64B600;
float: left;
padding: 4px 0;
margin: 0 2% 0 0;
text-align: center;
border-radius: 6px;
}
.pl_t dl dd {
float: right;
width: 73%;
padding: 4px 0;
}
/* pl_l pl_r */
.pl_l h4,
.pl_r h4,.pl_map h4 {
font-size: 140%;
color: #17963B;
padding: 0 0 5px 0;
margin: 30px 0 10px 0;
border-bottom: 3px solid #17963B;
font-weight: normal;
}
.pl_map {
width: 100%;
}
.setumei{
padding:10px;
margin: 30px 0 10px 0;
background-color:#fffacd;
}

/* 投稿詳細 */

.i_date2{color:#666;}
.i_title{color:#64B600;font-size:130%;line-height:170%;margin:0px 0px 10px 0px;padding:0px 0px 5px 0px;border-bottom:#64B600 dotted 1px;font-weight:normal;}
.i_title a{color:#64B600;font-weight:normal;}
.i_title a:hover{color:#64B600;font-weight:normal;}
.i_m2{color:#666;font-size:110%;line-height:170%;margin:0px 0px 10px 0px;padding:0px 0px 5px 0px;font-weight:normal;border-bottom:#666 dotted 1px;}
.i_text_box{border-bottom:#64B600 dotted 1px;margin:0px 0px 10px 0px;padding:0px 0px 10px 0px;}

/* ------------------------------------- */
/* 物件情報スライダ
/* ------------------------------------- */
.slider-container, .slider-nav-container {
  display: none;
  position: relative;
}
.slider-container.initialized, .slider-nav-container.initialized {
  display: block;
}
.slider-nav-container {
  margin-top: 18px;
}
.slider {
  overflow: hidden;
}
.slider img{
width: 100%;
height: 270px;
object-fit: cover;
overflow: hidden;
}
.slider-nav {
  margin: 0 26px 26px 26px;
}
.slider-nav img{
width: 100%;
height: 60px;
object-fit: cover;
overflow: hidden;
}
.slider-arrow {
  position: absolute;
  top: 50%;
  height: 36px;
  margin-top: -18px;  /* 高さの半分だけネガティブマージン */
  color: #aaa;
  line-height: 36px;
  font-size: 28px;
  cursor: pointer;
  z-index: 10;  /* 重要 */
}
.slider-prev {
  left: 0;
}
.slider-next {
  right: 0;
}
.slick-slide {
  outline: 0;
}
.slider .slick-slide > img, .slider-nav .slick-slide > img {
  display: block;
  width: 100%;
  height: auto;
}
.slider {
  display:none;
}
.slider.slick-initialized {
  display: block;
}

/* ------------------------------------- */
/* 検索一覧
/* ------------------------------------- */
.search_t {
margin-top:10px;
font-size:90%;
clear:left;
margin-bottom:3%}
.search_t dl dt {
width: 23%;
float: left;
padding: 1px 0;
margin: 0 2% 0 0;
text-align: left;
clear:left
}
.search_t dl dt.green{
color: #17963B;
}
.search_t dl dt.orange{
color: #FF7535;
}
.search_t dl dd {
float: right;
width: 73%;
padding: 1px 0;
color: #444;
}
/* ------------------------------------- */
/*box
/* ------------------------------------- */
.half_box {
padding:20px 0
}
.half_l {
padding:0 0 10px 0
}
/* 条件から探す
/* ------------------------------------- */
.search_tbox {
border-bottom: 3px solid #17963B;
margin: 0;
}
.search_tbox p{
background: url(../img/top/kensaku.gif) no-repeat 0 0;
height: 24px;
text-indent: -9999px;
text-decoration: none;
display: block;
overflow: hidden;
outline: none;
background-size: 205px 24px;
margin: 0 0 10px 0;
}

.area_t {
border-bottom: 3px solid #FF7535;
margin: 0;
}
.area_t p{
background: url(../img/page/area.gif) no-repeat 0 0;
height: 24px;
text-indent: -9999px;
text-decoration: none;
display: block;
overflow: hidden;
outline: none;
background-size: 221px 24px;
margin: 0 0 10px 0;
}
.half_l {
	text-align:center;
	margin: 0 0 10px 0;
}
@media (max-width:767px){
/*-----------------------------
ギャラリー
------------------------------*/
.gallery-columns-4 .gallery-item {
width: 48.56%;
  margin-right: 2.88%;
}
.gallery-columns-4 .gallery-item:nth-child(2n) {
  margin-right: 0;
}
.gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item {
width: 31.42%;
margin-right: 2.87%;
}
.gallery-columns-5 .gallery-item:nth-child(3n),.gallery-columns-6 .gallery-item:nth-child(3n) {
margin-right: 0;
}
table.mobile-block,
table.mobile-block th,
table.mobile-block td{border:none;}
table.mobile-block th,
table.mobile-block td{width:100%;display:block;}
table.mobile-block th,
table#otoiawase th,
table#otoiawase td{border-bottom:none;}
table#otoiawase {
border-top: none;}
}
@media screen and (min-width: 768px) {
.google-maps {
padding-bottom: 40%;
}
/*title
/* ------------------------------------- */
#title{
padding: 50px 0;
}
#title h2 {
margin: 0;
font-size: 230%;
font-weight: normal;
}
/* pan */
.pan {
color: #666;
text-align: left;
margin: 20px 0 0 0;
font-size: 80%;
line-height: 180%;
width:100%;
display: block;
}
/*arvhive
/* ------------------------------------- */
.i_date,
.i_text{
float: left;
}
/*boxa
/* ------------------------------------- */
.boxa {
margin:30px 0 20px 0;
}
.boxa:after {
content: "";
display: block;
clear: both
}
.boxl1 {
float: left;
width: 49%;
z-index: 1;
position: relative;
}
.boxr1 {
float: right;
width: 48%
}
/*table
/* ------------------------------------- */
table#otoiawase th,
table#otoiawase td {
padding: 8px 20px;
}
table {
font-size:1em;
}
table th,
table td {
padding: 15px;
}
#button {
width: 240px;}
/*一覧
/* ------------------------------------- */
.pl_box:after {
content: "";
display: block;
clear: both;
}
.pl_p,
.pl_l {
width: 47%;
float: left
}
.pl_t,
.pl_r {
width: 48%;
float: right;
margin: 0
}

a[href^="tel:"] {
pointer-events: none;
}
a.cp_btn {
width: 340px;
}
/* boxr */
.boxrl:after{content: "";display: block;clear: both}
.box_l{float: left;width: 48%; overflow:hidden}
.box_r{float: right;width: 50%; overflow:hidden}
.slider img{
height: 328px;
}
.slider-nav img{
height: 88px;
}
/* half_box 1
/* ------------------------------------- */
.half_box:after {
content: "";
display: block;
clear: both
}
.half_l {
width: 38%;
float: left;
padding:0
}
.half_r {
width: 58%;
float: right;
}
#cat_img{
margin-bottom:20px
}
}
@media (max-width:600px){
h3.midasi{
font-size:1.05em;
margin:10px 0;
}
h5.midasi{
font-size:1.2em;
padding: 0 0 .5em 0;
}
}
@media screen and (max-width: 480px){
.spnone { display: none;}
}