.win{display:block; text-align:center;}
div.win{
width:100%;
max-width:300px;
color:#fe0074;
background-color:#fff;
font-size:22px;
font-family:'M PLUS 1', sans-serif;
border:2px solid;
border-radius:5px;
padding:10px;
margin:0 auto;}
span.win{font-weight:bold; margin:20px auto;}
@media screen and (max-width:410px){span.win{text-align:left;}}

/*
=================
回線状況
=================
*/
#speed-check strong{color:#fe0074;}

/*速度チェッカー*/
#speed-check #checker{
background-color:#fff;
text-align:center;
border:1px solid #0874fb;
padding:10px;
margin:20px auto;}
#speed-check #checker #speed_test_message{
max-width:300px;
font-weight:bold;
background-color:#ccc;
padding:10px 0;
margin:10px auto;}

#speed-check #checker a{
display:block;
max-width:300px;
color:#fff;
background-color:#0874fb;
font-weight:bold;
text-decoration:none;
border-radius:10px;
border:2px solid #0874fb;
padding:8px 0;
margin:10px auto;
transition:all 0.3s ease;}
#speed-check #checker a:hover{color:#0874fb; background-color:#fff;}

/*注意事項*/
#speed-check ul li.red{color:#f00;}

#speed-check .btn-click{
max-width:300px !important;
color:#fff !important;
text-decoration:none !important;}

@media screen and (max-width:420px){#speed-check #checker #comment1{text-align:left;}}

/*
=================
応募関連
=================
*/
.push-btn::before,.push-btn::after{display:none !important;}

#main-inner > .inner > .cat#entry{text-align:center;}
#main-inner > .inner > .cat#entry strong{display:block; color:#fe0074; font-size:15px; text-align:center; margin:0 auto 10px;}
@media screen and (max-width:385px){#main-inner > .inner > .cat#entry{text-align:left;}}

#main-inner > .inner > .cat#entry > p{width:100% !important; line-height:180%;}
@media screen and (max-width:750px){#main-inner > .inner > .cat#entry > p{text-align:left;}}
@media screen and (max-width:640px){#main-inner > .inner > .cat#entry > p{font-size:13px;}}



/*
説明
*/
#howto{display:block; /*text-align:center;*/}
#howto{
/*width:100%;*/
max-width:90%;
color:#fe0074;
background-color:#fff;
font-size:15px;
font-family:'M PLUS 1', sans-serif;
border:2px solid;
border-radius:5px;
padding:10px;
margin:0 auto;}
span.win{font-weight:bold; margin:20px auto;}
@media screen and (max-width:410px){span.win{text-align:left;}}

#howto img {
  width: 100%; /* bodyの幅に対する割合 */
  color:#fe0074;
  border:1px solid;
}

#caution {
font-size:15px;
color:#4400FF;
font-family:'M PLUS 1', sans-serif;
}

strong{
color: #fe0074;
}

.img_flame{
max-width:90%;
padding: 10px;
margin: auto;
}

.img_flame img{
width:100%;
}

h2.title{
margin-bottom:10px;
}
 
@media screen and (max-width:640px){
h2.title > p > span {
font-size:15px;
}
}

@media screen and (max-width:320px){
h2.title > p > span {
font-size:100%;
}
}

#appli_link{
  padding:20px;
  text-align: center;
  font-weight: bold;
  background-color: #ccc;
}


#appli_link ul{
  width:100%;
  display: flex;
}

#appli_link ul li{
  display: block;
  width: calc((100% / 3) - 0px);
} 
    
#appli_link ul li img{
  max-width:100%;
}
#appli_link .apple_bnr,#appli_link .android_bnr{
 display:flex;
 width: 240px;
 margin: auto;
}

#appli_link .l_appli{
    margin-right: 10px;
}

#appli_link .r_appli{

}

@media screen and (max-width:640px){
#appli_link{
padding: 10px;
}

#appli_link ul{
  display: block;
}

#appli_link ul li{
  width: 100%;
  padding-bottom: 10px;
}
}

/*
動作環境
*/
.env_flame{
  padding:20px;
}

.env_btn{
    background: black;
    color: white;
    border-radius: 15px;
    padding: 5px;
    width: 150px;
    display: block;
    box-sizing: border-box;
    text-align: center;
    margin-left: auto;
}

@media screen and (max-width:640px){
.env_flame{
  padding:10px;
}
}


/*
========================
SNSエリア
========================
*/
ul#qk-sns{
display:flex;
flex-wrap:wrap;
justify-content:space-between;}

ul#qk-sns li{width:calc(100% / 2 - 10px);}

ul#qk-sns li a{
display:flex;
position:relative;
width:100%;
height:105px;
background-color:#fff;
padding:0 10px;
border:1px solid #cde3ff;
border-radius:4px;
align-items:center;
justify-content:center;
transition:opacity .2s ease;}
ul#qk-sns li a:hover{opacity:.7;}

#main-inner ul#qk-sns li.twitter a{color:#55acee; font-size:18px; font-weight:bold; text-decoration: none;/*padding-left:60px;*/ }
#main-inner ul#qk-sns li.twitter a::before{
display:inline-block;
content:"";
width:50px;
height:34px;/*
position:absolute;
top:calc(50% - 17px);
left:14px;*/
background:url(/game/qk_stadium/1/img/common/link/logo-twitter-blue.svg) no-repeat; 
background-size:auto 100%;
background-repeat:no-repeat;
background-position:left center;}
ul#qk-sns li a img{width:100%;}

@media screen and (max-width:800px){
ul#qk-sns li{width:calc(100% / 2 - 10px);}
ul#qk-sns li.twitter a{font-size:15px;}}
@media screen and (max-width:640px){
ul#qk-sns li{width:100%; max-width:300px; margin:0 auto;}
ul#qk-sns li + li{margin-top:10px;}
ul#qk-sns li a{height:80px; padding:0;}
/*ul#qk-sns li a > img{max-width:200px;}*/
ul#qk-sns li.twitter a{font-size:17px;}}



#top_side_banner_qks {
    background: url(/game/qk_stadium/images/konast/top_side_banner_qks.png) no-repeat scroll transparent;
    background-size:cover;
    width: 220px;
    height: 74px;
    margin-top: 0;
}
.kns_bnr{
    display: inline-block;
}