@charset "UTF-8";


/* =============================================
 archiveMenu
============================================= */
.archive_menu a{
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}
@media only screen and (max-width: 640px) {
  .archive_menu{
    border-top: 1px solid #333;
  }
  .archive_menu{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
  }
  .archive_menu:after{
    content: "";
    display: block;
    clear: both;
  }
  .archive_menu li{
    width: 50%;
    float: left;
    border-bottom: 1px solid #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #000;
  }
  .archive_menu li:nth-child(even){
    border-left: 1px solid #333;
    border-right: 0 solid #000;
  }
  .archive_menu a{
    display: block;
    width: 100%;
    height: 0;
    padding-top: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .archive_menu li:nth-child(1) a{
    background: transparent url(../img/archive/archive_menu1.png) center center no-repeat;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
  }
  .archive_menu li:nth-child(2) a{
    background: transparent url(../img/archive/archive_menu2.png) center center no-repeat;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
  }
  .archive_menu li:nth-child(3) a{
    background: transparent url(../img/archive/archive_menu3.png) center center no-repeat;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
  }
  .archive_menu li:nth-child(4) a{
    background: transparent url(../img/archive/archive_menu4.png) center center no-repeat;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
  }
  .archive_menu li:nth-child(5) a{
    background: transparent url(../img/archive/archive_menu5.png) center center no-repeat;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
  }
  .archive_menu li:nth-child(6) a{
    background: transparent url(../img/archive/archive_menu6.png) center center no-repeat;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
  }
  .archive_menu li:nth-child(7) a{
    background: transparent url(../img/archive/archive_menu7.png) center center no-repeat;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
  }
  .archive_menu li:nth-child(8) a{
    background: transparent url(../img/archive/archive_menu8.png) center center no-repeat;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
  }

  .result_title{
    padding-top: 17% !important;
    margin-top: -17% !important;
  }
  .result_title:before{
    top: 35% !important;
  }
  #FinalistDetails{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #FinalistDetails:after{
    display: none !important;
  }
  .mainVis_sp{
    padding-top: 98% !important;
  }


}



@media only screen and (min-width: 641px) {
  .finalist_all:after{
    display: none !important;
  }
  .finalist-main {
    padding-bottom: 50px !important;
  }
  .archive_menu{
    width: 95%;
    max-width: 1080px;
    margin: 40px auto;
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .archive_menu:after{
    content: "";
    display: block;
    clear: both;
  }
  .archive_menu li{
    width: calc( ( 100% - 30px ) / 4);
    margin-right: 10px;
    float: left;
    margin-bottom: 10px;
    background: #000;
    border: 2px solid #e0b037;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .archive_menu li:nth-child(4n){
    margin-right: 0;
  }
  .archive_menu li:hover{
    border: 2px solid #fff;
  }
  .archive_menu a{
    display: block;
    width: 100%;
    height: 0;
    padding-top: 74.074%;
  }
  .archive_menu a:hover{
    opacity: 0.6;
  }
  .archive_menu li:nth-child(1) a{
    background: transparent url(../img/archive/archive_menu1_b.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% 100%;
  }
  .archive_menu li:nth-child(2) a{
    background: transparent url(../img/archive/archive_menu2_b.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% 100%;
  }
  .archive_menu li:nth-child(3) a{
    background: transparent url(../img/archive/archive_menu3_b.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% 100%;
  }
  .archive_menu li:nth-child(4) a{
    background: transparent url(../img/archive/archive_menu4_b.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% 100%;
  }
  .archive_menu li:nth-child(5) a{
    background: transparent url(../img/archive/archive_menu5_b.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% 100%;
  }
  .archive_menu li:nth-child(6) a{
    background: transparent url(../img/archive/archive_menu6_b.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% 100%;
  }
  .archive_menu li:nth-child(7) a{
    background: transparent url(../img/archive/archive_menu7_b.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% 100%;
  }
  .archive_menu li:nth-child(8) a{
    background: transparent url(../img/archive/archive_menu8_b.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% 100%;
  }
}



.timeTable{
	width: 100%;
	position: relative;
	max-width: 690px;
	margin:0 auto 100px;
}
.timeTable_contents{
	height:auto;
	max-height: 99999999px;
	padding-bottom: 20px;
}