@charset "UTF-8";

/* 不動産情報詳細ページ */

.lastupdeta{ text-align:center; color:#f39801}
.lastupdeta:after{ content:""; display:block; width:2px; height:20px; margin:10px auto; background:#f39801}
.realestate-wrap h3{ margin: 0; font-size:2rem;color:#007843; text-align:center;font-family: 'Noto Serif JP', serif; font-weight:normal}
.realestate-wrap{ padding:20px 0; background: url(../../img/realestate/bg.png) center top no-repeat; background-size:100% auto}
.realestate-wrap h3 + p{ margin:0 0 10px; text-align:center; font-family: 'Noto Serif JP', serif; }
.modal-img{ text-align:center}
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 90%;
  max-width: 100%;
  padding:40px 0 0;
  background-color: #fff;
  z-index: 2;
  box-sizing:border-box
}
.popup-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}
.popup-img{margin-bottom: 30px; text-align:center;}
.popup-img a{ display:inline-block;background:#007843;line-height: 0; cursor:pointer;box-shadow: 0 0 8px #CCC }
.popup-img a:hover{ opacity:1; }
.popup-img a:hover img{ opacity:.3; }
.popup-img a img{transition:opacity 0.5s ease-out; }

.popup-img a .popup-img-text{ display:none}
.popup-img a:hover .popup-img-text{ display: block; position:absolute; top:40%; left:0; right:0; margin:0 auto;  color:#fff ; font-size:3rem;font-family: 'Noto Serif JP', serif; line-height: 1;}
.popup-img a:hover .popup-img-text .click{ display:block; margin-top:30px; font-family: 'Lora', serif; font-size:1.6rem;}
.popup-img a:hover .popup-img-text .click span{ display:inline-block; padding-bottom:2px; border-bottom:2px solid #fff;}
.realestate-deta{ max-width:1080px; margin:0 auto; padding:10px; border:1px solid #007843; box-sizing:border-box; background:#fff url(../../img/realestate/bg2.png) right bottom no-repeat; background-size: 100px auto}
.realestate-deta dl{ overflow: hidden; margin:0;}
.realestate-deta dl dt{ clear:both; float:left; width:100px; padding: 5px 0; color:#007843; font-size:1.4rem; font-weight:bold}
.realestate-deta dl dd{ margin-left:100px; padding: 5px 0 5px 15px;font-size:1.4rem; border-left:1px solid #007843; }
.realestate-swipe h3{ padding:0}
.access-map{ padding: 20px 0;}
.access-map h3{ margin:0; padding-top:0; text-align:center}
.access-map .ggmap{ max-width:1080px; max-height:580px; margin:0 auto}
.gmap-link { margin:20px 0; text-align:center;font-family: 'Noto Serif JP', serif; }
.gmap-link a{ display:inline-block; padding:0 15px 3px 0; color:#007843; border-bottom:2px solid #007843; background:url(../../img/blank.png) right center no-repeat; background-size:11px auto;  }
.go-form2{ max-width:1080px; margin:0 auto 40px; text-align:center}
.go-form2 .btn01{ width:100%; padding:15px 0}
.go-form2 .btn01 img{ height:14px; margin-right:10px;}
.case-img{ text-align:center}
.case-img h3{ margin: 0 0 20px;}
/* googlemap */
.ggmap {position: relative;padding-bottom: 70.25%;padding-top: 30px;height: 0;overflow: hidden;}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (max-width: 960px) {
.popup-inner { background-color: unset;}
.close-btn i{ color:#fff}
.close-btn{ text-align:right}
}
@media screen and (min-width: 961px) {
.realestate-wrap h3{ font-size:3.4rem;}
.realestatedetaBody .share .section-wrap{ width:100%}
.realestatedetaBody .share .section-wrap .breadcrumbs{ width:1080px; margin:10px auto 50px}
.realestate-wrap{ padding:50px 0 0}
.realestate-wrap h3 + p{ margin:10px 0 30px; font-size:2rem}
.popup-img{margin-bottom: 50px;}
.popup-inner { width: 80%; padding: 50px;}
.realestate-deta{  padding:50px; background-size: auto }
.realestate-deta ul{  display: flex; justify-content: space-between;  flex-wrap: wrap;  }
.realestate-deta li{width:489px; margin-bottom:40px}
.realestate-deta li:last-child{width:100%; margin-bottom:0}
.realestate-deta dl dt{ width:120px;}
.realestate-deta dl dd{ margin-left:120px; padding: 5px 0 5px 30px;}
.realestate-swipe h3{padding: 30px 0 0;}
.access-map{ padding-bottom:0}
.access-map h3{ padding:10px 0 40px}
.access-map .ggmap {padding-bottom:580px;}
.gmap-link {margin: 30px 0 60px;}
.go-form2 .btn01 {padding: 30px 0;font-size: 2rem;}
}