@charset "UTF-8";

body {
    overflow-y: scroll;
}
.lock{
  min-height: 100%;
  position: fixed !important;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
}
#contentWrap{
  max-width: 1100px;
}
#Main img{
  -webkit-font-smoothing: antialiased;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.sideBox{
  overflow: hidden;
  max-height: 500px;
}
/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/
@media only screen and (min-width: 641px) {
	#content{
		width:63%;
	}
	#side{
		width:28%;
	}
  #header {
    padding: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    position: absolute;
    width: 100%;
    height: 70px;
    top: -70px;
    left: 0;
    z-index: 3;
  }
  .winMode #header{
    position: absolute;
    width: 100%;
    top: 0;
  }
  #header .logo {
    display: none;
  }
  #header .inner {
    position: relative;
    transition: all 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    padding-top: 20px;
    padding-bottom: 10px;
    max-width: 730px !important;
    width: 100%;
  }
  #header #utilityNav {
    float: none;
    width: 100%;
    position: relative;
  }
}
@media only screen and (max-width: 640px) {
  #header {
    display: block;
  }
  #header .logo {
    display: block;
  }
}

@media only screen and (min-width: 641px) {
  .header-open {
    transition: all 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    top: 0 !important;
  }
}

#Menu {
  color: #FFFFFF;
  font-weight: bold;
  position: absolute;
  text-align: center;
  font-size: 16px;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100px;
  transition: all 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
@media only screen and (max-width: 640px) {
  #Menu {
    display: none;
  }
}
#Menu a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #000;
  font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#Menu a:hover {
  text-decoration: none;
}
#Menu:after {
  content: "";
  display: block;
  margin: auto;
  margin-top: -10px;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#Menu.on_marquee{
  top: 35px;
}

.active-menu {
  top: 55px !important;
  transition: all 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.active-menu:after {
  margin-top: -8px !important;
  transform: rotate(-45deg) !important;
}

/*--------------------------------------------------------------------------
   Controler
---------------------------------------------------------------------------*/
#container {
  overflow: hidden;
}


@media only screen and (max-width: 640px) {
  #menuArea {
    z-index: 200;
  }  
}

#CanvasContainer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -9999;
}

#stats {
  z-index: 9999;
}

/*--------------------------------------------------------------------------
   Main
---------------------------------------------------------------------------*/
#Main{
  position: relative;
  overflow:hidden;
  height: 100%;
}

.container-main {
  position: relative;
  background-image: url("../img/bg_kv_pc.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  overflow:hidden;
}


.cont-main-pc {
  width: 100%;
  max-width: 1280px;
  height: 675px;
  position: absolute;
  top:-7%;
  left:0;
  right:0;
  bottom:0;
  margin: auto;

  width: 183vmin;
  height: 50vw;
  max-width: 100vw;
  max-height: 95vh;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  opacity: 0;
}
.cont-main-pc .logo-main {
  position: absolute;
  top: 15%;
  width: 24%;
  height: auto;
  left: 0;
  right: 0;
  margin: auto;
}
.cont-main-pc .logo-main img{
  width: 100%;
  height: auto;
}
.cont-main-pc .days-main {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 58%;
  width: 49vh;
  max-width: 28%;
}
@media only screen and (min-width: 640px) {
  #Main{
    height: 100vh;
  }
}
@media only screen and (min-width: 800px) and (max-height: 750px) {
.cont-main-pc .days-main{
  max-width: calc(66vh - 210px);
}
}

.cont-main-pc .catch-main {
  position: absolute;
  width: 20%;
  top: 69%;
  left: 6%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.cont-main-pc .bt-resurrection-main {
  position: absolute;
  right: 9%;
  top: 69%;
  width: 34vh;
  text-align: center;
  max-width: 20%;
  opacity: 1;
}
[data-now="1"] .cont-main-pc .bt-resurrection-main {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: buru3;
  animation-timing-function: ease-in-out;
}

[data-now="1"] .cont-main-pc .bt-resurrection-main:hover{
  animation-name: none;
}
.cont-main-pc .bt-resurrection-main a {
  display: inline-block;
  width: 100%;
  height: 100%;
  box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
}


[data-now="0"] .cont-main-pc .bt-resurrection-main a:hover {
  animation: buru2 0.2s linear 0s infinite !important;
  -webkit-animation: buru2 0.3s linear 0s infinite !important;
  animation-fill-mode:forwards !important;
  z-index: 1;
  filter: contrast(150%);
}
[data-now="1"] .cont-main-pc .bt-resurrection-main a:hover {
  animation: skup 0.15s linear 0s !important;
  animation-fill-mode:forwards !important;
  z-index: 1;
  filter: contrast(150%);
}
.cont-main-pc .finalist-main-list {
  position: absolute;
  width: 15%;
  height: auto;
  z-index: 1;
}
.cont-main-pc .finalist-main-list:hover {
  z-index: 10;
}

.cont-main-pc .finalist-main-list a {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 60%;
  height: 60%;
  cursor: pointer;
  cursor: hand;
  z-index: 2;
}
.cont-main-pc .finalist-main-list:nth-child(1) {
  left: 1.95313%;
  top: 4.59259%;
}
.cont-main-pc .finalist-main-list:nth-child(2) {
  left: 19.21875%;
  top: 4.59259%;
}
.cont-main-pc .finalist-main-list:nth-child(3) {
  left: 10.625%;
  top: 21.18519%;
}
.cont-main-pc .finalist-main-list:nth-child(4) {
  left: 1.95313%;
  top: 37.48148%;
}
.cont-main-pc .finalist-main-list:nth-child(5) {
  left: 19.21875%;
  top: 37.48148%;
}
.cont-main-pc .finalist-main-list:nth-child(6) {
  left: 65.45313%;
  top: 4.59259%;
}
.cont-main-pc .finalist-main-list:nth-child(7) {
  left: 82.71875%;
  top: 4.59259%;
}
.cont-main-pc .finalist-main-list:nth-child(8) {
  left: 74.125%;
  top: 21.18519%;
}
.cont-main-pc .finalist-main-list:nth-child(9) {
  left: 65.45313%;
  top: 37.48148%;
}
.cont-main-pc .finalist-main-list:nth-child(10) {
  left: 82.71875%;
  top: 37.48148%;
}
.cont-main-sp {
  position: relative;
  width: 100%;
  /*padding-top: 30px;*/
  height: 0;/*add191128*/
  padding-bottom: 98.3466666667%;/*add191128*/
}
.cont-main-sp .days-main {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
  z-index: 5;
  position: absolute;/*add191128*/
  top: 55.5%;/*add191128*/
}
.cont-main-sp .finalist-main{/*add191128*/
  padding-top: 30px;/*add191128*/
}
.cont-main-sp .finalist-main-list {
  transform: scale(1.1, 1.1);
  padding-top: 10px;
  padding-bottom: 10px;
}
.cont-main-sp .finalist-main-list-logo {
  transform: scale(1.3, 1.3);
  padding-bottom: 0;
}
.sponsor-main {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  height: auto;
  width: 104vmin;
  max-width: 100%;
  bottom: 3vh;
  margin: auto;
}

@media only screen and (max-width: 640px) {
  .sponsor-main {
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #000000;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    bottom: 0;
    width: 100%;
  }
}
.sponsor-main .sponsor-cap {
  display: none;
}
.sponsor-main .sponsor {
  max-width: 680px;
  background-color: #000000;
  margin: 0 auto;
  padding: 0;
  display: flex;
  box-sizing: border-box;
  position: relative;
}

@media only screen and (min-width: 641px) and (max-height: 550px) {
  .sponsor-main .sponsor {
    transform: translateY(0%);
  }
  .menu-main{
    bottom: 20vh;
  }
}
@media only screen and (min-width: 641px) and (max-height: 500px) {
  .menu-main{
    bottom: 13vh;
  }
}
@media only screen and (max-width: 640px) {
  .sponsor-main .sponsor {
    display: block;
    padding: 10px;
    background-color: #3A3A3A;
    top: 0;
    transform: translateY(0);
  }
}
.sponsor-main .sponsor ul {
  float: none;
  display: flex;
  width: 50%;
  box-sizing: border-box;
  padding: 0;
}
.sponsor-main .sponsor ul li a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 640px) {
  .sponsor-main .sponsor ul {
    width: 100%;
  }
  .sponsor-main .sponsor ul:nth-child(1) {
    padding-bottom: 2%;
  }
  .sponsor-main .sponsor ul li {
    width: 49%;
    box-sizing: border-box;
    padding: 0;
  }
  .sponsor-main .sponsor ul li:nth-child(1) {
    margin-right: 2%;
  }
}
.sponsor-main .sponsor:after {
  display: none;
}

.cont-main-sub-sp .bt-resurrection-main {
  width: 90%;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
}
.cont-main-sub-sp .bt-resurrection-main a{
  display: block;
  margin: 0 5px;
}
.cont-main-sub-sp .bt-resurrection-main a:hover{
  opacity: 0.6;
}
.menu-main {
  width: 120vmin;
  margin: 0 auto;
  position: absolute;
  bottom: 14vh;
  left: 0;
  right: 0;
  height: auto;
  max-width: 100%;
  font-size: 0;
  margin-bottom: 5px;
}
@media only screen and (max-height: 600px) and (min-width: 641px){
  .menu-main{
  }
}
.menu-main-lists li{
  display: inline-block;
  width: 30%;
}

.menu-main-lists_4 li{
  width: 24%;
}

@media only screen and (max-width: 640px) {
  .menu-main {
    width: 90%;
    margin: 0 auto;
    position: relative;
    bottom: 0;
  }
  .menu-main li{
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }


}
.menu-main .menu-main-lists {
  display: block;
  width: 100%;
  text-align: center;
}
.menu-main .menu-main-lists a{
  box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.5);
  margin: 0 5px;
  display: block;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.menu-main .menu-main-lists a:hover{
  box-shadow: none;
  opacity: 0.6;
}

@media only screen and (max-width: 640px) {
  .menu-main .menu-main-lists {
    display: block;
  }
}

.finalist-main-list img{
  -webkit-animation: zoom_inout3_out 0.2s ease-in-out 0s 1;
  animation: zoom_inout3_out 0.2s ease-in-out 0s 1;
  animation-fill-mode: forwards;
}
.finalist-main-list a:hover + img {
  opacity:0.9;
  -webkit-animation: zoom_inout3 0.2s ease-in-out 0s 1;
  animation: zoom_inout3 0.2s ease-in-out 0s 1;
  animation-fill-mode: forwards;
}

/*--------------------------------------------------------------------------
   FinalistDetails
---------------------------------------------------------------------------*/
.finalist-detail-lists .finalist-detail-list {
  margin-bottom: 6px;
  overflow: hidden;
  padding-top: 17% !important;
  margin-top: -17% !important;
  position: relative;
  -webkit-backface-visibility: hidden;
}
.finalist-detail-lists .finalist-detail-list .ico {
  display: block;
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 50px;
  height: 52px;
  background-image: url("../img/ico_ac_off.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 3;
}
.finalist-detail-lists .finalist-detail-list .ttl-finalist {
  position: relative;
  width: 100%;
  z-index: 2;
  background-image: url("../img/ttl_finalist_sp.jpg");
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-position: 0 calc(0 / (1270 - 127) * 100%);
  background-repeat: no-repeat;
}
.finalist-detail-lists .finalist-detail-list .ttl-finalist:before {
  content: "";
  display: block;
  padding-top: 19.27%;
}
#FinalistDetails .finalist-detail-inner {
  position: relative;
  display: none;
  padding-bottom: 50px;
}
#FinalistDetails .img-finalist {
  position: relative;
  z-index: 1;
  width: 90%;
  margin: 0 auto;
  margin-top: -35px;
  background-image: url("../img/img_finalist_sp.jpg");
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-position: 0 calc(0 / (4640 - 464) * 100%);
}
#FinalistDetails .img-finalist:before {
  content: "";
  display: block;
  padding-top: 82.56%;
}
.finalist-detail-lists .finalist-detail-list .profile-finalist-top {
  width: 90%;
  margin: 0 auto;
  margin-top: 10px;
}
.finalist-detail-lists .finalist-detail-list .profile-finalist-bottom {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 5px;
}
.finalist-detail-lists .finalist-detail-list .profile-finalist {
  width: 90%;
  margin: 0 auto;
  background-image: url("../img/profile_frame_bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 5px;
}
.finalist-detail-lists .finalist-detail-list .profile-finalist li a{
  text-decoration: underline;
}
.finalist-detail-lists .finalist-detail-list .profile-finalist li a:hover {
  color: #f9ea39 !important;
}
.finalist-detail-lists .finalist-detail-list .profile-finalist li a:link,
.finalist-detail-lists .finalist-detail-list .profile-finalist li a:visited,
.finalist-detail-lists .finalist-detail-list .profile-finalist li a:active{
  color: #FFF;
}
.finalist-detail-lists .finalist-detail-list .profile-finalist li dl {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #936E1B;
  box-sizing: border-box;
}
.finalist-detail-lists .finalist-detail-list .profile-finalist li dl dt {
  width: 20%;
  color: #FFC124;
  padding-left: 10px;
}
.finalist-detail-lists .finalist-detail-list .profile-finalist li dl dd {
  margin-left: 5%;
  width: 75%;
  padding-right: 10px;
}
.finalist-detail-lists .finalist-detail-list .profile-finalist li:last-child dl {
  border: none;
}
.finalist-detail-lists .finalist-detail-list .about-finalist {
  color: #FFFFFF;
  padding-left: 5%;
  padding-right: 5%;
  height: 24px;
  text-align: right;
}
.finalist-detail-lists .finalist-detail-list .about-finalist a {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  width: 100px;
  height: 24px;
}
.finalist-detail-lists .finalist-detail-list .about-finalist a span {
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  line-height: 0;
}
.finalist-detail-lists .finalist-detail-list .about-finalist a:before, .finalist-detail-lists .finalist-detail-list .about-finalist a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  z-index: 1;
}
.finalist-detail-lists .finalist-detail-list .about-finalist a:before {
  left: 0;
  width: 88px;
  height: 24px;
  background: #D70C18;
}
.finalist-detail-lists .finalist-detail-list .about-finalist a:after {
  left: 88px;
  box-sizing: border-box;
  width: 12px;
  height: 24px;
  border: 12px solid transparent;
  border-left: 12px solid #D70C18;
}
.finalist-detail-lists .finalist-detail-list .comment-finalist {
  width: 90%;
  margin: 0 auto;
}
.finalist-detail-lists .finalist-detail-list .comment-finalist dt {
  color: #FFCC00;
  margin: 10px 0;
  font-size: 14px;
}
.finalist-detail-lists .active-finalist .ico {
  background-image: url("../img/ico_ac_on.png");
}
#Finalist1 .ttl-finalist {
  background-position: 0 calc(0 / (1270 - 127) * 100%);
}
#Finalist1 .img-finalist {
  background-position: 0 calc(0 / (4640 - 464) * 100%);
}
#Finalist2 .ttl-finalist {
  background-position: 0 calc((127*1) / (1270 - 127) * 100%);
}
#Finalist2 .img-finalist {
  background-position: 0 calc((464*1) / (4640 - 464) * 100%);
}
#Finalist3 .ttl-finalist {
  background-position: 0 calc((127*2) / (1270 - 127) * 100%);
}
#Finalist3 .img-finalist {
  background-position: 0 calc((464*2) / (4640 - 464) * 100%);
}
#Finalist4 .ttl-finalist {
  background-position: 0 calc((127*3) / (1270 - 127) * 100%);
}
#Finalist4 .img-finalist {
  background-position: 0 calc((464*3) / (4640 - 464) * 100%);
}
#Finalist5 .ttl-finalist {
  background-position: 0 calc((127*4) / (1270 - 127) * 100%);
}
#Finalist5 .img-finalist {
  background-position: 0 calc((464*4) / (4640 - 464) * 100%);
}
#Finalist6 .ttl-finalist {
  background-position: 0 calc((127*5) / (1270 - 127) * 100%);
}
#Finalist6 .img-finalist {
  background-position: 0 calc((464*5) / (4640 - 464) * 100%);
}
#Finalist7 .ttl-finalist {
  background-position: 0 calc((127*6) / (1270 - 127) * 100%);
}
#Finalist7 .img-finalist {
  background-position: 0 calc((464*6) / (4640 - 464) * 100%);
}
#Finalist8 .ttl-finalist {
  background-position: 0 calc((127*7) / (1270 - 127) * 100%);
}
#Finalist8 .img-finalist {
  background-position: 0 calc((464*7) / (4640 - 464) * 100%);
}
#Finalist9 .ttl-finalist {
  background-position: 0 calc((127*8) / (1270 - 127) * 100%);
}
#Finalist9 .img-finalist {
  background-position: 0 calc((464*8) / (4640 - 464) * 100%);
}
#Finalist10 .ttl-finalist {
  background-position: 0 calc((127*9) / (1270 - 127) * 100%);
}
#Finalist10 .img-finalist {
  background-position: 0 calc((464*9) / (4640 - 464) * 100%);
}

.finalist10_0 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_0.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_1 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_1.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_2 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_2.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_3 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_3.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_4 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_4.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_5 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_5.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_6 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_6.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_7 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_7.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_8 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_8.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_9 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_9.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_10 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_10.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_11 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_11.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_12 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_12.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_13 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_13.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_14 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_14.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_15 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_15.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_16 .ttl-finalist {
  background-image: url("../img/ttl_finalist/ttl_finalist_sp_16.jpg") !important;
  background-size: calc(639 / 639 * 100%) calc(1270 / 127 * 100%);
  background-repeat: no-repeat;
}
.finalist10_0 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_0.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_1 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_1.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_2 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_2.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_3 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_3.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_4 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_4.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_5 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_5.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_6 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_6.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_7 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_7.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_8 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_8.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_9 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_9.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_10 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_10.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_11 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_11.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_12 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_12.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_13 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_13.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_14 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_14.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_15 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_15.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}
.finalist10_16 .img-finalist {
  background-image: url("../img/img_finalist_sp/img_finalist_sp_16.jpg") !important;
  background-size: calc(562 / 562 * 100%) calc(4640 / 464 * 100%);
  background-repeat: no-repeat;
}





#Finalist10 .ttl-finalist {
  background-position: 0 calc((127*9) / (1270 - 127) * 100%);
}
#Finalist10 .img-finalist {
  background-position: 0 calc((464*9) / (4640 - 464) * 100%);
}

/*--------------------------------------------------------------------------
   Resurrection
---------------------------------------------------------------------------*/
.resurrection {
  background-image: url("../img/resurrection_pc_bg.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 50px;
}
.resurrection_end {
}
@media only screen and (max-width: 640px) {
  .resurrection {
    background: none;
    padding: 0;
    overflow: hidden;
    min-height: 90vw;
  }
  
  [data-status="1"] .resurrection,
  [data-status="2"] .resurrection{
    padding: 25px 0 10px;
  }
  [data-status="3"] .resurrection,
  [data-status="4"] .resurrection{
    min-height: 98vw;
  }
  .resurrection_end{
    background: none;
    padding: 0;
  }
}
.inner-resurrection {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding-bottom: 10px;
}
.img-resurrection{
	padding-right:10px;
}

.inner-resurrection .ttl-resurrection {
  margin-bottom: 10px;
}
.inner-resurrection .lead-resurrection {
  margin-bottom: 5px;
}
.inner-resurrection .bt-resurrection {
  width: 230px;
  box-sizing: border-box;
  background: linear-gradient(#ffd100 0%, #ffd100 49.99%, #ffa804 50%);
  background: -webkit-linear-gradient(#ffd100 0%, #ffd100 49.99%, #ffa804 50%);
  background: -ms-linear-gradient(#ffd100 0%, #ffd100 49.99%, #ffa804 50%);
  background-color: #FFD100;
  position: relative;
  text-align: center;
  padding: 5px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.inner-resurrection .bt-resurrection a {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 5px 10px;
  box-sizing: border-box;
  background-color: #000000;
  vertical-align: bottom;
  font-size: 20px;
  color: #FFD100;
}
.inner-resurrection .bt-resurrection a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 10px;
  margin: auto;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  border-top: 3px solid #FFFFFF;
  border-right: 3px solid #FFFFFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.inner-resurrection .bt-resurrection a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.resurrection_pc{
  padding-left: 40%;
  text-align: center;
  margin-left: auto;
  margin-right: 0;
}
.resurrection_pc .btn_vote{
  width: 42%;
  margin: 20px auto 0;
}


/*--------------------------------------------------------------------------
   MainModal
---------------------------------------------------------------------------*/
.modal-open-animation {
  display: block !important;
  opacity: 1 !important;
  animation-duration: 0.5s !important;
  animation-name: fade-in !important;
}
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.modal-close-animation {
  display: none !important;
  opacity: 0 !important;
  animation-duration: 0.5s !important;
  animation-name: fade-out !important;
}
@keyframes fade-out {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
#MainModal {
  opacity: 0;
  z-index: 9999;
  transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
  width: 100%;
  position: relative;
}
#MainModal .modal-inner {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  width: 104%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  box-sizing: border-box;
  padding-right: 2%;
}
@media screen and (max-width: 640px) {
  #MainModal .modal-inner {
    width: 106%;
    padding-right: 3%;
  }
}
#MainModal .swiper-container {
  z-index: 2;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding:60px 0;
}
#MainModal .swiper-container .finalist-detail-lists {
  font-size: 14px;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .finalist-detail-inner {
  background-image: url("../img/modal_bg.png");
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding: 30px 60px;
  box-sizing: border-box;
  max-width: 860px;
  margin: 0 auto;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .img-finalist {
  position: absolute;
  z-index: 1;
  top: -55px;
  left: 50px;
  width: 40%;
  height: auto;
}
@media screen and (max-width: 1000px) {
  #MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .img-finalist {
    top: -20px;
  }
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .profile-finalist-top {
  width: 50%;
  margin: 0 0 0 auto;
  line-height: 0;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .profile-finalist-bottom {
  width: 50%;
  margin: 0 0 0 auto;
  margin-bottom: 5px;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .profile-finalist {
  width: 50%;
  margin: 0 0 0 auto;
  background-image: url("../img/profile_frame_bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 10px;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 5px;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .profile-finalist li dl {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #936E1B;
  box-sizing: border-box;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .profile-finalist li dl dt {
  width: 20%;
  color: #FFC124;
  padding-left: 10px;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .profile-finalist li dl dd {
  margin-left: 5%;
  width: 75%;
  padding-right: 10px;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .profile-finalist li:last-child dl {
  border: none;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .about-finalist {
  color: #FFFFFF;
  padding-left: 0;
  padding-right: 0;
  height: 24px;
  margin-bottom: 20px;
  text-align: right;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .about-finalist a {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  width: 100px;
  height: 24px;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .about-finalist a span {
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  line-height: 0;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .about-finalist a:before, #MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .about-finalist a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  z-index: 1;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .about-finalist a:before {
  left: 0;
  width: 88px;
  height: 24px;
  background: #D70C18;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .about-finalist a:after {
  left: 88px;
  box-sizing: border-box;
  width: 12px;
  height: 24px;
  border: 12px solid transparent;
  border-left: 12px solid #D70C18;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .comment-finalist {
  width: 100%;
  margin: 0 auto;
  overflow-y: scroll;
  height: 100px;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .comment-finalist .comment-finalist-cont {
  display: flex;
  margin-bottom: 20px;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .comment-finalist .comment-finalist-cont:last-child {
  margin-bottom: 0;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .comment-finalist .comment-finalist-cont dt {
  color: #FFCC00;
  background-color: #000000;
  padding: 10px;
  width: 30%;
  font-size: 16px;
  line-height: 1.3;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  margin-top: 0;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .comment-finalist .comment-finalist-cont dt span {
  position: relative;
  display: block;
}
#MainModal .swiper-container .finalist-detail-lists .finalist-detail-list .comment-finalist .comment-finalist-cont dd {
  font-size: 14px;
  width: 70%;
  padding-left: 20px;
  padding-right: 10px;
  box-sizing: border-box;
}
#MainModal .swiper-container .swiper-slide {
  padding: 5% 4%;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 960px) {
  #MainModal .swiper-container .swiper-slide {
    width: 100%;
  }
}
#MainModal .bt-close {
  position: fixed;
  top: 20px;
  right: 40px;
  z-index: 3;
  cursor: pointer;
  width: 60px;
  height: 60px;
}
#MainModal .bt-close:after, #MainModal .bt-close:before {
  display: block;
  content: '';
  width: 4px;
  height: 60px;
  transform: rotate(-45deg);
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 20px;
}
#MainModal .bt-close:after {
  transform: rotate(45deg);
}
#MainModal .bt-close:hover:after, #MainModal .bt-close:hover:before {
  background-color: #FECC00;
}
#MainModal .bt-prev, #MainModal .bt-next {
  position: fixed;
  top: 50%;
  width: 50px;
  height: 50px;
  transform: translateY(-50%);
  z-index: 3;
  cursor: pointer;
}
#MainModal .bt-prev:after, #MainModal .bt-prev:before, #MainModal .bt-next:after, #MainModal .bt-next:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
#MainModal .bt-prev:after, #MainModal .bt-next:after {
  width: 35px;
  height: 35px;
  border-top: 4px solid #FFFFFF;
  border-right: 4px solid #FFFFFF;
  -webkit-transform: rotate(45deg);
}
#MainModal .bt-prev:before, #MainModal .bt-next:before {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: transparent;
}
#MainModal .bt-prev:hover:after, #MainModal .bt-next:hover:after {
  border-top: 4px solid #FECC00;
  border-right: 4px solid #FECC00;
}
#MainModal .bt-prev {
  left: 40px;
  right: auto;
}
@media screen and (max-width: 640px) {
  #MainModal .bt-prev {
    left: 5px;
  }
}
#MainModal .bt-prev:after {
  left: 22px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
@media screen and (max-width: 640px) {
  #MainModal .bt-prev:after {
    left: 12px;
  }
}
#MainModal .bt-next {
  left: auto;
  right: 53px;
}
@media screen and (max-width: 640px) {
  #MainModal .bt-next {
    right: 5px;
  }
}
#MainModal .bt-next:after {
  left: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 640px) {
  #MainModal .bt-next:after {
    left: 12px;
  }
}



/****************************************

      Counter

*****************************************/

.voteCounter-ttl {
  text-align: center;
  margin-bottom: 10px 0 5px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
  color: #000;
  line-height: 1.2;
  width: 100%;
  -webkit-text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 4px, rgba(255, 255, 255, 0.8) -1px 1px 4px, rgba(255, 255, 255, 0.8) 1px -1px 4px, rgba(255, 255, 255, 0.8) -1px -1px 4px;
  text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 4px, rgba(255, 255, 255, 0.8) -1px 1px 4px, rgba(255, 255, 255, 0.8) 1px -1px 4px, rgba(255, 255, 255, 0.8) -1px -1px 4px;
}
.voteCounter-ttl_end {
  text-align: center;
  margin-bottom: 10px;
  display: block;
  width: 100px;
  vertical-align: middle;
  margin: 0 auto;
}

#Counter {
  display: none;
  color: black; }
  .voteCounter,
  .voteCounter_static{
  text-align: center;
  position: relative;
  margin-top: 15px;
  min-height: 36px;
}
.voteCounter-error,
.voteCounter-inner,
.voteCounter-static7-inner{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border: 3px solid rgba(95, 95, 95, 0.65);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(95, 95, 95, 0.65);
  box-shadow: 0 0px 5px 3px rgba(255, 255, 255, 0.8);
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
}

.voteCounter-7digits .voteCounter-inner {
  max-width: 294px; }
  .voteCounter-7digits .voteCounter-inner .counter {
    width: 42px;
    background-size: 420px auto;
    background-position: 0px 0px;
    height: 0;
    padding-top: 214.286%;
  }
  .voteCounter-inner li,.voteCounter-static7-inner li{
    display: inline-block;
  }
  .voteCounter-inner .counter,
  .voteCounter-static7-inner .counter {
    display: block;
    width: 42px;
    background: url(../img/numbers.png) no-repeat;
    background-size: 1000% auto;
    background-position: 0px 0px;
    position: relative;
    z-index: 2;
    height: 0;
    padding-top: 214.286%;
  }

  .voteCounter-error {
    position: relative;
    width: 70%;
    margin: 0 auto 10px;
    text-align: center;
    display: none;
  }

  
@media screen and (max-width: 820px) {
  .voteIntro-isEntry {
    text-align: center;
    margin-bottom: 40px; }
}
  .voteFinish-wrapper .voteCounter {
    margin-bottom: 20px; }



  /* -----------------------------------
  手動のカウンター
  */
  .voteCounter-static7-inner .counter.num0 {
  background-position: 0 0; }
  .voteCounter-static7-inner .counter.num1 {
  background-position: 11.1111% 0; }
  .voteCounter-static7-inner .counter.num2 {
  background-position: 22.2222% 0; }
  .voteCounter-static7-inner .counter.num3 {
  background-position: 33.3333% 0; }
  .voteCounter-static7-inner .counter.num4 {
  background-position: 44.4444% 0; }
  .voteCounter-static7-inner .counter.num5 {
  background-position: 55.5555% 0; }
  .voteCounter-static7-inner .counter.num6 {
  background-position: 66.6666% 0; }
  .voteCounter-static7-inner .counter.num7 {
  background-position: 77.7777% 0; }
  .voteCounter-static7-inner .counter.num8 {
  background-position: 88.8888% 0; }
  .voteCounter-static7-inner .counter.num9 {
  background-position: 100% 0; }










/* =============================================
 top用上書き
============================================= */

.voteCounter-ttl{
  width: 100%;
  margin-top: 10px;
}
.voteCounter-inner .counter,
.voteCounter-static7-inner .counter{
  width: 57px;
}

@media only screen and (max-width: 640px) {
  .voteIntro-ttl{
    width: 100%;
    margin: 0 auto;
    display: block;
    padding-top: 5%;
  }
  [data-status="3"] .voteIntro-ttl,
  [data-status="4"] .voteIntro-ttl{
    padding-top:10px;
  }
  .voteCounter-ttl{
    margin: 0 auto;
  }
  .voteCounter-ttl img{
    width: 25%;
  }
  .voteCounter-inner .counter,
  .voteCounter-static7-inner .counter{
    width: 42px;
  }

}













/* =============================================
 vote_1
============================================= */


.vote_1{
  text-align: center;
}
.vote_2{
  text-align: center;
}
.vote_2 .voteCounter{
  padding-top: 20px;
}
.vote_2 .vote_txt{
  padding: 20px 0;
}
.vote_2 .vote_txt img{
  padding-top:10px;
}
.btn_vote{
  margin-top: 20px;
}

.btn_movie {
  display: none;
  margin-top: 10px;
  font-size: 1rem;
}
[data-movie="1"] .btn_movie{
  display: block;
  padding: 0 8% 0 36%;
  margin-top: 4%;
}
[data-movie="1"] .resurrection_counter .btn_movie{
  padding: 0;
}
@media only screen and (min-width: 641px) {
  [data-movie="1"] .btn_movie{
    padding: 0;
  }
}
.btn_movie a{
  display: inline-block;
  text-decoration: underline;
  text-shadow: 0px 0px 5px rgba(0,0,0,1), 0px 0px 5px rgba(0,0,0,1), 0px 0px 5px rgba(0,0,0,1);
}
@media only screen and (min-width: 641px) {
  .vote_1{
    padding-left: 29%;
  }

  .resurrection{
    min-height: 558px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 50px;
  }
  [data-status="4"] .resurrection{
    min-height: 1px;
  }

}
.end_flg{
  margin-top: 0 !important;
}


/* =============================================
 fun
============================================= */
.fun{
  display: block;
  clear: both;
  background: #333;
}
.fun_title{
  background: #e0b037;
  text-align: center;
  margin: 0 auto;
  padding: 5px 5%;
  max-width: 100%;
}
.fun_contents{
 padding-top:20px;
 text-align: center;
}

@media only screen and (max-width: 640px) {
  .fun_contents{
    width: 95%;
    margin: 0 auto;
  }
}

/* =============================================
 marquee
 2019は当日運用中、常に表示でテキスト変更

 marquee => 通常、タイムテーブルと連動
 marquee_ema => 緊急時、通常版を消して手動で追加する
============================================= */
.marquee,
.marquee_ema {
  width:100%;
  padding:0;
  overflow:hidden;
  background-color:#ff0000;
  /* margin-bottom:10px; */
  position:relative;
  z-index: 2;
  top: 0;
  /* position: absolute; */
  left: 0;
}
@media only screen and (min-width: 641px) {
  .marquee,
  .marquee_ema {
    position: absolute;
  }
}

.marquee p:after,
.marquee_ema p:after {
  content:"";
  white-space:nowrap;
  padding-right:50px;
}
.marquee span,
.marquee_ema span{
  display:inline-block;
}
.marquee span + span,
.marquee_ema span + span{
  padding-left:40px
}

.marquee p,
.marquee_ema p {
  color: #fff;
  font-weight: bold;
  margin:0;
  padding-left:100%;
  display:inline-block;
  white-space:nowrap;
  -webkit-animation: marquee linear 110s infinite;
  animation: marquee linear 110s infinite;
  font-size: 1rem;
  line-height: 2rem;
}
.marquee strong,
.marquee_ema strong{
  color: #ff9;
}
.marquee a,
.marquee_ema a{
  display: block;
}

@media only screen and (min-width: 641px) {
  .marquee span + span,
  .marquee_ema span + span{
    padding-left:100px
  }
}

.marquee .mes01{
  -webkit-animation: marquee linear 200s infinite!important;
  animation: marquee linear 200s infinite!important;
}

.marquee .mes_nextchusen{
  -webkit-animation: marquee linear 200s infinite!important;
  animation: marquee linear 200s infinite!important;
}
.marquee .mes_nowchusen{
  -webkit-animation: marquee linear 200s infinite!important;
  animation: marquee linear 200s infinite!important;
}
.marquee .mes_nextrevival{
  -webkit-animation: marquee linear 170s infinite!important;
  animation: marquee linear 170s infinite!important;
}
.marquee .mes_nowtrevival{
  -webkit-animation: marquee linear 170s infinite!important;
  animation: marquee linear 170s infinite!important;
}
.marquee .mes_nowvote{
  -webkit-animation: marquee linear 170s infinite!important;
  animation: marquee linear 170s infinite!important;
}
.marquee .mes_nowfinal{
  -webkit-animation: marquee linear 150s infinite!important;
  animation: marquee linear 150s infinite!important;
}
.marquee_ema .mes_nowgyao{
  -webkit-animation: marquee linear 300s infinite!important;
  animation: marquee linear 300s infinite!important;
}
.marquee_ema .mes_nowsuntory{
  -webkit-animation: marquee linear 300s infinite!important;
  animation: marquee linear 300s infinite!important;
}

@media only screen and (max-width: 640px) {
  .marquee .mes01{
    -webkit-animation: marquee linear 250s infinite!important;
    animation: marquee linear 250s infinite!important;
  }
  .marquee .mes_nextchusen{
    -webkit-animation: marquee linear 180s infinite!important;
    animation: marquee linear 180s infinite!important;
  }
  .marquee .mes_nowchusen{
    -webkit-animation: marquee linear 180s infinite!important;
    animation: marquee linear 180s infinite!important;
  }
  .marquee .mes_nextrevival{
    -webkit-animation: marquee linear 180s infinite!important;
    animation: marquee linear 180s infinite!important;
  }
  .marquee .mes_nowtrevival{
    -webkit-animation: marquee linear 180s infinite!important;
    animation: marquee linear 180s infinite!important;
  }
  .marquee .mes_nowvote{
    -webkit-animation: marquee linear 200s infinite!important;
    animation: marquee linear 200s infinite!important;
  }
  .marquee .mes_nowfinal{
    -webkit-animation: marquee linear 200s infinite!important;
    animation: marquee linear 200s infinite!important;
  }
  .marquee_ema .mes_nowgyao{
    -webkit-animation: marquee linear 350s infinite!important;
    animation: marquee linear 350s infinite!important;
  }
  .marquee_ema .mes_nowsuntory{
    -webkit-animation: marquee linear 350s infinite!important;
    animation: marquee linear 350s infinite!important;
  }
}


.marquee{
  display: none;
}
.marquee_vote,
.marquee_gyao,
.marquee_suntory,
.marquee_next{
  background: transparent url(../img/telop_bg.png) 0 0 repeat-x;
}
.marquee_blk{
  background-image: none;
  background: #2e2b2b;
}
.marquee_vote{
  background-size: auto calc( 210 / 55 * 100% );
  background-position: calc( 0 * 100% ) calc( 0 * 100% );
}
.marquee_gyao{
  width: 100%;
  position: absolute;
  top: 0;
  background-size: auto calc( 210 / 50 * 100% );
  background-position: calc( -4 / (91 - 136) * 100% ) calc( 105 / (210 - 50) * 100% );
}
.marquee_suntory{
  width: 100%;
  position: absolute;
  top: 0;
  background-size: auto calc( 210 / 50 * 100% );
  background-position: calc( -6 / (91 - 135) * 100% ) calc( 55 / (210 - 50) * 100% );
}
@media only screen and (min-width: 641px) {
  .marquee_gyao,
  .marquee_suntory{
    top: 50px;
  }
}
.marquee_next{
  background-size: auto calc( 210 / 55 * 100% );
  background-position: calc( -2 / (91 - 135) * 100% ) calc( 155 / (210 - 55) * 100% );
}
.marquee_suntory p{
  color: #000;
}
[data-telop="vote"] .marquee_vote{
  display: block;
}
[data-telop="gyao"] .marquee_gyao{
  display: block;
}
[data-telop="suntory"] .marquee_suntory{
  display: block;
}
[data-telop="next"] .marquee_next{
  display: block;
}
@media only screen and (min-width: 641px) {
	.resurrection_end + #contentWrap {
		margin-top: 70px;
	}
	.sns{
		margin-top:0;
	}
	.topics{
		padding-top:50px;
		padding-bottom:50px;
	}
  #side{
    padding-top:50px;
  }
}
@media only screen and (max-width: 640px){
	.news {
	    margin-top:20px;
	}
	.topics{
	    margin-top:20px;
  }
  .marquee p,
  .marquee_ema p {
    -webkit-animation: marquee linear 210s infinite;
    animation: marquee linear 210s infinite;
  }
  .marquee_vote p{
    -webkit-animation: marquee linear 150s infinite;
    animation: marquee linear 150s infinite;
  }
  .marquee_suntory p{
    -webkit-animation: marquee linear 200s infinite!important;
    animation: marquee linear 200s infinite!important;
  }
  .marquee_gyao p{
    -webkit-animation: marquee linear 200s infinite!important;
    animation: marquee linear 200s infinite!important;
  }
}



















.top .noneSptop{
  display:none;
}

.mainHeader .gNav{
  padding-top: 6px;
}
.mainHeader .utilityNav{
  padding: 0 26% 0 0;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
}
.mainHeader .header_sns{
  width: 27%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
}

@media only screen and (max-width: 875px){
  .mainHeader .header_sns {
    top: 50%;
    width: 24%;
  }
}


@media only screen and (min-width: 641px){
  #header {
    height: 50px !important;
  }
  #header .inner {
    padding: 0 !important;
    height: 100%;
  }
}

.btn_vote a {
  display: block;
  box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.btn_vote a:hover{
  box-shadow: none;
  opacity: 0.7;
}

.txt_thx,
.lead_resurrection,
.ttl_resurrection,
.days_pc,
.catch_pc,
.txt_finish,
.txt_accepting,
.bnr_timetable,
.bnr_emikuji,
.btn_vote_pc,
.bnr_san,
.bnr_report1,
.bnr_vote{
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-indent: 100%;
  background: transparent url(../img/final_pc_png.png) 0 0 no-repeat;
}
.txt_thx{
  width: 100%;
  height: 0;
  padding-top: 17.9245283018868%;

  background-size: calc( 604 / 424 * 100% ) calc( 1500 / 76 * 100% );
  background-position: calc( 27 / (604 - 424) * 100% ) calc( 1385 / (1500 - 76) * 100% );
}

.txt_finish{
  width: 100%;
  height: 0;
  padding-top: 39.1061452513966%;

  background-size: calc( 604 / 179 * 100% ) calc( 1500 / 70 * 100% );
  background-position: calc( 340 / (604 - 179) * 100% ) calc( 1062 / (1500 - 70) * 100% );
}


.txt_accepting{
  width: 100%;
  height: 0;
  padding-top: 33.7078651685393%;

  background-size: calc( 604 / 267 * 100% ) calc( 1500 / 90 * 100% );
  background-position: calc( 330 / (604 - 267) * 100% ) calc( 874 / (1500 - 90) * 100% );
}

.bnr_timetable{
  width: 100%;
  height: 0;
  padding-top: 26.4516129032258%;

  background-size: calc( 604 / 310 * 100% ) calc( 1500 / 82 * 100% );
  background-position: calc( 0 * 100% ) calc( 1247 / (1500 - 82) * 100% );
}

.bnr_emikuji{
  width: 100%;
  height: 0;
  padding-top: 26.4516129032258%;

  background-size: calc( 604 / 310 * 100% ) calc( 1500 / 82 * 100% );
  background-position: calc( 0 * 100% ) calc( 1153 / (1500 - 82) * 100% );
}

.btn_vote_pc{
  width: 100%;
  height: 0;
  padding-top: 25.8064516129032%;

  background-size: calc( 604 / 310 * 100% ) calc( 1500 / 80 * 100% );
  background-position: calc( 0 * 100% ) calc( 1061 / (1500 - 80) * 100% );
}
[data-now="1"] .btn_vote_pc{
  width: 100%;
  height: 0;
  padding-top: 25.9109311740891%;

  background-size: calc( 604 / 247 * 100% ) calc( 1500 / 64 * 100% );
  background-position: calc( 336 / (604 - 247) * 100% ) calc( 981 / (1500 - 64) * 100% );
}


.bnr_san{
  width: 100%;
  height: 0;
  padding-top: 26.4516129032258%;

  background-size: calc( 604 / 310 * 100% ) calc( 1500 / 82 * 100% );
  background-position: calc( 0 * 100% ) calc( 969 / (1500 - 82) * 100% );
}

.bnr_report1{
  width: 100%;
  height: 0;
  padding-top: 26.4516129032258%;

  background-size: calc( 604 / 310 * 100% ) calc( 1500 / 82 * 100% );
  background-position: calc( 0 * 100% ) calc( 877 / (1500 - 82) * 100% );
}

.bnr_vote{
  width: 100%;
  height: 0;
  padding-top: 26.4516129032258%;

  background-size: calc( 604 / 310 * 100% ) calc( 1500 / 82 * 100% );
  background-position: calc( 141 / (604 - 310) * 100% ) calc( 435 / (1500 - 82) * 100% );
}


.ttl_resurrection{
  width: 100%;
  height: 0;
  padding-top: 29.9668874172185%;

  background-size: calc( 604 / 604 * 100% ) calc( 1500 / 181 * 100% );
  background-position: calc( 0 * 100% ) calc( 532 / (1500 - 181) * 100% );
}
.lead_resurrection{
  width: 100%;
  height: 0;
  padding-top: 17.8807947019868%;

  background-size: calc( 604 / 604 * 100% ) calc( 1500 / 108 * 100% );
  background-position: calc( 0 * 100% ) calc( 713 / (1500 - 108) * 100% );
}
.days_pc{
  width: 100%;
  height: 0;
  padding-top: 42.9780033840948%;

  background-size: calc( 604 / 591 * 100% ) calc( 1500 / 254 * 100% );
  background-position: calc( 4 / (604 - 591) * 100% ) calc( 5 / (1500 - 254) * 100% );
}
.catch_pc{
  width: 100%;
  height: 0;
  padding-top: 32.8282828282828%;

  background-size: calc( 604 / 396 * 100% ) calc( 1500 / 130 * 100% );
  background-position: calc( 2 / (604 - 396) * 100% ) calc( 291 / (1500 - 130) * 100% );

}


.bt_resurrection{
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-indent: 100%;
  background: transparent url(../img/btn_vote_pc.jpg) 0 0 no-repeat;
}
.bt_resurrection{
  width: 100%;
  height: 0;
  padding-top: 36.3888888888889%;

  background-size: calc( 360 / 360 * 100% ) calc( 262 / 131 * 100% );
  background-position: calc( 0 * 100% ) calc( 0 * 100% );
}
[data-now="1"] .bt_resurrection{
  width: 100%;
  height: 0;
  padding-top: 36.3888888888889%;

  background-size: calc( 360 / 360 * 100% ) calc( 262 / 131 * 100% );
  background-position: calc( 0 * 100% ) calc( 131 / (262 - 131) * 100% );
}
.bt_resurrection_now{
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-indent: 100%;
  background: transparent url(/img/final2019/btn_vote_pc.jpg) 0 0 no-repeat;
}
.bt_resurrection_now{
  width: 100%;
  height: 0;
  padding-top: 36.3888888888889%;

  background-size: calc( 360 / 360 * 100% ) calc( 262 / 131 * 100% );
  background-position: calc( 0 * 100% ) calc( 0 * 100% );
}
/* [data-now="1"] .bt_resurrection_now{
  width: 100%;
  height: 0;
  padding-top: 36.3888888888889%;

  background-size: calc( 360 / 360 * 100% ) calc( 262 / 131 * 100% );
  background-position: calc( 0 * 100% ) calc( 131 / (262 - 131) * 100% );
} */


.btn_vote_pc{
  width: 100%;
  height: 0;
  padding-top: 25.8064516129032%;

  background-size: calc( 604 / 310 * 100% ) calc( 1500 / 80 * 100% );
  background-position: calc( 0 * 100% ) calc( 1061 / (1500 - 80) * 100% );
}


@media only screen and (max-width: 640px){

  .container-main{
    background: none;
  }
  .txt_thx,
  .txt_finish,
  .txt_accepting,
  .days_sp,
  .vote_title_smp,
  .catch_sp{
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    background: transparent url(../img/final_sp_png.png) 0 0 no-repeat;
  }
  .days_sp{
    width: 100%;
    height: 0;
    padding-top: 32.4900133155792%;

    background-size: calc( 750 / 751 * 100% ) calc( 1800 / 260 * 100% );
    background-position: calc( -1 / (750 - 751) * 100% ) calc( 345 / (1800 - 260) * 100% );
  }

  .vote_title_smp{
    width: 100%;
    height: 0;
    padding-top: 53.3333333333%;



    background-size: calc( 750 / 751 * 100% ) calc( 1800 / 400 * 100% );
    background-position: calc( -1 / (750 - 751) * 100% ) calc( 642 / (1800 - 400) * 100% );
  }
  .txt_thx{
    width: 100%;
    height: 0;
    padding-top: 16.412213740458%;

    background-size: calc( 750 / 524 * 100% ) calc( 1800 / 86 * 100% );
    background-position: calc( 56 / (750 - 524) * 100% ) calc( 1310 / (1800 - 86) * 100% );
  }

  .txt_finish{
    width: 100%;
    height: 0;
    padding-top: 36.697247706422%;

    background-size: calc( 750 / 218 * 100% ) calc( 1800 / 80 * 100% );
    background-position: calc( 419 / (750 - 218) * 100% ) calc( 1194 / (1800 - 80) * 100% );
  }

  .txt_accepting{
    width: 100%;
    height: 0;
    padding-top: 32.1212121212121%;

    background-size: calc( 750 / 330 * 100% ) calc( 1800 / 106 * 100% );
    background-position: calc( 47 / (750 - 330) * 100% ) calc( 1183 / (1800 - 106) * 100% );
  }





  .catch-main:after,
  .resurrection:after,
  .cont-main-sp:after{
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    background: transparent url(../img/final_sp_jpg.jpg) 0 0 no-repeat;
  }

  .cont-main-sp:after{
    content: "";
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    
    padding-top: 84.8%;

    background-size: calc( 750 / 750 * 100% ) calc( 1800 / 598 * 100% );
    background-position: calc( 0 * 100% ) calc( 0 * 100% );
  }


  .bnr_report1,
  .bnr_emikuji,
  .bt_resurrection_now_smp,
  .bnr_san,
  .bt_resurrection_smp,
  .bnr_timetable,
  .bnr_vote,
  .btn_vote_smp{
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-indent: 100%;
    background: transparent url(../img/final_bnr_sp.png) 0 0 no-repeat;
  }

  .bnr_report1{
    width: 100%;
    height: 0;
    padding-top: 22.8658536585366%;

    background-size: calc( 656 / 656 * 100% ) calc( 2164 / 150 * 100% );
    background-position: calc( 0 * 100% ) calc( 406 / (2164 - 150) * 100% );
  }

  .bnr_emikuji{
    width: 100%;
    height: 0;
    padding-top: 22.8658536585366%;

    background-size: calc( 656 / 656 * 100% ) calc( 2164 / 150 * 100% );
    background-position: calc( 0 * 100% ) calc( 566 / (2164 - 150) * 100% );
  }

  .bnr_san{
    width: 100%;
    height: 0;
    padding-top: 22.8658536585366%;

    background-size: calc( 656 / 656 * 100% ) calc( 2164 / 150 * 100% );
    background-position: calc( 0 * 100% ) calc( 246 / (2164 - 150) * 100% );
  }

  
  .bt_resurrection_now_smp{
    width: 100%;
    height: 0;
    padding-top: 35.9756097560976%;

    background-size: calc( 656 / 656 * 100% ) calc( 2164 / 236 * 100% );
    background-position: calc( 0 * 100% ) calc( 0 * 100% );
  }
  [data-now="1"] .bt_resurrection_now_smp{
    /* width: 100%;
    height: 0;
    padding-top: 35.9756097560976%;

    background-size: calc( 656 / 656 * 100% ) calc( 2164 / 236 * 100% );
    background-position: calc( 0 * 100% ) calc( 1046 / (2164 - 236) * 100% ); */

    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: buru3;
    animation-timing-function: ease-in-out;
  }

  .bnr_timetable{
    width: 100%;
    height: 0;
    padding-top: 22.8658536585366%;

    background-size: calc( 656 / 656 * 100% ) calc( 2164 / 150 * 100% );
    background-position: calc( 0 * 100% ) calc( 1294 / (2164 - 150) * 100% );
  }


  .bnr_vote{
    width: 100%;
    height: 0;
    padding-top: 22.8658536585366%;

    background-size: calc( 656 / 656 * 100% ) calc( 2164 / 150 * 100% );
    background-position: calc( 0 * 100% ) calc( 886 / (2164 - 150) * 100% );
  }
  
  .btn_vote_smp{
    width: 100%;
    height: 0;
    padding-top: 23.1707317073171%;

    background-size: calc( 656 / 656 * 100% ) calc( 2164 / 152 * 100% );
    background-position: calc( 0 * 100% ) calc( 724 / (2164 - 152) * 100% );
  }

  [data-now="1"] .btn_vote_smp{
    width: 100%;
    height: 0;
    padding-top: 23.1707317073171%;

    background-size: calc( 656 / 656 * 100% ) calc( 2164 / 152 * 100% );
    background-position: calc( 0 * 100% ) calc( 1454 / (2164 - 152) * 100% );
  }
  
  




  .catch-main{
    position: relative;
    padding-bottom: 4%;
  }
  .catch_sp{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 0;
    padding-top: 39.5472703062583%;

    background-size: calc( 750 / 751 * 100% ) calc( 1800 / 297 * 100% );
    background-position: calc( -1 / (750 - 751) * 100% ) calc( 0 * 100% );
  }
  .catch-main:after{
    position: absolute;
    content: "";
    display: block;
    clear: both;
    width: 100%;
    height: 0;
    padding-top: 39.5472703062583%;

    background-size: calc( 750 / 751 * 100% ) calc( 1800 / 297 * 100% );
    background-position: calc( 0 * 100% ) calc( 1370 / (1800 - 290) * 100% );

    bottom: 0;
    left: 0;
    z-index: 1;
  }


  .resurrection{
    position: relative;
    z-index: 1;
    margin-top: 12%;
  }
  .resurrection:after{
    content: "";
    clear: both;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;

    padding-top: 94%;

    box-sizing: 100% auto;
    background-position: 50% 50%;

    background-size: 100% calc( 1800 / 710 * 100% );
    background-position: 0 calc( 599 / (1800 - 710) * 100% );
    z-index: -1;
  }



}

/* =============================================
 animation
============================================= */
@keyframes buru{
  17% {transform: skew(-12deg);}
  33% {transform: skew(10deg);}
  50% {transform: skew(-6deg);}
  66% {transform: skew(5deg);}
  83% {transform: skew(-2deg);}
  100% {transform: skew(0);}
}
@-webkit-keyframes buru{
  17% {-webkit-transform: skew(-12deg);}
  33% {-webkit-transform: skew(10deg);}
  50% {-webkit-transform: skew(-6deg);}
  66% {-webkit-transform: skew(5deg);}
  83% {-webkit-transform: skew(-2deg);}
  100% {-webkit-transform: skew(0);}
}

@keyframes buru2{
  0% {transform: translate(0px, 0px) rotateZ(0deg)}
  25% {transform: translate(2px, 2px) rotateZ(1deg)}
  50% {transform: translate(0px, 2px) rotateZ(0deg)}
  75% {transform: translate(2px, 0px) rotateZ(-1deg)}
  100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
@-webkit-keyframes buru2{
  0% {-webkit-transform: translate(0px, 0px) rotateZ(0deg)}
  25% {-webkit-transform: translate(2px, 2px) rotateZ(1deg)}
  50% {-webkit-transform: translate(0px, 2px) rotateZ(0deg)}
  75% {-webkit-transform: translate(2px, 0px) rotateZ(-1deg)}
  100% {-webkit-transform: translate(0px, 0px) rotateZ(0deg)}
}

@keyframes buru3{
  0% {transform: translate(0px, 0px) rotateZ(0deg)}
  5% {transform: translate(2px, 2px) rotateZ(1deg)}
  10% {transform: translate(0px, 2px) rotateZ(0deg)}
  15% {transform: translate(2px, 0px) rotateZ(-1deg)}
  17% {transform: translate(2px, 2px) rotateZ(1deg)}
  22% {transform: translate(0px, 0px) rotateZ(0deg)}
}
@-webkit-keyframes buru3{
  0% {transform: translate(0px, 0px) rotateZ(0deg)}
  5% {transform: translate(2px, 2px) rotateZ(1deg)}
  10% {transform: translate(0px, 2px) rotateZ(0deg)}
  15% {transform: translate(2px, 0px) rotateZ(-1deg)}
  17% {transform: translate(2px, 2px) rotateZ(1deg)}
  22% {transform: translate(0px, 0px) rotateZ(0deg)}
}

@keyframes puru {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 2%); }
  30%  { transform: scale(1.2, 0.8) translate(0%, 4%); }
  50%  { transform: scale(0.9, 1.2) translate(0%, -4%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 2%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

@-webkit-keyframes puru {
  0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { -webkit-transform: scale(0.9, 0.9) translate(0%, 2%); }
  30%  { -webkit-transform: scale(1.2, 0.8) translate(0%, 4%); }
  50%  { -webkit-transform: scale(0.9, 1.2) translate(0%, -4%); }
  70%  { -webkit-transform: scale(1.1, 0.9) translate(0%, 2%); }
  100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}

@keyframes puru2 {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { transform: scale(1.0, 1.06) translate(-5%, -4%) skew(6deg, 0deg); }
  50%  { transform: scale(1.0, 0.94) translate(5%, 4%) skew(-6deg, 0deg); }
  65%  { transform: scale(1.0, 1.03) translate(2%, -2%) skew(-3deg, 0deg); }
  80%  { transform: scale(1.0, 0.97) translate(-2%, 2%) skew(3deg, 0deg); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@-webkit-keyframes puru2 {
  0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
  20%  { -webkit-transform: scale(1.0, 1.06) translate(-5%, -4%) skew(6deg, 0deg); }
  50%  { -webkit-transform: scale(1.0, 0.94) translate(5%, 4%) skew(-6deg, 0deg); }
  65%  { -webkit-transform: scale(1.0, 1.03) translate(2%, -2%) skew(-3deg, 0deg); }
  80%  { -webkit-transform: scale(1.0, 0.97) translate(-2%, 2%) skew(3deg, 0deg); }
  100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes puruu {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  2%  { transform: scale(0.9, 0.9) translate(0%, 2%); }
  4%  { transform: scale(1.2, 0.8) translate(0%, 4%); }
  6%  { transform: scale(0.9, 1.2) translate(0%, -4%); }
  8%  { transform: scale(1.1, 0.9) translate(0%, 2%); }
  10% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

@-webkit-keyframes puruu {
  0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
  2%  { -webkit-transform: scale(0.9, 0.9) translate(0%, 2%); }
  4%  { -webkit-transform: scale(1.2, 0.8) translate(0%, 4%); }
  6%  { -webkit-transform: scale(0.9, 1.2) translate(0%, -4%); }
  8%  { -webkit-transform: scale(1.1, 0.9) translate(0%, 2%); }
  10% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}

@keyframes uefadeIn {
  0%   { opacity:0; transform:translate(0%, -200%); }
  50%   { opacity:0.5; transform:translate(0%, 20%); }
  100% { zoom:1;opacity:1; transform:translate(0%, 0%); }
}
@-webkit-keyframes uefadeIn {
  0%   { opacity:0; -webkit-transform:translate(0%, -200%); }
  50%   { opacity:0.5; -webkit-transform:translate(0%, 20%); }
  100% { zoom:1;opacity:1; -webkit-transform:translate(0%, 0%); }
}

@keyframes uefadeIn2 {
  0%   { opacity:0; transform:translate(0%, -100%); }
  50%   { opacity:0.8; transform:translate(0%, 0%); }
  100% { zoom:1;opacity:1; transform:translate(0%, -3%); }
}
@-webkit-keyframes uefadeIn2 {
  0%   { opacity:0; -webkit-transform:translate(0%, -100%); }
  50%   { opacity:0.8; -webkit-transform:translate(0%, 0%); }
  100% { zoom:1;opacity:1; -webkit-transform:translate(0%, -3%); }
}


@keyframes spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
@-webkit-keyframes spin {
  0% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);}
}
@keyframes spin2 {
  0% {transform: rotate(360deg);}
  100% {transform: rotate(0deg);}
}
@-webkit-keyframes spin2 {
  0% {-webkit-transform: rotate(360deg) translate(0%, -50%);}
  100% {-webkit-transform: rotate(0deg);}
}



@keyframes poyo {
  0%   { transform: scale(1, 1) translate(0%, 0%); }
  40%  { transform: scale(1, 1.1) translate(0%, -2%); }
  70%  { transform: scale(1, 1.1) translate(0%, 1%); }
  100% { transform: scale(1, 1) translate(0%, 0%); }
}
@-webkit-keyframes poyo {
  0%   { -webkit-transform: scale(1, 1) translate(0%, 0%); }
  40%  { -webkit-transform: scale(1, 1.1) translate(0%, -2%); }
  70%  { -webkit-transform: scale(1, 1.1) translate(0%, 1%); }
  100% { -webkit-transform: scale(1, 1) translate(0%, 0%); }
}

@keyframes fadein {
  0%   { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadein {
  0%   { opacity:0; }
  100% { opacity:1; }
}

@keyframes fadeout {
  0%   { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes fadeout {
  0%   { opacity:1; }
  100% { opacity:0; }
}

@keyframes zoom {
  0%   { transform: scale(0, 0) }
  100% { transform: scale(1.0, 1.0) }
}
@-webkit-keyframes zoom {
  0%   { -webkit-transform: scale(0, 0) }
  100% { -webkit-transform: scale(1.0, 1.0) }
}
@keyframes zoom_inout {
  0% { transform: scale(1.0, 1.0) }
  50%   { transform: scale(0.8, 0.8) }
  100%   { transform: scale(1.0, 1.0) }
}
@-webkit-keyframes zoom_inout {
  0% { -webkit-transform: scale(1.0, 1.0) }
  50%   { -webkit-transform: scale(0.8, 0.8) }
  100%   { -webkit-transform: scale(1.0, 1.0) }
}
@keyframes zoom_inout2 {
  0% { transform: scale(1.0, 1.0) }
  50%   { transform: scale(1.2, 1.2) }
  100%   { transform: scale(1.0, 1.0) }
}
@-webkit-keyframes zoom_inout2 {
  0% { -webkit-transform: scale(1.0, 1.0) }
  50%   { -webkit-transform: scale(1.2, 1.2) }
  100%   { -webkit-transform: scale(1.0, 1.0) }
}
@keyframes zoom_inout3 {
  0% { transform: scale(1.0, 1.0) }
  100%   { transform: scale(1.3, 1.3) }
}
@-webkit-keyframes zoom_inout3 {
  0% { -webkit-transform: scale(1.0, 1.0) }
  100%   { -webkit-transform: scale(1.3, 1.3) }
}
@keyframes zoom_inout3_out {
  0% { transform: scale(1.2, 1.2) }
  70% { transform: scale(0.95, 0.95) }
  100%   { transform: scale(1, 1) }
}
@-webkit-keyframes zoom_inout3_out {
  0% { -webkit-transform: scale(1.2, 1.2) }
  70% { -webkit-transform: scale(0.95, 0.95) }
  100%   { -webkit-transform: scale(1, 1) }
}


@keyframes tuntun {
  0%   { transform: translate(0, 0); }
  5%   { transform: translate(0, 9px); }
  10%  { transform: translate(0, 4px); }
  15%  { transform: translate(0, 7px); }
  20%  { transform: translate(0, 2px); }
  15%  { transform: translate(0, 6px); }
  20%  { transform: translate(0, 0); }
  100% { transform: translate(0, 0); }
}
@-webkit-keyframes tuntun {
  0%   { -webkit-transform: translate(0, 0); }
  5%   { -webkit-transform: translate(0, 9px); }
  10%  { -webkit-transform: translate(0, 4px); }
  15%  { -webkit-transform: translate(0, 7px); }
  20%  { -webkit-transform: translate(0, 2px); }
  15%  { -webkit-transform: translate(0, 6px); }
  20%  { -webkit-transform: translate(0, 0); }
  100% { -webkit-transform: translate(0, 0); }
}


@keyframes koma_1 {
  0% {background-position: 0 0;}
  100% {background-position: 0  58.34%;}
}
@-webkit-keyframes koma_1 {
  0% {background-position: 0 0;}
  100% {background-position: 0 58.34%;}
}
@keyframes koma_2 {
  0% {background-position: 0 58.34%;}
  100% {background-position: 0 100%;}
}
@-webkit-keyframes koma_2 {
  0% {background-position: 0 58.34%;}
  100% {background-position: 0 100%;}
}
@keyframes koma {
  0% {background-position: 0 0;}
  100% {background-position: 0 100%;}
}
@-webkit-keyframes koma {
  0% {background-position: 0 0;}
  100% {background-position: 0 100%;}
}

@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}
/*
@-webkit-keyframes marquee {
  from {margin-left:100%; width:100%;}
  to {margin-left:-100%; width:100%;}
}
@keyframes marquee {
  from {margin-left:100%; width:100%;}
  to {margin-left:-100%; width:100%;}
}
*/

@-webkit-keyframes doorOpen_left{
  0%{transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0)}
  100%{transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-180deg)}
}
@keyframes doorOpen_left{
  0%{transform-origin:0 0;transform:perspective(800px) rotateY(0)}
  100%{transform-origin:0 0;transform:perspective(800px) rotateY(-180deg)}
}
@-webkit-keyframes doorOpen_right{
  0%{transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0)}
  100%{transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(180deg)}
}
@keyframes doorOpen_right{
  0%{transform-origin:100% 0;transform:perspective(800px) rotateY(0)}
  100%{transform-origin:100% 0;transform:perspective(800px) rotateY(180deg)}
}

@-webkit-keyframes shake_left {
  0%{transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0)}
  50%{transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(-10deg)}
  100%{transform-origin:0 0;-webkit-transform:perspective(800px) rotateY(0)}
}
@keyframes shake_left {
  0%{transform-origin:0 0;transform:perspective(800px) rotateY(0)}
  50%{transform-origin:0 0;transform:perspective(800px) rotateY(-10deg)}
  100%{transform-origin:0 0;transform:perspective(800px) rotateY(0)}
}
@-webkit-keyframes shake_right{
  0%{transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0)}
  50%{transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(10deg)}
  100%{transform-origin:100% 0;-webkit-transform:perspective(800px) rotateY(0)}
}
@keyframes shake_right{
  0%{transform-origin:100% 0;transform:perspective(800px) rotateY(0)}
  50%{transform-origin:100% 0;transform:perspective(800px) rotateY(10deg)}
  100%{transform-origin:100% 0;transform:perspective(800px) rotateY(0)}
}


@keyframes coin_front{
  0%{transform:scale(1,1)}
  2%{transform:scale(0,1)}
  4%{transform:scale(0,1)}
  6%{transform:scale(0,1)}
  8%{transform:scale(1,1)}
}
@-webkit-keyframes coin_front{
  0%{-webkit-transform:scale(1,1)}
  2%{-webkit-transform:scale(0,1)}
  4%{-webkit-transform:scale(0,1)}
  6%{-webkit-transform:scale(0,1)}
  8%{-webkit-transform:scale(1,1)}
}
@keyframes coin_back{
  0%{transform:scale(0,1)}
  2%{transform:scale(0,1)}
  4%{transform:scale(1,1)}
  6%{transform:scale(0,1)}
  8%{transform:scale(0,1)}
}
@-webkit-keyframes coin_back{
  0%{-webkit-transform:scale(0,1)}
  2%{-webkit-transform:scale(0,1)}
  4%{-webkit-transform:scale(1,1)}
  6%{-webkit-transform:scale(0,1)}
  8%{-webkit-transform:scale(0,1)}
}

@keyframes skup{
  from{
    transform: scale(1);
  }
  to{
    transform: scale(1.05);
  }
}

@keyframes btn_blink{
  5%{
    opacity: 1;
  }
  7%{
    transform: scale(1);
    opacity: 1;
  }
  10%{
    opacity: 0.5;
    transform: scale(0.98);
  }
  13%{
    transform: scale(1);
  }
  20%{
    opacity: 1;
  }
  47%{
    opacity: 1;
    transform: scale(1);
  }
  50%{
    opacity: 0.5;
    transform: scale(0.98);
  }
  53%{
    transform: scale(1);
  }
  60%{
    opacity: 1;
  }
}

.side-title img {
  width: auto;
  max-height: 30px;
}


/* =============================================
 timeTable
============================================= */

/* -------------------------------------------
 timeTable img
------------------------------------------- */
.tt_box_clock:after,
.modal_tt_title:after,
.tt_box_title:after,
.tt_icon_san3,
.tt_icon_san1,
.tt_icon_now_txt,
.tt_icon_next_txt,
.tt_clock_2400,
.tt_clock_2200,
.tt_clock_1834,
.tt_clock_1430,
.tt_clock_1200,
.tt_con_top_txt,
.tt_con_vote_txt,
.tt_con_suntory,
.tt_con_gyao,
.tt_con_top_title,
.tt_con_vote_title,
.tt_con_line,
.tt_icon_tv,
.tt_icon_live,
.tt_subtitle_txt_sp,
.tt_title_txt_sp,
.tt_subtitle_txt_pc,
.tt_title_txt_pc{
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-indent: 100%;
  background: transparent url(../img/timetable_img.png) 0 0 no-repeat;
}

.tt_icon_now_txt{
  width: 100%;
  height: 0;
  /* padding-top: 32.4324324324324%; */

  /* background-size: calc( 750 / 74 * 100% ) calc( 1600 / 24 * 100% );
  background-position: calc( 510 / (750 - 74) * 100% ) calc( 19 / (1600 - 24) * 100% ); */
  
  margin-top: -21.5%;
  padding-bottom: 43.529%;
  background: url(/final2019/img/timetable_status.png) top left no-repeat;
  background-size: cover;
}

.tt_icon_next_txt{
  width: 100%;
  height: 0;
  /* padding-top: 29.1139240506329%; */

  /* background-size: calc( 750 / 79 * 100% ) calc( 1600 / 23 * 100% );
  background-position: calc( 618 / (750 - 79) * 100% ) calc( 19 / (1600 - 23) * 100% ); */

  margin-top: -21.5%;
  padding-bottom: 43.529%;
  background: url(/final2019/img/timetable_status.png) bottom left no-repeat;
  background-size: cover;
}

.tt_clock_2400{
  width: 100%;
  height: 0;
  padding-top: 22.4215246636771%;

  background-size: calc( 750 / 223 * 100% ) calc( 2400 / 50 * 100% );
  background-position: calc( 40 / (750 - 223) * 100% ) calc( 1299 / (2400 - 50) * 100% );
}

.tt_clock_2200{
  width: 100%;
  height: 0;
  padding-top: 22.4215246636771%;

  background-size: calc( 750 / 223 * 100% ) calc( 2400 / 50 * 100% );
  background-position: calc( 40 / (750 - 223) * 100% ) calc( 1133 / (2400 - 50) * 100% );
}

.tt_clock_1834{
  width: 100%;
  height: 0;
  padding-top: 22.4215246636771%;

  background-size: calc( 750 / 223 * 100% ) calc( 2400 / 50 * 100% );
  background-position: calc( 40 / (750 - 223) * 100% ) calc( 748 / (2400 - 50) * 100% );
}

.tt_clock_1430{
  width: 100%;
  height: 0;
  padding-top: 22.4215246636771%;

  background-size: calc( 750 / 223 * 100% ) calc( 2400 / 50 * 100% );
  background-position: calc( 40 / (750 - 223) * 100% ) calc( 399 / (2400 - 50) * 100% );
}

.tt_clock_1200{
  width: 100%;
  height: 0;
  padding-top: 22.4215246636771%;

  background-size: calc( 750 / 223 * 100% ) calc( 2400 / 50 * 100% );
  background-position: calc( 40 / (750 - 223) * 100% ) calc( 189 / (2400 - 50) * 100% );
}

.tt_con_top_txt{
  width: 100%;
  height: 0;
  padding-top: 21.0526%;

  background-size: calc( 750 / 570 * 100% ) calc( 2400 / 120 * 100% );
  background-position: calc( 98 / (750 - 570) * 100% ) calc( 906 / (2400 - 120) * 100% );
}

.tt_con_vote_txt{
  width: 100%;
  height: 0;
  padding-top: 15.7894%;
  
  background-size: calc( 750 / 570 * 100% ) calc( 2400 / 90 * 100% );
  background-position: calc( 105 / (750 - 564) * 100% ) calc( 551 / (2400 - 105) * 100% );
}

.tt_con_suntory{
  width: 100%;
  height: 0;
  padding-top: 17.2%;

  background-size: calc( 750 / 500 * 100% ) calc( 2400 / 86 * 100% );
  background-position: calc( 85 / (750 - 530) * 100% ) calc( 1360 / (2400 - 86) * 100% );
}
@media only screen and (max-width: 640px){
  .tt_con_suntory{
    padding-top: 18.8679%;
  
    background-size: calc( 750 / 530 * 100% ) calc( 2400 / 96 * 100% );
    background-position: calc( 96 / (750 - 530) * 100% ) calc( 2292 / (2400 - 96) * 100% );
  }
}

.tt_con_gyao{
  width: 100%;
  height: 0;
  padding-top: 17.2%;

  background-size: calc( 750 / 500 * 100% ) calc( 2400 / 86 * 100% );
  background-position: calc( 85 / (750 - 530) * 100% ) calc( 1191 / (2400 - 86) * 100% );
}
@media only screen and (max-width: 640px){
  .tt_con_gyao{
    padding-top: 18.8679%;
  
    background-size: calc( 750 / 530 * 100% ) calc( 2400 / 96 * 100% );
    background-position: calc( 96 / (750 - 530) * 100% ) calc( 2125 / (2400 - 96) * 100% );
  }
}

.tt_con_top_title{
  width: 100%;
  height: 0;
  padding-top: 17.2%;

  background-size: calc( 750 / 500 * 100% ) calc( 2400 / 86 * 100% );
  background-position: calc( 85 / (750 - 530) * 100% ) calc( 804 / (2400 - 86) * 100% );
}
@media only screen and (max-width: 640px){
  .tt_con_top_title{
    padding-top: 11.6981%;
  
    background-size: calc( 750 / 530 * 100% ) calc( 2400 / 62 * 100% );
    background-position: calc( 96 / (750 - 530) * 100% ) calc( 1954 / (2400 - 96) * 100% );
  }
  .modal_tt_title .tt_con_top_title{
    background-position: calc( 96 / (750 - 530) * 100% ) calc( 1945 / (2400 - 96) * 100% );
  }
}

.tt_con_vote_title{
  width: 100%;
  height: 0;
  padding-top: 17.2%;

  background-size: calc( 750 / 500 * 100% ) calc( 2400 / 86 * 100% );
  background-position: calc( 86 / (750 - 530) * 100% ) calc( 455 / (2400 - 86) * 100% );
}
@media only screen and (max-width: 640px){
  .tt_con_vote_title{
    padding-top: 11.6981%;
  
    background-size: calc( 750 / 530 * 100% ) calc( 2400 / 62 * 100% );
    background-position: calc( 96 / (750 - 530) * 100% ) calc( 1815 / (2400 - 96) * 100% );
  }
  .modal_tt_title .tt_con_vote_title{
    background-position: calc( 96 / (750 - 530) * 100% ) calc( 1808 / (2400 - 96) * 100% );
  }
}

.tt_con_line{
  width: 100%;
  height: 0;
  padding-top: 17.2%;

  background-size: calc( 750 / 500 * 100% ) calc( 2400 / 86 * 100% );
  background-position: calc( 85 / (750 - 530) * 100% ) calc( 250 / (2400 - 86) * 100% );
}
@media only screen and (max-width: 640px){
  .tt_con_line{
    padding-top: 18.4905%;

    background-size: calc( 750 / 530 * 100% ) calc( 2400 / 98 * 100% );
    background-position: calc( 96 / (750 - 530) * 100% ) calc( 1666 / (2400 - 96) * 100% );
  }
}

.tt_icon_tv{
  width: 100%;
  height: 0;
  padding-top: 132.307692307692%;

  background-size: calc( 750 / 65 * 100% ) calc( 2400 / 86 * 100% );
  background-position: calc( 624 / (750 - 65) * 100% ) calc( 455 / (2400 - 86) * 100% );
}

.tt_icon_live{
  width: 100%;
  height: 0;
  padding-top: 132.307692307692%;

  background-size: calc( 750 / 65 * 100% ) calc( 2400 / 86 * 100% );
  background-position: calc( 624 / (750 - 65) * 100% ) calc( 250 / (2400 - 86) * 100% );
}

.tt_subtitle_txt_sp{
  width: 100%;
  height: 0;
  padding-top: 11.3333333333333%;

  background-size: calc( 750 / 750 * 100% ) calc( 2400 / 85 * 100% );
  background-position: calc( 0 * 100% ) calc( 74 / (2400 - 85) * 100% );
}

.tt_title_txt_sp{
  width: 100%;
  height: 0;
  padding-top: 18.7943262411348%;

  background-size: calc( 750 / 282 * 100% ) calc( 2400 / 53 * 100% );
  background-position: calc( 40 / (750 - 282) * 100% ) calc( -2 / (2400 - 53) * 100% );
}

.tt_subtitle_txt_pc{
  width: 100%;
  height: 0;
  padding-top: 7.65027322404372%;

  background-size: calc( 750 / 549 * 100% ) calc( 2400 / 42 * 100% );
  background-position: calc( 42 / (750 - 549) * 100% ) calc( 1500 / (2400 - 42) * 100% );
}

.tt_title_txt_pc{
  width: 100%;
  height: 0;
  padding-top: 17.7777777777778%;

  background-size: calc( 750 / 180 * 100% ) calc( 2400 / 32 * 100% );
  background-position: calc( 42 / (750 - 180) * 100% ) calc( 1558 / (2400 - 32) * 100% );
}

.tt_icon_san3{
  width: 100%;
  height: 0;
  padding-top: 492.857142857143%;

  background-size: calc( 750 / 14 * 100% ) calc( 2400 / 69 * 100% );
  background-position: calc( 18 / (750 - 14) * 100% ) calc( 519 / (2400 - 69) * 100% );
}

.tt_icon_san1{
  width: 100%;
  height: 0;
  padding-top: 92.8571428571429%;

  background-size: calc( 750 / 14 * 100% ) calc( 2400 / 13 * 100% );
  background-position: calc( 18 / (750 - 14) * 100% ) calc( 619 / (2400 - 13) * 100% );
}

/* -------------------------------------------
 
------------------------------------------- */
.timeTable{
  width: 100%;
  padding-top: 50px;
  position: relative;
}
.timeTable .section-title{
  border-bottom: 0;
  width: 25%;
  padding: 0;
  padding-bottom: 8px;
}
.timeTable .link{
  position: absolute;
  left: 0;
  top: 0;
}
.timeTable_subTitle{
  width: 77%;
  margin: 0 auto;
  padding: 12px 0;
}
.modal_tt_box{
  display: none;
}

.timeTable_contents{
  display: block;
  clear: both;
  background: transparent url(../img/timetable_pc_bg.jpg) 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  height: calc(100vw * 0.815);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 892px;
}
.timeTable_contents > div{
  position: relative;
  display: block;
  clear: both;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 3% 5px 2% 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeTable_contents > div:after{
  content:"";
  display: block;
  clear: both;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tt_box_contents{
  position: relative;
}
.tt_box_clock span {
  margin: 0 auto;
  position: relative;
  top: -13px;
}
.tt_box_title{
  width: 84%;
  position: relative;
  z-index: 1;
}
.tt_box_txt_pc{
  padding-bottom: 10px;
  border-top: 1px solid #a0a0a0;
  width: 98%;
  padding-top: 2%;
  padding-bottom: 2%;
}
.tt_box_txt_sp{
  padding-bottom: 10px;
  border-top: 1px solid #000;
  width: 98%;
  padding: 2%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: bold;
  box-sizing: border-box;
  color: #000;
}

.modal_tt_wrap,
.tt_box_contents_inner{
  position: relative;
  padding: 1% 0 1% 40px;
    -webkit-box-sizing: border-box;
    background: #FFF;
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}
.tt_box_contents_inner:hover{
  background: rgba(255,255,255,0.8);
}
@media only screen and (max-width: 640px){
  .modal_tt_wrap,
  .tt_box_contents_inner{
    padding: 3% 0 3% 40px;
  }
  .tt_box2 .tt_box_contents_inner,
  .tt_box3 .tt_box_contents_inner{
    padding: 4% 0 3% 40px;
  }
}
#modal-tt_box1 .modal_tt_title:before,
#modal-tt_box4 .modal_tt_title:before,
#modal-tt_box5 .modal_tt_title:before,
.tt_box1 .tt_box_contents_inner:before,
.tt_box4 .tt_box_contents_inner:before,
.tt_box5 .tt_box_contents_inner:before{
  content: "";
  display: block;
  clear: both;
  position: absolute;
  left: -50px;
  top: -80px;
  width: 100px;
  height: 100px;
  transform: rotate(45deg);
  background: #1ba1f6;
}
#modal-tt_box2 .modal_tt_title:before,
#modal-tt_box3 .modal_tt_title:before,
.tt_box2 .tt_box_contents_inner:before,
.tt_box3 .tt_box_contents_inner:before{
  content: "";
  display: block;
  clear: both;
  position: absolute;
  left: -50px;
  top: -80px;
  width: 100px;
  height: 100px;
  transform: rotate(45deg);
  background: #ffc700;
}

.modal_tt_title:after{
  top: 0 !important;
  bottom: 0;
  right: 20px !important;
  margin:auto;
}

#modal-tt_box1 .modal_tt_title:after,
#modal-tt_box4 .modal_tt_title:after,
#modal-tt_box5 .modal_tt_title:after,
.tt_box1 .tt_box_title:after,
.tt_box4 .tt_box_title:after,
.tt_box5 .tt_box_title:after{
  content: "";
  display: block;
  clear: both;
  position: absolute;
  right: -15%;
  top: 2%;
  margin: auto;
  width: 12%;
  height: 0;
  padding-top: 15.5%;
  background-size: calc( 750 / 65 * 100% ) calc( 2400 / 85 * 100% );
  background-position: calc( 624 / (750 - 65) * 100% ) calc( 250 / (2400 - 86) * 100% );
}
@media only screen and (max-width: 640px){
  #modal-tt_box1 .modal_tt_title:after,
  #modal-tt_box4 .modal_tt_title:after,
  #modal-tt_box5 .modal_tt_title:after,
  .tt_box1 .tt_box_title:after,
  .tt_box4 .tt_box_title:after,
  .tt_box5 .tt_box_title:after{
    top: 5%;
  }
}


#modal-tt_box2 .modal_tt_title:after,
#modal-tt_box3 .modal_tt_title:after,
.tt_box2 .tt_box_title:after,
.tt_box3 .tt_box_title:after{
  content: "";
  display: block;
  clear: both;
  position: absolute;
  right: -15%;
  top: 2%;
  margin: auto;
  width: 12%;
  height: 0;
  padding-top: 15.5%;
  background-size: calc( 750 / 65 * 100% ) calc( 2400 / 85 * 100% );
  background-position: calc( 624 / (750 - 65) * 100% ) calc( 455 / (2400 - 86) * 100% );
}
@media only screen and (max-width: 640px){
  #modal-tt_box2 .modal_tt_title:after,
  #modal-tt_box3 .modal_tt_title:after,
  .tt_box2 .tt_box_title:after,
  .tt_box3 .tt_box_title:after{
    top: -30%;
  }
}
#modal-tt_box1 .modal_tt_title:after,
#modal-tt_box4 .modal_tt_title:after,
#modal-tt_box5 .modal_tt_title:after,
#modal-tt_box2 .modal_tt_title:after,
#modal-tt_box3 .modal_tt_title:after{
  width: 10%;
  padding-top: 14%;
}


.tt_box3 .tt_box_txt_pc{
  padding-bottom: 10%;
}

.tt_box_contents:after {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  top: 10px;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(135deg);
}
.modal_tt_wrap:after{
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(135deg);
 }


.tt_box_clock{
  clear: both;
  width: 19.2%;
  float: left;
}
.tt_box_contents{
  width: 80.8%;
  float: right;
  padding: 5px 10px;
  border-top: 1px solid rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(255,255,255,0.5);
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.timeTable_contents .tt_box1{
  margin-bottom: 5%;
  margin-top: 4%;
}
.timeTable_contents .tt_box2{
  margin-bottom: 5%;
}
.timeTable_contents .tt_box3 .tt_box_contents{
  border-bottom: 0;
}
.timeTable_contents .tt_box3 {
  margin-bottom: 0;
}
.timeTable_contents .tt_box4 {
    padding-top: 0;
    margin-top:0;
    margin-bottom: 0;
}
.timeTable_contents .tt_box4 .tt_box_contents{
    border-bottom: 0;
}
.timeTable_contents .tt_box5{
    padding-top:0;
    margin-top: 0;
}
.timeTable_contents .tt_box5 .tt_box_contents{
    border-bottom: 0;
}

.tt_clock_1200 {
    position: relative;
    left: 11px;
}
.tt_clock_1430 {
    position: relative;
    left: 14px;
}
.tt_clock_1834 {
    position: relative;
    left: 14px;
}
.tt_clock_2200 {
    position: relative;
    left: 10px;
}
.tt_clock_2400 {
    position: relative;
    left: 10px;
}

.modal_tt_wrap{
  position: relative;
}

@media only screen and (min-width: 641px) {

  .tt_box_clock{
    position: relative;
  }
  .tt_box_clock:after{
    content: "";
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  .tt_box1 .tt_box_clock:after,
  .tt_box4 .tt_box_clock:after{
    width: 10%;
    height: 0;
    padding-top: 9.28571428571429%;
    background-size: calc( 750 / 14 * 100% ) calc( 1600 / 13 * 100% );
    background-position: calc( 18 / (750 - 14) * 100% ) calc( 619 / (1600 - 13) * 100% );
    left: 0;
    right: 0;
    margin: auto;
  }
  .tt_box2 .tt_box_clock:after,
  .tt_box3 .tt_box_clock:after{
    width: 10%;
    height: 0;
    padding-top: 49.2857142857143%;
    background-size: calc( 750 / 14 * 100% ) calc( 1600 / 69 * 100% );
    background-position: calc( 18 / (750 - 14) * 100% ) calc( 519 / (1600 - 69) * 100% );
    left: 0;
    right: 0;
    margin: auto;
  }
  .tt_box1 .tt_box_clock:after{
    top: 135%;
  }
  .tt_box2 .tt_box_clock:after{
    top: 200%;
  }
  .tt_box3 .tt_box_clock:after{
    top: 328%;
  }
  .tt_box4 .tt_box_clock:after{
    top: 135%;
  }
  .tt_box5 .tt_box_clock:after{
    display: none;
  }

}

@media only screen and (max-width: 640px) {
  .timeTable{
    padding-top: 40px;
    margin-bottom: 40px;
  }
  .timeTable_contents{
    background: transparent url(../img/timetable_sp_bg.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    max-height: 100000000px;
    height: auto;
    padding: 10% 0 4% 0;
    margin-top: -6%;
    
  }
  .timeTable_subTitle{
    padding: 0;
    width: 100%;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    border-top: 4px solid #fec700;
  }
  .timeTable .section-title {
    padding-left: 4%;
    width: 50%;
  }
  .tt_box_clock {
    width: 40%;
    float: none;
    padding-left: 1%;
  }

  .tt_box_contents {
    float: none;
    width: 100%;
    padding: 0;
    padding-left: 4%;
    padding-right: 4%;
    margin-bottom: 0;
    border-bottom: 0;
    padding-top: 3px;
  }

  .tt_box_clock span {
    top: 0;
    left: 0;
  }

  .timeTable_contents .tt_box1,
  .timeTable_contents .tt_box2,
  .timeTable_contents .tt_box3,
  .timeTable_contents .tt_box4,
  .timeTable_contents .tt_box5 {
    padding: 2% 0 1px 9%;
    margin: 0 auto;
  }

  #modal-tt_box1 .modal_tt_title:before,
  #modal-tt_box4 .modal_tt_title:before,
  #modal-tt_box5 .modal_tt_title:before,
  .tt_box1 .tt_box_contents_inner:before,
  .tt_box4 .tt_box_contents_inner:before,
  .tt_box5 .tt_box_contents_inner:before{
    /* width: 18px; */
  }

  #modal-tt_box2 .modal_tt_title:before,
  #modal-tt_box3 .modal_tt_title:before,
  .tt_box2 .tt_box_contents_inner:before,
  .tt_box3 .tt_box_contents_inner:before{
    /* width: 18px; */
  }
  .modal_tt_wrap, .tt_box_contents_inner{
    /* padding-left: 18px; */
  }
  .tt_box_contents:after{
    left: 5.5%;
    width: 6px;
    height: 6px;
  }
  .modal_tt_wrap:after{
    content: "";
    display: block;
    position: absolute;
    left: 2%;
    top: 10%;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
   }



}

#timeTableSP{
}




/* =============================================
 modal
============================================= */
.modal_tt_box {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 90%;
  margin: 0 auto;
  max-width: 600px;
  padding: 10px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #ced3d9;
  border-radius: 12px;
  z-index: 999999;
  text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  vertical-align: middle;
}
.modal_tt_txt_wrap{
  margin: 10px 0;
  background: #fff;
  box-sizing: border-box;
  border-radius: 8px;
}

.modal_tt_wrap{
  cursor: default;

}
.modal_tt_txt{
  padding: 5%;
  font-size: 13px;
  overflow: auto;
  max-height: calc(100vh - 200px);
}
.modal_tt_txt p+p{
  padding-top: 1rem;
}
.icon_arrow_r{
  margin-top: 20px;
  display: block;
  position: relative;
  background: #1da1f3;
  color: #fff;
  padding: 6px;
  text-align: center;
  max-width: 400px;
  border-radius: 5px;
  margin:15px auto;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
.icon_arrow_r:hover{
  text-decoration: none;
  opacity: 0.6;
}
.icon_arrow_r:after{
  content: "";
  display: block;
  position: absolute;
  right: 8px;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border: 5px solid transparent;
  border-left: 8px solid #fff;
  top:0;
  bottom:0;
  margin:auto;
}

.modal_tt_close{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;


  width:60%;
  margin-top: 10px;
  display: block;
  position: relative;
  background: #080808;
  color: #fff;
  padding: 6px;
  text-align: center;
  max-width: 117px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin:auto;
  cursor:pointer;
}
.modal_tt_close:hover{
  opacity: 0.6;
}

.modal_tt_close:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 16px;
  height: 2px;
  margin-top: -2px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);

}
.modal_tt_close:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 16px;
  height: 2px;
  margin-top: -2px;
  background: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.modal_tt_title{
  width: 76%;
}

#modal-tt_box2 .modal_tt_txt_wrap,
#modal-tt_box3 .modal_tt_txt_wrap{
}
#modal-tt_box2 .icon_arrow_r,
#modal-tt_box3 .icon_arrow_r{
  background: #da8900;
  padding: 8px 0;
  font-weight: bold;
}



@media only screen and (max-width: 640px) {
  .modal_tt_box{
    padding: 10px;
  }
}

/* =============================================
 next/now
============================================= */
.tt_icon_next,
.tt_icon_now{
  position: absolute;
  left: -13%;
  /* right: 0; */
  top: 0;
  bottom: 0;
  margin: auto;
  width: 15%;
  height: 0;
  display: none;
  z-index: 3;
}
.tt_icon_now{
  /* width: 11%; */
}
.tt_icon_next{
  background: #094;
}
[data-startFlg="0"][data-startNo="1"] .tt_box1 .tt_icon_next{
  display: block;
}
[data-startFlg="1"][data-startNo="1"] .tt_box1 .tt_icon_now{
  display: block;
}
[data-startFlg="0"][data-startNo="2"] .tt_box2 .tt_icon_next{
  display: block;
}
[data-startFlg="1"][data-startNo="2"] .tt_box2 .tt_icon_now{
  display: block;
}
[data-startFlg="0"][data-startNo="3"] .tt_box3 .tt_icon_next{
  display: block;
}
[data-startFlg="1"][data-startNo="3"] .tt_box3 .tt_icon_now{
  display: block;
}
[data-startFlg="0"][data-startNo="4"] .tt_box4 .tt_icon_next{
  display: block;
}
[data-startFlg="1"][data-startNo="4"] .tt_box4 .tt_icon_now{
  display: block;
}
[data-startFlg="0"][data-startNo="5"] .tt_box5 .tt_icon_next{
  display: block;
}
[data-startFlg="1"][data-startNo="5"] .tt_box5 .tt_icon_now{
  display: block;
}

@media only screen and (max-width: 640px) {
  .tt_icon_next,
  .tt_icon_now{
    position: absolute;
    left: -10%;
    top: 0;
    bottom: 0;
    margin: auto;
    /* padding: 1.5% 3% 1.5% 2%; */
    /* background: #ff0000; */
    /* border-radius: 0 100px 100px 0; */
    width: 17%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
  }
}






/* =============================================
 accepting / finish
============================================= */
.resurrection{
  position: relative;
  padding-bottom: 10px;
}
.resurrection_accepting{
  display: none;
}
[data-status="3"] .resurrection_accepting{
  display: block;
}
.resurrection_finish{
  display: none;
}
[data-status="4"] .resurrection_finish{
  display: block;
}
[data-status="3"] .resurrection_start,
[data-status="4"] .resurrection_start{
  display: none;
}
.finish_1 {
  width: 30%;
  margin: 20px auto 0;
  overflow: hidden;
}
.finish_2 {
  width: 70%;
  margin: 20px auto 30px;
}
[data-status="4"] .resurrection:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 0;
  content: "";
}
[data-status="4"] .voteCounter-ttl{
  color: #fff;
  text-shadow: none;
}
.finish_3{
  width: 70%;
  margin: 0 auto;
  margin-top: 20px;
}
.finish_4{
  margin-top: 10px;
}

.finish_3,
.finish_4{
  display: none;
}

[data-status="4"] .finish_3,
[data-status="4"] .finish_4{
  display: block;
}
.finish_3 .txt_thx{
  padding-top: 7.58293838862559%;

  background-size: calc( 604 / 422 * 100% ) calc( 1500 / 32 * 100% );
  background-position: calc( 28 / (604 - 422) * 100% ) calc( 1385 / (1500 - 32) * 100% );
}
.voteCounter{ 
  display: none;
}
[data-status="3"] .voteCounter{
  display: block;
}

@media only screen and (min-width: 641px) {
  .ttl-resurrection{
    padding-left: 40%;
  }
  .resurrection_accepting{
    padding-left: 40%;
  }
  .vote_acpt{
    width: 35%;
    margin: 0 auto;
    text-align: center;
  }
  [data-status="3"] .ttl_resurrection,
  [data-status="4"] .ttl_resurrection{
    padding-top: 19.2751235584843%;

    background-size: calc( 604 / 607 * 100% ) calc( 1500 / 117 * 100% );
    background-position: calc( -3 / (604 - 607) * 100% ) calc( 527 / (1500 - 117) * 100% );
  }
  .resurrection_start{
    padding-left: 40%;
    text-align: center;
  }


  [data-status="4"] .ttl-resurrection {
      padding-left: 0;
  }
  [data-status="4"] .inner-resurrection {
    max-width: 600px;
  }
  [data-status="4"] .resurrection_finish {
    width: 96%;
    margin: 0 auto;
    max-width: 800px;
  }
  [data-status="4"] .resurrection_pc{
    padding: 0;
  }
  [data-status="4"] .finish_4 img{
    -webkit-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5);
    margin-left: -2%;
  }

}

@media only screen and (max-width: 640px) {

  .resurrection_sp{
    margin-top: 10%;
    padding-right: 10px;
  }

  .resurrection_sp.resurrection_counter{
    margin-top: 10%;
    padding-right: 0;
  }

  .btn_movie a{
    font-size: 0.9rem;
  }
  .img-resurrection{
    padding-top: 3%;
  }

  .btn_movie{
    padding: 0 0 20px 0;
    margin: 0 auto;
  }
  .btn_vote{
    width: 60%;
    margin: 0 auto;
    padding: 10px 0 20px 0;
  }
  .btn_vote{
    width: 60%;
    padding: 0 8% 0 36%;
    margin: 0 auto;
  }
  .resurrection_counter .btn_vote{
    padding: 0;
  }
  .vote_2 .vote_txt{
    padding: 2% 5%;
  }
  .vote_2 .btn_vote {
    margin: 0 auto;
    padding: 3%;
  }
  .end_flg{
    padding-top: 30px;
  }

  .btn_movie{
    margin-top: 0;
    text-align: center;
    padding: 0;
  }
  .voteCounter_static,
  .voteCounter{
    min-height: 50px;
    margin-top: 0;
  }

  [data-status="3"].btn_vote,
  [data-status="4"].btn_vote,
  [data-status="5"].btn_vote{
    padding: 0 5% 5% 31%;
    margin: 0 auto;
  }

  [data-status="3"] .voteCounter + .resurrection{
    padding-bottom: 15px;
  }

  .vote_acpt{
    width: 45%;
    margin: 10px auto;
  }
  [data-status="1"] .voteIntro-ttl,
  [data-status="2"] .voteIntro-ttl{
    padding: 0;
    width: 100%;
  }
  [data-status="3"] .vote_title_smp,
  [data-status="4"] .vote_title_smp{
    width: 100%;
    height: 0;
    padding-top: 22.2666666666667%;

    background-size: calc( 750 / 750 * 100% ) calc( 1800 / 167 * 100% );
    background-position: calc( 0 * 100% ) calc( 646 / (1800 - 167) * 100% );
  }
  .finish_2{
    width: 87%;
    margin: 20px auto;
  }
  .finish_1{
    width: 35%;
    margin-top: 5px;
  }

  [data-status="4"] .btn_vote{
    padding: 5%;
    width: 70%;
    margin: 0 auto;
  }
  [data-status="4"] .resurrection_finish {
    padding-top: 10px;
  }
  .finish_3 .txt_thx{
    padding-top: 7.63358778625954%;

    background-size: calc( 750 / 524 * 100% ) calc( 1800 / 40 * 100% );
    background-position: calc( 56 / (750 - 524) * 100% ) calc( 1310 / (1800 - 40) * 100% );
  }
  .finish_4{
    margin-top: 10px;
    width: 100%;
    margin: 10px auto;
  }
  
  [data-status="4"] .resurrection_sp{
    margin-top: 2%;
  }
}







/* =============================================
 優勝
============================================= */
.win_top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000 url(../img/win_bg_pc.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.win_img_img,
.win_day_img,
.win_logo_img{
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-indent: 100%;
  background: transparent url(../img/win_pc.png) center center no-repeat;
}

.win_img_img{
  width: 100%;
  height: 0;
  padding-top: 86.4116094986807%;

  background-size: calc( 1280 / 758 * 100% ) calc( 2056 / 655 * 100% );
  background-position: calc( 80 / (1280 - 758) * 100% ) calc( 710 / (2056 - 655) * 100% );
}

.win_day_img{
  width: 100%;
  height: 0;
  padding-top: 46.5968586387%;
  background-size: calc( 1280 / 382 * 100% ) calc( 2056 / 178 * 100% );
  background-position: calc( 100 / (1280 - 382) * 100% ) calc( 475 / (2056 - 178) * 100% );
}

.win_logo_img{
  width: 100%;
  height: 0;
  padding-top: 81.7097415506958%;

  background-size: calc( 1280 / 503 * 100% ) calc( 2056 / 411 * 100% );
  background-position: calc( 46 / (1280 - 503) * 100% ) calc( 52 / (2056 - 411) * 100% );
}


.win_img {
  width: 46%;
  display: inline-block;
  vertical-align: middle;
}

.win_wrap {
  width: calc(160vh - 117px);
  margin: 0 auto;
  font-size: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 1.5rem;
  height: calc(90vh - 1.5rem - 30px);
  max-width: 90%;
}
.win_left{
  display: inline-block;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.win_img{
  display: inline-block;
  width: 58%;
  display: block;
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.win_day{
  width: 56%;
  margin: 0 auto;
  display: block;
  transform: translateY(-18%);
  -webkit-transform: translateY(-18%);
  max-width: 370px;
}
.win_smp{
  margin-bottom: -8%;
}
.win_smp_img{
  display: block;
  clear: both;
  margin: 0;
  width: 100%;
  height: 0;
  padding-top: calc(108% + 32px);
  background: #000 url(../img/win_sp.jpg) left bottom no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

@media only screen and (max-width: 640px) {

  .finalist_all{
    display: none;
  }

  .win_end .win_smp_img{
    padding-top: 108%;
  }

}


/*プレイヤー埋め込み*/

.movieArea {
  padding-top: 119px;
  max-width: 1080px;
  margin: 0 auto;
}
#content .movieArea {
  padding-top: 50px !important;
}
.winMode #content .movieArea{
  padding-top: 4% !important;
}
.mov_wrap {
  max-width: 1080px;
  margin: 0 auto;
  width: 100%;
  padding: 50px;
  box-sizing: border-box;
  background: #434343;
  position: relative;
  padding-top: 100px;
}
.mov_highlight{
  border: 1px solid #fe0100;
}
.mov_suntory{
  border: 1px solid #e6d930;
}
.mov_lottery{
  border: 1px solid #59c2df;
  margin-bottom: 40px;
}

.mov_title {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  z-index: 1;
  width: 50%;
  transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  text-align: center;
}
.mov_suntory .mov_title{
  width: 90%;
  text-align: center;
  transform: translateY(-55%);
  -webkit-transform: translateY(-55%);
}

@media only screen and (max-width: 640px) {
  .mov_suntory .mov_title{
    width: 90%;
    text-align: center;
    transform: translateY(-50%) scale(1.3);
    -webkit-transform: translateY(-50%) scale(1.3);
  }
}

.movieWrap {
  padding-top: 70px;
  text-align: center;
}
.mov_bnr{
  display: block;
  clear: both;
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}
.mov_bnr + .mov_bnr{
  margin-top: 20px;
}



.mov_area {
  position: relative;
  padding-bottom: 56.25%;
  /* padding-top: 30px; */
  height: 0;
  overflow: hidden;
}

.mov_area iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}









.finalist_all{
  position: relative;
  display: block;
  clear: both;
  max-width: 1036px;
  margin: 0 auto;
  width: 95%;
  text-align: center;
  padding-bottom: 20px;
}
.finalist_all .finalist_all-lists {
  font-size: 0;
  max-width: 800px;
  margin: 0 auto;
}
.finalist_all .finalist-main-list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 20%;
  display: inline-block;
  padding:10px;
}
.finalist_all .finalist-main-list a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  z-index: 2;
}

.win_menu{
  position: relative;
  width: 94%;
  max-width: 1080px;
  margin: 0 auto 50px;
}



.win_menu .menu-main-lists {
  display: block;
  width: 100%;
  text-align: center;
}
.win_menu .menu-main-lists a{
  box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.5);
  margin: 0 5px;
  display: block;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.win_menu .menu-main-lists a:hover{
  box-shadow: none;
  opacity: 0.6;
}



.grayf a{
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.finalMain-inner + .finalist_all{
  margin-top: 30px;
  padding-bottom: 0;
}
#FinalistDetails + .win_menu{
  margin-top: 50px;
}
#Main + #result{
  margin-top: 20px;
}
/* =============================================
 score
============================================= */
.result {
  display: block;
  clear: both;
  position: relative;
  padding-bottom: 50px;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
.result:before{
  content: "";
  display: block;
  clear: both;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 10px;
  background: transparent url(../img/deco_dot.png) 0 0 repeat-x;
  z-index: 1;
}
.result:after{
  content: "";
  display: block;
  clear: both;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: transparent url(../img/deco_dot.png) 0 0 repeat-x;
  z-index: 1;
}
.result_title {
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding: 30px 0;
  max-width: 1080px;
  width: 95%;
  background: #000;
}
.finalMain-inner{
  width: 100%;
  margin: 0 auto;
}
.scoreTable {
  font-size: 21px;
  width: 100%; }
  .scoreTable th, .scoreTable td {
    border-bottom: 2px solid #676767;
    vertical-align: middle;
    padding: 4px 1%; }
  .scoreTable .lineJudge .scoreTable-note {
    vertical-align: top;
    text-align: left;
    font-size: 13px;
    line-height: 20px; }
    .scoreTable .lineJudge .scoreTable-note li {
      padding-left: 22px;
      background: url("../img/scoreTable_note_icon_star.png") no-repeat left center; }
    .scoreTable .lineJudge .scoreTable-note .icon-gold {
      background-image: url("../img/scoreTable_note_icon_gold.png"); }
  .scoreTable .lineJudge .judge-cell {
    vertical-align: top;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px; }
  .scoreTable .lineJudge th:nth-child(even) {
    background-color: #171717; }
  .scoreTable .lineCombiScore th, .scoreTable .lineCombiScore td {
    vertical-align: middle;
    white-space: nowrap; }
  .scoreTable .lineCombiScore td {
    text-align: center; }
  .scoreTable .lineCombiScore td:nth-child(even) {
    background-color: #171717; }
  .scoreTable .lineCombiScore.top-3 th, .scoreTable .lineCombiScore.top-3 td {
    background-color: #171717;
    padding-top: 10px;
    padding-bottom: 10px; }
  .scoreTable .lineCombiScore.top-3 td:nth-child(even) {
    background-color: #1e1e1e; }
  .scoreTable .lineCombiScore .bg-gold {
    background: url("../img/scoreTable_score_bg_gold.png") no-repeat center center;
    background-size: cover;
    color: #000;
    font-weight: bold; }
  .scoreTable .lineCombiScore .icon-star {
    display: inline-block;
    width: 18px;
    background: url("../img/scoreTable_star.png") no-repeat center center; }
  .scoreTable .lineCombiScore .ranking {
    padding-left: 80px;
    background: url("../img/scoreTable_ranking_01.png") no-repeat left center; }
    .scoreTable .lineCombiScore .ranking.ranking-02 {
      background-image: url("../img/scoreTable_ranking_02.png"); }
    .scoreTable .lineCombiScore .ranking.ranking-03 {
      background-image: url("../img/scoreTable_ranking_03.png"); }
    .scoreTable .lineCombiScore .ranking.ranking-04 {
      background-image: url("../img/scoreTable_ranking_04.png"); }
    .scoreTable .lineCombiScore .ranking.ranking-05 {
      background-image: url("../img/scoreTable_ranking_05.png"); }
    .scoreTable .lineCombiScore .ranking.ranking-06 {
      background-image: url("../img/scoreTable_ranking_06.png"); }
    .scoreTable .lineCombiScore .ranking.ranking-07 {
      background-image: url("../img/scoreTable_ranking_07.png"); }
    .scoreTable .lineCombiScore .ranking.ranking-08 {
      background-image: url("../img/scoreTable_ranking_08.png"); }
    .scoreTable .lineCombiScore .ranking.ranking-09 {
      background-image: url("../img/scoreTable_ranking_09.png"); }
    .scoreTable .lineCombiScore .ranking.ranking-10 {
      background-image: url("../img/scoreTable_ranking_10.png"); }

@media only screen and (max-width: 780px) {
  .scoreTable {
    font-size: 17px; } }
/* -----------------------------------
敗者復活戦 点数表
*/
.consolationMatch-result {
  margin-bottom: 40px; }

.consolationMatch-result-ttl {
  color: #f99324;
  text-align: center;
  font-size: 300%;
  margin-bottom: 10px;
  font-weight: bold; }

.consolationMatch-scoreTable-wrapper {
  padding: 20px;
  border: 1px dashed  #f99324; }

.consolationMatch-scoreTable-ttl {
  text-align: center;
  padding-top: 20px; }
  .consolationMatch-scoreTable-ttl img {
    display: inline-block;
    width: 300px; }

.consolationMatch-scoreTable {
  width: 100%; }
  .consolationMatch-scoreTable .scoreTable-header .score {
    text-align: center;
    font-style: 12px; }
  .consolationMatch-scoreTable .lineCombiScore td, .consolationMatch-scoreTable .lineCombiScore th {
    padding: 14px 15px;
    border-bottom: 1px solid #f99324;
    font-size: 20px;
    line-height: 1.4em; }
  .consolationMatch-scoreTable .lineCombiScore .ranking, .consolationMatch-scoreTable .lineCombiScore .score {
    white-space: nowrap; }
  .consolationMatch-scoreTable .lineCombiScore .score {
    text-align: right;
    max-width: 6em; }
  .consolationMatch-scoreTable .lineCombiScore .belong {
    font-size: 60%;
    display: inline-block; }
  .consolationMatch-scoreTable .lineCombiScore.no1 {
    color: #f99324; }
  .consolationMatch-scoreTable .lineCombiScore:last-child td, .consolationMatch-scoreTable .lineCombiScore:last-child th {
    border-bottom: none; }





/* -------------------------------------------
 sp
------------------------------------------- */
@media only screen and (max-width: 640px) {

  .scoreTableSp-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 30px; }
    .scoreTableSp-wrapper .scoreTable-note {
      font-size: 10px;
      margin-bottom: 8px; }
      .scoreTableSp-wrapper .scoreTable-note li {
        display: inline-block;
        margin-right: 10px;
        padding-left: 16px;
        background: url("../img/scoreTable_note_icon_star.png") no-repeat left center;
        background-size: 9px; }
      .scoreTableSp-wrapper .scoreTable-note .icon-gold {
        background-image: url("../img/scoreTable_note_icon_gold.png"); }

  .scoreTableSp-ttl {
    display: table;
    width: 100%;
    border-bottom: 1px solid #676767;
    font-size: 16px;
    padding: 6px 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .scoreTableSp-ttl .ttl-left {
      display: table-cell;
      padding-left: 30px; }
    .scoreTableSp-ttl .ttl-right {
      display: table-cell;
      text-align: right; }
      .scoreTableSp-ttl .ttl-right span {
        display: inline-block;
        vertical-align: middle; }
    .scoreTableSp-ttl .ranking {
      background: url("../img/scoreTable_ranking_01.png") no-repeat left center;
      background-size: 25px; }
      .scoreTableSp-ttl .ranking.ranking-02 {
        background-image: url("../img/scoreTable_ranking_02.png"); }
      .scoreTableSp-ttl .ranking.ranking-03 {
        background-image: url("../img/scoreTable_ranking_03.png"); }
      .scoreTableSp-ttl .ranking.ranking-04 {
        background-image: url("../img/scoreTable_ranking_04.png"); }
      .scoreTableSp-ttl .ranking.ranking-05 {
        background-image: url("../img/scoreTable_ranking_05.png"); }
      .scoreTableSp-ttl .ranking.ranking-06 {
        background-image: url("../img/scoreTable_ranking_06.png"); }
      .scoreTableSp-ttl .ranking.ranking-07 {
        background-image: url("../img/scoreTable_ranking_07.png"); }
      .scoreTableSp-ttl .ranking.ranking-08 {
        background-image: url("../img/scoreTable_ranking_08.png"); }
      .scoreTableSp-ttl .ranking.ranking-09 {
        background-image: url("../img/scoreTable_ranking_09.png"); }
      .scoreTableSp-ttl .ranking.ranking-10 {
        background-image: url("../img/scoreTable_ranking_10.png"); }
    .scoreTableSp-ttl .icon-star {
      display: inline-block;
      width: 10px;
      background: url("../img/scoreTable_star.png") no-repeat center center;
      background-size: contain; }
    .scoreTableSp-ttl .toggle-anchor {
      width: 18px;
      height: 18px;
      background: url("../img/scoreTable_toggleicon_plus__sp.png") no-repeat center center;
      background-size: contain;
      margin-left: 5px; }
    .scoreTableSp-ttl.top-3 {
      background-color: #474747; }
    .scoreTableSp-ttl.scoreTableSp-header {
      border-top: 1px solid #f7be28;
      background-color: #212121; }

  .active .scoreTableSp-ttl .toggle-anchor {
    background-image: url("../img/scoreTable_toggleicon_minus__sp.png"); }

  .scoreTableSp-body {
    padding: 10px;
    background: url("../img/scoreTableSp_body_bg.gif") repeat left top;
    background-size: 3px;
    border-bottom: 1px solid #676767; }
    .scoreTableSp-body.scoreTableSp-body-2cols .scoreTableSp-judge-list {
      width: 50%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      .scoreTableSp-body.scoreTableSp-body-2cols .scoreTableSp-judge-list:first-child {
        float: left;
        padding-right: 4%;
        border-right: 1px solid #676767; }
      .scoreTableSp-body.scoreTableSp-body-2cols .scoreTableSp-judge-list:last-child {
        float: right;
        padding-left: 4%; }

  .scoreTableSp-judge-list li {
    display: table;
    width: 100%; }
  .scoreTableSp-judge-list li span:nth-child(2) {
    width: 2em;
    text-align: center;
    }
    .scoreTableSp-judge-list li span {
      display: table-cell;
      vertical-align: middle; }
    .scoreTableSp-judge-list li .judge-score {
      width: 32px;
      padding: 4px 0;
      text-align: center; }
      .scoreTableSp-judge-list li .judge-score.bg-gold {
        background: url("../img/scoreTable_score_bg_gold.png") no-repeat center center;
        background-size: cover;
        color: #000; }

  /* -----------------------------------
  敗者復活戦 点数表
  */
  .consolationMatch-result {
    margin-bottom: 40px; }

  .consolationMatch-result-ttl {
    font-size: 200%;
    line-height: 1.5em; }

  .consolationMatch-scoreTable-wrapper {
    padding: 10px;
    border: 1px dashed  #f99324; }

  .consolationMatch-scoreTable {
    width: 100%; }
    .consolationMatch-scoreTable .scoreTable-header td, .consolationMatch-scoreTable .scoreTable-header th {
      padding-top: 5px; }
    .consolationMatch-scoreTable .scoreTable-header .score {
      vertical-align: bottom;
      text-align: center;
      font-size: 10px; }
    .consolationMatch-scoreTable .lineCombiScore td, .consolationMatch-scoreTable .lineCombiScore th {
      padding: 8px 2px;
      border-bottom: 1px solid #f99324;
      font-size: 12px;
      line-height: 1.3em; }
    .consolationMatch-scoreTable .lineCombiScore .ranking {
      vertical-align: top; }
    .consolationMatch-scoreTable .lineCombiScore .ranking, .consolationMatch-scoreTable .lineCombiScore .score {
      white-space: nowrap; }
    .consolationMatch-scoreTable .lineCombiScore .score {
      text-align: right; }
    .consolationMatch-scoreTable .lineCombiScore .belong {
      font-size: 70%;
      display: block; }
    .consolationMatch-scoreTable .lineCombiScore:last-child td, .consolationMatch-scoreTable .lineCombiScore:last-child th {
      border-bottom: none; }

}



@media only screen and (max-width: 640px) {
  .win_menu .menu-main-lists {
    display: block;
  }
  .movieArea {
    padding-top: 10%;
  }
  .mov_wrap {
    border-left: 0;
    border-right: 0;
    padding: 15% 2% 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 50px;
  }
  .mov_bnr {
    width: 94%;
    margin-top: 15px;
  }
  .win_menu li {
    width: 100%;
  }
  .win_menu li+ li {
    margin-top:10px;
  }
  .win_menu .menu-main-lists{
    padding: 12% 0 0;
  }
  .mov_title {
    width: 70%;
  }
  .js__toggle-body {
    display: none; }
  .result{
    padding-bottom: 5px;
  }
  #Main + #result {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .finalMain-inner + .finalist_all {
    margin-top: 30px;
    padding-bottom: 0;
  }
  #FinalistDetails + .win_menu {
    margin-top: 0;
  }
  #result + #FinalistDetails{
    margin-top: 30px;
  }

}


/*▼▼▼このスタイルは来年消すこと▼▼▼*/
@media only screen and (max-width: 640px) {
  .onlyPC_force{
    display: none!important;
  }
  .onlySP_force{
    display: block!important;
  }
}
@media only screen and (min-width: 641px) {
  .onlyPC_force{
    display: block!important;
  }
  .onlySP_force{
    display: none!important;
  }
}
/*▲▲▲このスタイルは来年消すこと▲▲▲*/