@charset 'utf-8';

html {
    font-size: 10px;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {
    *+height: 1%;}
input, textarea, button {
    outline: none;}

html, body {}

html {
    -webkit-tap-highlight-color: transparent;}

img {
    max-width: 100%;
    width: 100%;}
/*pc*/
@media screen and (min-width:960px){
    .mobile{
        display: none;}
    body{
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background: url(../images/play_bg.jpg);}
}
/*mobile*/
@media screen and (max-width:960px){
    .wrapper{
        display: none;}
}
@media screen and (min-width:360px) and (max-width:413px) {
    html,body{
        font-size: 14.4px;
        margin: 0px;
        padding: 0px;} 
}


@media screen and (min-width:414px) and (max-width:640px) {
    html,body{
        font-size: 16px;} 
}