/* ----------------------------------------------------------------------
index
---------------------------------------------------------------------- */

.secHead em {
    display: block;
    color: #e0d12d;
    font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 5px;
    letter-spacing: 0.1em;
}

.movieBox {
    background:#efefef;
    text-align:center;
}

.movieBox h2 {
    margin-bottom:20px;
    padding-bottom:5px;
}

.movieBox .container {
    padding:60px 0;
    max-width:800px;
}

.movieBox h2 {
    font-size:2rem;
    color:#333;
    text-align:center;
    border-bottom:2px solid #333;
    display:inline-block;
}

.movieBox .inner {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.movieBox .inner iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.secHead h2 span,.secHead h3 span {
    display:inline-block;
}

/*
peopleBox
-------------------------------------------------- */
.peopleBox {
    padding:60px 0;
    text-align:center;
    background:#004794;
}

.peopleBox h3 {
    font-size:2rem;
    text-align:center;
    margin-bottom:30px;
    border-bottom:2px solid #fff;
    color:#fff;
    display:inline-block;
    padding-bottom:5px;
}

.peopleBox p {
    color:#fff;
    margin-bottom:20px;
}

.peopleBox li {
    width:33.3333%;
    float:left;
    line-height:0;
    position:relative;
}

.peopleBox li span {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-35px;
    margin-left:-35px;
}



.mfp-content {
    background:#fff;
}

.mfp-content .txt {
    padding:20px;
}

.mfp-content .nameBox {
    margin-bottom:10px;
}

.mfp-content .nameBox p {
    font-weight:bold;
    margin-bottom:5px;
}

.mfp-content h2 {
    font-size:1.6rem;
    margin-bottom:10px;
}

.mfp-content h3 {
    font-size:1.5rem;
}

.mfp-content .txtBox h3 {
    margin-bottom:10px
}

.mfp-content h4 {
    font-size:1.4rem;
    margin-bottom:10px;
}

.mfp-content .txtBox {
    margin-bottom:20px;
}

.favorite {
    padding:20px;
    border:1px solid #e0d12d;
}

.favorite h3 {
    margin-bottom: 10px;
    border-bottom: 3px solid #333;
    padding-bottom: 3px;
}

.favorite h4 {
    margin-bottom:4px;
    display:inline-block;
    background:#ffff77;
}

@media screen and (max-width: 768px) {
    .mfp-content .txt {
        padding:15px;
    }

    .peopleBox li span {
        margin-top: -30px;
        margin-left: -30px;
    }

    .peopleBox li span img {
        width:60px;
        height:60px;
    }
}

@media screen and (max-width: 700px) {
    .peopleBox li {
        width:50%;
    }
}

@media screen and (max-width: 500px) {
    .mfp-content .txtBox p {
        font-size:1.3rem;
    }
    .favorite {
        padding:15px;
    }
    .favorite p {
        font-size:1.3rem;
    }
}

@media screen and (max-width: 350px) {
    .peopleBox li {
        width:100%;
    }
}