/*
====================================================
■ Finish
====================================================
*/
@media all and (min-width: 769px) {
  #Finish {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1000;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: none;
  }
  #Finish .bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
  }
  #Finish .ph {
    background-image: url("../images/finish/ph.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 940px;
    height: 660px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 2;
    left: calc(50% - 470px);
    top: calc(50% - 330px);
  }
  #Finish .close {
    background-image: url("../images/finish/close.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 35px;
    height: 35px;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 2;
    left: calc(50% + 440px);
    top: calc(50% - 380px);
    cursor: pointer;
  }
}
@media all and (max-width: 768px) {
  #Finish {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1000;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: none;
  }
  #Finish .bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
  }
  #Finish .ph {
    background-image: url("../images/finish/ph_sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 89.33333333333333vw;
    height: 101.33348000000001vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 2;
    left: calc(50% - 45vw);
    top: calc(50% - 56vw);
  }
  #Finish .close {
    background-image: url("../images/finish/close_sp.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 5.333333333333334vw;
    height: 5.333333333333334vw;
    display: block;
    text-indent: -9999px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: 2;
    left: calc(50% + 39vw);
    top: calc(50% - 64vw);
    cursor: pointer;
  }
}
@media all and (min-width: 769px) {
  .ModBtnDetail.finish {
    cursor: default;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 0.25;
  }
  .ModBtnDetail.finish:hover {
    background-color: #fff;
    text-decoration: none;
  }
  .ModBtnDetail.finish:hover span {
    text-decoration: none;
    color: #000;
  }
  #Entry .list li a {
    cursor: default;
    opacity: 0.25;
  }
  #Entry .list li a:hover .title {
    color: #000;
  }
  #Entry .list li a:hover .sub {
    background-color: #fff;
    color: #000;
  }
  #Entry .list li a:hover .ph {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}
@media all and (max-width: 768px) {
  .ModBtnDetail.finish {
    cursor: default;
    opacity: 0.25;
  }
  #Entry .list li a {
    cursor: default;
    opacity: 0.25;
  }
}