@charset "utf-8";
/* CSS Document */
/*ルールページ固有*/

.pages_title img{
    width: 35%;
}
.page_header_sp_pnly{
    display:none;
}
.page_header_pc_only{
    display:block;
}

.grandprix_logo{
    width: 45%;
    position: absolute;
    top: 10px;
    left: calc(50% - 300px);
}


.time_title img{
    width: 18%;
    position: absolute;
    top:4px;/* calc(画像高さ ÷ 画像横幅 × 100%) */
    left: calc( (131 / 300 * 100%));
}
@media only screen and (max-device-width: 480px){
    .time_title img{
        width: 30%;
        position: absolute;
        top:4px;/* calc(画像高さ ÷ 画像横幅 × 100%) */
        left: calc( (40 / 117 * 100%));
    }
}

.time h2{
    font-size:1.6rem;
    line-height: 1rem;
    padding-left: 1rem;
     /*justify-content: flex-start;*/ 
    align-items: center;
    margin-bottom: 0.5rem;
    
}
@media only screen and (max-device-width: 480px){
    h1.contents_title {
        font-size: 1.5rem;        
    }
    .time h2{
        font-size: 1.1rem;
        line-height: 1.2rem;
        padding-left: 0rem;
        height: 4rem;
        text-align: center;
    }

}

.time_tab{
	display: flex;
	width: 100%;
	height: 35px;
	font-size: 26px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.time_item{
	background-color: #808080;
	padding: 0 10px;
	border-radius: 5px 5px 0 0;
	margin: 0 2px;
	display: flex;
	align-items: center;
}
.time_item a{
	text-decoration: none;
	color: white;
	width: 100%;
	height: 100%;
}
.time_item a:hover{
	opacity: 0.8;
}
.time_active{
	background-color: #e4e4e4;
}
.time_active a{
	color: black;
	font-weight: bold;
}
.data{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 24px;
	width: 100% !important;
}
.data th{
	border-top: #999 solid 2px !important;
}

@media only screen and (max-device-width: 480px){
	.time_tab {
	    margin-top: 4px;
	}
	.time_item {
	    padding: 0px 3px;
	    margin: 0 2px;
	}
	.time_item a {
	    font-size: 0.8rem;
	    line-height: 1rem;
	    padding: 4px 0;
	}
	.data th {
	    background-color: #f0f0f0;
	    font-size: 1rem;
	    padding: 0px 5px;
	}
	table.data th, table.data td {
            font-size: 0.8rem;
            padding: 3px 1px;
	    /*padding: 3px 5px;*/
	}	
        .time_comment{
            color:black!important;font-size:1rem;padding:0;margin: 0;
        }
}