@charset "UTF-8";
/*
	Title	   : アニメ「イド・インヴェイデッド」公式サイト
	URI            : id
	Designer       : GRAPHNETWORK
	Designer's URI : http://graphnetwork.com/
*/

/* --------------------------------------------------------------

							Layout

-----------------------------------------------------------------*/

#movie h1.page_ttl {
    background-position: top 3px left -20px;
    width: 140px;
}
.movie_block {
    text-align: center;
    font-size: 1em;
}
.movie_block .wrap .box {
    margin-bottom: 60px;
    position: relative;
}
.movie_block img {
    width: 300px;
    margin-bottom: 10px;
}
.cover{
    filter: alpha(opacity=100);
    -moz-opacity:100;
    opacity:100;
    position: absolute;
    width: 301px !important;
    transition: 1.0s ;
}
.cover:hover{
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    
}

@media screen and (min-width:960px) {
    #movie #main {
        margin: 0 auto;
        float: left;
        padding: 0;
        padding-left: 250px;
        min-height: 1100px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-size: 100%;
        background-attachment: fixed;
        background-position: top 0 left 100px;
    }
    #movie h1.page_ttl {
        background-position: top 45px right 53px;
        width: 150px;
        margin: auto;
    }
    .movie_wrap {
        width: 730px;
        margin: auto;
       -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .movie_block {
        text-align: center;
        font-size: 0.8em;
    }
    .movie_block .wrap{
        display:flex;
        flex-wrap: wrap;
        }
    .movie_block .box{
        margin: 0 4% 14% 4% !important;
    }
    

}

/* --------------------------------------------------------------

				リンクニメーション

-----------------------------------------------------------------*/
a:hover{
    animation: ani 1.2s linear infinite;
}
a:nth-child(1){
    animation-delay: .2s;
}
a:nth-child(2){
    animation-delay: .6s;
}
a:nth-child(3){
    animation-delay: .8s;
}
a:nth-child(4){
    animation-delay: 1.0s;
}
a:nth-child(5){
    animation-delay: 1.4s;
}
a:nth-child(6){
    animation-delay: 1.8s;
}
a:nth-child(7){
    animation-delay: 1.12s;
}