@charset "UTF-8";
/*
==============================================================
 index.css
==============================================================
*/
body {
  background: #fff; }

/* header
=============================================*/
#header_index {
  position: relative; }
  #header_index .headerBody {
    position: absolute;
    width: 100%;
    left: 0;
    top: 45%;
    z-index: 100;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    #header_index .headerBody .onLayerBox {
      margin: 0 auto;
      width: 1000px;
      width: 100%; }
      #header_index .headerBody .onLayerBox .siteLogo {
        text-align: center; }
        #header_index .headerBody .onLayerBox .siteLogo img {
          max-width: 813px;
          width: 60%;
          height: auto;
          margin-left: 78px; }
          @media screen and (max-width: 640px) {
            #header_index .headerBody .onLayerBox .siteLogo img {
              margin-left: 5px; } }
      #header_index .headerBody .onLayerBox .summaryBox {
        width: 730px;
        margin: -95px auto 0; }
        #header_index .headerBody .onLayerBox .summaryBox .headSummary {
          margin: 0 0 0 80px; }
          #header_index .headerBody .onLayerBox .summaryBox .headSummary img {
            max-width: 347px;
            width: 57%;
            height: auto; }
        #header_index .headerBody .onLayerBox .summaryBox p img {
          max-width: 712px;
          width: 100%;
          height: auto; }
        #header_index .headerBody .onLayerBox .summaryBox p + .singleButton {
          padding-top: 24px; }
    #header_index .headerBody.finished .onLayerBox .siteLogo {
      margin-top: 58px; }
  #header_index .bgImage img {
    width: 100%;
    height: auto; }
  #header_index .icon_started {
    position: absolute;
    left: 20px;
    top: 25px; }
    @media screen and (max-width: 640px) {
      #header_index .icon_started {
        top: 5px;
        left: -7px;
        width: 100px; }
        #header_index .icon_started img {
          width: 100%;
          height: auto; } }
  @media screen and (max-width: 640px) {
    #header_index {
      background-size: 100% auto; }
      #header_index .headerBody {
        top: 46%; }
        #header_index .headerBody .onLayerBox {
          width: auto; }
          #header_index .headerBody .onLayerBox .siteLogo {
            margin-left: 25px;
            margin-bottom: 4px; }
            #header_index .headerBody .onLayerBox .siteLogo img {
              max-width: 302px;
              width: 100%;
              height: auto; } }
        @media screen and (max-width: 640px) and (max-width: 320px) {
          #header_index .headerBody .onLayerBox .siteLogo img {
            max-width: 220px; } }
  @media screen and (max-width: 640px) {
          #header_index .headerBody .onLayerBox .summaryBox {
            width: auto;
            margin: 0; }
            #header_index .headerBody .onLayerBox .summaryBox .headSummary {
              margin: -35px 89px 7px 10px;
              text-align: center; }
              #header_index .headerBody .onLayerBox .summaryBox .headSummary img {
                width: 165px;
                height: auto; }
            #header_index .headerBody .onLayerBox .summaryBox p {
              text-align: center; }
              #header_index .headerBody .onLayerBox .summaryBox p img {
                width: 250px;
                height: auto; }
              #header_index .headerBody .onLayerBox .summaryBox p + .singleButton {
                padding-top: 10px; }
        #header_index .headerBody.finished .onLayerBox .siteLogo {
          margin-top: 58px; } }

/* スクロールロック */
.sideLock_index {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0; }

/* ナビ */
#navigation_index {
  position: absolute;
  left: 40px;
  top: 240px;
  width: 47px; }
  @media screen and (max-width: 640px) {
    #navigation_index {
      left: 7px;
      top: 116px; } }
  #navigation_index .snsLinks {
    margin: 0 0 25px; }
    #navigation_index .snsLinks li {
      margin: 0 0 10px; }
      #navigation_index .snsLinks li a {
        display: block;
        width: 47px;
        height: 47px;
        text-indent: -9999px; }
        #navigation_index .snsLinks li a:hover {
          -webkit-animation: flash 0.5s 1;
          animation: flash 0.5s 1; }
      #navigation_index .snsLinks li.sns_twitter a {
        background: url(/ex/feature/lvote2019/result/img/common/btn_sns_twitter.png) no-repeat center; }
      #navigation_index .snsLinks li.sns_facebook a {
        background: url(/ex/feature/lvote2019/result/img/common/btn_sns_facebook.png) no-repeat center; }
      #navigation_index .snsLinks li:last-child {
        margin-bottom: 0; }
    @media screen and (max-width: 640px) {
      #navigation_index .snsLinks {
        margin-bottom: 11px; }
        #navigation_index .snsLinks li {
          margin-bottom: 4px; }
          #navigation_index .snsLinks li a {
            width: 38px;
            height: 38px; }
          #navigation_index .snsLinks li.sns_twitter a, #navigation_index .snsLinks li.sns_facebook a {
            background-size: 38px auto; } }
  #navigation_index #gnavi ul li {
    margin: 0 0 14px; }
    #navigation_index #gnavi ul li a, #navigation_index #gnavi ul li .disabled {
      display: block;
      width: 46px;
      height: 192px;
      margin: 0 auto;
      text-indent: -9999px; }
    #navigation_index #gnavi ul li a:hover {
      -webkit-animation: flash 0.5s 1;
      animation: flash 0.5s 1; }
    #navigation_index #gnavi ul li.gnav_nominate a {
      background: url(/ex/feature/lvote2019/result/img/common/gnav_nominate.png) no-repeat center; }
    #navigation_index #gnavi ul li.gnav_entry a {
      width: 43px;
      background: url(/ex/feature/lvote2019/result/img/common/gnav_vote.png) no-repeat center; }
    #navigation_index #gnavi ul li.gnav_entry .disabled {
      width: 43px;
      background: url(/ex/feature/lvote2019/result/img/common/gnav_vote_comming.png) no-repeat center; }
    #navigation_index #gnavi ul li:last-child {
      margin-bottom: 0; }
  @media screen and (max-width: 640px) {
    #navigation_index #gnavi {
      margin-left: 4px; }
      #navigation_index #gnavi ul li {
        margin-bottom: 5px; }
        #navigation_index #gnavi ul li a, #navigation_index #gnavi ul li .disabled {
          width: 32px;
          height: 133px;
          margin-left: 0;
          margin-right: 0; }
        #navigation_index #gnavi ul li.gnav_nominate a {
          background-size: 32px auto; }
        #navigation_index #gnavi ul li.gnav_entry a, #navigation_index #gnavi ul li.gnav_entry .disabled {
          margin-left: 2px; }
        #navigation_index #gnavi ul li.gnav_entry a {
          width: 30px;
          background-size: 30px auto; }
        #navigation_index #gnavi ul li.gnav_entry .disabled {
          width: 30px;
          background-size: 30px auto; }
        #navigation_index #gnavi ul li:last-child {
          margin-bottom: 0; } }

/* 作品一覧
-----------------------------------------------------*/
#nominate .contentHead_vertical {
  right: 0;
  top: -23px; }
#nominate .inner {
  top: 77%;
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%); }
  #nominate .inner.finished {
    top: 89%; }
@media screen and (max-width: 640px) {
  #nominate .contentHead_vertical {
    right: 15px;
    top: -38px; }
    #nominate .contentHead_vertical img {
      width: 52px;
      height: auto; }
  #nominate .inner {
    width: 222px;
    top: 100%;
    -webkit-transform: translateY(-105%);
    transform: translateY(-105%); } }
  @media screen and (max-width: 640px) and (max-width: 320px) {
    #nominate .inner {
      top: 96%; } }
@media screen and (max-width: 640px) {
    #nominate .inner .txtDescription {
      margin-left: -5px;
      line-height: 1.5; }
    #nominate .inner .indentList {
      margin-left: -10px;
      text-align: center; }
  #nominate.finished .inner {
    width: 222px;
    top: 144%;
    -webkit-transform: translateY(-105%);
    transform: translateY(-105%); } }
@media screen and (max-width: 320px) {
  #nominate .contentHead_vertical img {
    width: 30px;
    height: auto; } }

/* 投票部分
-----------------------------------------------------*/
#entry {
  padding: 0 0 40px; }
  #entry.finished {
    padding: 0 0 60px; }
  @media screen and (max-width: 640px) {
    #entry {
      padding-bottom: 16px; }
      #entry.finished {
        padding-bottom: 16px; } }
  #entry .contentHead_vertical {
    left: 0;
    top: -98px; }
  #entry .onLayerBox {
    top: 105px; }
    #entry .onLayerBox .sub {
      margin-bottom: 15px; }
    #entry .onLayerBox .txtDescription {
      margin: 0 0 32px; }
  @media screen and (max-width: 640px) {
    #entry {
      padding-bottom: 21px; }
      #entry .contentHead_vertical {
        left: 50px;
        top: -105px; }
        #entry .contentHead_vertical img {
          width: 52px;
          height: auto; }
      #entry .onLayerBox .inner {
        top: 44%; }
      #entry .onLayerBox .sub {
        margin-bottom: 15px; }
        #entry .onLayerBox .sub img {
          width: 85px;
          max-width: 100%;
          height: auto; }
      #entry .onLayerBox .txtDescription {
        text-align: center;
        margin-bottom: 15px; } }
  @media screen and (max-width: 320px) {
    #entry .contentHead_vertical {
      top: 10px; }
      #entry .contentHead_vertical img {
        width: 30px;
        height: auto; } }

/* バックナンバー
-----------------------------------------------------*/
.backNumber {
  margin-top: 50px;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .backNumber {
      margin: 25px -20px 0; } }

.arw {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
  color: #000; }
  .arw:nth-child(n+1) {
    margin-top: 10px; }
  .arw::after {
    position: absolute;
    top: 5px;
    left: 0;
    content: '';
    width: 20px;
    height: 22px;
    background: url(/ex/feature/lvote2019/result/img/common/icon_arw.png) 0 0 no-repeat; }
  .arw:hover {
    -webkit-animation: flash 0.5s 1;
    animation: flash 0.5s 1; }
  @media screen and (max-width: 640px) {
    .arw {
      padding-left: 20px;
      font-size: 12px; }
      .arw::after {
        top: 2px;
        left: 0;
        content: '';
        width: 14px;
        height: 15px;
        background: url(/ex/feature/lvote2019/result/img/common/icon_arw_sp.png) 0 0 no-repeat;
        background-size: 14px auto; } }

.entryBoxCont {
  display: flex;
  flex-wrap: wrap;
  width: 856px;
  justify-content: space-between;
  margin: 0 auto 36px; }
  @media screen and (max-width: 640px) {
    .entryBoxCont {
      display: block;
      width: 100%; } }

@media screen and (max-width: 640px) {
  .entryBox {
    margin-bottom: 24px; }
    .entryBox:last-child {
      margin-bottom: 0px; } }

.entryTit {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 14px; }
  @media screen and (max-width: 640px) {
    .entryTit {
      font-size: 14px;
      margin-bottom: 10px; } }

.entryIndentList {
  width: 720px;
  margin: auto; }
  .entryIndentList li {
    text-indent: -1em;
    padding-left: 1em; }
  @media screen and (max-width: 640px) {
    .entryIndentList {
      width: 100%; } }

/*# sourceMappingURL=index.css.map */