@charset "Shift-JIS";

/*e-amusementサイトテンプレート*/
header,footer,header#id_nav_menu_1{position:relative !important;}
header#id_nav_menu_1{background-color:#fff;}
#wrapper{position:relative !important; }
#container{background-color:#d4d4d6 !important;}
header#id_nav_menu_1{z-index:10 !important;}
footer{z-index:2 !important;}

/*
================================================================================================================
COMMON
================================================================================================================
*/
*{padding:0; margin:0; border:0;}
*, *:before, *:after{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;}

html{width:100%; height:100%; overflow-wrap:break-word}
body{
min-width:320px !important;
background:#000 !important;
margin:0 auto;
font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
overflow-x:hidden;}
/*h1,h2,h3,h4,h5,h6{display:none;}*/
a{outline:none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
a img{transition:opacity .3s ease;}
img{padding:0; margin:0; border:0; vertical-align:bottom;}
ul{margin:0; padding:0; border:0;}
li{list-style:none;}
strong,em,b{font-weight:700; font-style:normal;}
table{width:100%; color:#000; border-collapse:collapse; border-spacing:0; margin:0 auto;}

a img{transition:opacity .3s ease;}

input{outline:0; border:none;}
input[type="submit"]{cursor:pointer;}

.no-show{display:none;}/*タブ切替*/

/*
================================================================================================================
MAIN
================================================================================================================
*/

/*
========================
動画
========================
*/
.movie{
position:relative;
width:80%;
margin:0 auto;}
.movie-inner{
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;}
.movie-inner iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0 auto;
z-index:2;}
@media screen and (max-width:980px){.movie{width:90%;}}
@media screen and (max-width:480px){.movie{width:96%;}}

/*
========================
リストスタイル
========================
*/
.small{font-size:12px;}
@media screen and (max-width:400px){.small{font-size:11px;}}

ul.dot li,ul.ast li,span.dot,span.ast,ul.num li{display:block; position:relative; padding-left:18px;}
ul.dot li::before,ul.ast li::before,span.dot::before,span.ast::before,ul.num li::before{display:block; position:absolute; top:0; left:0;}
ul.dot > li::before,span.dot::before{content:"・";}
ul.ast > li::before,span.ast::before{content:"※";}
ul.num li:first-child::before{content:"①";}
ul.num li:nth-child(2)::before{content:"②";}
ul.num li:nth-child(3)::before{content:"③";}
ul.num li:nth-child(4)::before{content:"④";}
ul.num li:nth-child(5)::before{content:"⑤";}

/*
================================================================================================================
ボタン
================================================================================================================
*/
.btn01{
display:block;
position:relative;
width:calc(100% - 40px);
max-width:200px;
height:34px;
color:#fff;
background-color:#fa006a;
font-family:'M PLUS 1', sans-serif;
font-weight:800;
text-align:center;
line-height:34px;
margin:0 auto;
transition:background .2s ease;}
.btn01::before,
.btn01::after{
display:block;
content:"";
position:absolute;
top:0;
width:40px;
height:34px;
background-image:url(/game/qk_stadium/1/img/common/btn/icn01_off.png);
background-size:auto 100%;
transition:background .2s ease;}
.btn01::before{left:-20px;}
.btn01::after{right:-20px;}

.btn01:hover{background-color:#0da9ff;}
.btn01:hover::before,.btn01:hover::after{background-image:url(/game/qk_stadium/1/img/common/btn/icn01_on.png);}

.btn01 + .btn01{margin:20px auto 0;}

/*
================================================================================================================
TOPに戻るボタン
================================================================================================================
*/
#page-top,
#page-top a{
display:block;
/*width:297px;
height:156px;*/
width:200px;
height:105px;
z-index:10 !important;}

#page-top{
position:fixed;
bottom:-30px;
right:-30px;
transition:all .3s ease;
visibility:hidden;
filter:drop-shadow(0 0 5px rgba(0,0,0,.5));
opacity:0;}
#page-top a{background-image:url(/game/qk_stadium/1/img/common/top_btn.png); background-size:100% auto; transition:opacity .3s ease;}
#page-top:hover a,#page-top a:hover{opacity:.8;}

#page-top.scroll{bottom:0; right:0; opacity:1; visibility:visible;}

@media screen and (max-width:800px){#page-top,#page-top a{width:150px; height:79px;}}
@media screen and (max-width:480px){#page-top,#page-top a{width:120px; height:63px;}}