@charset "utf-8";

/* ---------- MOVIE ---------- */

.area-mv{
    overflow: hidden;
}

.area-mv .box{
    width: 175px;
    height: 180px;
    float: left;
    margin: 0 0.8%;
}

.area-mv .box .image{
    width: 175px;
    margin: 5px 0;
    padding: 0;
}

.area-mv .box .image img{
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.area-mv .box .title{
    line-height: 1.3;
}


/* BNR */
.movie-bnr{
    padding: 15px 0;
    border: #ccc 1px dotted;
    border-left: none;
    border-right: none;
    text-align: center;
}


/* DETAIL */
.area-mv-ply .mv-wrapper{
    position: relative;
    height: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 30px;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.area-mv-ply .mv-wrapper iframe {
    position: absolute ;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}



/* ----------* * * * *----------*/
/* --------- RESPOSIVE ---------*/

@media screen and (max-width: 1000px){



}

@media screen and (max-width: 519px) {
    
.area-mv .box{
        width: auto;
        height: auto;
        float: none;
        width: 300px;
        margin: 10px auto;
        background-color: #f0f0f0;
        padding: 10px 10px 0;
    }
 
.area-mv .box .image{
    text-align: center;
        width: auto;
        margin: 0 0 10px;
}

.area-mv .box .title{
text-align: center;
}



}



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