.fudo_wrap {
    width: 100%;
    overflow: hidden;
    background-image: url("../images/fudo_back.png");
    background-repeat: no-repeat;
    background-position: center center; /* 中央基準 */
    background-size: auto 100%;
    background-color: #f0f8f3;
}
.fudo_wrap_inn {
    width: 940px;
    margin: 0 auto;
    padding-top: 20px;
}
.shinai p {
    color: #ef7f37;
    font-size: 22px;
    font-weight: bold;
}
.marker {
    background: linear-gradient(transparent 60%, #ffeb3b 60%);
    /* 複数行にまたがっても塗りが途切れない */
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 .15em; /* 文字に少し余白 */
}
.oneblock_re h3 {
    color: #6bb149!important;
    border-color: #6bb149;
}
.sate_toi {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 5px;
}
.fudo_left {
    overflow: hidden;
    width: 50%;
    float: left;
}
.fudo_left img {
    width: 100%;
}
.fudo_right {
    width: 35%;
    float: right;
}
.fudo_right img {
    width: 50%;
}
.image-container {
    display: flex;
    gap: 10px; /* 左右のすき間 */
    align-items: stretch;
}
.image-container .left {
    display: flex;
    flex-direction: column;
    gap: 10px; /* 上下のすき間 */
    flex: 1; /* 幅を均等に */
}
.image-container img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

@media (max-width: 766px) {
.fudo_wrap {
    background-image: url("../images/fudo_back_sp.png");
    background-repeat: no-repeat;
    background-position: center center; /* 中央基準 */
    background-size: auto 100%;
}
.fudo_wrap_inn {
    width: 100%;
}
.oneblock_re {
    clear: both;
    width: 84%;
    background-color: #FFF;
    display: block;
    margin: 15px auto 30px;
    padding: 10px 4%;
}
.oneblock_re h3 {
    font-size: 19px;
    padding-left: 8px;
    line-height: 1.5;
}
.narade {
    width: 60%;
    margin: 10px;
}
.reform_kakaku li {
    clear: both;
    width: 80%;
    margin: 5px 9% 15px;
}
.naiyo {
    margin: 10px auto;
    padding: 15px 10px;
    font-size: 15px;
}
.naiyo ol {
    margin-left: 0px;
    height: auto;
}
.naiyo li {
    clear: both;
    width: 100%;
    margin: 0 0 0 -10px;
    padding: 5px 0;
    border-bottom: 1px solid #CCC;
}
.A {
    width: 36%;
}
.A img {
    width: 80%;
    padding-left: 10%;
}
.I {
    width: 28%;
}
.E p {
    font-size: 17px
}
.sate_toi {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 5px;
}
.fudo_left {
    clear: both;
    width: 100%;
    text-align: center;
}
.fudo_left img {
    width: 90%;
}
.fudo_right {
    clear: both;
    width: 100%;
    text-align: center;
}
.fudo_right img {
    width: 40%;
    padding: 20px;
}
}
/************** 新着情報 CSS **************/

/* 外枠 <div>*/
.newsarea1 {
    width: 100%;
}
/* <ul>*/
.newsarea1 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/* <li>*/



/*中枠 <li>*/
.newsarea2 {
    border: 1px solid #CCC;
}
/* カテゴリ+種別表示部(売買) */
.newsheadS {
    background-color: #f9f9e2;
    text-align: center;
    padding: 1px;
}
/* カテゴリ+種別表示部(賃貸) */
.newsheadR {
    background-color: #e3eff7;
    text-align: center;
    padding: 1px;
}
/* 画像表示部 */
.newsarea3 {
    text-align: center;
    vertical-align: top;
    padding: 2px 0 5px;
}
/* データ表示部 */
.newsarea4 {
    vertical-align: top;
    font-size: 16px;
    line-height: 0.9;
    padding: 3px 5px 1px;
}
/* アイコン */
.newsarea5 {
    padding: 0 0 2px;
}
/* 価格 */
.newsprice {
    color: #359339;
    font-size: 26px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
}
.manen {
    font-size: 18px;
}
.bukken_new {
    font-weight: bold;
    padding: 3px 0;
    border-bottom: 2px solid #359339;
}
.bukken_new a {
    color: #359339;
    text-decoration: none;
}
.bukken_new a:hover {
    text-decoration: underline;
}
.shozai_new {
    padding: 3px 0;
}
.biko_new {
    padding: 0;
    font-size: 13px;
    line-height: 1.4;
}
.madori_new {
    padding: 3px 0;
}
.newsarea3 .shosai_btn img {
    width: 180px!important;
    height: auto;
    border: 1px solid #FFF;
    padding-top: 8px;
    margin: 0 auto;
}

/* スマホ 6件以上はカット */
@media screen and (max-width: 480px) {
.smnone {
    display: none;
}
}

/* PC横並び（768px以上） */
@media (min-width: 768px) {
/* UL を確実に横並びレイアウトにする */
.newsarea1 > ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    padding: 0;
    margin: 0;
    list-style: none;
}
/* LI を確実に2カラムにする */
.newsarea1 > ul > li.newsarea2 {
    width: calc(50% - 20px) !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    gap: 12px;
    background: #fff;
    border: 2px solid #6bb149;
    border-radius: 12px;
    padding: 8px 12px 10px;
    box-sizing: border-box !important;
    float: none !important;    /* ← float 無効 */
    clear: none !important;
}
/* 左側の画像 */
.newsarea3 {
    width: 190px !important;
    height: 175px !important;
    padding-top: 10px;
    overflow: hidden;
}
}
.img_wrap {
    width: 190px !important;
    height: 130px !important;
    overflow: hidden;
}
.newsarea3 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
/* 右側の情報欄 */
.newsarea4 {
    flex: 1 !important;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

/* PC：横並び（768px以上） */
@media (min-width: 768px) {
/* UL を強制 flex にする（勝ち確） */
.newsarea1 ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* LI の古いCSSを完全に無効化して2列にする */
.newsarea1 ul li.newsarea2 {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    box-sizing: border-box !important;
    width: calc(50% - 10px) !important;
    margin: 0 !important;       /* ← これが超重要！！ */
    padding: 12px !important;
    float: none !important;
    clear: none !important;
}
/* テキスト側 */
.newsarea4 {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}
}

/* スマホ（縦並び） */
@media (max-width: 767px) {
.newsarea1 ul {
    display: block !important;
}
.newsarea1 ul li.newsarea2 {
    width: 84% !important;
    margin: 0 auto;
    display: block !important;
    margin-bottom: 20px !important;
    border: 2px solid #6bb149;
    border-radius: 10px;
    padding: 10px 3%;
    text-align: center;
}
.img_wrap {
    margin: 0 auto;
}
.newsarea3 {
    width: 100% !important;
    height: auto !important;
}
.newsarea3 img {
    width: 100% !important;
    height: auto !important;
}
}
/* 画像ホバーでふわっと半透明 */
.newsarea3 a img {
    display: block;          /* 下に余白が出ないようにする */
    transition: opacity 0.3s ease;  /* ← ふわっとする重要ポイント */
}
.newsarea3 a:hover img {
    opacity: 0.7;   /* ← 好みで 0.6～0.9 に調整可能 */
}
.madori_new {
    display: inline-block;
    padding: 4px 10px 2px!important;
    font-size: 13px;
    border: 1px solid #CCC;
    border-radius: 8px;
    background: #EFEFEF;
    margin: 2px 0;
}
#chintai_new {
    display: none!important;
}
	
.subete_bt {
  text-align: center;
  margin: 20px 0;
}

.subete_bt a {
  display: inline-flex;           /* アイコン＋文字を横並び */
  align-items: center;            /* 垂直中央揃え */
  gap: 8px;                       /* アイコンと文字の間隔 */
  
  padding: 12px 24px;
  background-color: #359339;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 18px;
  border: 2px solid #359339;
  transition: 0.3s;
}

/* ▼マークの装飾 */
.subete_bt a::before {
  content: "▼";
  font-size: 14px;
  margin-top: -1px;       /* 微調整（無くてもOK） */
}

/* ホバー時 */
.subete_bt a:hover {
  background-color: #3fa748;
}