articlearticle@charset "UTF-8";

body,
html {
background-color: rgba(240,240,240,1.00);
}

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: rgba(88,88,88,1.00);
background-color: rgba(240,240,240,1.00);
position: relative;
}

a {
color: rgba(100,100,100,1.00);
}
a:hover {
opacity: 0.5;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all  0.5s ease;
text-decoration: none;
}
#sub-nav ul,
#main-nav ul,
#main-bukken ul,
#sub-bukken ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 0;
}
#sub-nav ul li,
#main-nav ul li,
#main-bukken ul li,
#sub-bukken ul li {
display: inline-block;
font-size: 15px;
}

#sub-nav {
text-align: right;
}

#sub-nav ul li {
border-right: 1px solid rgba(200,200,200,1.00);
padding: 5px;
}

#main-nav ul {
border-bottom: 1px solid rgba(200,200,200,1.00);
padding: 5px 0px;
text-align: center;
}
#main-nav ul li {
border-right: 1px solid rgba(200,200,200,1.00);
padding: 5px;
}
#main-nav ul li:last-child {
border-right-style: none;
}



#iine {
position: fixed;
right: 0px;
bottom: 50%;
z-index: 100;
margin-right: -80px;
transition: all 0.5s ease-in-out;
}
#iine:hover {
margin-right: 0px;
transition: all 0.5s ease-in-out;

}
#iine a {
background-color: rgba(0,100,120,0.80);
padding: 10px 10px 10px 70px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.50);
box-shadow: 2px 2px 3px rgba(0,0,0,0.50);
color: rgba(255,255,255,1.00);
display: block;
background-image: url(../images/iine.svg);
background-repeat: no-repeat;
background-size: 50% 50%;
background-position: left center;
}



#main-bukken {
width: 100%;
}

#main-bukken ul li {
width : calc(100% / 3);
text-align: center;
padding: 20px 10px;
}
#main-bukken ul li ul {
background-color: rgba(100,100,100,0.80);
width: 100%;
padding: 5px;
margin: -10px 0px 0px -10px;
}
#main-bukken ul li ul li {
margin: 0;
padding: 0;
display: inline-block;
height: 100%;
vertical-align: top;
}
#main-bukken ul li ul li a {
margin: 5px;
background-color: rgba(255,255,255,1.00);
padding: 10px 5px;
font-size: 13px;
height: 100%;
line-height: 16px;
}
#main-bukken ul li a {
display: block;
border: 1px solid rgba(200,200,200,1.00);
padding: 20px 0px;
background-color: rgba(255,255,255,1.00);
}

#sub-bukken ul{
display: flex;
justify-content: space-between;
}
	
	

#sub-bukken ul li a {
border-radius: 50px;
border-style: none;
color: rgba(255,255,255,1.00);
color: #61677c;
box-shadow: -5px -5px 20px #fff, 5px 5px 20px #babecc;
transition: all 0.2s ease-in-out;
cursor: pointer;
background-color: #ebecf0;
text-shadow: 1px 1px 0 #fff;
padding: 5px 15px;
display: inline-block;
}
#sub-bukken ul li a:hover {
box-shadow: -2px -2px 5px #fff, 2px 2px 5px #babecc;
}
#sub-bukken ul li a:active {
box-shadow: inset 1px 1px 2px #babecc, inset -1px -1px 2px #fff;
}





/*ヘッダサーチボックス*/
#top-search {
margin: 20px 0px;
font-size: 0;
}
#top-search input[type="text"] {
width: 90%;
padding: 5px;
font-size: 16px;
border-style: none;
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.30);
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.30);
margin-left: 10px;
margin-right: -10px;
}
#top-search button[type="submit"] {
width: 10%;
padding: 5px;
font-size: 16px;
background-color: rgba(30,30,30,1.00);
color: rgba(255,255,255,1.00);
border-radius: 50px;
border-style: none;
margin-left: -10px;
}














#topics {
background-color: rgba(240,240,240,1.00);
margin: 50px 0px;
padding: 30px 0px;
}

#topics table {
width: 100%;
}
#topics table tr {
border-bottom: 1px solid rgba(200,200,200,1.00);
}
#topics table th {
padding: 5px;
width: 20%;
color: rgba(100,100,100,1.00);
font-weight: normal;
}
#topics table td {
padding: 5px;
}

#b-ichiran .col-md-4 {
padding-bottom: 30px;
}


#b-ichiran a {
border: 1px solid rgba(230,230,230,1.00);
display: block;
border-radius: 3px;
padding-bottom: 10px;
height: 100%;
}
.b-img img {
width: 100%;
height: 200px;
object-fit: cover; /* この一行を追加するだけ！ */
}
.b-title {
font-size: 16px;
font-weight: bold;
padding: 5px 10px 10px;
}
.b-txt {
padding: 5px 10px;
}
#page-title  {
margin: 30px 0px 20px;
text-align: left;
}

#room-shosai #img-main div {
margin-bottom: 30px;
}
#room-shosai #img-main p {
width: 100%;
}
#room-shosai #img-main span {
display: table;
vertical-align: middle;
text-align: center;
width: 100%;
height: 100%;
}
#room-shosai #img-main span a {
display: table-cell;
vertical-align: middle;
text-align: center;
}
#room-shosai #img-main .col-md-2 img {
height: 140px;
object-fit: cover; /* この一行を追加するだけ！ */
}
#room-shosai .table tr th {
white-space: nowrap;
font-weight: normal;
color: rgba(120,120,120,1.00);
vertical-align: middle;
}


footer {
text-align: center;
background-color: rgba(50,50,50,1.00);
color: rgba(255,255,255,1.00);
padding: 15px;
margin-top: 100px;
}




.acf-map {
           width: 100%;
           height: 400px;
           border: #ccc solid 1px;
           margin: 20px 0;
          }






/*ソート*/
#sort {
margin: 30px auto;
font-size: 0;
}
#sort ul {
padding: 0 5px;
margin: 0;
width : calc(100% / 3);
display: inline-block;
font-size: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#sort ul li {
padding: 0;
margin: 0;
list-style: none;
}
#sort ul li a {
display: block;
background-color: rgba(70,70,70,1.00);
border-radius: 5px;
color: rgba(255,255,255,1.00);
margin-bottom: 5px;
text-align: center;
}
#sort ul li:last-child a {
background-color: rgba(50,50,50,1.00);
}






/*サイド絞り込み検索*/
#sidebar {
background-color: rgba(255,255,255,1.00);
margin-top: 0px;
padding-top: 15px;
}
#side_box h3 {
font-size: 18px;
}
#side_box h4 {
font-size: 16px;
font-weight: bold;
}
#side_search ul {
padding: 0;
margin: 0;
}
#side_search ul li {
padding: 10px 0;
margin: 0;
list-style: none;
font-size: 13px;
border-bottom: 1px solid rgba(200,200,200,1.00);
}
#side_search ul li:last-child,
#side_search ul li ul li {
padding: 2px;
border-style: none;
}
.sf-field-taxonomy-madori ul li,
.sf-field-taxonomy-eki_toho ul li {
width: 50%;
display: inline-block;
}

#side_search h4+label {
max-width: 100%;
width: 100%;
font-size: 15px;
}
.sf-input-select {
width: 100%;
border-radius: 2px;
min-width: 100%;
border: 1px solid rgba(230,230,230,1.00);
background-color: rgba(240,240,240,1.00);
}


#side_box input[type="submit"] {
width: 100%;
display: block;
border-radius: 5px;
height: 50px;
border-style: none;
background-color: rgba(250,120,80,1.00);
color: rgba(255,255,255,1.00);
font-size: 20px;
text-shadow: 1px 1px 0px rgba(0,0,0,0.50);
margin-bottom: 10px;
}

#side_box input[type="submit"]:last-child {
margin-top: 10px;
}
.meta-slider {
width: 100%!important;
max-width: 96%!important;
}


#side_box input[type="number"],
#side_box .sf-input-range-number {
border-style: none;
font-size: 20px;
max-width: auto!important;
width: auto!important;
color: rgba(0,100,120,1.00);
}



#side_box .searchandfilter .sf-range-max,
#side_box .searchandfilter .sf-range-min {
max-width: auto!important;
width: auto!important;
}


#side_box .sf-input-range-number {
min-width: 50px!important;
max-width: 90px!important;
}



/*物件一覧*/
#b-ichiran .row .col-md-4 .b-txt a {
padding: 0;
margin: 0;
width: auto;
height: 0%;
display: inline;
}
#b-ichiran .row .col-md-4 a .b-txt span {
border-radius: 3px;
background-color: rgba(252,252,252,1.00);
margin: 2px 4px 2px -4px;
display: inline-block;
padding: 2px 3px;
}
.ichiran_box {
background-color: rgba(255,255,255,1.00);
}
.ichiran_box .b-img {
position: relative;
}
.ichiran_box .b-img button {
position: absolute;
right: 0px;
padding: 3px 0px 3px auto;
bottom: 0px;
border-style: none;
}


.simplefavorite-button.has-count {
background-color: rgba(255,255,255,0.80)!important;
border-style: none;
}
.simplefavorite-button.active {
background-color: rgba(0,150,160,0.80)!important;
}

.ichiran_box table {
width: 94%;
margin: 3%;
}
.ichiran_box table th,
.ichiran_box table td {
padding: 3px;
border-bottom: 1px solid rgba(200,200,200,1.00);
font-size: 13px;
}
.ichiran_box table th {
color: rgba(73,119,176,1.00);
white-space: nowrap;
}



/*パンくずリスト*/
#pankuzu {
background-color: rgba(100,100,100,1.00);
padding: 10px;
margin: 0px 0px 50px;
}
#pankuzu ul {
margin: 0;
padding: 0;
}
#pankuzu li {
padding: 0;
display: inline-block;
color: rgba(220,220,220,1.00);
}
#pankuzu li:after {
content: ">";
color: rgba(70,70,70,1.00);
}
#pankuzu li:last-child:after {
content: "";
}
#pankuzu li a {
color: rgba(255,255,255,1.00);
margin-right: 5px;
}


/*物件詳細ページ*/
#table01 {
width: 100%;
margin: 25px 0px;
border-top: 1px solid rgba(200,200,200,1.00);
border-left: 1px solid rgba(200,200,200,1.00);
}
#table01 thead td {
background-color: rgba(100,100,100,1.00);
color: rgba(255,255,255,1.00);
}
#table01 tbody td {
background-color: rgba(255,255,255,1.00);
}
#table01 td {
width : calc(100% / 3);
text-align: center;
border-bottom: 1px solid rgba(200,200,200,1.00);
padding: 10px;
border-right: 1px solid rgba(200,200,200,1.00);
}

#table02 {
width: 100%;
margin: 25px 0px;
border-top: 1px solid rgba(200,200,200,1.00);
border-left: 1px solid rgba(200,200,200,1.00);
}
#table02 th,
#table02 td {
padding: 10px;
border-bottom: 1px solid rgba(200,200,200,1.00);
border-right: 1px solid rgba(200,200,200,1.00);
background-color: rgba(255,255,255,1.00);
}
#table02 th {
width: 20%;
background-color: rgba(48,128,144,1.00);
color: rgba(255,255,255,1.00);
}

#room-shosai input[type="submit"] {
margin: auto auto 100px;
width: 90%;
display: block;
border-radius: 5px;
height: 100px;
border-style: none;
background-color: rgba(250,120,80,1.00);
color: rgba(255,255,255,1.00);
font-size: 30px;
text-shadow: 1px 1px 0px rgba(0,0,0,0.50);
font-weight: bold;
}


#yarpp .yarpp-related h3 {
padding: 10px;
background-color: rgba(38,157,189,1.00);
color: rgba(255,255,255,1.00);
font-size: 21px;
margin: 20px -15px 10px;

}









/*いいねした物件*/
.favorites-list {
padding: 0;
margin: 10px auto 50px;
}
.favorites-list li {
padding: 0!important;
margin: 10px 0px!important;
list-style: none;
background-color: rgba(255,255,255,1.00);
border-style: none;
}
.favorites-list li a {
display: block!important;
padding: 10px!important;
font-size: 0!important;
}
.favorites-list li a+p
{
display: none!important
}
.favorites-list li .b-img {
width: 15%;
margin: 0 1% 0 0!important;
padding: 0!important;
display: inline-block;
vertical-align: top;
}
.favorites-list li .b-img img{
padding: 0;
margin: 0;
object-fit: cover; /* この一行を追加するだけ！ */
width: 100%;
height: 150px;
}
.favorites-list li .R-box {
display: inline-block;
width: 84%;
font-size: 16px;
}
.favorites-list li .b-title {
}
.favorites-list li a table {
width: 100%;
border-top: 1px solid rgba(200,200,200,1.00);
border-left: 1px solid rgba(200,200,200,1.00);
margin-bottom: 10px;
}
.favorites-list li a table th,
.favorites-list li a table td {
border-bottom: 1px solid rgba(200,200,200,1.00);
padding: 5px;
border-right: 1px solid rgba(200,200,200,1.00);
}
.favorites-list li a table th {
background-color: rgba(180,206,210,1.00);
color: rgba(24,90,113,1.00);
max-width: 15%;
width: 15%;
text-align: center;
}
.favorites-list li a table td {
max-width: 35%;
width: 35%;
}

.simplefavorites-clear {
margin: auto;
display: block;
width: 80%;
height: 50px;
background-color: rgba(88,88,88,1.00);
border-radius: 5px;
color: rgba(255,255,255,1.00);
}











/*物件画像スライダー*/
#Bukken-Gallery .gallery-top {
height: 400px;
text-align: center;
border-style: none!important;
}
#Bukken-Gallery .gallery-top .swiper-slide a {
display: block;
width: 100%;
border-style: none!important;
}
#Bukken-Gallery .gallery-top .swiper-slide img {
height: 100%;
margin: auto;
width: auto;
border-style: none!important;
}
#Bukken-Gallery ul.swiper-wrapper {
padding: 0;
margin: 0;
width: 100%;
font-size: 0px;
height: auto;
}
#Bukken-Gallery ul.swiper-wrapper li {
width: 19%!important;
display: inline-block!important;
font-size: 16px;
margin-right: 1%!important;
height: 100px;
}
#Bukken-Gallery ul.swiper-wrapper li:nth-child(5) {
margin-right: 0%!important
}
#Bukken-Gallery .gallery-thumbs .swiper-slide img {
height: 100%;
width: auto;
object-fit: cover; /* この一行を追加するだけ！ */
}






/*料金関連テーブル*/
#fee-box {
background-color: rgba(255,255,255,1.00);
border-radius: 5px;
padding: 15px;
border: 1px solid rgba(50,130,140,1.00);
}
#fee-box table {
background-color: rgba(255,255,255,1.00);
width: 100%;
}
#fee-box table th {
padding: 10px 10px 0px;
color: rgba(48,128,144,1.00);
}
#fee-box table td {
background-color: rgba(255,255,255,1.00);
text-align: right;
}
.fee-main big {
color: rgba(230,56,65,1.00);
font: bold 40px Arial, Helvetica, sans-serif;
margin: 0px 10px;
}
.fee-main small {
color: rgba(230,131,56,1.00);
font: bold 30px Arial, Helvetica, sans-serif;
margin: 0px 10px;
}
.fee-main {
margin-bottom: 30px;
}
.fee-sub {
border-top: 1px solid rgba(100,100,100,1.00);
border-left: 1px solid rgba(100,100,100,1.00);
margin-bottom: 30px;
}
.fee-sub td {
border-bottom: 1px solid rgba(100,100,100,1.00);
border-right: 1px solid rgba(100,100,100,1.00);
text-align: center!important;
padding: 1px 1px 5px;

}
.fee-sub td span {
background-color: rgba(48,128,144,1.00);
color: rgba(255,255,255,1.00);
padding: 3px 5px;
display: block!important;
margin-bottom: 5px;
}
.fee-math th {
vertical-align: top;
}




/*Youtubeレスポンシブ*/
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}




@media (min-width: 1200px) {
.1200以上（xl）ーーーーーーーーーーーーーーー{}

/*1200 以上（xl）*/}






@media (max-width: 1200px) {
.1200-992（lg）ーーーーーーーーーーーーーーー{}

/*1200-992（lg）*/}





@media (max-width: 992px) {
.992-768（md）ーーーーーーーーーーーーーーー{}

/*992-768（md）*/}





@media (max-width: 768px) {
.768-576（sm）ーーーーーーーーーーーーーーー{}

/*768-576（sm）*/}






@media (max-width: 576px) {
.576以下（xs）ーーーーーーーーーーーーーーー{}
#Bukken-Gallery .gallery-top {
height: 300px;
}
#Bukken-Gallery .gallery-thumbs {
margin-top: -90px;
}
#Bukken-Gallery .gallery-thumbs .swiper-slide{
height: 50px;
}

#room-shosai input[type="submit"] {
width: 100%;
font-size: 20px;
}


#table02 th,
#table02 td {
display: block;
width: 100%;
}


#yarpp .col-md-3 {
margin-bottom: 20px;
}







#main-bukken ul > li {
width : calc(100% / 3);
margin: 0;
padding: 0;
font-size: 15px;
}
#main-bukken ul li ul {
background-color: rgba(100,100,100,0.80);
width: 300%;
padding: 5px;
margin: -10px 0px 0px -10px;
}
#main-bukken ul li:nth-child(2) ul {
margin-left: -108%;
}
#main-bukken ul li:nth-child(3) ul {
margin-left: -210%;
}
#main-bukken ul li ul li {
height: 100%;
width: 50%;
}


/*576以下（xs）*/}