@charset "UTF-8";

html,body {
    min-width: inherit;
}
.fadeOn {
    opacity: 1 !important;
    transition: opacity 0.8s ease-in-out 0.8s;
}

/* ====================================================================================================
■ artwork
==================================================================================================== */
/* pagination  */
#artwork .swiper-pagination-bullet {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
#artwork .swiper-pagination-bullet:nth-of-type(1) {
    background: url(../img/number_tanimoto01.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
    border: #fff 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(2) {
    background: url(../img/number_tanimoto02.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
    border: #fff 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(3) {
    background: url(../img/number_tanimoto03.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
    border: #fff 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(4) {
    background: url(../img/number_tanimoto04.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
    border: #fff 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(5) {
    background: url(../img/number_tanimoto05.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
    border: #fff 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(6) {
    background: url(../img/number_tanimoto06.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
    border: #fff 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(7) {
    background: url(../img/number_tanimoto07.svg) no-repeat center center;
    background-color: #000;
    border: #fff 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(8) {
    background: url(../img/number_tanimoto08.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
    border: #fff 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(9) {
    background: url(../img/number_tanimoto09.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
    border: #fff 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(10) {
    background: url(../img/number_nakamura01.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
    border: #000 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(11) {
    background: url(../img/number_nakamura02.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
    border: #000 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(12) {
    background: url(../img/number_nakamura03.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
    border: #000 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(13) {
    background: url(../img/number_nakamura04.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
    border: #000 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(14) {
    background: url(../img/number_nakamura05.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
    border: #000 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(15) {
    background: url(../img/number_nakamura06.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
    border: #000 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(16) {
    background: url(../img/number_nakamura07.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
    border: #000 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(17) {
    background: url(../img/number_nakamura08.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
    border: #000 1px solid;
}
#artwork .swiper-pagination-bullet:nth-of-type(18) {
    background: url(../img/number_nakamura09.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
    border: #000 1px solid;
}
#artwork .swiper-pagination-bullet:last-child {
    background: url(../img/number_A.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
    border: #000 1px solid;
}
#artwork .swiper-pagination-bullet.swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(1):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(2):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(3):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(4):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(5):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(6):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(7):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(8):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(9):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(10):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(11):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(12):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(13):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(14):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(15):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(16):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(17):hover,
#artwork.close .swiper-pagination-bullet:nth-of-type(18):hover,
#artwork.close .swiper-pagination-bullet:last-child:hover {
    background-color: #E72410;
}
#artwork.close .swiper-pagination-bullet:nth-of-type(1).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(2).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(3).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(4).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(5).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(6).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(7).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(8).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(9).swiper-pagination-bullet-active {
    background-color: #000;
}
#artwork.close .swiper-pagination-bullet:nth-of-type(10).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(11).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(12).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(13).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(14).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(15).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(16).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(17).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:nth-of-type(18).swiper-pagination-bullet-active,
#artwork.close .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active {
    background-color: #fff;
}
/* awSlideCont  */
#artwork .awSlideCont .artworkDescArea .artworkTtl .line {
    display: block;
}
#artwork .awSlideCont.awTanimoto09 .artworkDescArea .artworkTtl .line:last-child {
    text-indent: -0.5em;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberTanimoto01 {
    background: url(../img/number_tanimoto01.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberTanimoto02 {
    background: url(../img/number_tanimoto02.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberTanimoto03 {
    background: url(../img/number_tanimoto03.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberTanimoto04 {
    background: url(../img/number_tanimoto04.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberTanimoto05 {
    background: url(../img/number_tanimoto05.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberTanimoto06 {
    background: url(../img/number_tanimoto06.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberTanimoto07 {
    background: url(../img/number_tanimoto07.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberTanimoto08 {
    background: url(../img/number_tanimoto08.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberTanimoto09 {
    background: url(../img/number_tanimoto09.svg) no-repeat center center;
    background-size: contain;
    background-color: #000;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberNakamura01 {
    background: url(../img/number_nakamura01.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberNakamura02 {
    background: url(../img/number_nakamura02.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberNakamura03 {
    background: url(../img/number_nakamura03.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberNakamura04 {
    background: url(../img/number_nakamura04.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberNakamura05 {
    background: url(../img/number_nakamura05.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberNakamura06 {
    background: url(../img/number_nakamura06.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberNakamura07 {
    background: url(../img/number_nakamura07.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberNakamura08 {
    background: url(../img/number_nakamura08.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberNakamura09 {
    background: url(../img/number_nakamura09.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
}
#artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberA {
    background: url(../img/number_A.svg) no-repeat center center;
    background-size: contain;
    background-color: #fff;
}
#artwork .awSlideCont .artworkDescArea .artworkDescTxt .artistName::before {
    content: '［';
}
#artwork .awSlideCont .artworkDescArea .artworkDescTxt .artistName::after {
    content: '］';
}

/*  ===== PC ===== */
@media screen and (min-width: 766px) , print {
    #artwork {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: all 0.8s ease-in-out;
        z-index: 100;
        overflow: hidden;
    }
    #artwork.close {
        top: 90%;
        top: -webkit-calc(100% - 64px) ;
        top: calc(100% - 64px) ;
        left: 0;
    }
    #artwork .awBg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        transition: all 0.6s ease-in-out;
    }
    #artwork.close .awBg {
        position: absolute;
        top: 80px;
        left: 0;
    }
    #artwork .btnPlusWrap {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 110;
    }
    #artwork .btnPlus {
        display: block;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
        background: url(../img/btn_plus_on.svg) no-repeat center center;
        background-size: contain;
    }
    #artwork.close .btnPlus {
        display: block;
        width: 25px;
        height: 25px;
        background: url(../img/btn_plus_off.svg) no-repeat center center;
        background-size: contain;
    }
    /* pagination  */
    #artwork .swiper-pagination-bullets {
        height: 32px;
        top: 16px;
    }
    #artwork .swiper-pagination-bullet {
        position: relative;
        width: 30px;
        height: 30px;
        margin: 0 5px;
        border-radius: 0;
        transition: all 0.3s ease-in-out;
    }
    #artwork.close .swiper-pagination-bullet::before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        background: #EC1234;
        position: absolute;
        top: -16px;
        left: 12px;
        left : -webkit-calc(50% - 3px) ;
        left : calc(50% - 3px) ;
        border-radius: 3px;
        transition: opacity 0.3s ease-in-out;
        opacity: 0;
    }
    #artwork.close .swiper-pagination-bullet.view::before {
        opacity: 1;
    }
    #artwork .swiper-pagination-bullet:nth-of-type(9) {
        margin-right: 15px;
    }
    #artwork .swiper-pagination-bullet:last-child {
        border-radius: 16px;
    }
    #artwork .awPaginationCapArea {
        position: absolute;
        top: 48px;
        left: 0;
        width: 100%;
    }
    #artwork .awPaginationCap {
        display: table;
        width: 808px;
        font-size: 11px;
        text-align: center;
        margin: 8px auto 0;
        transition: all 0.8s ease-in-out;
    }
    #artwork.close .awPaginationCap {
        opacity: 0;
    }
    #artwork .awPaginationCap li {
        display: table-cell;
        text-align: left;
        padding-left: 5px;
    }
    #artwork .awPaginationCap li:first-child {
        width: 383px;
    }
    /* next prev  */
    #artwork .awSlide .swiper-button-next, 
    #artwork .awSlide .swiper-button-prev {
        top: 0;
        width: 32px;
        height: 89%;
        height : -webkit-calc(100% - 112px) ;
        height : calc(100% - 112px) ;
        margin: 80px 0 32px;
    }
    #artwork .awSlide .swiper-button-next {
        right: 32px;
        background-image: url(../../assets/img/arrow_gray_right.svg);
        background-size: contain;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }
    #artwork .awSlide .swiper-button-next:hover {
        background-image: url(../../assets/img/arrow_black_right.svg);
        background-size: contain;
    }
    #artwork .awSlide .swiper-button-prev {
        left: 32px;
        background-image: url(../../assets/img/arrow_gray_left.svg);
        background-size: contain;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }  
    #artwork .awSlide .swiper-button-prev:hover {
        background-image: url(../../assets/img/arrow_black_left.svg);
        background-size: contain; 
    }
    #artwork .awSlide .swiper-button-next.swiper-button-disabled, 
    #artwork .awSlide .swiper-button-prev.swiper-button-disabled {
        opacity: 0;
    }
    /* awSlide  */
    #artwork .awSlideWrap {
        height: 100%;
        overflow-x: auto;
    }
    #artwork .awSlide {
        height: 100%;
        min-width: 1100px;
    }
    #artwork .awSlideInner {
        padding-top: 80px;
        box-sizing: border-box;
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
    }
    #artwork.close .awSlideInner {
        opacity: 0;
    }
    #artwork .awSlideCont {
        display: table;
        width: 100%;
        height: 100%;
        padding: 0 32px 32px;
        box-sizing: border-box;
        background-color: #fff;
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
    }
    #artwork .awSlideCont .inner {
        display: table-cell;
        vertical-align: middle;
    }
    #artwork .awSlideCont .contBoxYoko {
        position: relative;
        width: 992px;
        margin: 0 auto;
    }
    #artwork .awSlideCont .contBoxTate {
        position: relative;
        width: 832px;
        margin: 0 auto;
    }
    #artwork .awSlideCont .contBoxInner {
        display: table;
        width: 100%;
    }
    #artwork .awSlideCont .artworkPhArea {
        display: table-cell;
        vertical-align: top;
        line-height: 1;
    }
    #artwork .awSlideCont .artworkPhArea .movie {
        width: 100%;
        height: 324px;
    }
    #artwork .awSlideCont .artworkPhArea .youtube {
        position: relative;
        display: block;
        width: 100%;
        height: 324px;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
    }
    #artwork .awSlideCont .artworkPhArea .youtube::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.25);
        transition: all 0.3s ease-in-out;
        z-index: 1;
    }
    #artwork .awSlideCont .artworkPhArea .youtube:hover::before {
        opacity: 0;
    }
    #artwork .awSlideCont .artworkPhArea .youtube::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/icon_movie.svg) no-repeat center center;
        background-size: 60px auto;
        transition: all 0.3s ease-in-out;
        z-index: 2;
    }
    #artwork .awSlideCont .artworkPhArea .youtube img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    #artwork .awSlideCont .artworkPhArea .artworkPh img {
        width: 100%;
        height: 100%;
        max-height: 75vh;
        object-fit: contain;
        font-family: 'object-fit: contain;';
    }
    #artwork .awSlideCont .artworkDescArea {
        display: table-cell;
        width: 416px;
        padding-left: 48px;
        vertical-align: top;
        box-sizing: border-box;
    }
    #artwork .awSlideCont .artworkDescArea .artworkTtl {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.5;
    }
    #artwork .awSlideCont .artworkDescArea .artworkTtl .number {
        display: inline-block;
        width: 22px;
        height: 22px;
        text-indent: -9999px;
        vertical-align: -15%;
        margin-right: 8px;
        border: 1px solid #000;
    }
    #artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberA {
        border-radius: 12px;
    }
    #artwork .awSlideCont .artworkDescArea .artworkCap {
        font-size: 12px;
        margin-top: 24px;
    }
    #artwork .awSlideCont .artworkDescArea .artworkCap li.year,
    #artwork .awSlideCont .artworkDescArea .artworkCap li.material,
    #artwork .awSlideCont .artworkDescArea .artworkCap li.size {
        display: inline-block;
    }
    #artwork .awSlideCont .artworkDescArea .artworkCap li.year::after,
    #artwork .awSlideCont .artworkDescArea .artworkCap li.size::before {
        content: '｜';
    }
    #artwork .awSlideCont .artworkDescArea .artworkDescTxt {
        margin-top: 24px;
    }
    #artwork .awSlideCont .komeArea {
        position: absolute;
        top: 324px;
        left: 0;
        width: 576px;
        letter-spacing: 0.01em;
        margin-top: 16px;
    }
    #artwork .awSlideCont.awTanimoto01 .inner {
        background-image: url(../img/position_tanimoto01.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awTanimoto02 .inner {
        background-image: url(../img/position_tanimoto02.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awTanimoto03 .inner {
        background-image: url(../img/position_tanimoto03.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awTanimoto04 .inner {
        background-image: url(../img/position_tanimoto04.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awTanimoto05 .inner {
        background-image: url(../img/position_tanimoto05.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awTanimoto06 .inner {
        background-image: url(../img/position_tanimoto06.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awTanimoto07 .inner {
        background-image: url(../img/position_tanimoto07.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awTanimoto08 .inner {
        background-image: url(../img/position_tanimoto08.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awTanimoto09 .inner {
        background-image: url(../img/position_tanimoto09.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awNakamura01 .inner {
        background-image: url(../img/position_nakamura01.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awNakamura02 .inner {
        background-image: url(../img/position_nakamura02.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awNakamura03 .inner {
        background-image: url(../img/position_nakamura03.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awNakamura04 .inner {
        background-image: url(../img/position_nakamura04.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awNakamura05 .inner {
        background-image: url(../img/position_nakamura05.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awNakamura06 .inner {
        background-image: url(../img/position_nakamura06.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awNakamura07 .inner {
        background-image: url(../img/position_nakamura07.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awNakamura08 .inner {
        background-image: url(../img/position_nakamura08.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.awNakamura09 .inner {
        background-image: url(../img/position_nakamura09.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
    #artwork .awSlideCont.aw100th .inner {
        background-image: url(../img/position_A.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: auto 20vh;
    }
}
/*  ===== SP ===== */
@media screen and (max-width: 765px) {
    .artworkOpen {
        overflow: hidden !important;
    }
    #artwork {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        transition: all 0.8s ease-in-out;
        z-index: 100;
        overflow: hidden;
    }
    #artwork.close {
        top: 87%;
        top: -webkit-calc(100% - 28vw) ;
        top: calc(100% - 28vw) ;
        left: 0;
    }
    #artwork .awBg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        transition: all 0.6s ease-in-out;
    }
    #artwork.close .awBg {
        position: absolute;
        top: 28vw;
        left: 0;
    }
    #artwork .btnPlusWrap {
        position: absolute;
        top: 4vw;
        right: 4vw;
        width: 8vw;
        height: 8vw;
        z-index: 110;
        transition: all 0.8s ease-in-out;
    }
    #artwork.close .btnPlusWrap {
        position: absolute;
        top: 16vw;;
    }
    #artwork .btnPlus {
        display: block;
        width: 8vw;
        height: 8vw;
        text-indent: -9999px;
        background: url(../img/btn_plus_on.svg) no-repeat center center;
        background-size: contain;
    }
    #artwork.close .btnPlus {
        display: block;
        width: 8vw;
        height: 8vw;
        background: url(../img/btn_plus_off.svg) no-repeat center center;
        background-size: contain;
        z-index: 110;
    }
    #artwork .btnPlus:hover {
        opacity: 1 !important;
    }
    /* pagination  */
    #artwork .swiper-pagination-bullets {
        top: 4vw;
        left: 4vw;
        width: 80vw;
        height: 20vw;
        padding-right: 12vw;
        text-align: left;
    }
    #artwork .swiper-pagination-bullet {
        position: relative;
        width: 6.6666vw;
        height: 6.6666vw;
        margin-right: 0.8vw;
        margin: 0 1.3333vw 0 0;
        border-radius: 0;
        transition: all 0.3s ease-in-out;
        box-sizing: border-box;
    }
    #artwork.close .swiper-pagination-bullet {
        margin-top: 2vw;
    }
    #artwork.close .swiper-pagination-bullet::before {
        content: '';
        display: inline-block;
        width: 1.3333vw;
        height: 1.3333vw;
        background: #EC1234;
        position: absolute;
        top: -2.6666vw;
        left: 2.6666vw;
        left: -webkit-calc(50% - 0.6666vw) ;
        left: calc(50% - 0.6666vw) ;
        border-radius: 0.7vw;
        transition: opacity 0.3s ease-in-out;
        opacity: 0;
    }
    #artwork.close .swiper-pagination-bullet.view::before {
        opacity: 1;
    }
    #artwork .swiper-pagination-bullet:nth-of-type(9) {
        margin-right: 6.6666vw;
    }
    #artwork .swiper-pagination-bullet:last-child {
        border-radius: 4vw;
    }
    #artwork .awPaginationCapArea {
        display: none;
    }
    /* next prev  */
    #artwork .awSlide .swiper-button-next, 
    #artwork .awSlide .swiper-button-prev {
        display: none;
        top: 0;
        width: 32px;
        height: 89%;
        height : -webkit-calc(100% - 112px) ;
        height : calc(100% - 112px) ;
        margin: 80px 0 32px;
    }
    #artwork .awSlide .swiper-button-next {
        right: 0;
        background-image: url(../../assets/img/arrow_gray_right.svg);
        background-size: contain;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }
    #artwork .awSlide .swiper-button-next:hover {
        background-image: url(../../assets/img/arrow_black_right.svg);
        background-size: contain;
    }
    #artwork .awSlide .swiper-button-prev {
        left: 0;
        background-image: url(../../assets/img/arrow_gray_left.svg);
        background-size: contain;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }  
    #artwork .awSlide .swiper-button-prev:hover {
        background-image: url(../../assets/img/arrow_black_left.svg);
        background-size: contain; 
    }
    #artwork .awSlide .swiper-button-next.swiper-button-disabled, 
    #artwork .awSlide .swiper-button-prev.swiper-button-disabled {
        opacity: 0;
    }
    /* awSlide  */
    #artwork .awSlideWrap {
        height: 100%;
    }
    #artwork .awSlide {
        height: 100%;
    }
    #artwork .awSlideInner {
        height: 100%;
        padding-top: 28vw;
        box-sizing: border-box;
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
    }
    #artwork.close .awSlideInner {
        opacity: 0;
    }
    #artwork .awSlideCont {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        background-color: #fff;
        -webkit-overflow-scrolling: auto;
        overflow-scrolling: auto;
        overflow-y: scroll;
    }
    #artwork .awSlideCont .inner {
        padding: 0 4vw;
        width:100%;
        height:100%;
        box-sizing: border-box;
    }
    #artwork .awSlideCont .contBoxYoko,
    #artwork .awSlideCont .contBoxTate {
        width: 100%;
        overflow: hidden;
    }
    #artwork .awSlideCont .artworkPhArea {
        margin-bottom: 30px;
        line-height: 1;
    }
    #artwork .awSlideCont .artworkPhArea .movie {
        width: 100%;
        height: 51.7333vw
    }
    #artwork .awSlideCont .artworkPhArea .youtube {
        position: relative;
        display: block;
        width: 100%;
        height: 51.7333vw;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
    }
    #artwork .awSlideCont .artworkPhArea .youtube::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.25);
        transition: all 0.3s ease-in-out;
        z-index: 1;
    }
    #artwork .awSlideCont .artworkPhArea .youtube:hover::before {
        opacity: 0;
    }
    #artwork .awSlideCont .artworkPhArea .youtube::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../img/icon_movie.svg) no-repeat center center;
        background-size: 12vw auto;
        transition: all 0.3s ease-in-out;
        z-index: 2;
    }
    #artwork .awSlideCont .artworkPhArea .youtube img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #artwork .awSlideCont .artworkPhArea .youtube {
        position: relative;
        width: 100%;
        height: 51.7333vw;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
    }
    #artwork .awSlideCont .artworkPhArea .youtube::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5) url(../../assets/img/arrow_left.svg) no-repeat center center;
        background-size: 4vw;
        transition: all 0.3s ease-in-out;
        z-index: 1;
    }
    #artwork .awSlideCont .artworkPhArea .youtube img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #artwork .awSlideCont .artworkPhArea .artworkPh img {
        width: 100%;
        height: auto;
    }
    #artwork .awSlideCont .artworkDescArea {
        width: 100%;
        padding: 0 4vw 50vw;
        margin-bottom: 30px;
        box-sizing: border-box;
    }
    #artwork .awSlideCont .artworkDescArea .artworkTtl {
        font-size: 5.3333vw;
        font-weight: 700;
        line-height: 1.5;
    }
    #artwork .awSlideCont .artworkDescArea .artworkTtl .number {
        display: inline-block;
        width: 4.8vw;
        height: 4.8vw;
        text-indent: -9999px;
        vertical-align: -15%;
        margin-right: 5px;
        border: 1px solid #000;
    }
    #artwork .awSlideCont .artworkDescArea .artworkTtl .number.numberA {
        border-radius: 12px;
    }
    #artwork .awSlideCont .artworkDescArea .artworkCap {
        font-size: 11px;
        margin-top: 15px;
    }
    #artwork .awSlideCont .artworkDescArea .artworkCap li.year,
    #artwork .awSlideCont .artworkDescArea .artworkCap li.material,
    #artwork .awSlideCont .artworkDescArea .artworkCap li.size {
        display: inline-block;
    }
    #artwork .awSlideCont .artworkDescArea .artworkCap li.year::after,
    #artwork .awSlideCont .artworkDescArea .artworkCap li.size::before {
        content: '｜';
    }
    #artwork .awSlideCont .artworkDescArea .artworkDescTxt {
        margin-top: 15px;
    }
    #artwork .awSlideCont.awTanimoto01 .artworkDescArea {
        background-image: url(../img/position_tanimoto01.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awTanimoto02 .artworkDescArea {
        background-image: url(../img/position_tanimoto02.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awTanimoto03 .artworkDescArea {
        background-image: url(../img/position_tanimoto03.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awTanimoto04 .artworkDescArea {
        background-image: url(../img/position_tanimoto04.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awTanimoto05 .artworkDescArea {
        background-image: url(../img/position_tanimoto05.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awTanimoto06 .artworkDescArea {
        background-image: url(../img/position_tanimoto06.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awTanimoto07 .artworkDescArea {
        background-image: url(../img/position_tanimoto07.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awTanimoto08 .artworkDescArea {
        background-image: url(../img/position_tanimoto08.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awTanimoto09 .artworkDescArea {
        background-image: url(../img/position_tanimoto09.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awNakamura01 .artworkDescArea {
        background-image: url(../img/position_nakamura01.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awNakamura02 .artworkDescArea {
        background-image: url(../img/position_nakamura02.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awNakamura03 .artworkDescArea {
        background-image: url(../img/position_nakamura03.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awNakamura04 .artworkDescArea {
        background-image: url(../img/position_nakamura04.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awNakamura05 .artworkDescArea {
        background-image: url(../img/position_nakamura05.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awNakamura06 .artworkDescArea {
        background-image: url(../img/position_nakamura06.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awNakamura07 .artworkDescArea {
        background-image: url(../img/position_nakamura07.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awNakamura08 .artworkDescArea {
        background-image: url(../img/position_nakamura08.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.awNakamura09 .artworkDescArea {
        background-image: url(../img/position_nakamura09.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont.aw100th .artworkDescArea {
        background-image: url(../img/position_A.svg);
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: 68vw auto;
    }
    #artwork .awSlideCont .komeArea {
        padding: 0 4vw;
        margin-bottom: 30px;
    }
}


/* ====================================================================================================
■ installationView
==================================================================================================== */
#installationView {
    background: #000;
}
#ivSlideTxt .txtArea .iconScroll {
    -webkit-animation-name: 'moveScroll';
    animation-name: 'moveScroll';
    -webkit-animation-duration: 6s;
    animation-duration: 6s;  
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes moveScroll {
    0% {
        opacity: 0;
        transform: translate3d(0, -24px, 0);
    }
    10% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    90% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
        transform: translate3d(0, 0, 0);
    }
}
/*  ===== PC ===== */
@media screen and (min-width: 766px) , print {
    #installationView .btnClose {
        position: fixed;
        top: 8px;
        right: 8px;
        display: block;
        width: 64px;
        height: 64px;
        text-indent: -9999px;
        background: url(../../assets/img/btn_close_white.svg) no-repeat center center;
        background-size: 32px auto;
        z-index: 50;
    }
    #ivSlide .ivSlidePage {
        position: relative;
        width: 100%;
        height: 100%;
    }
    #ivSlide .inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    #ivSlide .ph1column .inner, 
    #ivSlide .ph2column .inner {
        padding: 48px 48px 80px;
    }
    #ivSlide .phArea,
    #ivSlide .phArea li {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    #ivSlide .ph2column .phArea {
        font-size: 0;
    }
    #ivSlide .ph2column .phArea li {
        display: inline-block;
        width: 50%;
    }
    #ivSlide .phFull img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    #ivSlide .ph1column img, 
    #ivSlide .ph2column img,
    #ivSlide .phFullTate img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        font-family: 'object-fit: contain;';
    }
    /* ivSlideTxt */
    #ivSlideTxt .txt {
        font-size: 24px;
        color: #fff;
        padding-bottom: 80px;
    }
    #ivSlideTxt .txtArea .iconScroll {
        position: absolute;
        bottom: 96px;
        left: 44%;
        left: -webkit-calc(50% - 48px) ;
        left: calc(50% - 48px) ;
        display: block;
        width: 96px;
        height: 48px;
        text-indent: -9999px;
        background: url(../img/icon_scroll.svg) no-repeat center bottom;
        background-size: contain;
    }
    /* ivSlide11 */
    #ivSlide11.phSubSlide .inner {
        padding: 48px 0 80px;
    }
    #ivSlide11.phSubSlide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    #ivSlide11 .ivSubSlide {
        height: 100%;
    }
    #ivSlide11 .fp-controlArrow {
        display: block;
        width: 32px;
        height: 100%;
        margin-top: 0;
        border: none;
        z-index: 50;
        cursor: pointer;
    }
    #ivSlide11 .fp-prev {
        position: absolute;
        top: 0;
        left: 16px;
        background: url(../../assets/img/arrow_gray_left.svg) no-repeat center center;
        background-size: contain;
    }
    #ivSlide11 .fp-prev:hover {
        background: url(../../assets/img/arrow_black_left.svg) no-repeat center center;
        background-size: contain;
    }
    #ivSlide11 .fp-next {
        position: absolute;
        top: 0;
        right: 16px;
        background: url(../../assets/img/arrow_gray_right.svg) no-repeat center center;
        background-size: contain;
    }
    #ivSlide11 .fp-next:hover {
        background: url(../../assets/img/arrow_black_right.svg) no-repeat center center;
        background-size: contain;
    }
}
/*  ===== SP ===== */
@media screen and (max-width: 765px) {
    #installationView .btnClose {
        position: fixed;
        top: 0;
        right: 0;
        display: block;
        width: 16vw;
        height: 16vw;
        text-indent: -9999px;
        background: url(../../assets/img/btn_close_white.svg) no-repeat center center;
        background-size: 8vw auto;
        z-index: 50;
    }
    #ivSlide .ivSlidePage {
        position: relative;
        width: 100%;
        height: 100%;
    }
    #ivSlide .inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    #ivSlide .ph1column .inner, 
    #ivSlide .ph2column .inner {
        padding: 0 4vw;
    }
    #ivSlide .phArea,
    #ivSlide .phArea li {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    #ivSlide .ph2column .phArea {
        font-size: 0;
    }
    #ivSlide .ph2column .phArea li {
        display: inline-block;
        width: 50%;
        box-sizing: border-box;
    }
    #ivSlide .ph2column .phArea li:first-child {
        padding-right: 2vw;
    }
    #ivSlide .ph2column .phArea li:last-child {
        padding-left: 2vw;
    }
    #ivSlide .phFull img,
    #ivSlide .ph1column img, 
    #ivSlide .ph2column img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    #ivSlide .spPhFullTate img,
    #ivSlide .phFullTate img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /* ivSlideTxt */
    #ivSlideTxt .txt {
        color: #fff;
        padding-bottom: 24vw;
    }
    #ivSlideTxt .txtArea .iconScroll {
        position: absolute;
        bottom: 28vw;
        left: 44%;
        left: -webkit-calc(50% - 10vw) ;
        left: calc(50% - 10vw) ;
        display: block;
        width: 20vw;
        height: 10vw;
        text-indent: -9999px;
        background: url(../img/icon_scroll.svg) no-repeat center bottom;
        background-size: contain;
    }
    /* ivSlide11 */
    #ivSlide11.phSubSlide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    #ivSlide11 .ivSubSlide {
        height: 100%;
    }
    #ivSlide11 .fp-controlArrow {
        display: block;
        width: 4vw;
        height: 100%;
        margin-top: 0;
        border: none;
        z-index: 50;
        cursor: pointer;
    }
    #ivSlide11 .fp-prev {
        position: absolute;
        top: 0;
        left: 2vw;
        background: url(../../assets/img/arrow_gray_left.svg) no-repeat center center;
        background-size: contain;
    }
    #ivSlide11 .fp-prev:hover {
        background: url(../../assets/img/arrow_black_left.svg) no-repeat center center;
        background-size: contain;
    }
    #ivSlide11 .fp-next {
        position: absolute;
        top: 0;
        right: 2vw;
        background: url(../../assets/img/arrow_gray_right.svg) no-repeat center center;
        background-size: contain;
    }
    #ivSlide11 .fp-next:hover {
        background: url(../../assets/img/arrow_black_right.svg) no-repeat center center;
        background-size: contain;
    }
}