@import url(../../../files/css/common/layout.css);#all{overflow:hidden}#title{position:relative;margin-bottom:45px;background-image:url("../img/title/bg.png");text-align:left}#title .wrap{padding:110px 0 52px}#title h1,#title p{display:inline-block}#title h1 img,#title p img{width:100%;height:auto}#title h1{margin-bottom:25px}#title .character{position:absolute;bottom:-30%;width:52%;padding-bottom:42%;background:url("../img/title/img001.png") no-repeat center top}@media screen and (max-width: 960px){#title{margin-bottom:20px;background-size:auto 82%;text-align:center}#title .wrap{padding:30px 10px 15%}#title h1{margin-bottom:10px}#title .character{top:57%;bottom:auto;right:3%;width:25%;background-size:contain}}@media screen and (max-width: 320px){#title{background-image:url("../img/title/bg_mini.png");background-size:auto 100%}#title .wrap{padding:30px 10px 5%}#title .character{top:77%}}body.ds #title .character{display:none;background:none}.section-title{margin-bottom:20px}#parade .section-title{background-color:#ff8c1e;text-align:right}#parade .section-title .character{top:-560%;left:-14%}#parade #parade-mainimage{padding:50px 0 230px;background:url("../img/parade/bg.jpg") no-repeat top center;background-size:cover}#parade #parade-mainimage .text{float:right}#parade #parade-mainimage .text h3{margin-bottom:10px;margin-left:-20px}#parade #parade-mainimage .movieplayer{float:left}#parade #parade-mainimage .movieplayer #title-playerbtn{position:absolute;top:50%;left:0;right:0;width:100px;margin:-50px auto auto;z-index:2;cursor:pointer}#parade #parade-mainimage .movieplayer #title-playerbtn img{width:100%;height:auto}#parade #loopimage{position:relative;margin-bottom:45px}#parade #loopimage .text{position:absolute;top:-155px;left:50%}#parade #loopimage p img{width:100%;height:auto}#parade #loopimage .character{position:absolute;top:-250px;right:55%;width:414px;height:456px;background:url("../img/parade/img001.png") no-repeat center top}#parade #loopimage .images{height:179px;background:url("../img/parade/img_images.png") repeat-x top center}#parade #parade-friend{margin-bottom:85px;text-align:center}#parade #parade-friend .inner{margin-bottom:100px;padding:0 20px}#parade #parade-friend .text{float:left}#parade #parade-friend .text h3>img{margin-top:10px;margin-left:-60px}#parade #parade-friend .text h3 span{display:inline-block}#parade #parade-friend .text h3 span img{position:relative;top:-14px}#parade #parade-friend .text p{display:inline-block}#parade #parade-friend .movieplayer{float:right;top:40px}#parade #parade-friend .movieplayer #friend-playerbtn{display:block;position:absolute;top:50%;left:0;right:0;width:100px;margin:-50px auto auto;z-index:2;cursor:pointer}#parade #parade-friend .movieplayer #friend-playerbtn img{width:100%;height:auto}#parade #parade-friend .friend-image{display:inline-block;background:url("../img/friend/bg.png") no-repeat top center}#parade #parade-friend .friend-image .title{position:relative;top:-16px}#parade #parade-friend .friend-image ul{margin-top:-10px;margin-left:-2%;padding-bottom:10px}#parade #parade-friend .friend-image ul li{display:inline-block;float:left;width:48%;height:195px;margin-left:2%;text-align:center}#parade #parade-friend .friend-image ul li p{display:inline-block}#parade #parade-friend .friend-image ul li p img{width:100%;height:auto}#parade #parade-friend .friend-image ul li:nth-child(odd){text-align:right}#parade #parade-friend .friend-image ul li:nth-child(even){text-align:left}#parade #parade-friend .friend-image ul li:nth-child(3){margin-top:-32px}#parade #parade-friend .friend-image ul li:nth-child(4){width:50%;margin-left:0}#parade #parade-friend .friend-image ul li:nth-child(5){position:relative;top:-16px;width:28%}#parade #parade-friend .friend-image ul li:nth-child(6){position:relative;top:-32px;width:68%}#parade #parade-star{margin-bottom:105px;position:relative}#parade #parade-star .text{margin-left:20px}#parade #parade-star .text h3{margin-left:-10px}#parade #parade-star .text p{margin-bottom:75px}#parade #parade-star .character{position:absolute;top:-10%;left:50%;width:535px;height:495px;background:url("../img/star/img001.png") no-repeat center top}#parade #parade-star .howto-win{background:url("../img/star/bg_text.png") no-repeat center top;text-align:center}#parade #parade-star .howto-win .text{display:inline-block;margin-top:60px;margin-bottom:30px}#parade #parade-star .howto-win ul li{position:relative;float:left;width:33%}#parade #parade-star .howto-win ul li p{display:inline-block}#parade #parade-star .howto-win ul li p img{width:100%;height:auto}#parade #parade-star .howto-win ul li .card-character{position:absolute;top:auto;left:8%;right:auto;bottom:50%}#parade #parade-star .howto-win ul li:nth-child(2) .ccharacter{bottom:40%}@media screen and (max-width: 960px){#parade{text-align:center}#parade #parade-mainimage{padding:30px 0 40%}#parade #parade-mainimage .text{display:inline-block;float:none;margin-bottom:10px}#parade #parade-mainimage .text h3{margin-left:0;margin-bottom:0}#parade #parade-mainimage .text h3 img{width:100%;height:auto}#parade #parade-mainimage .text p{margin-bottom:20px}#parade #parade-mainimage .text p img{width:100%;height:auto}#parade #loopimage{margin-bottom:20px}#parade #loopimage .text{display:inline-block;position:absolute;top:auto;left:0;right:0;bottom:110%;max-width:497px;margin:auto;z-index:1}#parade #loopimage .character{display:none;background:none}#parade #loopimage .images{height:120px;background-size:auto 100%}#parade #parade-friend{margin-bottom:30px}#parade #parade-friend .inner{margin-bottom:40px;padding:0}#parade #parade-friend .text{float:none;margin-bottom:20px}#parade #parade-friend .text h3{display:inline-block;position:relative;margin-bottom:10px}#parade #parade-friend .text h3>img{margin:0}#parade #parade-friend .text h3 img{width:100%;height:auto}#parade #parade-friend .text h3 span{display:none}#parade #parade-friend .text p{display:block;margin-top:-25px;margin-bottom:10px}#parade #parade-friend .text p span{display:inline-block}#parade #parade-friend .text p span img{width:100%;height:auto}#parade #parade-friend .movieplayer{top:0;margin-bottom:0}#parade #parade-friend .friend-image{border:6px solid #ffc619;border-radius:22px;background:#fff8ba top center;background-image:linear-gradient(45deg, #fff078 25%, transparent 25%, transparent 75%, #fff078 75%, #fff078),linear-gradient(-45deg, #fff078 25%, transparent 25%, transparent 75%, #fff078 75%, #fff078);background-size:50px 50px}#parade #parade-friend .friend-image .title{display:inline-block;position:relative;top:-24px}#parade #parade-friend .friend-image .title img{width:100%;height:auto}#parade #parade-friend .friend-image ul{margin-top:0;margin-left:0;padding-bottom:0}#parade #parade-friend .friend-image ul li{display:block;float:none;width:auto;height:auto;margin-left:0;margin-bottom:10px;padding:0 20px}#parade #parade-friend .friend-image ul li:nth-child(odd),#parade #parade-friend .friend-image ul li:nth-child(even){text-align:center}#parade #parade-friend .friend-image ul li:nth-child(3){margin-top:0}#parade #parade-friend .friend-image ul li:nth-child(4){width:auto}#parade #parade-friend .friend-image ul li:nth-child(5),#parade #parade-friend .friend-image ul li:nth-child(6){position:static;width:auto}#parade #parade-friend .friend-image ul li p{display:inline-block}#parade #parade-friend .friend-image ul li p img{width:100%;height:auto}#parade #parade-star{margin-bottom:30px;position:relative}#parade #parade-star .text{margin-bottom:10px;margin-left:0}#parade #parade-star .text h3{display:inline-block;margin-left:0}#parade #parade-star .text h3 img{width:100%;height:auto}#parade #parade-star .text p{display:block;margin-bottom:10px}#parade #parade-star .text p span{display:inline-block}#parade #parade-star .text p img{width:100%;height:auto}#parade #parade-star .character{display:none;background:none}#parade #parade-star .howto-win{background:none}#parade #parade-star .howto-win .text{display:inline-block;margin-top:0;margin-bottom:30px;padding:55px 0;background:url("../img/star/bg_text.png") no-repeat center top;background-size:auto 100%}#parade #parade-star .howto-win .text img{width:100%;height:auto}#parade #parade-star .howto-win ul li{float:none;width:auto}#parade #parade-star .howto-win ul li .card{position:relative}}@media screen and (max-width: 320px){#parade #parade-mainimage{background:url("../img/parade/bg_mini.jpg") no-repeat top center;background-size:auto 100%}#parade #loopimage .images{height:auto;padding-bottom:24%;background-image:url("../img/parade/img_images_mini.jpg")}#parade #parade-star .howto-win .text{background-image:url("../img/star/bg_text_mini.png");background-size:100% auto}}#sixmode .section-title{background-color:#9b28ff}#sixmode .section-title .title{display:block;margin-bottom:5px}#sixmode .section-title .title img{width:auto}#sixmode .section-title .text{margin-left:16%}#sixmode .section-title .character{top:-116%;left:-6%;width:360px;height:457px;background:url("../img/sixmode/img001.png") no-repeat center top}#sixmode .section-title .coin{position:absolute;top:-10%;right:-3%;width:19%;padding-bottom:14%;background:url("../img/sixmode/img002.png") no-repeat center top}#sixmode .content{padding:30px 0}#sixmode .content .inner{position:relative;width:85%;max-width:980px;border-radius:50%;margin:0 auto;background:rgba(255,255,255,0.9) top center;background-image:linear-gradient(45deg, rgba(255,255,255,0.4) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.4) 75%, rgba(255,255,255,0.4)),linear-gradient(-45deg, rgba(255,255,255,0.4) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.4) 75%, rgba(255,255,255,0.4));background-size:50px 50px;text-align:center}#sixmode .content .inner .movieplayer,#sixmode .content .inner .game{display:inline-block;position:relative}#sixmode #mode01{margin-bottom:20px;background:url("../img/sixmode/bg_mode01.jpg") repeat-x top center}#sixmode #mode01 .inner{right:-50px;text-align:right}#sixmode #mode01 .inner .game{top:-30px;margin-right:30px}#sixmode #mode01 .inner .movieplayer{width:280px;margin-right:10%;padding-bottom:120px}#sixmode #mode01 .inner .movieplayer .movieframe{position:relative}#sixmode #mode01 .inner .movieplayer .movieframe .button{display:none}#sixmode #mode01 .inner .movieplayer .movieframe.top{width:286px;height:188px;margin-bottom:-20px}#sixmode #mode01 .inner .movieplayer .movieframe.top .screen{left:15px;top:15px;width:256px;height:154px}#sixmode #mode01 .inner .movieplayer .movieframe.top .screen iframe{width:274px;left:-9px}#sixmode #mode01 .inner .movieplayer .movieframe.top .poster{top:15px;left:15px;width:256px;height:154px}#sixmode #mode01 .inner .movieplayer .movieframe.bottom{width:220px;height:180px;margin:0 auto}#sixmode #mode01 .inner .movieplayer .movieframe.bottom .screen{left:10px;top:12px;width:200px;height:148px}#sixmode #mode01 .inner .movieplayer .movieframe.bottom .screen iframe{left:-35px;top:-28px;width:270px;height:204px}#sixmode #mode01 .inner .movieplayer .movieframe.bottom .poster{width:200px;height:148px;top:14px;left:10px}#sixmode #mode01 .inner .movieplayer #mode01-playerbtn{display:block;position:absolute;top:50%;left:0;right:0;width:100px;margin:-40px auto auto;z-index:2;cursor:pointer}#sixmode #mode01 .inner .movieplayer #mode01-playerbtn img{width:100%;height:auto}#sixmode #mode01 .inner .movieplayer .cover{display:block}#sixmode #mode02{margin-bottom:80px;background:url("../img/sixmode/bg_mode02.jpg") repeat-x top center}#sixmode #mode02 .inner{left:-50px}#sixmode #mode02 .inner .game{float:right;top:-20px;margin-right:5%;padding-bottom:50px}#sixmode #mode02 .inner .movies{float:right;margin-top:85px;margin-right:15px}#sixmode #mode02 .inner .movies .movieplayer{width:280px;padding-bottom:60%}#sixmode #mode02 .inner .movies .movieplayer .frame{top:-5px;left:-5px;padding:5px}#sixmode #mode02 .inner .movies #mode02-playerbtn{display:block;position:absolute;top:50%;left:0;right:0;width:100px;margin:-50px auto auto;z-index:2;cursor:pointer}#sixmode #mode02 .inner .movies #mode02-playerbtn img{width:100%;height:auto}#sixmode #mode-list{padding:60px 0 0;text-align:right}#sixmode #mode-list .window-mini{display:none}#sixmode #mode-list .catch{display:inline-block}#sixmode #mode-list .catch img{width:100%;height:auto}#sixmode #mode-list .modes li{position:relative}#sixmode #mode-list .modes li .character{position:absolute;background:no-repeat center top}#sixmode #mode-list .modes li:first-child .character{top:-60%;width:578px;height:555px;background-image:url("../img/sixmode/img_caracter01.png")}#sixmode #mode-list .modes li:nth-child(2){margin-top:-30%;text-align:left}#sixmode #mode-list .modes li:nth-child(2) .character{top:52%;right:-2%;width:12%;padding-bottom:10%;background-image:url("../img/sixmode/img_caracter02.png")}#sixmode #mode-list .modes li:nth-child(3){margin-top:-20%}#sixmode #mode-list .modes li:nth-child(3) .character{top:37%;left:-13%;width:28%;padding-bottom:9%;background-image:url("../img/sixmode/img_caracter03.png")}#sixmode #mode-list .modes li:nth-child(4){margin-top:-28%;text-align:left}#sixmode #mode-list .modes li:nth-child(4) .character{right:-13%;top:15%;width:27%;padding-bottom:36%;background-image:url("../img/sixmode/img_caracter04.png")}@media screen and (max-width: 960px){#sixmode .section-title .title{display:inline-block}#sixmode .section-title .title img{width:100%;height:auto}#sixmode .section-title .text{display:inline-block;margin-left:0}#sixmode .section-title .text img{width:100%;height:auto}#sixmode .section-title .character,#sixmode .section-title .coin{display:none;background:none}#sixmode .content{padding:10px;background-size:cover !important}#sixmode .content .inner{position:static;width:auto;padding:10px 10px 20px;border-radius:6px;margin:0 auto;text-align:center}#sixmode .content .inner .game{display:block;position:static;margin-bottom:10px;text-align:center}#sixmode .content .inner .game p{display:inline-block}#sixmode .content .inner .game p img{width:100%;height:auto}#sixmode .content .inner .movieplayer{margin:0 auto !important}#sixmode .content .inner .movieplayer .movieframe .frame{pointer-events:none}#sixmode #mode01 .inner .game{margin-right:0;margin-bottom:20px}#sixmode #mode01 .inner .movieplayer{display:block;padding-bottom:180px}#sixmode #mode02{margin-bottom:30px}#sixmode #mode02 .inner{left:-50px;text-align:center}#sixmode #mode02 .inner .game{float:none;top:-30px;margin-right:0;margin-bottom:20px;padding-bottom:0}#sixmode #mode02 .inner .movies{float:none;margin-top:0;margin-right:0}#sixmode #mode02 .inner .movies .movieplayer{width:100%;padding-bottom:60%}#sixmode #mode-list{padding:0;text-align:center}#sixmode #mode-list .catch{display:inline-block}#sixmode #mode-list .catch img{width:100%;height:auto}#sixmode #mode-list .modes{margin-top:-20px}#sixmode #mode-list .modes li{display:inline-block;position:relative;margin-top:0 !important}#sixmode #mode-list .modes li img{width:100%;height:auto}#sixmode #mode-list .modes li .character{position:absolute;top:0% !important;width:30%;background-size:contain}#sixmode #mode-list .modes li:first-child .character{display:none;background:none}#sixmode #mode-list .modes li:nth-child(2) .character{right:-5%;width:23%;padding-bottom:21%}#sixmode #mode-list .modes li:nth-child(3) .character{left:-5%}#sixmode #mode-list .modes li:nth-child(4) .character{right:-13%;width:36%;padding-bottom:47%}}@media screen and (max-width: 320px){#sixmode #mode01{background-image:url("../img/sixmode/bg_mode01_mini.jpg")}#sixmode #mode02{background-image:url("../img/sixmode/bg_mode02_mini.jpg")}#sixmode #mode-list .modes li .image img{display:none !important}#sixmode #mode-list .modes li .image img.window-mini{display:block !important}#sixmode #mode-list .modes li .character{background:none !important}}body.ds #sixmode #mode01 .inner .movieplayer .cover,body.pc #sixmode #mode01 .inner .movieplayer .cover{display:none}