@charset "UTF-8";



@media screen and (min-width: 961px) {
}

@media screen and (min-width: 1281px) {}



.popupBlk .categoryLists .selectCategoryList {
    width: calc(100% / 3 - 1.0rem);
    margin: 0 .5rem 1rem;
    border: 2px solid rgba(0, 0, 0, 0);
    opacity: .5;
}

.popupBlk .categoryLists .selectCategoryList.on {
    border: 2px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
}

.popupBlk .sortLists{
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.popupBlk .sortLists .sortList{
    width: 100%;
    margin: 0 auto 4%;
}

@media screen and (max-width: 640px) {
    .popupBlk .categoryLists .SubTitle {
        font-size: 3.8vw
    }
}

@media screen and (min-width: 641px) {
    .popupBlk .categoryLists {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .popupBlk .sortLists{
        width: 90%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
    }
    .popupBlk .sortLists .sortList{
        width: 46%;
        margin: 0 2%;
    }
    .popupBlk .categoryLists .SubTitle {
        font-size: 3vw
    }

}

@media screen and (min-width: 961px) {
    .popupBlk .categoryLists .SubTitle {
        font-size: 2vw
    }
}

@media screen and (min-width: 1281px) {
    .popupBlk .categoryLists .SubTitle {
        font-size: 1.4vw
    }
}


.btnLine.mainBtn {
    max-width: 560px;
    min-width: 260px;
}


.memberBlk {}

.memberBlk {}

.memberListsB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    width: 95%;
    margin: 0 auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 1080px;
}

.memberListsB .memberList {
    width: calc(100% / 3 - 4%);
    margin: 0 2% 6%;
}

.memberListsB .memberList .memberImg {
    overflow: hidden;
}

.memberListsB .memberList .memberProf {}

.memberListsB .memberList .memberProf {
    margin: 1rem auto 0;
}

.memberListsB .memberList .memberProf .name {}

.memberListsB .memberList .memberProf .enName {}

.memberListsB .memberList .memberProf .birthDayBlk{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0.1rem 0 .25rem;
}

.memberListsB .memberList .memberProf .birthDayBlk svg{
    width: 1.6em;
    height: 1.5em;
    margin: 0 .25em .25em 0;
}
.memberListsB .memberList .memberProf .birthDayBlk figcaption{
    padding: 0 .5em .0em 0;
}

.memberListsB .memberList .memberProf .date {
    display: inline-block;
    margin: 0.4em auto 0.8em;
}

.memberListsB .memberList .memberProf .team {}

@media screen and (max-width: 640px) {
    .memberListsB .memberList .memberProf .name {
        font-size: 3.9vw;
    }
}
@media screen and (min-width: 641px) {
    .memberBlk {}

    .memberBlk {}

    .memberListsB {}

    .memberListsB .memberList {
        width: 18%;
        margin: 0 1% 4%;
    }

    .memberListsB .memberList .memberImg {}

    .memberListsB .memberList .memberProf {}

    .memberListsB .memberList .memberProf {}

    .memberListsB .memberList .memberProf .name {}

    .memberListsB .memberList .memberProf .enName {}

    .memberListsB .memberList .memberProf .date {}

    .memberListsB .memberList .memberProf .team {}
}


@media screen and (min-width: 961px) {
    .memberBlk {}

    .memberBlk {}

    .memberListsB {}

    .memberListsB .memberList {}

    .memberListsB .memberList .memberImg {}

    .memberListsB .memberList .memberProf {}

    .memberListsB .memberList .memberProf {}

    .memberListsB .memberList .memberProf .name {}

    .memberListsB .memberList .memberProf .enName {}

    .memberListsB .memberList .memberProf .date {}

    .memberListsB .memberList .memberProf .team {}
}


/*========================
Detail
========================*/
.profileArea {
    position: relative;
    width: 90%;
    margin: 0 auto;
}

.profileArea .teamSet {
    position: absolute;
    /* width: 40%; */
    right: 3vw;
    top: 4vw;
}

.profileArea .teamSet .teamLists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
}

.profileArea .teamSet .teamLists .teamList {
    width: 10vw;
    margin: 0 0 0 1em;
}

.profileArea .teamSet .teamLists .teamList + .teamList {}

.profileArea .teamSet .teamLists .teamList img {}

.profileArea .teamSet .teamLists .teamList .teamIcon {}

.profileArea .teamSet .teamLists .teamList .teamMedal {
    width: 80%;
    margin: 0 auto;
}

.profileArea .profileSet {
    overflow: hidden;
    background: #fff;
    padding: 4rem 2vw;
}

.profileArea .profileSet .imgBlk {
    width: 60vw;
    margin: 0 auto 2rem;
}

.profileArea .profileSet .profileTxtBlk {}

.profileArea .profileSet .profileTxtBlk .nameSet {
    margin: 0 auto 2rem;
}

.profileArea .profileSet .profileTxtBlk .nameSet .jpname {
    margin: 0 auto;
}

.profileArea .profileSet .profileTxtBlk .nameSet .name {
    margin: .5rem auto;
}

.profileArea .profileSet .profileTxtBlk .nameSet .enName {}

.profileArea .profileSet .profileTxtBlk .detailProfTxt {
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: 2rem 5vw;
    text-align: left;
}

.profileArea .profileSet .profileTxtBlk .detailProfTxt .profTtl {
    width: 35%;
}

.profileArea .profileSet .profileTxtBlk .detailProfTxt .profTxt {
    width: 65%;
    margin: 0 0 .25rem;
}

.profileArea .profileSet .profileTxtBlk .shareBlk {
    margin: 2rem auto 2rem;
}

.profileArea .profileSet .profileTxtBlk .shareBlk .group {}

.profileArea .profileSet .profileTxtBlk .shareBlk .group ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
}

.profileArea .profileSet .profileTxtBlk .shareBlk .group ul li {}

.profileArea .profileSet .profileTxtBlk .shareBlk .group ul li:not(:first-of-type) {
    width: 33%;
}


.profileArea .profileSet .profileTxtBlk .bnrBlk {}

.profileArea .profileSet .profileTxtBlk .bnrBlk .bnrLists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.profileArea .profileSet .profileTxtBlk .bnrBlk .bnrLists .bnrList {
    width: 46%;
    margin: 0 2% 1rem;
}

.profileArea .profileSet .profileTxtBlk .bnrBlk .bnrLists .bnrList + .bnrList {}

.profileArea .profileSet .profileTxtBlk .bnrBlk .bnrLists .bnrList img {}

@media screen and (min-width: 641px) {
    .profileArea {}

    .profileArea .teamSet {
        right: 5vw;
    }

    .profileArea .teamSet .teamLists {}

    .profileArea .teamSet .teamLists .teamList {
        width: 8vw;
        max-width: 60px;
    }

    .profileArea .teamSet .teamLists .teamList + .teamList {}

    .profileArea .teamSet .teamLists .teamList img {}

    .profileArea .teamSet .teamLists .teamList .teamIcon {}

    .profileArea .teamSet .teamLists .teamList .teamMedal {}

    .profileArea .profileSet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .profileArea .profileSet .imgBlk {
        width: 35vw;
        margin: 0 5vw 0 0;
    }

    .profileArea .profileSet .profileTxtBlk {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        width: 50vw;
    }

    .profileArea .profileSet .profileTxtBlk .nameSet {
        margin: 0 0 2rem;
    }

    .profileArea .profileSet .profileTxtBlk .nameSet .jpname {}

    .profileArea .profileSet .profileTxtBlk .nameSet .name {}

    .profileArea .profileSet .profileTxtBlk .nameSet .enName {}

    .profileArea .profileSet .profileTxtBlk .detailProfTxt {
        margin: 0;
        padding: 2rem;
    }

    .profileArea .profileSet .profileTxtBlk .detailProfTxt .profTtl {}

    .profileArea .profileSet .profileTxtBlk .detailProfTxt .profTxt {}


    .profileArea .profileSet .profileTxtBlk .shareBlk {
        margin: 2rem 0 2rem;
    }

    .profileArea .profileSet .profileTxtBlk .shareBlk .group {}

    .profileArea .profileSet .profileTxtBlk .shareBlk .group ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .profileArea .profileSet .profileTxtBlk .shareBlk .group ul li {}

    .profileArea .profileSet .profileTxtBlk .shareBlk .group ul li:not(:first-of-type) {
        width: 25%;
        margin: 0;
    }


    .profileArea .profileSet .profileTxtBlk .bnrBlk {}

    .profileArea .profileSet .profileTxtBlk .bnrBlk .bnrLists {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .profileArea .profileSet .profileTxtBlk .bnrBlk .bnrLists .bnrList {
        width: 46%;
        margin: 0 2% 1rem;
    }

    .profileArea .profileSet .profileTxtBlk .bnrBlk .bnrLists .bnrList + .bnrList {}

    .profileArea .profileSet .profileTxtBlk .bnrBlk .bnrLists .bnrList img {}
}

@media screen and (min-width: 961px) {
    .profileArea {}

    .profileArea .teamSet {}

    .profileArea .teamSet .teamLists {}

    .profileArea .teamSet .teamLists .teamList {}

    .profileArea .teamSet .teamLists .teamList + .teamList {}

    .profileArea .teamSet .teamLists .teamList img {}

    .profileArea .teamSet .teamLists .teamList .teamIcon {}

    .profileArea .teamSet .teamLists .teamList .teamMedal {}

    .profileArea .profileSet {}

    .profileArea .profileSet .imgBlk {}

    .profileArea .profileSet .profileTxtBlk {}

    .profileArea .profileSet .profileTxtBlk .nameSet {}

    .profileArea .profileSet .profileTxtBlk .nameSet .jpname {}

    .profileArea .profileSet .profileTxtBlk .nameSet .name {}

    .profileArea .profileSet .profileTxtBlk .nameSet .enName {}


    .profileArea .profileSet .profileTxtBlk .detailProfTxt {}

    .profileArea .profileSet .profileTxtBlk .detailProfTxt .profTtl {
        width: 25%;
    }

    .profileArea .profileSet .profileTxtBlk .detailProfTxt .profTxt {
        width: 75%;
    }

}

.shareList {
    display: flex;
}
.shareList li {
    padding: 0 2rem 0 0;
    width: 14%;
}
.shareList li svg {
    width: 16vw;
    height: 16vw;
    max-width: 54px;
    max-height: 54px;
    fill: #F676A6;
}
.shareList li img {
    width: 16vw;
    height: 16vw;
    max-width: 54px;
    max-height: 54px;
    fill: #F676A6;
}
@media (max-width: 1440px) {
    .shareList li {
      padding: 0 2.5rem 0 0;
    }
}
@media (max-width: 1024px) {
    .shareList li {
      width: 15%;
    }
}
@media (max-width: 480px) {
    .shareList {
      margin: 3rem 0 3rem;
      justify-content: center;
    }
    .shareList li {
      padding: 0 2rem;
      width: 25%;
    }
}


/* ==================================================
movieArea
================================================== */

.movieArea {}

.movieArea .slideBlk {
    margin: 0 auto 4rem;
}

@media screen and (min-width: 641px) {
    .movieArea .movieSlide {
        padding-left: calc(5.1% + 20px);
    }
}

@media screen and (min-width: 961px) {
    .movieArea .movieSlide {
        padding-left: calc(4.2% + 40px);
    }

}



/* ==================================================
timelineArea
================================================== */

.timelineArea {
    padding: 14vw 0;
}

.timelineArea .selectMember {
    margin: 0 auto 4rem;
}

.timelineArea .selectMember li .BtnCenter {
    width: 100%;
}


.pagerLists{
    width: 90%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.pagerLists .pagerList{
    width: 50%;
}
.pl{
    text-align: left;
    padding: 0 0 0 2em;
}
.pr{
    text-align: right;
    padding: 0 2em 0 0;
}


@media screen and (min-width: 961px) {
    .timelineArea {
        padding: 80px 0;
    }

}
@media screen and (min-width: 1366px) {
    .pagerLists{
        width: 1228px;
    }

}




/* ==================================================
goodsArea
================================================== */

.goodsArea {
    padding: 14vw 0;
}

.goodsArea .slideBlk {
    margin: 0 auto 4rem;
}

@media screen and (min-width: 961px) {
    .goodsArea {
        padding: 80px 0;
    }
}