@charset "UTF-8";
#container.top{
    position:relative;
    width:100%;
    height:1482px;
}
/*
TITLE
*/

#title{
    position:relative;
    padding-left:110px;
    margin-bottom:136px;
    z-index:99;
    text-align:center;
}
#title h1 img{
    width:209px;
    height:auto;
    margin-top:35px;
}
#title .lead img{
    width:164px;
    height:auto;
    margin-bottom:10px;
}
#title .movie-btn img{
    width:180px;
    height:auto;
}

/*
SLIDER
*/

ul.bxslider1 li.slide1{
    background-color:#9fe7ec;
    background-image:url(../images/top_slide01_bg.jpg);
}
ul.bxslider1 li.slide2{
    background-color:#f0a181;
    background-image:url(../images/top_slide02_bg.jpg);
}
ul.bxslider1 li.slide3{
    background-color:#54aecc;
    background-image:url(../images/top_slide03_bg.jpg);
}
ul.bxslider1 li.slide4{
    background-color:#6381f0;
    background-image:url(../images/top_slide04_bg.jpg);
}
ul.bxslider1 li.slide5{
    background-color:#dec4fc;
    background-image:url(../images/top_slide05_bg.jpg);
}
ul.bxslider1 li.slide6{
    background-color:#208ba3;
    background-image:url(../images/top_slide06_bg.jpg);
}
ul.bxslider1 li.slide7{
    background-color:#9bdfbd;
    background-image:url(../images/top_slide07_bg.jpg);
}
ul.bxslider1 li.slide8{
    background-color:#2b110a;
    background-image:url(../images/top_slide08_bg.jpg);
}
ul.bxslider1 li.slide9{
    background-color:#5f75c8;
    background-image:url(../images/top_slide11_bg.jpg);
}
ul.bxslider1 li.slide10{
    background-color:#3021a1;
    background-image:url(../images/top_slide10_bg.jpg);
}
ul.bxslider1 li span{
    display:block;
    width:100%;
    height:263px;
    background-image:url(../images/top_slide_bg.jpg);
    background-size:contain;
}
ul.bxslider1 li.slide1 span{
    padding:14px 0 0 11px;
}
ul.bxslider1 li.slide2 span{
    padding:40px 0 0 15px;
}
ul.bxslider1 li.slide3 span{
    padding:11px 0 0 8px;
}
ul.bxslider1 li.slide4 span{
    padding:9px 0 0 9px;
}
ul.bxslider1 li.slide5 span{
    padding:7px 0 0 12px;
}
ul.bxslider1 li.slide6 span{
    padding:50px 0 0 0;
}
ul.bxslider1 li.slide7 span{
    padding:16px 0 0 0;
}
ul.bxslider1 li.slide8 span{
    padding:27px 0 0 0;
}
ul.bxslider1 li.slide9 span{
    padding:24px 0 0 3px;
}
ul.bxslider1 li.slide10 span{
    padding:14px 0 0 0;
}

/*
MAIN
*/
.main{
    position:relative;
    text-align:center;

}

/*
CAMPAIGN
*/
.pointprogram{
    margin-bottom: 7px;
}
.main .note2{
margin: 0 10px 10px;
    border: 2px solid #FFF;
    background-color: rgba(255,255,255,0.8);
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.note2 p,
.note p{
    font-size: 8px;
    text-align: left;
    line-height: 1.5em;
    padding: 8px;
}
/*
NAV
*/
.nav{
    margin-bottom:18px;
}
.nav li{
    margin-bottom:7px;
}

/*
SPEC
*/
.spec{
    background:url(../images/top_spec_bg.png) 0 top no-repeat;
    background-size:303px 380px;
    width:303px;
height: 380px;
    margin:0 auto 14px;
    padding:14px;
}
.spec > p{
	margin-bottom: 15px;
	line-height: 1.2em;
	font-weight: bold;
	font-size: 11px;
}
.spec .wiiu, .spec .ds{
    border-bottom:solid 2px #fff;
    padding-bottom:7px;
    margin-bottom:7px;
    overflow:hidden;
}
.spec .title{
    margin-bottom:5px;
}
.spec .icon{
    float:left;
}
.spec .icon img{
    padding-bottom:5px;
}

.spec .manual a{
    margin-top:8px;
    display: block;
}
.spec .manual a:first-child{

}

/*
BANNER
*/
.banner{
    width:260px;
    height:160px;
    margin:0 auto 87px;
    position:relative;
}
.banner .about{
    position:absolute;
    left:43px;
    top:92px;
}
.banner .wiiu{
    position: absolute;
    left: 39px;
    top: 110px;
}
.banner .ds{
    position: absolute;
    left: 39px;
    top: 131px;
}

/*
SNS
*/
.sns{
    font-size:0;
}
.sns .tw{
    width:50%;
    display:inline-block;
    text-align:right;
    padding-right:8px;
    font-size:12px;
}
.sns .fb{
    width:50%;
    display:inline-block;
    text-align:left;
    padding-left:8px;
    font-size:12px;
}

/*
FOOTER
*/
.footer{
    width:100%;
    min-height:123px;
    background:url(../images/footer_bg_top.png) center 0 no-repeat;
    background-size:contain;
    text-align:center;
    position:absolute;
    left:0;
    bottom:0;
    z-index:99;
}
.footer ul {
    overflow:hidden;
    padding-top:67px;
}
.footer ul li{
    display:inline-block;
}
.footer .copyright{
    text-align:center;
    padding:10px 0;
    background-color:#fda610;
}
