@charset "UTF-8";
body {
    height: auto;
    background-color: #fff;
}
a:hover {
    color: inherit;
    text-decoration: none;
}
/*--------------------------------
	header
--------------------------------*/
.header {
    position: static;
} 
/*--------------------------------
	h2
--------------------------------*/
h2 {
    text-align: center;
    margin-bottom: 40px;
}
h2 img {
    height: 52px;
}
h2 span {
    font-weight: 500;
    display: block;
    font-size: 2rem;
}
@media(max-width : 1024px) {
    h2 {
        margin-bottom: 32px;
    }
    h2 img {
        height: 42px;
    }
    h2 span {
    font-size: 1.8rem;
    }
}
/*--------------------------------
	footer
--------------------------------*/
.footer {
    position: static;
    background-color: #3E3E3E;
    -ms-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
    padding: 40px 40px 40px 56px;
}
.footer__inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.footer__logo {
    display: block;
    width: 244px;
}
.footer__logo img {
    width: 100%;
}
.footer__menu {
    display: flex;
    gap: 40px;
    list-style: none;
    padding-top: 24px;
}
.footer__menu li a img {
    display: block;
    width: auto;
    height: 14px;
}
.footer__menu li:last-child a img {
    height: 18px;
}
small {
    display: block;
    text-align: right;
    color: #A5A4A4;
}
@media(max-width : 1024px) {
    .footer {
        padding: 40px 40px 24px 40px;
    }
    .footer__menu {
        padding-top: 24px;
        flex-direction: column;
        width: 40%;
    }
    small {
        position: absolute;
        left: 40px;
        bottom: 60px;
    }
}
@media(max-width : 830px) {
    .footer {
        padding: 24px;
    }
    .footer__inner {
        margin-bottom: 24px;
    }
    .footer__menu {
        width: fit-content;
        width: 30%;
        gap: 32px;
    }
    small {
        left: 24px;
        bottom: 44px;
        font-size: 1rem;
    }
}
@media(max-width : 560px) {
    .footer__inner {
        flex-direction: column;
        justify-content: space-between;
    }
    .footer__menu {
        width: 60%;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    small {
        bottom: 20px;
    }
}
/*--------------------------------
	pagenavi
--------------------------------*/
.wp-pagenavi {
    padding: 40px 0;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 16px;
    display: flex;
    justify-content: center;
    column-gap: 24px;
}
.current {
    position: relative;
}
.current::after {
    content: "";
    width: 2em;
    height: 2em;
    background-color: #C6C6C6;
    border-radius: 40px;
    position: absolute;
    top: -0.2em;
    left: -0.8em;
    z-index: -1;
}
.dt-paging-button.current::after {
    display: none;
}
.tablepress thead th {
    background-color: #DFDEDE;
}
.tablepress thead .dt-orderable-asc:hover, .tablepress thead .dt-orderable-desc:hover, .tablepress thead .dt-ordering-asc, .tablepress thead .dt-ordering-desc {
    background-color: #c0c0c0!important;
    color: var(--head-active-text-color);
}

/*--------------------------------
	aboutBBM content
--------------------------------*/
.about__content {
    width: 56vw;
    margin: 0 auto 120px;
}
.about__main {
    padding-top: 40px;
    margin-bottom: 24px;
}
.about__main p {
    margin-bottom: 1em;
}
.about__En {
    padding-top: 40px;
    border-top: #A5A4A4 1px solid;
}
@media(max-width : 1024px) {
    .about__content {
        width: auto;
        margin: 0 40px 80px;
    }
}
@media(max-width : 830px) {
    .about__content {
        margin: 0 24px 40px;
    }
    .about__main {
        padding-top: 24px;
    }
}
@media(max-width : 560px) {
    .about__content {
        margin: 24px 16px 40px;
    }
}
/*--------------------------------
	archives content
--------------------------------*/
.archives__content {
    width: 94vw;
    margin: 0 auto 120px;
}
.category__list {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 24px;
    /* font-family: "Noto Sans JP", sans-serif; */
    padding-top: 24px;
    flex-wrap: wrap;
}
.category__list li a.selected {
    border-bottom: #707070 1px solid;
}
.stage__wrapper {
    margin: 40px 0 80px;
}
.stage__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 4.5vw;
    column-gap: 3vw;
    list-style: none;
}
.stage__list li a:hover {
    opacity: 1;
}
.stage__imgbox {
    width: 100%;
    aspect-ratio: 2 / 1;
    margin-bottom: 0.5em;
}
.stage__imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center ;
}
/* .stage__text>.stage__title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1em;
} */
.stage__title span {
    display: block;
}
.stage__text span,
.stage__text{
    font-size: 1.8rem;
}
.stage__title time {
    /* font-family: "Noto Sans JP", sans-serif; */
    font-size: 1.6rem;
}
.tag__list {
    padding-top: 8px;
    display: flex;
    gap: 8px;
    list-style: none;
    /* font-family: "Noto Sans JP", sans-serif; */
    font-size: 1.2rem;
}
.tag__list li {
    padding: 1px 12px;
    border: #A5A4A4 1px solid;
    border-radius: 100vh;
}
.credit-text {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 40px;
    line-height: 1.8;
}
@media(max-width : 1024px) {
    .archives__content {
        width: auto;
        margin: 0 40px 80px;
    }
    .stage__text span, .stage__text {
        font-size: 1.6rem;
    }
}
@media(max-width : 830px) {
    .archives__content {
        margin: 0 24px 40px;
    }
    .stage__text span, .stage__text {
        font-size: 1.6rem;
    }
    .stage__list {
        grid-template-columns: repeat(2, 1fr);
    }
    .stage__wrapper {
        margin: 40px 0 0px;
    }
}
@media (max-width: 560px) {
    .archives__content {
        margin: 24px 16px 40px;
    }
    .stage__list {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 40px;
    }
    
}
/*--------------------------------
	作品個別ページ content
--------------------------------*/
body.archives__post {
    background-color: #000;
    color: #fff;
}
.archives__post--content {
    width: 83.333vw;
    max-width: 1200px;
    margin: 0 auto 120px;
}
.archives__post--content a:hover {
    opacity: 1;
}
h2.stage__title {
    font-size: 3.2rem;
    font-weight: 500;
}
.sub-title {
    font-size: 1.8rem;
}
.stage__image {
    text-align: center;
}
.stage__image p {
    line-height: 1.8;
    text-align: left;
    width: 72%;
    /* max-width: 960px; */
    margin:0 auto 12em;
    padding: 0 40px;
}
.wp-block-image :where(figcaption) {
    margin-bottom: 12em!important;
    /* font-family: "Noto Sans JP", sans-serif; */
    font-size: 1.4rem;
}
.wp-block-image img {
    width: auto;
    max-height: 560px;
}
.stage__info {
    width: 100%;
    border: #A5A4A4 1px solid;
    padding: 16px 40px 40px;
    box-sizing: border-box;
}
.stage__info h3 {
    text-align: center;
    font-size: 2rem;
    font-weight: 400;
    width: 100%;
    padding-bottom: 4px;
    border-bottom: #5F5F5F 1px solid;
}
.info__content {
    padding-top: 32px;
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}
.info__flyer {
    display: flex;
    gap: 1.6em;
    flex-wrap: wrap;
    width: 64%;
}
.info__flyer a {
    width: 48%;
}
.info__textbox {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8;
    display: flex;
    margin-bottom: 2px;
    width: 32%;
}
.page-nav {
    margin-top: 10em;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}
.page-nav a:hover {
    opacity: 0.5;
    transition: 0.5s;
}
.page-nav li {
    flex: 1;
}
.to-prev {
    text-align: right;
}
.to-prev a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.to-listTop {
    text-align: center;
}
.to-next {
    text-align: left;
}
.to-next a {
    display: flex;
    align-items: center;
}
.to-next a::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/arrow-right.png) no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 0.5em;
}
.to-prev a::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/arrow-right.png) no-repeat;
    background-size: contain;
    background-position: center;
    margin-left: 0.5em;
    transform: rotate(180deg);
}
@media(max-width : 1439px) {
        .info__flyer {
        width: 100%;
    }
        .info__textbox {
        width: auto;
    }
}
@media(max-width : 830px) {
    .archives__post--content {
        width: auto;
        margin: 0 24px 120px;
    }
    h2.stage__title {
        font-size: 2.8rem;
    }
    .sub-title {
        font-size: 1.6rem;
    }
    .stage__image p {
        width: 90%;
        padding: 0;
    }
    .info__content img {
        width: 100%;
        height: auto;
    }
}
@media(max-width : 560px) {
    .archives__post--content {
        margin: 0 16px 0;
    }
    h2.stage__title {
        font-size: 2.2rem;
        padding-top: 24px;
    }
    .sub-title {
        font-size: 1.6rem;
    }
    .stage__image-box {
        margin-bottom: 80px;
    }
    .stage__image p {
        width: 100%;
    }
    .stage__info {
        padding: 16px 16px 32px;
    }
    .info__flyer a {
        width: 100%;
    }
}
/*--------------------------------
	post content
--------------------------------*/
.post__content {
    width: 56vw;
    margin: 40px auto 120px;
}
.post__content a {
    border-bottom: #A5A4A4 1px solid;
}
.post__title h3 {
    font-size: 2rem;
    font-weight: 500;
    text-align: left;
    margin-bottom: 0.8em;
}
.news__list {
    list-style: none;
}
.news__list li {
    padding: 24px 0 40px;
    border-bottom: #A5A4A4 1px solid;
}
.news__list li a:hover {
    opacity: 1;
}

@media(max-width : 1024px) {
    .post__content {
        width: 80vw;
        margin: 40px auto 120px;
    }
}
@media(max-width : 830px) {
    .post__content {
        width: auto;
        margin: 40px 24px 80px;
    }
}
@media(max-width : 560px) {
    .post__content {
        margin: 40px 16px 40px;
    }
}
/*--------------------------------
	news post content 個別ページ
--------------------------------*/
.post__title time {
    font-size: 1.4rem;
    color: #A5A4A4;
}
.post__title h2 {
    font-size: 2.8rem;
    font-weight: 500;
    text-align: left;
}
.post__main {
    margin-bottom: 80px;
}
.post__main p { 
    margin-bottom: 24px;
}
.post__main h2 { 
    text-align: left;
    margin-bottom: 16px;
}
.back__button--area {
    text-align: center;
}
.back__button {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 500;
    border-bottom: 0!important;
}
/* .back__button::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #707070;  
} */
@media(max-width : 560px) {
    .post__title h2 {
    font-size: 2.2rem;
    }
}
/*--------------------------------
	profile
--------------------------------*/
.profile__content{
    width: 83.333vw;
    max-width: 1200px;
    margin: 40px auto 120px;
}
.profile__main {
    padding-top: 40px;
}
.profile__summary {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1040px;
    margin: 0 auto 64px;
}
.summary__img {
    width: 40%;    
}
.summary__img img {
    width: 100%;
}
.summary__textarea {
    width: 56%;
}
.summary__textarea h3 {
    font-size: 2.4rem;
    font-weight: 600;
    margin-top: 8px;
    margin-bottom: 24px;
}
.summary__textarea h3 span {
    font-size: 1.6rem;
    margin-left: 2rem;
}
.summary__textbox {
    margin-bottom: 32px;
}
.media__item {
    margin-bottom: 24px;
}
.media__item h3 {
    font-size: 2rem;
    margin-bottom: 12px;
}
.media__list dt {
    font-weight: 500;
    width: 2.2em;
}
.media__list dl {
    display: flex;
    gap: 1.6em;
    margin-bottom: 4px;
    font-size: 1.4rem;
}
.link-icon {
    width: 0.9em;
    height: 0.9em;
    margin-left: 3px;
}
.profile__career {
    padding-top: 40px;
    /* font-family: "Noto Sans JP", sans-serif; */
}
.profile__career h3 {
    /* font-family: "Noto Serifs JP", serif; */
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 24px;
}
.table-responsive {
    font-size: 1.3rem;
}

.tablepress-id-1 {
  table-layout: fixed; /* 列幅を固定比率で解釈させる */
  width: 100%;         /* 全体を100%に広げる */
}

/* 1列目：5% */
.tablepress-id-1 td:nth-child(1),
.tablepress-id-1 th:nth-child(1) {
  width: 5%;
}

/* 2列目：25% */
.tablepress-id-1 td:nth-child(2),
.tablepress-id-1 th:nth-child(2) {
  width: 25%;
}

/* 3-6列目：15% */
.tablepress-id-1 td:nth-child(n+3):nth-child(-n+6),
.tablepress-id-1 th:nth-child(n+3):nth-child(-n+6) {
  width: 15%;
}

/* 7列目：10% */
.tablepress-id-1 td:nth-child(7),
.tablepress-id-1 th:nth-child(7) {
  width: 10%;
}


@media(max-width : 1024px) {
    .profile__content {
        width: auto;
        margin: 0 40px 80px;
    }
}
@media(max-width : 830px) {
    .profile__content {
        margin: 0 24px 40px;
    }
    .profile__summary {
        flex-direction: column;
        gap: 16px;
    }
    .summary__textarea {
        width: 100%;
    }
}
@media(max-width : 560px) {
    .profile__content {
        margin: 0 16px 0;
    }
    .profile__summary {
        margin: 0 auto 40px;
        gap: 24px;
    }
    .summary__img {
        width: 64%;
    }
    .summary__textarea h3 {
        font-size: 2.2rem;
        margin-bottom: 16px;
    }
    .media__item h3 {
        font-size: 1.8rem;
        margin-bottom: 8px;
    }
}