@charset "utf-8";
a:hover{
    opacity:.8;
}
.wrapper {
  background: #f2f3f3;
}
.head__property {
  padding-top: 100px;
}
.container{
    width:100%;
    min-width:clamp(750px,62.5vw,1200px);
    margin:auto;
    position:relative;
    box-sizing: border-box;
}

.container__small{
    max-width:900px;
    min-width:900px
}

.container__middle{
    padding: 0 3.33vw;
    max-width: 1660px;
    min-width: clamp(750px,62.5vw,1200px);
    width: 100%;
}

.property__ttl {
    font-size: 6rem;
    letter-spacing: 3px;
    color: #000;
    text-align: center;
    line-height: 1;
    position: relative;
    margin-bottom: 50px;
    font-weight: 600;
}

.property__ttl small{
    font-size: 2.4rem;
    margin-top: 7px;
    font-weight: 700;
  }

.blog{
    margin-bottom:100px
}
.blog__categories{
    margin-bottom:60px
}

.blog__categories ul{
    display:flex;
    gap:20px;
    justify-content:center
}

.blog__categories ul li{
    list-style-type:none;
}
.blog__categories ul li.current-cat a, 
.recommend__status-filter a.current-cat {
    background: #beaf87;
    color: #fff;
}
.blog__categories ul li a{
    background: #414042;
    padding: 5px 20px;
    color: #fff;
    width: 110px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}
.recommend__status-filter {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 20px;
}
.recommend__status-filter a {
    background: #414042;
    padding: 5px 20px;
    color: #fff;

}

.blog__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 40px;
    row-gap: 80px;
}
.blog__grid:has(.no-article) {
    display: block;
}
.blog__grid p.no-article {
    width: 100%;
    text-align: center;
}
.blog__grid img {
    border-radius: 10px;
}

.recommend__item--link{
    display:block;
    line-height:1;
}
.recommend__item--link img{
    aspect-ratio: 400 / 250;
    object-fit: cover;
    width: 100%;
}
.recommend__item--link.heyadome {
    position: relative;
}
.recommend__item--link.heyadome .heyadome-label {
    position: absolute;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
 }
 .recommend__item--info{
    padding:clamp(10px, 1.04vw, 20px)    /* top    */
    clamp(12px, 1.3vw, 25px)    /* right  */
    0                            /* bottom */
    clamp(20px, 1.09vw, 21px);   /* left   */
    display:grid;
    grid-template-columns:1fr;
    gap:min(2.08vw, 40px);
}

.recommend__item--info--title{
    font-size:clamp(1.6rem,0.94vw,1.8rem);
    border-bottom:1px solid #333;
    margin-bottom:3px;
    padding-bottom:6px;
    font-weight:bold;
    width: 48%;
}

.recommend__item--info--address{
    font-size:clamp(1.6rem,0.94vw,1.8rem);
    margin-bottom:7px;
    font-weight:bold;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-word;
    min-height: 28px;
}

.recommend__item--info--price{
    font-size:clamp(3rem,2.6vw,5rem);
    line-height:1;
    letter-spacing:4px;
    padding:0 18px;
    margin-bottom:15px;
    font-weight: 700;
}
.recommend__item--info--price2{
    font-size:clamp(2.8rem,2.34vw,4.5rem);
    line-height:1;
    letter-spacing:2px;
    padding:0 18px;
    margin-bottom:15px;
    white-space: nowrap;
    font-weight: 600;
}
.recommend__item--info--price.heyadome {
    font-size: clamp(2.5rem, 2vw, 4rem);
    font-weight: 500;
    min-height: clamp(3rem, 2.6vw, 5rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
}

.recommend__item--info--price small,
.recommend__item--info--price2 small {
    font-size:clamp(1.5rem,1.25vw,2.4rem);
    margin-left:2px
}

.recommend__item--info--text{
    font-size:clamp(1.4rem,0.83vw,1.6rem);
    line-height:28px;
    margin-bottom:8px;
    padding:0 18px;
}

.recommend__item--list{
    display:grid;
    grid-template-columns:clamp(60px,3.75vw,72px) 1fr;
    gap:22px;
    padding: 16px 18px 0;
    align-items: flex-end;
}

.recommend__item--list--thum {
    aspect-ratio: 3 / 4;
}
.recommend__item--list--thum.recommend__item--list--thum img{
    object-fit: cover;
    border-radius: 5px;
    width: 100%;
    height: 100%;
}
.recommend__item--list--text{
    font-size:1.6rem;
    line-height:28px;
    /* padding-top: 8px; */
    height: 95px;
    overflow: hidden;
}

.recommend__item--list--text--content,
.recommend__item--info--text {
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;       
    word-break: break-word;    
}

.recommend__item--list--text--title{
    font-size:clamp(1.8rem,1.04vw,2rem);
    padding-bottom: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.recommend__item--title{
    font-size:1.8rem;
    font-weight:bold;
    letter-spacing:0;
    margin-top:10px
}

.recommend__item--title small{
    font-size:1.2rem;
    color:#a8a8a8;
    display:block;
    margin-bottom:10px
}
.recommend__item--icon{
    display:flex;
    justify-content:space-between;
    align-items:center
}
@media (min-width: 768px) and (max-width: 1400px) {

    .swiper_main--title {
        position: absolute;
        top: clamp(100px,6.25vw, 120px);
        left: clamp(20px,2vw, 40px);
        transform: scale(0.8);
        transform-origin: top left;
    }
}

.container__recommend .btn-area {
    padding: 66px 0 75px;
}
.recommend #pager {
  justify-content: center;
  display: flex;
  margin-top: 50px;
  margin-bottom: 0;
}