/*========================================
  お気に入り一覧（施工実例・建築会社）
  デザイン幅 1600px

  カード（.works__* / .company__*）は一覧ページのCSSをそのまま使うので、
  ここにはページの枠と、お気に入り特有の表示だけを置く。
========================================*/
.favorites {
    padding-bottom: 118px;
}

/*----------------------------------------
  ページ見出し（一覧ページと同じ作り）
----------------------------------------*/
.favorites__head {
    padding-top: 17.7px;
    text-align: center;
}

.favorites__icon {
    display: block;
    width: 52.19px;
    height: auto;
    margin: 0 auto;
}

.favorites__title {
    margin-top: 13.9px;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 1;
    text-indent: 0.08em;
}

.favorites__line {
    display: block;
    width: 153.23px;
    height: auto;
    margin: 18.1px auto 0;
}

/*----------------------------------------
  一覧
  検索サイドバーが無いぶん、一覧ページより幅を狭くして中央に置く
----------------------------------------*/
.favorites__body {
    max-width: 1200px;
    margin: 18.6px auto 0;
    padding: 0 40px;
}

/* まだ1件も登録が無いとき（読み込み前は hidden 属性で隠れている） */
.favorites__empty {
    padding: 60px 0 20px;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 2;
    text-align: center;
}

.favorites__back {
    margin-top: 48px;
    text-align: center;
}

.favorites__back-link {
    display: inline-block;
    min-width: 320px;
    padding: 18px 32px;
    border: 1px solid #231815;
    background: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.08em;
    line-height: 1;
    text-indent: 0.08em;
    transition: background 0.3s, color 0.3s;
}

@media (hover: hover) {
    .favorites__back-link:hover {
        background: #231815;
        color: #fff;
    }
}

/*========================================
  SP / タブレット（1023px 以下）
========================================*/
@media screen and (max-width: 1023px) {
    .favorites {
        padding-bottom: 56px;
    }

    .favorites__head {
        padding-top: 8px;
    }

    .favorites__icon {
        width: 40px;
    }

    .favorites__title {
        margin-top: 10px;
        font-size: 20px;
    }

    .favorites__line {
        width: 110px;
        margin-top: 12px;
    }

    .favorites__body {
        max-width: none;
        margin-top: 24px;
        padding: 0 16px;
    }

    .favorites__empty {
        padding: 32px 0 8px;
        font-size: 14px;
    }

    .favorites__back {
        margin-top: 32px;
    }

    .favorites__back-link {
        min-width: 0;
        width: 100%;
        max-width: 600px;
        padding: 16px 24px;
        font-size: 15px;
    }
}