@charset "UTF-8";

/*-------------------------------------------------------------------------
  Clearfix
/*-----------------------------------------------------------------------*/
#jp-page-movie section,
#jp-page-movie article,
#jp-page-movie figure,
#jp-page-movie nav,
#jp-page-movie aside,
#jp-page-movie header,
#jp-page-movie footer,
#jp-page-movie div,
#jp-page-movie ul,
#jp-page-movie dl {
  zoom: 1;
}

#jp-page-movie section:after,
#jp-page-movie article:after,
#jp-page-movie figure:after,
#jp-page-movie nav:after,
#jp-page-movie aside:after,
#jp-page-movie header:after,
#jp-page-movie footer:after,
#jp-page-movie div:after,
#jp-page-movie ul:after,
#jp-page-movie dl:after,
#jp-page-movie form:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}

/*-  jp-page-movie
-----------------------------------------------------------------------*/
#jp-page-movie {
  width: 1030px;
  margin:0;
  margin-top: 20px;
  padding:0 0 50px 0;
  background:url(../img/common/bg.png) repeat;
}

    #jp-page-movie .jp-page-movie-btn a {
      padding:8px 20px 8px 35px;
      border:3px solid #d70e18;
      border-radius:8px;
      font-size:18px;
      font-weight:bold;
      color:#d70e18;
      background:url(../img/common/arrow.png) left 20px center no-repeat #fff;
    }

    #jp-page-movie .jp-page-movie-btn a:hover {
    }

/*- jp-page-movie-main
-----------------------------------------------------------------------*/
  #jp-page-movie #jp-page-movie-main {
    position:relative;
    margin-top:20px;
    margin-bottom: 20px;
  }

    #jp-page-movie #jp-page-movie-main p.jp-page-movie-main-txt {
      position:absolute;
      left:305px;
      top:280px;
      font-size:24px;
      font-weight:bold;
    }
  
    #jp-page-movie #jp-page-movie-main .jp-page-movie-btn {
      position:absolute;
      right:30px;
      bottom:0;
    }
 
@media screen and (max-width: 767px) {
  
#jp-page-movie {
  width:100%;
}
  
    #jp-page-movie #jp-page-movie-main {
      margin-bottom:80px;
    }
  
    #jp-page-movie #jp-page-movie-main p.jp-page-movie-main-txt {
      left:29%;
      top:40%;
      font-size:16px;
    }
  
    #jp-page-movie #jp-page-movie-main .jp-page-movie-btn {
      right:10px;
      bottom:-45px;
    }
  
    #jp-page-movie .jp-page-movie-btn a {
      font-size:14px;
    }

}

@media screen and (max-width: 510px) {
  
  #jp-page-movie #jp-page-movie-main p.jp-page-movie-main-txt {
    left:25%;
    top:41%;
    font-size:10px;
  }

}
      
/*- jp-page-movie-content
-----------------------------------------------------------------------*/
#jp-page-movie-content {
  padding:20px;
}

  #jp-page-movie-content .jp-page-movie-content-article {
    margin-bottom:30px;
  }
  
    #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-question {
      margin-bottom:20px;
    }
  
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd) .jp-page-movie-content-article-question .jp-page-movie-content-article-question-img,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd) .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd) .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-img,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd) .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt {
        float:left;
      }
      
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-question .jp-page-movie-content-article-question-img,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-img,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt {
        float:right;
      }
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-answer > .jp-page-movie-content-article-answer-inner > .jp-page-movie-content-article-answer-img,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd) .jp-page-movie-content-article-answer > .jp-page-movie-content-article-answer-inner > .jp-page-movie-content-article-answer-txt,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd) .jp-page-movie-content-article-answer > .jp-page-movie-content-article-answer-inner > .jp-page-movie-content-article-answer-attention {
        float:left;
      }
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd) .jp-page-movie-content-article-answer > .jp-page-movie-content-article-answer-inner > .jp-page-movie-content-article-answer-img,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-answer > .jp-page-movie-content-article-answer-inner > .jp-page-movie-content-article-answer-txt,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-answer > .jp-page-movie-content-article-answer-inner > .jp-page-movie-content-article-answer-attention {
        float:right;
      }
  
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd) .jp-page-movie-content-article-question .jp-page-movie-content-article-question-img,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt {
        margin-right:30px;
      }
  
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt {
        display: table;
        position:relative;
        width:580px;
        height:auto;
        padding:30px 0 30px 20px;
        background:#fff;
        border-radius:6px;
      }
  
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd) .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt {
        padding-left:20px;
      }
  
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt {
        padding-right:20px;
      }
  
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt:before {
        content:' ';
        width:0;
        height: 0;
        position:absolute;
        border:20px solid transparent;
        top:40%;
      }
    
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd) .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt:before {
        left:-40px;
        border-right-color:#fff;
      }  
    
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt:before {
        right:-40px;
        border-left-color:#fff;
      }  
  
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt span {
          display:table-cell;
          vertical-align:middle;
          margin-right:20px;
          font-size:50px;
          color:#d70e18;
        }
    
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt p {
          display:table-cell;
          width:490px;
          vertical-align:middle;
          font-size:20px;
          font-weight:bold;
        } 
  
  #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer {
  }
    #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer > .jp-page-movie-content-article-answer-inner {
    }

      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-img {
        margin-top:-90px;
      }
    
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt {
        position:relative;
        width:670px;
        padding:25px;
        color:#fff;
        background:#439eec;
        font-size:18px;
        border-radius:6px;
      }
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-attention {
        width:670px;
        padding:5px 25px;
      }
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-attention > dt,
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-attention > dd {
        font-size:18px;
        font-weight:bold;
      }
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-attention > dt{
        margin-bottom:2px;
      }
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-attention > dd{
        line-height:1.2;
      }
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-attention > dd + dd{
        margin-top:5px;
      }
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-attention > dd > strong{
        color:#d70e18;
        font-weight:bold;
      }
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-note{
        text-indent:-1em;
        padding-left:1em;
      }
    
        #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd)  .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt,
        #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd)  .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-attention {
          margin:0 20px 0 40px;
        }
    
        #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt,
        #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-attention {
          margin:0 40px 0 20px;
        }
    
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt:before {
          content:' ';
          width:0;
          height: 0;
          position:absolute;
          border:20px solid transparent;
          /*top:70%;*/
        }
    
        #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd) .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt:before {
          right:-40px;
          border-left-color:#439eec;
        }
    
        #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt:before {
          left:-40px;
          border-right-color:#439eec;
        }
    
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt dt,
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt dd {
          float:left;
        }
    
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt dt {
          width:350px;
          margin-right:20px;
          }
    
            #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt dt p {
              display:block;
            }
    
              #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt span a {
                display:inline-block;
                margin-top:20px;
                margin-bottom: 10px;
                padding:8px 30px 8px 40px;
                color:#000;
                font-size:20px;
                font-weight:bold;
                border-radius:6px;
                background:url(../img/content/arrow.png) left 15px center no-repeat #fff100;
               }
    
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt dd {
          width:290px;
        }
  
@media screen and (max-width: 767px) {
  
#jp-page-movie-content {
  padding:10px;
}
  
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-question .jp-page-movie-content-article-question-img {
        width:17%;
        margin:0;
      }
  
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-question .jp-page-movie-content-article-question-img img {
          height:auto;
        }
  
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt {
        width:67%;
        padding:3% !important;
      }
  
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt:before {
        border:10px solid transparent;
        top:30%;
      }
  
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd) .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt:before {
        left:-20px;
      }  
  
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt:before {
        right:-20px;
      }
  
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt:before {
        top:10%;
      }
  
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt:before {
        border:10px solid transparent;
        top:10%;
      }
  
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd) .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt:before {
        right:-20px;
      }
  
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even) .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt:before {
        left:-20px;
      }
  
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt span {
          width:16%;
          margin-right:3%;
          font-size:18px;
          font-weight:bold;
        }
  
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-question .jp-page-movie-content-article-question-txt p {
          width:80%;
          font-size:14px;
        }
  
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-img {
        width:22%;
        padding:0;
        margin:0;
      }
  
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-img img {
          height:auto;
        }
  
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt {
        width:70%;
        margin:0;
        padding:3%;
      }
      #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer > .jp-page-movie-content-article-answer-inner > .jp-page-movie-content-article-answer-attention {
        clear:both;
        margin:0;
        padding:3%;
        width:100%;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
      }
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer > .jp-page-movie-content-article-answer-inner > .jp-page-movie-content-article-answer-attention > dt,
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer > .jp-page-movie-content-article-answer-inner > .jp-page-movie-content-article-answer-attention > dd {
          font-size:14px;
        }
  
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd)  .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even)  .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd)  .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-attention,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even)  .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-attention {
        margin:0;
      }
  
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd)  .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt {
        margin-right:2%;
        font-size: 14px;
      }
  
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even)  .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt {
       margin-left:2%;
       font-size: 14px;
      }

            #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt span a {
              margin-top:10px;
              padding-right:20px;
              font-size:14px;
            }
  
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt dt {
          float:none;
          width:100%;
          margin-bottom:5%;
          font-size:14px;
        }
  
        #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt dd {
          width:100%;
        }
  
          #jp-page-movie-content .jp-page-movie-content-article .jp-page-movie-content-article-answer .jp-page-movie-content-article-answer-txt dd img {
            height:auto;
          }
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(odd)  .jp-page-movie-content-article-answer > .jp-page-movie-content-article-answer-inner > .jp-page-movie-content-article-answer-attention,
      #jp-page-movie-content .jp-page-movie-content-article:nth-child(even)  .jp-page-movie-content-article-answer > .jp-page-movie-content-article-answer-inner > .jp-page-movie-content-article-answer-attention {
        float:none;
      }
  
}

/*- jp-page-movie-end
-----------------------------------------------------------------------*/
#jp-page-movie-end {
  padding:30px;
}

  #jp-page-movie-end h2 {
    margin-bottom:20px;
    font-size:29px;
    font-weight:bold;
  }
  
  #jp-page-movie-end ul {
    padding:40px;
    border:10px solid #d70e18;
    background:#fff;
  }
  
    #jp-page-movie-end ul li {
      clear:both;
    }
      
      #jp-page-movie-end ul li p {
        float:left;
        width:54px;
        height:54px;
        margin-right:10px;
        line-height:54px;
        vertical-align:middle;
        text-align:center;
        font-size:30px;
        font-weight:bold;
        background:url(../img/end/star.png) left top no-repeat;
      }
    
      #jp-page-movie-end ul li dl {
        float:left;
        width:800px;
        margin-bottom:40px;
      }
    
      #jp-page-movie-end ul li:last-child dl {
        margin-bottom:0;
      }
    
        #jp-page-movie-end ul li dl dt {
          margin-bottom:10px;
          font-size:21px;
          font-weight:bold;
        }
      
        #jp-page-movie-end ul li dl dd {
          font-size:16px;
        }
      
@media screen and (max-width: 767px) {
  
#jp-page-movie-end {
  margin-bottom:30px;
  padding:10px;
}
  
  #jp-page-movie-end h2 {
    margin-bottom:5px;
    font-size:15px;
  }
  
  #jp-page-movie-end ul {
    border-width:5px;
    padding:20px 10px;
  }
  
    #jp-page-movie-end ul li p {
      font-size:20px;
      background-size:cover;
    }
  
    #jp-page-movie-end ul li dl {
      width:76%;
    }
  
    #jp-page-movie-end ul li dl dt {
      font-size:16px;
    }
  
    #jp-page-movie-end ul li dl dd {
      font-size:14px;
    }

}
      
/*- jp-page-movie-menu
-----------------------------------------------------------------------*/
#jp-page-movie-menu {
  padding:0 30px;
}

  #jp-page-movie-menu ul {
    margin-bottom:50px;
    padding:20px 20px 0 20px;
    background:#fff;
  }
  
    #jp-page-movie-menu ul li {
      float:left;
      display:inline-block;
      margin:0 40px 20px 0;
      padding-left:15px;
      font-size:15px;
      background:url(../img/menu/arrow.png) left center no-repeat;
    }
  
    #jp-page-movie-menu ul li a {
      color:#0164a3;
      text-decoration:underline;
    }
  
  #jp-page-movie-menu .jp-page-movie-btn {
    float:right;
  }

@media screen and (max-width: 767px) {
  
#jp-page-movie-menu {
  padding:0 10px;
}
  
  #jp-page-movie-menu ul {
    padding-bottom:10px;
  }
  
    #jp-page-movie-menu ul li {
      float:none;
      display:block;
      margin:0 0 20px 0;
    }
  
}