@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用）*/    
        .pages_title img{
            width: 70%;
        }
        .grandprix_logo {
            width: 55%;
            position: absolute;
            top: 4px;
            left: calc(50% - 240px);
        }     
        .grandprix_logo a {
            text-decoration: none;
            border:0;
            text-align: center;
        }         
        .rule_area {
            width:100%;
        }
        .rule {
            width: 100%;
            margin: 0 auto;
        }

}
@media only screen and (max-device-width: 750px){
    
     .grandprix_logo{
        width:70%;
        position: absolute;
        top: 4px;
        left: calc(50% - 130px);;
    }
    h2 {
        height: 50px;
        font-size: 20px;
        line-height: 1.4rem;
    }
    .sp_only{
        display:block;
    }
    .pc_only{
        display:none;
    }
}
@media only screen and (max-device-width: 600px){
        .grandprix_logo {
            width: 55%;
            position: absolute;
            top: 4px;
            left: calc(50% - 160px);
        }
}
@media only screen and (max-device-width: 480px){
        .grandprix_logo {
            width: 75%;
            position: absolute;
            top: 2px;
            left: 38px;
        }
        .grandprix_logo_1 {
            background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../images/background.jpg);
            display: block;
            width: 100%;
            height: auto;
            position: relative;
            margin: 0 auto;
            text-align: center;
            background-size: cover;
            padding-top:4px;
        }
        .grandprix_logo_1 a{
            display: block;
            margin: 0 auto;
        }
        .grandprix_logo_1 img{
            width: 95%;
            margin: 0 auto;
            
        }
        .pagevisual_area img{
            width: 60%;
            position: absolute;
            top:4px;
            left: calc( (102 / 300 * 60%));
        }
        
}