﻿@charset "utf-8";

.pc_show {
    display: block;
}

.sp_show {
    display: none;
}

.w100per {
  width: 100%;
}

.pdg{
	clear:both;
	padding-top:5%;
}

.head_bg{
	background:#000;
}

.result_head{
	margin: 0 auto;
	width: 100%;
}

.result_inner{
	margin:auto;
	max-width:1280px;
}

.result_midashi_1{
	width:46.7%;
	margin:0 auto;
	padding:3% 0 1% 0;
}

.result_midashi_2{
	clear: both;
	width:26.4%;
	margin:0 auto;
	padding:5% 0 2% 0;
}

  	.result_table{
  		width:95%;
  		margin:0 auto;
  	}
  	
  	.result_table_item{
  		padding: 1%;
  		float: left;
  		max-width: 25%;
  		font-size:16px;
  		color:#000;
  	}
  	
  	.result_table_item p{
  		padding:1% 0;
  	}
  
  	.result_table_item img{
  		 padding-bottom:2%;
  	}
  
  	.result_race_nm{
  		background:#000;
  		color:#fff;
  		padding:2% 0;
          text-align: center;
          font-weight: bold;
  		
  	}
  	
      .img_uma_nm{
          font-weight:bold;
          text-align:center;
          padding:4% 0 !important;
              display:block;
              cursor:pointer;
              /*text-decoration:none;
              color:black !important;*/
              color:blue !important;
             text-decoration:underline;
      }
      
      .img_uma_nm:hover{
          opacity:0.7;
      }
      
      .arima_nm{
          font-weight:bold;
          text-align:center;
      		padding:2% 0 4% 0 !important;
      }
      
      .arima_line1{
          padding-top:3% !important;
      }
      
      .selected{
          font-weight:bold;
          text-decoration:underline;
      }

      .result_note{
      		clear:both;
          padding-top:2%;
          font-size: 16px;
        width: 95%;
        margin: 0 auto;
      }
      
      .under_title {
          text-align: center;
          font-size: 16px;
          padding-bottom: 2%;
      }
      
      .result_info{
      		position:relative;
      		padding:1% 0;
      }
      
      .info_juni{
      	display:inline-block;
      }

      .info_name{
      	display:inline-block;
      	padding-left:0.5em;
      }
      
      .info_hyo{
      	display:inline-block;
      	position:absolute;
      	right:0;
      }
      
      .under_line{
		position: absolute;
		  border-bottom: 1px solid;
		  bottom: 20%;
		  width: 100%;
      }

@media screen and (max-width: 1279px) {  
  	.result_table_item{
  		font-size:1.2vw;
  	}
  
      .result_note {
          font-size: 1.2vw;
      }
      
      .under_title {
          font-size: 1.3vw;
      }
  
}

@media screen and (max-width: 480px) {
        .pc_show {
            display: none;
        }

        .sp_show {
            display: block;
        }

.result_head{
	margin: 0 auto;
	padding:0;
	width: 100%;
}

.result_midashi_1{
	width:88.3%;
	margin:0 auto;
	padding: 5% 0 3% 0;
}

.result_midashi_2{
	width:71.5%;
	margin:0 auto;
	padding: 10% 0 5% 0;
}


  	.result_table_item{
  		float: left;
  		max-width: 50%;
  		font-size:2.3vw;
  		padding:0 2.7% 5% 2.7%;
  	}
  
      .result_note {
          font-size: 3vw;
      }
      
  	.result_table td img{
  		padding-bottom:2%;
  	}
  	
      .img_uma_nm{
          padding:3% 0 !important;
      }

            .arima_nm{
          padding:3% 0 !important;
      }
      
      .arima_line1{
          padding-top:2% !important;
      }
      
      .under_title {
          font-size: 3.5vw;
          padding-bottom: 5%;
      }
  
}

