@charset "UTF-8";

#main_pic {text-align:left;position:relative;margin-bottom:20px;}
#main_pic p {font-size:14px;line-height:20px;margin-bottom:20px;}
#main_pic #main_pic_illust {position:absolute;top:0;right:10px;}
#main_pic  .slick_slider{width:960px;margin:auto;}
#main_pic  .slick_slider a:hover img{opacity:0.7;}
/*ここからドット変更*/
#main_pic  .slick_slider .slick-dots{cursor:pointer;bottom:10px;}
#main_pic  .slick_slider .slick-dots li{width:20px;/*px指定　数字が大きいほどドットが離れる。デフォルトは20px*/}
#main_pic  .slick_slider .slick-dots li button:before{content:"";background:#FFF;width:10px;height:10px;display:block;border-radius:50%;opacity:0.8;}
#main_pic  .slick_slider .slick-dots li.slick-active button:before {opacity:0.8;background:#957d3c;}
#main_pic  .slick_slider .slick-dots li button:hover::before{opacity:1;}
/*ここから矢印変更*/
#main_pic  .slick_slider .slick-next{right:20px;z-index:1;width:40px;height:40px;/*デフォルトはwidth:20px;height:20px;*/}
#main_pic  .slick_slider .slick-prev{left:20px;z-index:1;width:40px;height:40px;}
#main_pic  .slick_slider .slick-next::before{content:"▶";background:#FFF;color:#222;width:100%;height:100%;line-height:40px; display:block;border-radius:50%;font-size:14px;}
#main_pic  .slick_slider .slick-prev::before{content:"◀";background:#FFF;color:#222;width:100%;height:100%;line-height:40px; display:block;border-radius:50%;font-size:14px;}
#main_pic  .slick_slider .slick-prev:hover::before,
#main_pic  .slick_slider .slick-next:hover::before{background-color:#DDDDDD;}
#search {margin-bottom:20px;}
.tab{overflow:hidden;margin-left:10px;}
.tab li {float:left;height:44px;margin-right:5px;cursor:pointer;}
.tab li img {margin-top:-44px;}
.tab li.select{cursor:default;}
.tab li.select img {margin-top:0;}
.content li{width:960px;height:500px;position:relative;}
#recommend {}
#recommend dl {}
#recommend dl dt {background-image:url(../images/osusume.png);width:730px;height:100px;}
#recommend dl dt .recommend_title {height:56px;}
#recommend dl dt .recommend_title ul {margin-left:15px;}
#recommend dl dt .recommend_title ul li {padding-top:15px;text-align:left;float:left;}
#recommend dl dt .recommend_title ul li.osusume_buy {width:465px;}
#recommend dl dt .recommend_title ul li.osusume_rent {}
#recommend dl dd {
height: 1354px;border-left: 1px solid #999999;border-right: 1px solid #999999;border-bottom: 1px solid #999999;}
.tab2 {overflow:hidden;margin-left:15px;}
.tab2 li {float:left;height:40px;margin-right:5px;cursor:pointer;}
.tab2 li#mansion {margin-right:155px;}
.tab2 li img {margin-top:-40px;}
.tab2 li.select{cursor:default;}
.tab2 li.select img {margin-top:0;}
.content2 li {position:relative;width:730px;height: 1354px;overflow-y: scroll;}
.area {height:32px;overflow:hidden;}
.area a:hover img {margin-top:-32px;}
.map_search {width:310px;text-align:left;position:absolute;left:597px;top:155px;}
.map_search dl {}
.map_search dl dt {padding-top:2px;padding-bottom:3px;}
.map_search dl dd {width:270px;text-align:center;padding-top:12px;}
.mapButton {-moz-box-shadow: 0px 3px 0px 0px #000;-webkit-box-shadow: 0px 3px 0px 0px #000;box-shadow: 0px 3px 0px 0px #000;background-color:#BEAF87;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;display:inline-block;cursor:pointer;color:#000;font-family:Arial;font-size:18px;font-weight:bold;padding:10px 20px;text-decoration:none;width:100%;}
.mapButton:hover {filter:alpha(opacity=50);    -moz-opacity: 0.5;    opacity: 0.5;}
.mapButton:active {position:relative;top:1px;}

.kyword {width:313px;position:absolute;left:597px;top:279px;}
.kyword dl {}
.kyword dl dt {padding-top:7px;padding-bottom:7px;}
.kyword dl dd {text-align:left;padding-top:9px;}
.freeword {width:230px;font-size:16px;line-height:32px;height:32px;}
.kywordButton {margin-left:10px;-moz-box-shadow: 0px 3px 0px 0px #000;-webkit-box-shadow: 0px 3px 0px 0px #000;box-shadow: 0px 3px 0px 0px #000;background-color:#BEAF87;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;display:inline-block;cursor:pointer;color:#000;font-family:Arial;font-size:18px;font-weight:bold;padding:5px 10px;text-decoration:none;}
.kywordButton:hover {filter:alpha(opacity=50);    -moz-opacity: 0.5;    opacity: 0.5;}
.kywordButton:active {position:relative;top:1px;}
.kyword2 {width:313px;position:absolute;left:597px;top:155px;}
.kyword2 dl {}
.kyword2 dl dt {padding-top:7px;padding-bottom:7px;}
.kyword2 dl dd {text-align:left;padding-top:9px;}
.kyword2 dl dd input {width:230px;font-size:16px;line-height:32px;}
.kywordButton {margin-left:10px;-moz-box-shadow: 0px 3px 0px 0px #000;-webkit-box-shadow: 0px 3px 0px 0px #000;box-shadow: 0px 3px 0px 0px #000;background-color:#BEAF87;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;display:inline-block;cursor:pointer;color:#000;font-family:Arial;font-size:18px;font-weight:bold;padding:5px 10px;text-decoration:none;}
.kywordButton:hover {filter:alpha(opacity=50);    -moz-opacity: 0.5;    opacity: 0.5;}
.kywordButton:active {position:relative;top:1px;}


.hide {display:none;}#tab1 {width:960px;height:420px;}
#tab2 {width:960px;height:420px;}
#tab3 {width:960px;height:420px;}
#campaign{ margin:0 auto 30px;width:900px;}
#campaign a img{width:100%;height:auto;}
#campaign a:hover img{opacity:0.7;}#ad {width:900px;height:94px;margin-left:30px;margin-bottom:35px;overflow:hidden;}
#ad a {}
#ad a:hover img {margin-top:-94px;}

#movie_box{padding:0 0 30px;}
#movie_box .inner{}
#movie_box .inner ul{letter-spacing:-1em;}
#movie_box .inner ul li{display:inline-block;width:440px;border:1px solid #000;box-sizing:border-box;letter-spacing:normal;vertical-align:top;}
#movie_box .inner ul li + li{margin:0 0 0 20px;}
#movie_box .inner ul li img{width:100%;height:auto;vertical-align:top;}
#movie_box .inner ul li{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#movie_box .inner ul li:hover{opacity: 0.5;}
.movie-wrap{max-width:900px;margin:auto;position:relative;}
.movie-wrap::before{content:"";display: block;padding-top:56.11%; /* 高さを幅の75%に固定 */}
.movie-wrap iframe{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;}
.mfp-close-btn-in .mfp-close{color:#FFF!important;margin:-40px 0 0;}
.banner {margin-bottom:40px;}
.banner a:hover{opacity:0.7;}
.osusume {padding-top:10px;padding-left:10px;display:flex;flex-wrap:wrap;}
.osusume .osusume_box {width:220px;height:320px;border:1px solid #999999;border-bottom:5px solid #999999;margin-right:10px;margin-bottom:10px;/*float:left;*/display:block;}
.osusume .osusume_box .osusume_title {background-color:#BEAF87;height:48px;border-bottom:3px solid #A19276;position:relative;margin-bottom:10px;}
.osusume .osusume_box .osusume_title .kind {font-size:10px;line-height:20px;font-weight:700;color:#FFFFFF;width:84px;height:20px;text-align:center;position:absolute;top:15px;left:10px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #FFFFFF;}
.osusume .osusume_box .osusume_title .kind01 {background-color:#FF0000;}
.osusume .osusume_box .osusume_title .kind02 {background-color:#265CFF;}
.osusume .osusume_box .osusume_title .kind03 {background-color:#008C00;}
.osusume .osusume_box .osusume_title .kind04 {background-color:#FF5C26;}
.osusume .osusume_box .osusume_title .kind05 {background-color:#FF9326;}
.osusume .osusume_box .osusume_title .kind06 {background-color:#8000FF;}
.osusume .osusume_box .osusume_title .kind07 {background-color:#888888;}
.osusume .osusume_box .osusume_title .price {font-size:10px;color:#414042;position:absolute;top:13px;right:10px;font-weight:700;}
.osusume .osusume_box .osusume_title .price span {font-size:18px;line-height:28px;}
.osusume .osusume_box .osusume_pic {width:190px;height:143px;text-align:center;margin-left:15px;margin-bottom:15px;}
.osusume .osusume_box p {text-align:left;width:190px;margin-left:15px;}
.osusume .osusume_box p.osusume_adress {font-size:14px;line-height:18px;font-weight:700;height:18px;overflow:hidden;margin-bottom:10px;}
.osusume .osusume_box p.osusume_copy {font-size:14px;line-height:18px;height:54px;overflow:hidden;}

#infomation {margin-bottom:20px;}
#infomation dl {}
#infomation dl dt {}
#infomation dl dd {height:549px;overflow-y:scroll;}
#infomation dl dd ul {}
#infomation dl dd ul li {padding:15px;text-align:left;}
#infomation dl dd ul li:nth-child(2n) {background-color:#F5F5F5;}
#infomation dl dd ul li dl {}
#infomation dl dd ul li dl dt {font-size:14px;line-height:20px;font-weight:700;color:#A19276;}
#infomation dl dd ul li dl dd {font-size:14px;line-height:20px;height:auto;overflow:inherit;}
#infomation dl dd ul li dl dd a {color:#000000;text-decoration:underline;}
#infomation dl dd ul li dl dd a:hover {color:#beaf87;}

/*-------------------------
__new_property
-------------------------*/
#content #new_property,
#content #pd_property{margin-bottom:20px;}
#content #new_property .osusume,
#content #pd_property .osusume{justify-content:center;}
#content #new_property .osusume .osusume_box,
#content #pd_property .osusume .osusume_box{margin:0;}
#content #new_property .osusume .osusume_box + .osusume_box,
#content #pd_property .osusume .osusume_box + .osusume_box{margin-left:10px;}
#content #new_property dl dd,
#content #pd_property dl dd{border:1px solid #999;box-sizing:border-box;padding:0 10px 10px;margin-top:-1px;}
#content .more_btn{margin-top:10px;}
#content .more_btn a{text-decoration:none;box-shadow:0px 3px 0px 0px #000;background-color:#BEAF87;border-radius:6px;display:inline-block;cursor:pointer;color:#000;font-family:Arial;font-size:18px;font-weight:bold;padding:10px 30px;width:250px;}
#content .more_btn a:hover{box-shadow:none;transform:translateY(3px);opacity:0.7;}

/*-------------------------
__commit_buy
-------------------------*/
#content #commit_buy{margin-bottom:20px;}
#content #commit_buy .cb_wrap{margin-top:10px;display:flex;flex-wrap:wrap;}
#content #commit_buy .cb_wrap a{width:234px;margin-right:14px;display:block;text-decoration:none;}
#content #commit_buy .cb_wrap a:hover{opacity:0.7;}
#content #commit_buy .cb_wrap a:nth-of-type(3n){margin-right:0;}
#content #commit_buy .cb_wrap a:nth-of-type(n+4){margin-top:14px;}
#content #commit_buy .cb_wrap a img{width:100%;height:auto;}

/*-------------------------
__floating
-------------------------*/
.floating{display:inline-block;}
.floating a{position:fixed;right:-40px;bottom:-20px;transition:right 0.3s,bottom 0.3s;}
.floating a:hover{right:-20px;bottom:0px;}