@charset 'UTF-8';
.movie{
    margin:5%;
    position:relative;
}
.movie .movie-thumbnail img{
    width:100%;
    opacity:0.7;
}
.movie-icon{
    position:absolute;
    left:50%;
    top:50%;
    margin: -60px 0 0 -60px;
}
.news{
    /* margin:5%; */
    position:relative;
    margin: 0 0 30px;
    border-bottom: 2px solid #222222;
}
.news h2{
    margin-bottom:1.5em;
    margin: 4%;
}
.news .more{
    position:absolute;
    font-size:1.5em;
    right: 20px;
    top:0;
}
.news .more a{
    color:#FFF;
}
.news dl{
    position:relative;
    padding: 20px 4% 0px 260px;
    height: 160px;
    max-height: 100%;
    color: #FFF;
    border-top: 2px solid #222222;
    margin: 0 0 20px 0;
    background: url(../img/common/news/arrow.png) 615px no-repeat;
}
.news .thumb{
    width: 210px;
    position:absolute;
    left: 5%;
    background-size: cover;
}
.news .pubdate{
    font-size:1.5em;
    max-height:100%;
    margin-bottom:0.5em;
}
.news dt{
    font-size:1.3em;
    max-height:100%;
    margin-bottom:0.5em;
    line-height:1.6em;
    color: #b31f01;
    font-weight: bold;
}
h1{
    height: 1090px;
}
/*visual_change*/
.main{
    display:inline-block;
    position: absolute;
    z-index: 100;
}
.kv_sub{
    display:block !important;
    opacity:0;
}
.sub{
    display:none;
}
.slick-dots{
    text-align:center;
    margin:20px 0 0;
}
.slick-dots li{
    display:inline-block;
    margin:0 5px;
}
.slick-dots li button{
    text-indent:-9998px;
    width:20px;
    height:20px;
    border:0;
    background:#d4d4d4;
    border-radius:10px;
}
.slick-dots li.slick-active button{
    background:#b31e00;
}
.cover{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    z-index: 9999999999;
    display: none;  
    background: rgba(0,0,0,0.8);
}
.surcle{
    position: fixed;
    left: 50%;
    top:50%;
    margin: 0 0 0 0;
    /* border: 30px solid #FFF; */
    width: 0;
    height: 0;
    border-radius:100%;
    opacity: 0;
    z-index: 9999999999;
    background: url(/assets/img/top/circle.png);
    background-size: cover;
}
body.change .AllWrap{
    background:#FFF;
    margin: 0;
    padding: 0;
}
body.change footer a{
    transition:all 0.3s;
    color:#000;
}
body.change .copy{
    transition:all 0.3s;
    color:#000; 
}
body.change .promotion{
    transition:all 0.3s;
    /* background: rgba(255,255,255,0.5); */
}
.slick-next,.slick-prev{
}
body.change .news dl{
    color:#000;
}
.visual_change{
    position:absolute;
    top: 885px;
    right:0;
    font-size: 22px;
    padding: 15px 35px;
    background: url(../img/common/news/arrow_white.png) 170px no-repeat #b31e00;
    line-height: 1.5em;
    width: 120px;
    z-index: 1000;
}
.bnr{
    width:90%;
    text-align:center;
    margin:30px auto;
}
.bnr li{
    background:#000;
    margin:0 0 20px;
}