@charset "UTF-8";

@media screen and (max-width: 768px){


/* ===================================
archiveとsingle共通項目
 =================================== */

/* ===================================
アーカイブページ
=================================== */
.archiveTalent__body {
    padding-bottom: 60px;
}


/* .archiveTalent__tabs-list {
    display: grid;
    grid-template-areas: 
        "all all man man woman woman"
        "actor actor actor teen teen teen"
        "artist artist artist culturati culturati culturati"
        "kakunin kakunin kakunin kakunin kakunin kakunin";
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
} */

.archiveTalent__tabs-list.--2 {
    display: grid;
    grid-template-areas: 
        "all all man man woman woman"
        "actor actor actor teen teen teen"
        "artist artist artist culturati culturati culturati"
        "kakunin kakunin kakunin kakunin kakunin kakunin";
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}



/* .archiveTalent__tabs-list.--2 {
    display: flex;
    flex-wrap: wrap;
} */
.archiveTalent__tabs-item[data-tab="all"] {
    grid-area: all;
}
.archiveTalent__tabs-item[data-tab="man"] {
    grid-area: man;
}
.archiveTalent__tabs-item[data-tab="woman"] {
    grid-area: woman;
}
.archiveTalent__tabs-item[data-tab="actor"] {
    grid-area: actor;
}
.archiveTalent__tabs-item[data-tab="teen"] {
    grid-area: teen;
}
.archiveTalent__tabs-item[data-tab="artist"] {
    grid-area: artist;
}
.archiveTalent__tabs-item[data-tab="culturati"] {
    grid-area: culturati;
}
.archiveTalent__tabs-item[data-tab="kakunin"] {
    grid-area: kakunin;
}

  /* .archiveTalent__tabs-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  } */


/* .archiveTalent__tabs-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.archiveTalent__row {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
} */

.archiveTalent__tabs-item {
    /* flex: 0 0 calc((100% / 4)); */
    width: 100%;
    /* width: calc(33.33% - 10px); */
    font-size: min(4.1vw, 16px);
    padding: 5px;
}

.archiveTalent__tabs-contents {
    margin-top: 60px;
}
.archiveTalent__tabs-title {
    font-size: 20px;
}

.archiveTalent__tabs-posts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.archiveTalent__line-break {
    display: none;
}
.archiveTalent-post__name {
    font-size: min(3.59vw, 14px);
}
.archiveTalent-post__name--en {
    font-size: min(3.08vw, 12px);
}
.archiveTalent-post__partnerOffice {
    font-size: min(3.08vw, 12px);
}


/* ===================================
タレント（ category）ページ
=================================== */
.singleTalent .pageBody {
    margin-top: 120px;
}

.singleTalent__post {
    padding: 40px 20px 20px 20px;
}
.singleTalent__post::after {
    top: -10px;
    left: -10px;
    width: 40px;
    height: 40px;
}
.singleTalent__info {
    flex-direction: column;
    gap: 20px;
}
.singleTalent__info .left {
    width: 100%;
    order: 2;
}
.singleTalent__slider .slider {
    margin-top: 20px;
}
.singleTalent__info .right {
    display: contents;
}
.singleTalent__info .right .singleTalent__name {
    order: 1;
}
.singleTalent__info .right .is04_sns {
    order: 3;
    margin-top: 0;
}
.singleTalent__info .right .singleTalent__date {
    order: 4;
    margin-top: 0;
}

.singleTalent__name .name--ja {
    font-size: 20px;
}
.singleTalent__name .name--en {
    font-size: 12px;
}
.singleTalent__name .partnerOffice {
    margin-top: 20px;
    font-size: 12px;
    text-align: right;
}

.singleTalent .is04_sns {
    gap: 10px;
}
.singleTalent .is04_sns li {
    width: min(30px, 100%);
    min-width: 30px;
}

.singleTalent__date .is04_l_prof {
    padding-top: 0;
}

.singleTalent__info .right .singleTalent__banner {
    order: 5;
    margin-top: 0;
    margin-inline: auto;
}

/* ==== Description =========================== */

.singleTalent__Description {
    margin-top: 40px;
    padding-block: 40px;
    padding-inline: 0;
}


/* ==== Members セクション =========================== */
.singleTalentMember {
    margin-top: 40px;
}
.singleTalentMember__contents {
    margin-top: 20px;

    grid-template-columns: 1fr;
    gap: 10px;
}
.singleTalentMember__contents .member {
    padding: 15px;
    grid-template-columns: 50px 1fr;
    gap: 10px;
}
.singleTalentMember__contents .member {
    grid-template-columns: min(30%,100px) 1fr;
    gap: 10px;
    padding: 15px;
}

/* 個別設定 */

.singleTalentMember__contents .member__thumb img {
    border-radius: 10px;
}
.member__role {
    font-size: 14px;
}
.member__name {
    font-size: 16px;
}



/* ==== news セクション =========================== */
.singleTalentNnews__post {
    padding: 15px;
    border-radius: 10px;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}
.singleTalentNnews__post .info {
    justify-content: start;
    gap: 10px;
}
.singleTalentNnews__post .contents {
    flex-direction: column;
    align-items: start;
    gap: 10px;
}
.singleTalentNnews__post .button {
    margin-left: auto;
    padding-right: 20px;
}

/* カテゴリー編集画面の「固定ニュース」設定時のスタイル */

.singleTalentNnews__contents .fix-news {
    padding: 15px 30px 15px 15px;
    border-radius: 10px;
}
.singleTalentNnews__contents .fix-news::after {
    right: 10px;
}

/* ==== video セクション =========================== */
.singleTalentVideo__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.singleTalentVideo__item .title {
    margin-top: 3px;
    font-size: 8px;
}

/* ------------------------
モーダル関連 
------------------------ */
.modal__content {
    width: 90%;
}


/* ==== Works  =========================== */
.singleTalentWorks {
    margin-top: 40px;
}
.works__title {
    padding: 10px 15px;
}
/* 丸 */
.works__title::before {
    top: 10px;
    right: 5px;
    width: 20px;
    height: 20px;
}
/* 矢印 */
.works__title::after {
    top: 15px;
    right: 11px;
    width: 9px;
    height: 10px;
}
.talent .content {
    padding: 20px 15px;
    font-size: 12px;
}

.twoColumn .twoColumn__table tbody {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.twoColumn .twoColumn__table tr {
    flex-direction: column;
}
.twoColumn .twoColumn__table tr th {
    padding: 0;
}
.twoColumn .twoColumn__table tr td {
    padding: 0;
}

/* .twoColumn .twoColumn__table tr th {
    width: 70px;
    padding-block: 5px;
}
.twoColumn .twoColumn__table tr td {
    padding-block: 5px;
}  */

/* ==== Awards セクション =========================== */
.singleTalentAwards {
    margin-top: 60px;
}
.singleTalentAwards__contents {
    margin-top: 20px;
    padding: 20px 15px;
}


/* ==== 一覧へ戻る　ボタン =========================== */

.singleTalent__bottom {
    margin-bottom: 60px;
}

}/* end */