@charset "UTF-8";

/*------------------------------------------------
　　　　TOP動画
------------------------------------------------*/
.top-movie video{ width: 100%;}
@media screen and (max-width: 740px) {
    
}

/*------------------------------------------------
　　　　お知らせ
------------------------------------------------*/
.news__list{ border-top: solid 0.1em #aaa;}
.news__item{
    display: flex;
    flex-wrap: wrap;
    border-bottom: solid 0.1em #aaa;
    padding: 1em 0;
    font-weight: bold;
}
.news__item__date{
    width: 7em;
}
.news__item__detail{ width: calc(100% - 7em);}
@media screen and (max-width: 480px) {
    .news__item__date,
    .news__item__detail{ width: 100%; text-align: justify;}
}

/*------------------------------------------------
　　　　作品紹介
------------------------------------------------*/
.works__list{
    display: flex; flex-wrap: wrap;
    margin-bottom: 2em;
}
.works__item{
    flex-shrink: 0;
    width: 23%;
    height: calc(90vw * 0.23 * 0.667);
    /*background-color: #555;*/
    margin: 0.8vw 1%;
    overflow: hidden;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.16);
}
@media screen and (min-width: 1700px) {
    .works__item{
        margin: 14px 1%;
        height: calc(1600px * 0.23 * 0.667);
    }
}
@media screen and (max-width: 920px) {
    .works__item{
        width: 31.3%;
        height: calc(90vw * 0.313 * 0.667);
    }
}
@media screen and (max-width: 740px) {
    .works__item{
        width: 48%;
        height: calc(90vw * 0.48 * 0.667);
    }
}
.works__item a{
    display: block;
    transition: transform 0.4s ease-out;
}
@media screen and (min-width: 740px) {
    .works__item a:hover{
        -ms-transform: scale(1.1,1.1) translate3d(0, 0, 0);
        -webkit-transform: scale(1.1,1.1) translate3d(0, 0, 0);
        transform: scale(1.1,1.1) translate3d(0, 0, 0);
        -ms-transition: -ms-transform 0.4s ease-out;
        -webkit-transition: -webkit-transform 0.4s ease-out;
        transition: transform 0.4s ease-out;
        transform-origin: center center;
    }
}
.works__item a{ display: none;}