@charset "UTF-8";

/*
------
current
------
*/

html {
    overflow: scroll;
}

.contentswrap {
    margin-top: 70px;
}

#current {
    width: 100%;
}

.currentinfo {
    width: 100%;
    height: calc(100vh - 240px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.currentinfo-right > .sp {
    display: none;
}

.hr {
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #d3d3d4;
}

#current > p.scroll {
    text-align: center;
    color: #d3d3d4;
}

.currentinfo-left > img {
    width: 650px;
}

.currentinfo-left > p {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: .06rem;
    font-weight: 300;
    line-height: 16px;
}

.currentinfo-left > p > span {
    font-size: 10px;
}

.currentinfo-right > img {
    width: 250px;
}

.catch {
    width: 650px;
    margin: 0 auto;
    line-height: 1.8rem;
}

.catch > p:first-child {
    font-size: 24px;
    line-height: 1.5;
}


.current-works-wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.current-works {
    width: 33%;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    align-self: flex-end;
    justify-content: center;
    margin-bottom: 120px;
}

.current-works2 {
    width: 33%;
    display: flex;
    flex-direction: column;
    align-content: space-between;
    align-self: flex-end;
    justify-content: center;
    margin-bottom: 120px;
}

.current-works > a {
    display: inline-block;
    text-align: center;
}

.current-works2 > a {
    display: inline-block;
    text-align: center;
}

.current-works > a > img {
    width: auto;
    height: 160px;
}

@media (min-width: 1081px) {
    .current-works2 > a > img {
        width: 180px;
        height: auto;
        transform: translateY(-16%);
    }

    .translate {
        transform: translateY(16%);
    }

}

.current-works > p {
    font-size: 11px;
    display: inline-block;
    text-align: center;
    margin-top: 16px;
}

.current-works2 > p {
    font-size: 11px;
    display: inline-block;
    text-align: center;
    margin-top: 16px;
}

.current-works > p > span {
    font-size: 10px;
}

.current-works2 > p > span {
    font-size: 10px;
}

.current-works > a > img.yoko {
    width: 156px;
    height: auto;
    margin-bottom: 20px;
}

.current-works2 > a > img.yoko {
    width: 156px;
    height: auto;
    margin-bottom: 20px;
}


.current-works > a > img.square {
    width: 124px;
    height: auto;
    margin-bottom: 20px;
}

.current-works2 > a > img.square {
    width: 124px;
    height: auto;
    margin-bottom: 20px;
}

/* 
2024 exh ここから -------------------------------------
*/

.current-works > a > img.yuki24 {
    width: 160px;
    height: auto;
    margin-bottom: 10%;
}

/* 
2024 exh　ここまで -------------------------------------
*/

#current > h1,
#current > h2 {
    font-family: "Open Sans Condensed", sans-serif;
    color: #595757;
    transform: matrix(1, 0, 0, 0.909, 0, 0);
    font-weight: 300;
    font-size: 15px;
}

.current-artists {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.current-artists > p {
    width: 25%;
    margin-top: 20px;
}

a.und {
    text-decoration: underline;
    font-size: 11px;
}

a.past {
    font-family: 游ゴシック, "Yu Gothic", YuGothic, sans-serif;
    line-height: 1.6rem;
    display: block;
    margin-top: 6px;
}

.current-information {
    font-family: 游ゴシック, "Yu Gothic", YuGothic, sans-serif;
    line-height: 1.6rem;
}

/*
SP & TAB
*/
@media (max-width: 1080px) {
    .currentinfo-right > .pc {
        display: none;
    }

    .currentinfo-right > .sp {
        display: block;
        margin: 0 auto;
        margin-top: 40px;
        width: 52%;
        max-width: 500px;
    }

    .currentinfo-left > img {
        max-width: 100%;
    }

    .currentinfo {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .scroll {
        margin-top: 40px;
    }

    .catch {
        width: 100%;
        margin: 0 auto;
    }

    .catch > p:first-child {
        font-size: 20px;
    }

    .current-works-wrap {
        width: 100%;
        margin: 0 auto;
    }

    .current-works {
        width: 33%;
        display: flex;
        flex-direction: column;
        align-self: flex-end;
        justify-content: center;
        margin-bottom: 80px;
    }

    .current-works2 {
        width: 33%;
        display: flex;
        flex-direction: column;
        align-self: flex-end;
        justify-content: center;
        margin-bottom: 80px;
    }

    .current-works > a > img {
        width: 40%;
        height: auto;
    }

    .current-works2 > a > img {
        width: 60%;
        height: auto;
    }

    .current-artists > p {
        width: 33%;
        margin-top: 16px;
    }

    .current-artists2 > p {
        width: 33%;
        margin-top: 16px;
    }
}

@media (max-width: 599px) {
    .current-works-wrap {
        display: block;
    }

    .current-works {
        width: 100%;
        margin-bottom: 70px;
        align-self: center;
    }

    .current-works2 {
        width: 100%;
        margin-bottom: 70px;
        align-self: center;
    }

    .current-artists > p {
        width: 50%;
        margin-top: 10px;
    }
}


/* 
2024 exh ここから -------------------------------------
*/

@media (max-width: 1080px) {
    .current-works > a > img.yuki24 {
        width: 50%;
        margin-bottom: 0.5vw;
    }

    .current-works2 > a > img.yuki24 {
        width: 50%;
        margin-bottom: 3.5vw;
    }

    .current-works > a > img.mura24 {
        width: 40%;
        /*        margin-bottom: 10px;*/
    }

    .current-works2 > a > img.mura24 {
        width: 40%;
        margin-bottom: 10px;
    }
}

@media (max-width: 599px) {
    .current-works > a > img.yuki24 {
        width: 53%;
    }

    .current-works2 > a > img.yuki24 {
        width: 53%;
    }
}

/* 
2024 exh ここまで -------------------------------------
*/

/*
------
current works.html
------
*/

#current > h1 > a {
    font-family: "Open Sans Condensed", sans-serif;
    color: #595757;
    transform: matrix(1, 0, 0, 0.909, 0, 0);
    font-weight: 300;
    font-size: 15px;
}

.current-artists-work {
    width: 320px;
    margin: 170px auto;
}

.current-artists-work:first-child {
    margin-top: 60px;
}

.current-artists-work > p {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    letter-spacing: .06rem;
    font-weight: 300;
    line-height: 18px;
}

.current-artists-work > p > span {
    font-size: 10px;
}

.current-artists-work > img {
    width: 100%;
}

.current-works-gallery > .yoko {
    width: 492px;
    margin: 170px auto;
}


@media (max-width:599px) {
    .current-artists-work {
        width: 70%;
    }

    .current-works-gallery > .yoko {
        width: 94%;
    }
}

/*
------
map.html
------
*/

.map {
    width: 400px;
    margin: 0 auto;
    /* height: calc(100vh - 240px); */
    display: flex;
    align-content: center;
    flex-direction: column;
}

.map > img {
    display: block;
    width: 100%;
    margin: 50px auto;
}

.map > ul {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.map > ul li {
    list-style-type: disc;
    margin-bottom: 20px;
}




/*20260106追加*/

@media (min-width:768px) {
    .senworks {
        width: 38%;
        margin: 0 auto;
    }
}

@media (max-width:767px) {
    .senworks {
        width: 80%;
        margin: 0 auto;
    }
}



@media (min-width:768px) {
    .current-works img {
        width: 100%;
        height: auto;
    }


    /* 中央の画像だけサイズ変更 */
    .current-works img.sen {
        height: 130px;
        /* 例：少し小さくしたい場合 */
        margin: 0 auto;
        display: block;
        margin-bottom: 5px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (max-width:767px) {
    .current-works img {
        width: 100%;
        height: auto;
    }

    /* 中央の画像だけサイズ変更 */
    .current-works img.sen {
        /* 例：少し小さくしたい場合 */
        margin: 0 auto;
        display: block;
        width: 50%;
    }
}

/* 下段・中央（Yuki）だけ */
.current-works img.yuki {
    transform: scaleY(1.12);
    transform-origin: center;
}


/* 上段・左（Fukushima）だけ */
.current-works img.fukushima {
    /*    transform: scaleY(1.12);*/
    height: 170px;
    transform-origin: center;
}

@media (min-width:600px) and (max-width:1080px) {
    .current-works {
        grid-template-columns: repeat(2, 1fr);
    }

    .current-works img {
        max-width: 200px;
    }

    .current-works img.sen {
        max-width: 150px;
    }
}