@charset 'utf-8';

.wrap { width:100%; background:none; }
.wrap_yellow { width:100%; padding-top:50px; background:#FED631; }
/* .footer_ill_wrap{ background:#FED631; } */
.footer_ill_wrap {margin-top: -20vw;}

/*販売中の物件一覧*/

.shinchiku { width:1080px; margin:0 auto; display:flex; justify-content: space-between;}
.shinchiku li { width:250px; }
@media screen and (max-width: 740px) {
  .shinchiku { width:90%; margin:0 5%;  flex-wrap:wrap; }
  .shinchiku li { width:45%; }

}
.shinchiku a {width:100%;display:inline-block;}
.shinchiku a strong {width:100%;display:inline-block;}
.shinchiku a span {width:100%;display:inline-block; }
.shinchiku li img { width:100%; }
.banner_hanbai { width:725px; height:auto; padding:5px 5px 5px 20px;  background:#fff; line-height:60px; display:flex; align-items: center; justify-content: space-between;
font-size:16px; font-weight:bold; letter-spacing: 0.1em; margin:50px auto 50px auto; display:inline-block;}
.banner_hanbai img { width:400px; }
.banner_hanbai { width:725px; height:auto; padding:5px 5px 5px 20px;  background:#fff; line-height:60px; display:flex; align-items: center; justify-content: space-between;
font-size:16px; font-weight:bold; letter-spacing: 0.1em; margin:50px auto 50px auto;}
.banner_hanbai img { width:400px; }

/*販売中の物件一覧のタイトル*/
.hanbai {position:relative; }
.hanbai .illust_hanbai { width:200px; position:absolute; right:20%; bottom:50px; z-index:10; }
.hanbai .nami_hanbai { position:absolute; bottom:0; }


/* 小野田追記 */
.map_right i{font-size: 2vw;margin-right: 10px;width: 3vw; font-weight:600;}
.title{text-align:center;}
.title h1{margin: 15px 0 0 0;}
.title p{margin-top: 30px;}
.title strong{color: #0A3F67;font-size: 50px;letter-spacing: 0.05em;font-weight: 500;}


/*地図*/
.map_wrap { width:1080px; height:auto; display:flex; margin:0 auto 70px auto; justify-content: space-between; position:relative; }
.map { width: 810px; padding-left: 12px; background: #fff; box-sizing: border-box; border:1px solid #FEE333; }
area{border:none;outline:none; }
.map img {  }
.map_area { width:360px; height:300px; position: absolute; top:10px; left:0; padding:20px; color:#707070; }
.map_area strong { font-size:16px; font-weight:bold; color:#0B3D60; letter-spacing: 0.1em; margin-bottom:0; display:inline-block;}
.map_area dl{ width:100%; border-bottom:1px solid #707070; padding:5px 0; }
.map_area dl.noborder { border-bottom:0; }
.map_area dl dt { width:auto; }
.map_area dl dt a:hover {text-decoration: underline; }
.map_area dd { display:flex; flex-wrap:wrap; }
.map_area dd a { width:auto; display:inline-block;}
.map_area dd div { width:55%; }
.map_area dd div:nth-child(2n) { width:45%; }
.map_area dd div a:hover { text-decoration: underline;}
.map_area dd .photo { display:none; }
.map_area dd div.photo_right { width:100%; display:flex; flex-wrap:wrap; }

/*地図の右側*/
.map_right { width:260px; display: flex;flex-wrap: wrap;flex-flow: column;justify-content: space-around;}
.map_right a.pc { display:flex;}
.map_right a{ width:210px; height:83px; background:#0A3F67; color:#fff; display:block; border-radius:18px; display:flex; align-items: center; padding:0 20px; box-shadow: 3px  3px 6px rgba(0,0,0,0.3); transition:0.3s; }
.map_right a:hover{ opacity:0.7; transition:0.3s; }
.map_right a img { width:60px; }


/*ボタン*/
/* .button_more{
    display:inline-block;
    background:#fff;
    height:38px;
    width: 190px;
    padding:10px 30px 10px 30px;
    text-align:center;
    color:#fff;
    margin:5px auto 0px auto;
    border:1px solid;
    cursor:pointer;
    position: relative;
    text-decoration: none;
    border-radius: 10px;
    display:flex; align-items: center;
}
.button_more::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 20px;
    height: 2px;
    background: #fff;
    transition: .3s;
}
.button_more::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-135deg);
    transition: .3s;
}
.button_more:hover::before{
    right: 10px;
    width: 30px;
}
.button_more:hover::after{
    right: 10px;
} */




/*HPに掲載していない物件情報が000件ございます！*/
.check { border:2px solid #E05842; display:flex; justify-content: space-between; border-radius: 18px; padding:40px; margin:0 0 100px 0;background: #fff;}
.illust_check {height: 135px;}
.check strong { width:520px; font-size:16px; color:#E05842; letter-spacing: 0.1em; border-bottom:1px solid #E05842; display:inline-block;
padding-bottom:0px; margin-bottom:10px; }
.check strong span {font-size:20px; color:#FEE333; font-weight:bold; }
.check strong span span {font-size:36px; }
.check_right { width:250px; }
.check_right a { width:250px; height:60px; display:inline-block; border-radius:10px; color:#fff; display:flex; justify-content:center; align-items:center;}
.check_right a img { margin-right:10px; }
.marginbottom10 { margin-bottom:10px; }
.check_right a:hover { opacity:0.7; }

/*条件から探す*/
.kodawari_wrap { width:1020px; height:180px; border-bottom:2px solid #FED631; margin:45px auto 0 auto; display:block; }
.kodawari { width:800px; display:flex; margin:0 auto;}
.kodawari dt img{width: 90%;}
.kodawari dd a img{width: 40%;}
.kodawari dt { width:130px; text-align: center; margin-right:50px; }
.kodawari dt strong { width:100%; font-size:16px; font-weight:bold; display: inline-block;}
.kodawari dd { display:flex; }

.kodawari dd a { width:140px; border-radius:18px; box-shadow: 3px  3px 6px rgba(0,0,0,0.3);
display: block; background:#0A3F67; display:flex; justify-content:center; align-items:center;padding:0; margin-right:15px;height: 140px;
flex-wrap:wrap; /*transition: transform .6s ease; ゆっくり変化させる */}
.kodawari dd a:hover  {/*transform: scale(1.05); 拡大 */ }

.kodawari dd a:hover span { color:#FED631; }
.kodawari dd a span { width:100%; display:inline-block; color:#fff; text-align: center;margin-top: -30px;}
.kodawari_wrap_wrap { width:1025px; /*background:#fff;*/ border-radius: 28px;margin: 0px auto 100px auto;padding: 0px; position:relative; }

/*エリアガイド*/
.city{display: flex;justify-content: space-between;margin:0px auto 50px auto; flex-wrap:wrap; }
@media screen and (max-width: 1120px) {
  .city{display: flex;justify-content: space-between;margin:50px auto 50px auto;}
}
.city_button{display: block;width: 310px;height: 310px;border-radius: 18px;background: #fff;box-shadow: 3px  3px 6px rgba(0,0,0,0.3);}
.title_city{height: 70px;margin:0;padding: 20px 0 0 0;}
.title_city img{height: 30px;width: auto;}
.title_city p{margin: 10px 0 0 0;}
.city_button_img{height: 220px;overflow:hidden;border-top-left-radius : 0px;
border-bottom-left-radius : 0px;
border-top-right-radius : 18px;
border-bottom-right-radius : 18px;}
.city_button_img img{height: 100%;width: auto;}


.title_city{height: 70px;margin:0;padding-top: 20px;}
.title_city img{height: 30px;width: auto;}
.title_city p{margin: 10px 0 0 0; text-align:center;}
.city_button_img{height: 220px;overflow:hidden;border-bottom-right-radius: 18px;border-bottom-left-radius: 17px;}
.city_button_img img{height: 100%;width: auto;}


.nowonsale { padding-bottom:0; }

/*マウスオーバーで写真がズーム*/
.zoom_box{
  width:310px;
  margin:0 auto;
  overflow:hidden;
  border-radius:0 0 18px 18px;
  display:block;
  will-change: transform;
 }
 .zoom_box img{
  width:100%;
  transition:1s all;
  margin-top:15px;
  border-radius:0 0 18px 18px;
  display:block;
 }
 .zoom_box img:hover{
   transform:scale(1.2,1.2);
   transition:1s all;
 }










@media screen and (max-width: 740px) {
  .title strong{font-size:9vw;}
  .map_wrap { width:100%; flex-wrap:wrap; }
  .map { border:0; }
  .map_wrap .map img  { display:none; }
  .map_area { width:100%; height:auto; position:relative; background:#f8f8f8; border-radius: 18px; padding:0; }
  .map_area strong { width:95%; background:#0A3F67; color:#fff; border-radius: 18px 18px 0px 0px; padding:10px 2.5% 10px 2.5%;
  text-align:center;}
  .fa-solid { margin-right:5px; }

  .map_area dl dt { text-align:center; font-size:16px; margin:10px 0; }
  .map_area dd  { width:90%; padding:0 5%; justify-content:space-between; }
  .map_area dd .photo { width:37.5%; display:inline-block; }
  .map_area dd .photo img { width:100%; height:100%; object-fit: cover; border-radius:18px; }
  .map_area dd div.photo_right { width:60%; }
  .map_right { width:100%; margin-top:30px; display:flex;flex-flow: initial; }
  .map_area dd div { width:100%; }
  .map_area dd div.photo_right div:nth-child(2n) { width:100%; }


  .title { margin-bottom:0;}
  .circle { display:none; }
  .map_right { width:100%; margin-top:30px; display:flex; }
  .map_right a.pc { display:none; }
  .map_right a{ width:35%; height:150px; background:#0A3F67; color:#fff; border-radius:18px; padding:0px 5%;
  margin:0 0 15px 0; box-shadow: 3px  3px 6px rgba(0,0,0,0.3);display:flex; font-size:18px; flex-wrap:wrap; text-align:center; }
  .map_right a span { width:100%; display:inline-block; display:inline-block;}
  .map_right i{font-size: 8vw; margin:20px auto 0 auto; width: 18vw;}
  .check { display:none;}
  .title { padding-bottom:0; }
  .city{display: flex;justify-content: space-between;margin:50px auto 0px auto; flex-wrap:wrap;}



  /*こだわり検索*/
  .kodawari_wrap_wrap { width:95%; background:#fff;border-radius: 28px; margin:0 2.5% 50px 2.5%; padding:30px 0; flex-wrap:wrap; }
  .kodawari_wrap  { width:100%; height:auto; margin-top:0; border-bottom:0; }
  .kodawari { width:100%; display:flex; margin:0 auto; justify-content: space-between; flex-wrap:wrap; }
  .kodawari dt { width:100%; text-align: center; margin-right:0px; }
  .kodawari dt img { display:none; }
  .kodawari dd { width:90%; display:flex; margin:0 5%; justify-content:space-between; border-bottom:2px solid #FED631;
  padding-bottom:20px; margin-bottom:20px; flex-wrap:wrap; }
  .kodawari dt strong { width:100%; display:inline-block;margin:0 0 20px 0; }
  .kodawari dd a { width:47%; height:150px; border-radius:18px; box-shadow: 3px  3px 6px rgba(0,0,0,0.3);
    display: block; background:#0A3F67; display:flex; justify-content:center; align-items:center;padding:0;
    margin:0 0 20px 0;
    flex-wrap:wrap; /*transition: transform .6s ease; ゆっくり変化させる */}
  .kodawari dd.kodawari_land { display: flex;
    justify-content: center;
    align-items: center;}

  /*エリアガイド*/
  .city_button{width:100%; height:auto; border-radius: 18px;}

  /*販売中の物件一覧*/
  .banner_hanbai { display:none;}
  .pagetop { display:none; }
  .wrap_yellow { padding-top:0; margin-top:0px; }

  /*販売中の物件一覧のタイトル*/
  .hanbai {position:relative; margin-bottom:0; padding-bottom:50px; z-index:-10; }
  .hanbai .nami_hanbai { position:absolute; bottom:0; z-index:-10;}
  .wrap_yellow  { padding-top:50px; }
  .title.hanbai svg{position: absolute;bottom: 0;width: 100%;z-index: -1;left: 0;right: 0;}
  .hanbai .illust_hanbai { display:none; }

  .zoom_box{
    width:100%;
    margin:0 auto;
    overflow:hidden;
    border-radius:0 18px 18px 0;
    display:block;
    will-change: transform;
   }
   .zoom_box img{
    width:100%;
    transition:1s all;
    margin-top:0px;
    border-radius: 0 18px 18px 0;

    display:block;
   }
   .zoom_box img:hover{
     transform:scale(1.2,1.2);
     transition:1s all;
   }
   .city_button { margin:0 auto 15px auto;}

   .city{flex-direction: column;gap: 0px; margin-bottom:0; }
   /*.city_button{width: 100%;}*/
   .city_button_img img{height:auto;width:100%;}
   .title_city{width:50%; height:auto;margin:0;padding: 0px 0 0 0;}
   .city_button{display:flex;width:100%;height:auto;border-radius: 18px;background: #fff;box-shadow: 3px  3px 6px rgba(0,0,0,0.3);
   align-items: center;}
   .city_button_img{width:50%; height:auto;overflow:hidden;border-bottom-right-radius: 18px;
   border-radius: 0 18px 18px 0; margin-top:0; }
   .title_city img{height: 20px;width: auto;}
   .ill_r { display:none; }
   .ill_l { display:none; }


  }


  @media screen and (max-width: 320px){
    .map_area dd .photo { width: 100%; display:inline-block; margin:0 0 10px 0; }
    .map_area dd div.photo_right { width:100%; }
    .map_right a{ width:35%; height:130px; font-size:15px; }
    .kodawari dd a { width:47%; height: 130px; border-radius:18px; box-shadow: 3px  3px 6px rgba(0,0,0,0.3);
      display: block; background:#0A3F67; display:flex; justify-content:center; align-items:center;padding:0;
      margin:0 0 20px 0;
      flex-wrap:wrap; /*transition: transform .6s ease; ゆっくり変化させる */}
    .map_area dd div.photo_right { width:100%; }
    .title_city img{height: 18px;width: auto;}


  }

  .op0 { opacity:1; }

  .city .banner_areatop { width:100%; margin-bottom:50px;}
  .city .banner_areatop:hover { opacity:0.7; } 
  .banner_areatop img { width:100%;  box-shadow: 3px  3px 6px rgba(0,0,0,0.3);  border-radius:18px; border:2px solid #0A3F67; }

  @media screen and (max-width: 740px) {
    .city .banner_areatop { margin-bottom:0px; }

  }