@import url(../../../files/css/common/layout.css);#all{overflow:hidden}#title{margin-bottom:140px;background-image:url("../img/title/bg.png");text-align:center}#title .wrap{padding:30px 0 253px}#title h1,#title p{display:inline-block}#title h1 img,#title p img{width:100%;height:auto}#title h1{margin-bottom:10px}#title .character{position:absolute;top:150px;left:0;right:0;width:960px;margin:auto;text-align:center}#title .character li{display:inline-block;position:relative;text-align:center;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;-o-perspective:1000px;perspective:1000px}#title .character li p{display:block}#title .character li p span{display:block;position:absolute}#title .character li p span img{position:relative;width:100%;height:auto;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}#title .character li p .after img{visibility:hidden}#title .character li .medal .before{position:relative;z-index:1}#title .character li .medal .after{top:0;left:0;z-index:0}#title .character li .dice{position:absolute;top:0;left:0}#title .character li .dice span img{width:auto;height:auto}#title .character li .dice .before{z-index:1}#title .character li .dice .after{top:0;left:0;z-index:0}#title .character li:nth-child(1) .dice{top:98%;left:-6%}#title .character li:nth-child(2) .dice{top:95%;left:18%}#title .character li:nth-child(3) .dice{top:1%;left:85%}#title .character li:nth-child(4) .dice{top:83%;left:0}@media screen and (max-width: 960px){#title{margin-bottom:20px;background-size:auto 82%}#title .wrap{padding:30px 10px 38%}#title .character{top:42%;width:auto}#title .character li{float:left;width:25%}#title .character li img{width:100%;height:auto}#title .character li .dice{width:40%}#title .character li .dice span img{width:100%;height:auto}#title .character li:nth-child(3) .dice{top:12%}}@media screen and (max-width: 320px){#title{background-image:url("../img/title/bg_mini.png");background-size:100% auto}}body.ds #title .character li p .before img{visibility:hidden}body.ds #title .character li p .after img{visibility:visible}#play{margin-bottom:75px;padding:75px 0 130px;background:url("../img/play/bg.jpg") no-repeat center top}#play .text{float:left}#play .text h2,#play .text p{display:block}#play .text h2{margin-bottom:20px}#play .text h2 span{display:inline-block;margin-left:-40px}#play .movieplayer{float:right;margin-bottom:20px}#play .movieplayer .backprint{position:absolute;top:0;left:0;width:100%;z-index:-1}#play .movieplayer .backprint img{width:100%;height:auto}@media screen and (max-width: 960px){#play{margin-bottom:20px;padding:20px 0}#play .text{float:none;margin-bottom:20px;text-align:center}#play .text h2,#play .text p{display:inline-block}#play .text h2 img,#play .text p img{width:100%;height:auto}#play .text h2{display:block;margin-bottom:10px}#play .text h2 span{margin-left:0}}@media screen and (max-width: 320px){#play{background-image:url("../img/play/bg_mini.jpg");background-size:100% auto}}.section-title{margin-bottom:40px;background-color:#ff1919}@media screen and (max-width: 960px){.section-title{margin-bottom:20px}}#topic .section-title .wrap{text-align:right}#topic .section-title .character{left:-14%;bottom:-90px;width:593px;height:427px;background:url("../img/topic/img001.png") no-repeat center top}#topic .content{display:inline-block;position:relative;margin-bottom:150px}#topic .content .btn{position:absolute;top:60%;left:0;right:0;margin:auto;text-align:center}#topic .content .btn a{display:inline-block}#topic .content .btn a img{width:100%;height:auto}#topic .content .btn .window-small{display:none}#topic .content.minigame{float:left}#topic .content.mode{float:right}@media screen and (max-width: 960px){#topic{text-align:center}#topic .section-title .wrap{text-align:center}#topic .section-title .character{display:none;background:none}#topic .content .image{display:inline-block}#topic .content .image img{width:100%;height:auto}#topic .content.minigame{float:none;margin-bottom:10px}#topic .content.minigame .btn a{display:none}#topic .content.minigame .btn .window-small{display:inline-block}#topic .content.minigame .btn .window-small img{width:90%}#topic .content.mode{float:none;margin-bottom:30px}}@media screen and (max-width: 320px){#topic .content{display:block;padding-bottom:92%;background:no-repeat top center;background-size:100% auto}#topic .content .image img{display:none}#topic .content.minigame{background-image:url("../img/topic/img_minigame_mini.png")}#topic .content.mode{background-image:url("../img/topic/img_mode_mini.png")}}body.ds #topic .minigame .btn{display:none}#software .section-title .wrap{text-align:left}#software .section-title .icon{position:absolute;top:-125%;left:-5px}#software .section-title .character{top:-140%;right:-14%;width:377px;height:308px;background:url("../img/software/img001.png") no-repeat center top}#software .howto{margin-bottom:30px;text-align:center}#software .howto .image{display:inline-block;margin-bottom:10px}#software .howto .image img{width:100%;height:auto}#software .howto #howto-download{cursor:pointer}#software .bonus{padding:25px 75px 28px;background:url("../img/software/bg_bonus.png") no-repeat top center;text-align:center}#software .bonus h3{display:inline-block;margin-bottom:10px}#software .bonus h3 img{width:100%;height:auto}#software .bonus .inner .bonus-minigame{float:left;text-align:left}#software .bonus .inner .bonus-minigame .text{display:inline-block;margin:10px 0 30px;text-align:left}#software .bonus .inner .bonus-minigame .text img{width:100%;height:auto}#software .bonus .inner .bonus-book{float:right}@media screen and (max-width: 960px){#software{margin-bottom:30px}#software .section-title .wrap{text-align:center}#software .section-title .icon{position:absolute;top:auto;left:8%;bottom:100%;width:14%}#software .section-title .icon img{width:100%;height:auto}#software .section-title .character{display:none;background:none}#software .howto{margin-bottom:20px;text-align:center}#software .howto #howto-download{display:inline-block}#software .howto #howto-download img{width:100%;height:auto}#software .bonus{padding:10px;border:6px solid #ff7474;border-radius:22px;background:#ffdddd top center;background-image:linear-gradient(45deg, #ffc7c7 25%, transparent 25%, transparent 75%, #ffc7c7 75%, #ffc7c7),linear-gradient(-45deg, #ffc7c7 25%, transparent 25%, transparent 75%, #ffc7c7 75%, #ffc7c7);background-size:50px 50px}#software .bonus .inner p{display:inline-block}#software .bonus .inner p img{width:100%;height:auto}#software .bonus .inner .bonus-minigame{float:none;margin-bottom:10px;text-align:center}#software .bonus .inner .bonus-minigame .text{display:block;margin:10px 0;text-align:center}#software .bonus .inner .bonus-minigame .text span{display:inline-block}#software .bonus .inner .bonus-book{float:none}}@media screen and (max-width: 320px){#software .howto{margin-bottom:30px;text-align:center}#software .howto .image{display:block;padding-bottom:114%;background:url("../img/software/img_howto_mini.png") no-repeat center top;background-size:100% auto}#software .howto .image img{display:none}}