body{font-size:14px;background-color:#190c27;color:#190c27}#container{background-image:url("http://static.gamecom.jp/rohan/event/roulette/bg_header.jpg")}header{height:340px}header h1{top:30px;background-image:url("http://static.gamecom.jp/rohan/event/roulette/logo_title.png")}.align-center{text-align:center}footer{margin-top:80px;background-color:#393042;color:#69606a}#game-area{position:relative;width:600px;height:600px;margin:0 auto}#game-area .btn-start{position:absolute;top:50%;left:50%;width:200px;height:200px;margin:-100px 0 0 -100px;background:url("http://static.gamecom.jp/rohan/event/roulette/btn_start.png") no-repeat 50% 0;cursor:pointer;z-index:10}#game-area .btn-start:hover{background-position:50% 50%}#game-area .btn-start a{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}#game-area .roulette{position:relative;width:100%;height:100%}#game-area .roulette p{position:absolute;top:0;left:0;width:100%;height:100%;background-position:50%;background-repeat:no-repeat}#game-area .roulette .arrow{background-image:url("http://static.gamecom.jp/rohan/event/roulette/game_frame.png");z-index:7}#game-area .roulette .effect{transition-property:all;-webkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;transition-duration:.3s;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;background-image:url("http://static.gamecom.jp/rohan/event/roulette/game_effect.png");z-index:8;opacity:0}#game-area .roulette .panel{background-image:url("http://static.gamecom.jp/rohan/event/roulette/game_panel.png");z-index:6}#game-area .result{transition-property:all;-webkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;transition-duration:.1s;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;position:absolute;top:50%;left:50%;width:280px;height:360px;margin:-140px 0 0 -140px;padding:90px 30px;background-position:50%;background-repeat:no-repeat;z-index:9;opacity:0}#game-area .result .btn-ok{display:none;position:absolute;bottom:25px;left:50%;width:120px;height:65px;margin-left:-60px;background:url("http://static.gamecom.jp/rohan/event/roulette/btn_ok.png") no-repeat 50% 0;cursor:pointer}#game-area .result .btn-ok:hover{background-position:50% 100%}#game-area .result .btn-ok a{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}#game-area .result .icon{position:relative;width:40px;height:40px;margin:20px auto;border:1px solid #ffffff}#game-area .result .icon img{width:100%;height:100%}#game-area .result .name{text-align:center;color:#ffffff;line-height:1.6}#game-area.play .btn-start{background-position:50% 100%;cursor:default}#game-area.play .roulette .panel{animation-name:"spin";-webkit-animation-name:"spin";-moz-animation-name:"spin";-ms-animation-name:"spin";animation-duration:.5s;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;-ms-animation-timing-function:linear;animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0;-ms-animation-delay:0;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite}@-webkit-keyframes spin{}@keyframes spin{}#game-area.effect .btn-start{display:none}#game-area.effect .roulette .effect{opacity:1}#game-area.result .btn-start{display:none}#game-area.result .roulette .effect{opacity:1}#game-area.result .result{margin-top:-180px;opacity:1}#game-area.result .result .btn-ok{display:block}#game-area.success .result{background-image:url("http://static.gamecom.jp/rohan/event/roulette/bg_success.png")}#game-area.failed .result{background-image:url("http://static.gamecom.jp/rohan/event/roulette/bg_failed.png")}#game-area.failed .result .icon{display:none}#game-area[data-login=false] .btn-start{background-position:50% 100%;cursor:default}.sns-area{position:relative;width:775px;margin:15px auto}.sns-area p{display:inline-block;color:#ffffff;margin-right:10px;vertical-align:top}.sns-area p iframe{margin-top:4px}.link-area{position:relative;width:1000px;margin:15px auto;text-align:center}.link-area p{display:inline-block;width:230px;height:110px;margin:0 20px;background-position:50% 0;background-repeat:no-repeat;cursor:pointer}.link-area p a{display:block;overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}.link-area p:hover{background-position:50% 100%}.link-area p.info{background-image:url("http://static.gamecom.jp/rohan/event/roulette/btn_info.png")}.link-area p.item{background-image:url("http://static.gamecom.jp/rohan/event/roulette/btn_item.png")}.link-area p.caution{background-image:url("http://static.gamecom.jp/rohan/event/roulette/btn_caution.png")}.layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);color:#ffffff;z-index:100}.layer .layer-content{display:none;position:absolute;top:50%;left:50%;width:700px;height:600px;margin:-300px 0 0 -300px;padding:10px 60px;background:url("http://static.gamecom.jp/rohan/event/roulette/frame_middle.png") repeat-y 50% 0;background-size:100% auto}.layer .layer-content:before,.layer .layer-content:after{content:'';display:block;position:absolute;left:0;width:100%;height:50px;background-position:50% 0;background-repeat:no-repeat;background-size:100% auto}.layer .layer-content:before{top:-50px;background-image:url("http://static.gamecom.jp/rohan/event/roulette/frame_top.png")}.layer .layer-content:after{bottom:-50px;background-image:url("http://static.gamecom.jp/rohan/event/roulette/frame_bottom.png")}.layer h4{color:#DFDAA9}.layer table{position:relative;width:100%;margin:20px 0;font-size:12px;text-align:center}.layer table tr{border-bottom:1px solid #BE9400}.layer table tr th{background-color:#BE9400;color:#ffffff}.layer table tr td{padding:5px;background-color:#ffffff;color:#444444}.layer .btn-close{position:absolute;top:50%;left:50%;width:120px;height:60px;margin:260px 0 0 0;background:url("http://static.gamecom.jp/rohan/event/roulette/btn_close.png") no-repeat 50% 0;z-index:1;cursor:pointer}.layer .btn-close:hover{background-position:50% 100%}.layer .btn-close a{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}.layer .caution-list{height:500px;overflow-x:hidden;font-size:12px}.layer .caution-list li{list-style:disc;margin-left:20px}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}