/* クリエイターCSS */

/*----------------
クリエイター一覧ページ
-----------------*/
.creator_wrap {

}

.creator_title.sub_title .hover_eft {
    position: relative;
    display: inline-block;
}

.creator_title.sub_title h1.main_title a {
    display: block;
    padding-right: 20px;
}

.creator_title.sub_title .main_title .text-hover {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 0.75em;
    line-height: 1.4;
}

.creator_title.sub_title .text-default {
    transition: opacity 0.3s ease;
}

.creator_title.sub_title .hover_eft:hover .text-default {
    opacity: 0;
}

.creator_title.sub_title .hover_eft:hover .text-hover {
    opacity: 1;
}






.creator_wrap .creator_sub_menu .hover_list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 40px;
    padding-top: 2vw;
    }


.creator_wrap .creator_sub_menu .hover_list li {
    position: relative;
    display: inline-block;
    font-weight: bold;
    line-height: 1;
    cursor: pointer;
    }
.creator_wrap .creator_sub_menu .hover_list li a {
    display: block;
    width: 100%;
    text-align: left;
    }

.creator_wrap .creator_sub_menu .hover_list li:not(:last-child)::after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    width: 1px;
    height: 16px;
    background: #000;
    }
.creator_wrap .creator_sub_menu .category-text {
    position: relative;
    display: inline-block;
    padding-right: 40px;
    }
.creator_wrap .creator_sub_menu .category-text .txt-hover {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    font-size: 15px;
    }
.creator_wrap .creator_sub_menu .hover_list .category-text .txt-hover {
    font-size: 15px;
    }
.creator_wrap .creator_sub_menu .category-text .txt-default {
    transition: opacity 0.3s ease;
    }
.creator_wrap .creator_sub_menu a:hover .category-text .txt-default {
    opacity: 0;
    }
.creator_wrap .creator_sub_menu a:hover .category-text .txt-hover {
    opacity: 1;
    }
.creator_wrap .creator_sub_menu a .category-text .txt-default::after,
.creator_wrap .creator_sub_menu a .category-text .txt-hover::after {
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    z-index: 5;
    background: linear-gradient(#fff100, #fff100) 0 100% / 0 7px no-repeat;
    transition: all 0.3s ease;
    bottom: 0px;
}
.creator_wrap .creator_sub_menu .current-menu-parent a .category-text .txt-default::after,
a:hover .category-text .txt-hover::after {
    background-size: 100% 7px !important;
}



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

    .creator_sub_menu ul.tabs {
        display: flex;
        text-align: left;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 2.6667vw 0 6.6667vw;
    }
    .creator_sub_menu ul.tabs li {
        position: relative;
        line-height: 0;
        box-sizing: border-box;
        text-align: left;
        display: inline-block;
        width: 44vw;
        padding: 4.0000vw 0 0;
    }
    .creator_sub_menu ul.tabs li a {
        font-size: 3.7333vw;
        line-height: 1.71248;
        text-align: left;
        position: relative;
    }
    .creator_sub_menu ul.tabs li a .icon-arrow {
        /* position: static;
        display: inline !important;
        vertical-align: middle;
        padding-left: 2.6667vw;
        width: 1.0667vw; */

        position: absolute;
        display: inline !important;
        vertical-align: middle;
        padding-left: 2.6667vw;
        width: 1.0667vw;
        top: 50%;
        right: -15%;
        transform: translateY(-50%);
    }
    .creator_sub_menu ul.tabs li.current-menu-item a::after {
        display: block;
        content: "";
        width: 100%;
        height: 7px;
        background: #fff100;
        position: absolute;
        bottom: -3px;
        z-index: -1;
    }


    .creator_sub_menu ul.tabs li a span {
        text-decoration-line: underline;
        text-decoration-color: transparent;
        text-decoration-thickness: 5px;
        text-underline-offset: 0px;
        text-decoration-skip-ink: none;
        transition: text-decoration-color 0.3s ease;
    }
    
    .creator_sub_menu ul.tabs li a:hover span {
        text-decoration-color: #fff100;
    }
    
    .creator_sub_menu ul.tabs li.current-menu-parent a span {
        text-decoration-color: #fff100 !important;
    }
 
    .creator_sub_menu .tabs > li.current-menu-item > a::after, 
    .creator_sub_menu .tabs > li.current-menu-parent > a::after {
        display: none;
    }




}





.creator_wrap .creator_contain {

}
.creator_wrap .creator_contain .lead_txt {
    line-height: 1.875;
    margin-top: 40px;
    margin-bottom: 100px;
}
.creator_wrap .creator_contain ul.con_box_list {
    max-width: 93.5417%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 60px 46px;
}
.creator_wrap .creator_contain ul.con_box_list li {
    width: 21.1581%;
}
.creator_wrap .creator_contain ul.con_box_list li .creator_img {
    width: 100%;
    height: 190px;
    overflow: hidden;
}

.creator_wrap .creator_contain ul.con_box_list li .creator_img a {
    display: block;
    width: 100%;
    height: 100%;
}

.creator_wrap .creator_contain ul.con_box_list li .creator_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}


.creator_wrap .creator_contain ul.con_box_list li .cat {
    /* font-size: 14px; */
    font-size: 13px;
    text-align: center;
    margin-top: 10px;
}
.creator_wrap .creator_contain ul.con_box_list li .tit {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.creator_wrap .creator_contain .wp-pagenavi {
    margin-bottom: 110px;
}

@media screen and (max-width: 1000px) {
    .sub_contant_wrap {
        padding: 0 1em;
    }
    .creator_wrap .creator_contain ul.con_box_list li {
        width: 20%;
    }
}
@media screen and (max-width: 768px) {

    .sub_contant_wrap {
        padding: calc(72px + 16vw) 4.5333vw 0
    }
    .creator_wrap .creator_contain .lead_txt {
        font-size: 4.2667vw;
        margin-top: 16vw;
        margin-bottom: 21.3333vw;
    }
    .creator_wrap .creator_contain ul.con_box_list {
        max-width: 100%;
        width: 90.9333vw;
        gap: 16.8vw 3.4667vw;
    }
    .creator_wrap .creator_contain ul.con_box_list li {
        width: 43.7333vw;
    }
    .creator_wrap .creator_contain ul.con_box_list li .creator_img {
        height: 43.7333vw;
    }

    .creator_wrap .creator_contain ul.con_box_list li .cat {
        font-size: 3.2vw;
        margin-top: 2.6667vw;
    }
    .creator_wrap .creator_contain ul.con_box_list li .tit {
        font-size: 4.8vw;
    }
    
    .creator_wrap .creator_contain .wp-pagenavi {
        margin-top: 21.3333vw;
        margin-bottom: 32vw;
    }
    
}







/*----------------
クリエイター詳細ページ
-----------------*/

.creator-article_wrap {
    margin-bottom: 120px;
}

.creator-article_wrap .creator_img {
    width: 240px;
    height: 240px;
    margin: 60px auto 20px;
    overflow: hidden;
}

.creator-article_wrap .creator_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.creator-article_wrap .cat {
    font-size: 18px;
    text-align: center;
    line-height: 1.6667;
}

.creator-article_wrap .tit {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
}

.creator-article_wrap .page-box {
    max-width: 720px;
    margin: 40px auto 80px;
    font-size: 16px;
    line-height: 1.875;
}





.creator-article_wrap .creator-article_tit {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 40px;
}

.creator-article_wrap .award_box .creator_award {
    max-width: 720px;
    margin: 0 auto 100px;
}
.creator-article_wrap .award_box dl {
    display: flex;
    gap: 30px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #DDDDDD;
}
.creator-article_wrap .award_box dl:first-child {
    padding-top: 0;
}
.creator-article_wrap .award_box dl:last-child {
    border-bottom: none;
}
.creator-article_wrap .award_box dt {
    font-size: 16px;
    flex: 0 0 55px;
}
.creator-article_wrap .award_box dd {
    flex: 1;
    text-align: left;
}
.creator-article_wrap .award_box dd .awards_tit {
    font-size: 18px;
    font-weight: bold;
}
.creator-article_wrap .award_box dd .awards_txt {
    font-size: 18px;
    padding-left: 15px;
}




.creator-article_wrap .work_box ul {
    max-width: 91.7708%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 28px;
}

.creator-article_wrap .work_box ul li {
    width: 31.2145%;
}

.creator-article_wrap .work_box ul li .work_txt {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 30px;
    color: #333;
}

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

    .creator-article_wrap {
        margin-bottom: 32vw;
    }

    .creator-article_wrap .creator_img {
        width: 43.7333vw;
        height: 43.7333vw;
        margin: 7.4667vw auto 2.6667vw;
    }

    .creator-article_wrap .cat {
        font-size: 4.2667vw;
        line-height: 1.25;
    }

    .creator-article_wrap .tit {
        font-size: 6.9333vw;
        margin-top: 1.0667vw;
    }
    
    .creator-article_wrap .page-box {
        max-width: 100%;
        margin: 8vw auto 21.3333vw;
        font-size: 4.2667vw;
    }


    .creator-article_wrap .creator-article_tit {
        font-size: 5.3333vw;
        margin-bottom: 5.3333vw;
    }

    .creator-article_wrap .award_box .creator_award {
        max-width: 100%;
        margin: 0 auto 26.6667vw;
    }
    .creator-article_wrap .award_box dl {
        gap: 8vw;
        width: 100%;
        padding-top: 4vw;
        padding-bottom: 4vw;
    }
    .creator-article_wrap .award_box dt {
        font-size: 4.2667vw;
        flex: 0 0 16vw;
    }
    .creator-article_wrap .award_box dd .awards_tit {
        font-size: 4.8vw;
    }
    .creator-article_wrap .award_box dd .awards_txt {
        font-size: 4.8vw;
        padding-left: 4vw;
    }



    .creator-article_wrap .work_box ul {
        max-width: 100%;
        gap: 8vw 2.6667vw;
    }
    
    .creator-article_wrap .work_box ul li {
        width: 44vw;
    }
    
    .creator-article_wrap .work_box ul li .work_txt {
        font-size: 4.2667vw;
        line-height: 1.5;
        margin-bottom: 3.2vw;
    }
}




.creator-article_wrap .company-list {
    width: 720px;
    margin: 0 auto 80px;
}
.creator-article_wrap .company-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    font-size: 16px;
    line-height: 1.875;
}

.creator-article_wrap .company-item__text {
    width: 45%;
}
.creator-article_wrap .company-item__title {
    margin: 0 0 15px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
}
.creator-article_wrap .company-item__department {
    margin: 0 0 15px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}
.creator-article_wrap .company-item a {
    width: 50%;
    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.creator-article_wrap .company-item a:hover {
    opacity: 0.7;
}
.creator-article_wrap .company-item__name {
    margin: 0;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.creator-article_wrap .company-item__image {
    width: 100%;
}

.creator-article_wrap .company-item__image img {
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 768px) {
    .creator-article_wrap .company-list {
        width: 100%;
        margin: 0 auto 21.3333vw;
    }
    .creator-article_wrap .company-item {
        flex-direction: column;
    }
    .creator-article_wrap .company-item__text {
        width: 100%;
    }
    .creator-article_wrap .company-item__title {
        font-size: 5.3333vw;
    }
    .creator-article_wrap .company-item__department {
        font-size: 4.8vw;
    }
    .creator-article_wrap .company-item a {
        width: 100%;
    }
    .creator-article_wrap .company-item__name {
        font-size: 4.2667vw;
    }
}