/* -------------------------
アクションボックス
------------------------- */
/* アクションボックス全体 */
.acms-admin-box {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

/* ユーザー画像 */
.acms-admin-user {
    width: 20px;
    height: 20px;
}

/* ボタン */
.acms-admin-btn[type="submit"],
.acms-admin-btn-admin[type="submit"] {
    padding: 0.5em 1em;
}


/* -------------------------
トップページ
------------------------- */
/* Pickup Project */
.postCards>.item>a .img {
    aspect-ratio: 27 / 17;
}

/* Project introduction アイテム*/
.postCards.size-l .item {
    width: 100%;
}

/* Project introduction figureタグ*/
.postCards.size-l .item .img {
    position: relative;
    aspect-ratio: 2 / 1;
    overflow: hidden;
}

/* Project introduction imgタグ*/
.postCards.size-l .item .img img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* -------------------------
プロジェクト一覧ページ
------------------------- */
/* ピックアップ一覧のサムネ画像 */
.pickupArea .postCards.mode-slider>.item>a .img {
    aspect-ratio: 27 / 17;
}

/* ピックアップ一覧の導入テキスト */
.pickupArea .postCards.mode-slider>.item>a .txt>p:not(:first-child) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}

/* エントリー一覧のサムネ画像 */
.postCards.top-list>.item>a .img {
    aspect-ratio: 100/63;
}


/* -------------------------
プロジェクト詳細ページ
------------------------- */
/* メイン画像 */
.projectPageTitle>.inner .mv {
    aspect-ratio: 1360 / 691;
}

.projectPageTitle>.inner .mv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* この案件に関わったプレイヤー一覧のサムネ画像 */
.profileArea .postCards.size-s>.item>a .img {
    aspect-ratio: 100 / 63;
}

/* Other Project一覧のサムネ画像 */
.otherProjectArea .postCards.mode-slider>.item>a .img {
    aspect-ratio: 100 / 63;
}


/* -------------------------
プレイヤー詳細覧ページ
------------------------- */
/* メイン画像 */
body.player.detail .mvArea>.img img {
    aspect-ratio: 268 / 181;
    object-fit: cover;
}

/* -------------------------
404ページ
---------------------------- */
/* コンテンツが短くてもフッターを画面下端へ（下の余白対策：スティッキーフッター） */
.notfound #wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
}

.notfound #siteFooter {
    margin-top: auto;
}

.notFoundArea.contentWidth {
    margin: 60px auto 100px;
}

.notFoundArea .lead {
    margin-bottom: 48px;
}

@media only screen and (max-width: 767px) {
    .notFoundArea.contentWidth {
        margin: 40px auto 100px;
    }

    .notFoundArea .lead {
        margin-bottom: 32px;
    }
}


/* -------------------------
並び替えボタン
------------------------- */
/* 基本ボタン */
.sort-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 10px;
    color: #ffffff;
    background-color: #333333;
    border: #333 solid 1px;
}

.sort-btn:hover {
    color: #333;
    background-color: #fff;
}

/* About us */
.sort-btn-company{
    display: inline-block;
    margin: 10px 0;
    padding: 10px;
    color: #ffffff;
    background-color: #333333;
    border: #333 solid 1px;
}

.sort-btn-company:hover {
    color: #333;
    background-color: #fff;
}

/* Pickup Project */
body.home .projectArea>.inner a.sort-btn-white {
    display: inline-block;
    margin-top: 10px;
    padding: 10px;
    color: #333333;
    background-color: #fff;
    border: #fff solid 1px;
}

body.home .projectArea>.inner a.sort-btn-white:hover {
    color: #fff;
    background-color: #333;
}