@charset "utf-8";

html, body{
    width: 100%;
}

#wrap{
    width:100%;
    margin: 0 auto;
}

/*container s*/
#container{
    width:100%;
    padding:70px 0 0 0;
}
#container .box{
    width:100%;
    height:480px;
    overflow:hidden;
    position:relative;
}
#container .box a{
    display:block;
    width:100%;
    height:100%;
}
#container .box1 .e1 a .img1,
#container .box2 .e2 a .img2,
#container .box3 .e3 a .img3,
#container .box4 .e4 a .img4,
#container .box5 .e5 a .img5,
#container .box6 .e6 a .img6{
    transition:transform 0.5s;
    -webkit-transition:transform 0.5s;
    -moz-transition:transform 0.5s;
}
#container .box1 .e1 a .img1.On,
#container .box2 .e2 a .img2.On,
#container .box3 .e3 a .img3.On,
#container .box4 .e4 a .img4.On,
#container .box5 .e5 a .img5.On,
#container .box6 .e6 a .img6.On{
    transition:transform 1s;
    -webkit-transition:transform 1s;
    -moz-transition:transform 1s;
    transform:scale(1.1);
}
#container .box1 .e1 a .b_bg,
#container .box2 .e2 a .b_bg,
#container .box3 .e3 a .b_bg,
#container .box4 .e4 a .b_bg,
#container .box5 .e5 a .b_bg,
#container .box6 .e6 a .b_bg{
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    position:absolute;
    top:0;
    left:0;
    transition:opacity 0.7s;
    -webkit-transition:opacity 0.7s;
    -moz-transition:opacity 0.7s;
    opacity:0.8;
}
#container .box1 .e1 a .b_bg.On,
#container .box2 .e2 a .b_bg.On,
#container .box3 .e3 a .b_bg.On,
#container .box4 .e4 a .b_bg.On,
#container .box5 .e5 a .b_bg.On,
#container .box6 .e6 a .b_bg.On{
    opacity:0.4;
}

#container .box .m_ttl img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:666;
}


/*box1 s*/
.box1 .img1{
    width:100%;
    height:100%;
}

/*box2 s*/
.box2 .img2{
    width:100%;
    height:100%;
}

/*box3 s*/
.box3 .img3{
    width:100%;
    height:100%;
}

/*box4 s*/
.box4 .img4{
    width:100%;
    height:100%;
}

/*box5 s*/
.box5 .img5{
    width:100%;
    height:100%;
}

/*box6 s*/
.box6 .img6{
    width:100%;
    height:100%;
}