@charset "utf-8";
/* CSS Document */
/*ルールページ固有*/
#section1 {
padding: 0rem 0; 
}
#section1,
.sections {
    background-color: transparent;
}
.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);
}
.ranking_title img {
    width: 23%;
    position: absolute;
    top: 4px;
    left: calc( (100 / 257 * 100%));
}
.race_title img {
    width: 28%;
    position: absolute;
    top: 4px;
    left: calc( (110 / 307 * 100%));
}
.race_title_series img {
    width: 35%;
    position: absolute;
    top: 4px;
    left: calc( (110 / 307 * 100%));
}

@media only screen and (max-device-width: 480px){
    .time_title img{
    width: 75%;
    position: absolute;
    top: 4px;
    left: calc( (40 / 307 * 100%));        
    }
}

.time h2{
    font-size:1.6rem;
    line-height: 1rem;
    padding-left: 1rem;
     justify-content: flex-start; 
    align-items: center;
}
@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: 1rem;
        height: 4rem;
    }

}

.memo1{
    float: left;
    font-size: 1rem;
    padding-top: 1.7rem;
}
.memo2{
    font-size: 1rem;    
}
.data{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 1.1rem;
	width: 100% !important;
}
.red{
    background-color: #f44336;
}
.gold{
    background-color: #ab9100;
    background-image: linear-gradient(135deg, #ab9100 0%, #dcce78 24%, #ab9100 49%, #e3c25f 75%, #ab9100 100%);
}
.silver{
     background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
}
.racer_table{
    clear:both;
}
.data th{
    font-weight: bold;
    padding:4px 0;
    line-height: 1.1;
    color: black;
	/*border-top: #999 solid 2px !important;*/
    border-top: #fff solid 1px;
    border-right: #fff solid 1px;
    border-bottom: #ddd solid 1px;
    border-left: #ddd solid 1px;        
}
.data td{
    text-align: center;
        padding: 2px 4px
}
.ranking_text{
    color: black;
}
.data td.rank,
.data td.money{
    text-align: right;
    font-size: 1rem;
    font-weight: bold;
}
.data td.waku{
    border-bottom: #000 solid 2px; 
}
.data td.racer{
    font-weight: bold;
    text-align: left;
    font-size: small;
}
.racer span.info{
    font-size: 1.1rem;
}

.racerpg_lnk{
    float:right;
}
.racerpg_lnk a{    
    float:right;
    display: block;
    width:15rem;
    font-size: 1rem;
    line-height: 1.1rem;
    border: 2px solid #000;
    border-radius: 5px;
    color: #000;
    text-align: center;
    font-weight: 600;
    padding:8px 10px;
    text-decoration: none; 
    outline: none;
}
.racerpg_lnk a.red{
    background-color: #f44336;    
}
.racerpg_lnk a.yellow{
    background-color: yellow;
}
/*hoverをしたらボックスに影がつく*/
.racerpg_lnk a:hover {
    opacity: 0.5;
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.5);
  border-color: transparent;
}
.fuwafuwa {
animation-name:fuwafuwa;
animation-delay:0s;
animation-duration: 2.5s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite; 
}
 
@keyframes fuwafuwa {
0% {
transform: translateY(0);
}
50% {
transform: translateY(5px);
}
100% {
transform: translateY(0);
}
}


@media only screen and (max-device-width: 480px){
    #section1,
        .sections {
            background-color: transparent;
        }
	.data th {
	    /*background-color: #f0f0f0;*/
	    font-size: 0.9rem;
	    padding: 0px;
	}
	table.data th, table.data td {
            font-size: 0.9rem;
	    padding: 2px 2px;
	}	
        .time_comment{
            color:black!important;font-size:1rem;padding:0;margin: 0;
        }
}