@charset "utf-8";

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}


/* WinIE6 以下,  MacIE5 */

* html .clearfix {
    height: 1%;
}


/* IE7,MacIE5 */

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

a img {
    transition: 0.6s;
}

a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}


/******* test  *********/

h1#test {
    font-size: 3em;
    line-height: 100%;
    background: linear-gradient(#05FBFF, #1E00FF);
    color:  aquamarine;
}


/******* header  *********/

#header-s {
    position: relative;
    height: auto;
}

#header-s #count {
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    bottom: 0;
    width: 298px;
    margin: 0 0 0 30px;
}
#header-s #count2 {
    position: absolute;
    bottom: 0;
    left: 650px;
    right: 20px;
    bottom: 100px;
    width: 298px;
    margin: 0 ;
}

#startTex {
    position: absolute;
    font-weight: bold;
    font-size: 3em;
    line-height: 1em;
    color: #fff;
    width: 17em;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 27px;
    background: #FF39A7;
    padding: 20px 20px;
}

#header-s #countEnd {
    position: absolute;
    font-size: 2em;
    color: #fff;
    padding: 10px 20px;
    line-height: 1.2em;
    border-radius: 5px;
    background-color: #ff4e41;
    top: 15px;
    left: 30px;
}


/******* sns  *********/

#sns {
    overflow: hidden;
    margin: 10px 0 10px;
}

#sns li {
    float: right;
    padding-left: 13px;
}


/******* av op opGallery *********/

#avop-op-gallery {
    border: 1px solid #e9e9e9;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);
    border-top: 4px solid #49E965;
    padding: 10px 0 30px;
    margin: 0 0 50px 0;
}

#avop-op-gallery h2 {
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    margin: 15px 0 5px;
}

#avop-op-gallery ul li {
    float: left;
    width: calc(988px/5);
    text-align: center;
    margin: 15px 0 0 0;
}


/******* introduction *********/


/*#introduction {
	background: url(../img/int-bg.png) no-repeat;
	height: 230px;
	padding: 24px 35px;
	margin-bottom: 50px;
}
#introduction a img {
	float: left;	
}
#introduction #avop_text_box {
	width: 450px;
	float: right;
	padding: 20px 0 0 0;	
}
#introduction #avop_text_box p:nth-child(1) {
	width: 214px;
	margin: 0 auto;	
	padding: 0 0 30px 0;
}*/

#introduction {
    background: url(../img/int-bg.png) no-repeat;
    height: 393px;
    padding: 24px 35px 0;
    margin-bottom: 15px;
}

#avop_text_box {
    width: 70%;
    margin: 0 auto;
}

#introduction #avop_text_box p:nth-child(1) {
    text-align: center;
    padding: 0 0 30px 0;
}

#introduction ul {
    margin: 30px 25px 0;
    padding-bottom: 0;
}

#introduction ul li {
    float: left;
    width: 205px;
    text-align: center;
    padding: 0 42px;
}

#official-movie {
    width: 785px;
    color: #fff;
    background: #000;
    text-align: center;
    margin: 10px auto 0;
    font-weight: bolder;
    letter-spacing: 5px;
}


/******* department *********/

#department {
    padding-bottom: 30px;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
}
.hard-1{
    position: absolute;
    /* background-color: red; */
    width: 100%;
    color: red;
    text-align: center;
    font-size: 2em;
    line-height: 1.5;

    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
@-webkit-keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-9px,0);
        transform: translate3d(0,-9px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-9px,0);
        transform: translate3d(0,-9px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-9px,0);
        transform: translate3d(0,-9px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-9px,0);
        transform: translate3d(0,-9px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}
#department p {
    text-align: center;
}

#department li {
    /*float: left;*/
    width: 480px;
    height: 1110px;
    margin-left: 13px;
    border: 1px solid #e9e9e9;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);
    position: relative;
}

#department li:nth-child(-n+2) {
    margin-bottom: 20px;
}

#department .depa-logo {
    margin: 40px 0;
}

#department li:nth-child(3) .depa-logo {
    margin-bottom: 53px;
}

#department li .reservation-btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 350px;
}

#department li .entry1 {
    position: absolute;
    /*top:0;  bottom:0;*/
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 180px;
}

#department li .vote1 {
    position: absolute;
    /*top:0;  bottom:0;*/
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 250px;
}

#department li .scroll-btn {
    position: absolute;
    /*top:0;  bottom:0;*/
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 50px;
}

#department li:nth-child(4) .reservation-btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 330px;
}

#department h2 {
    text-align: center;
    padding: 50px 0 45px;
}

.jk-img {
    padding-bottom: 30px;
}

#department li:nth-child(1) {
    border-top: 4px solid #5470ff;
}

#department li:nth-child(3) {
    border-top: 4px solid #460fe5;
}

#department li:nth-child(2) {
    border-top: 4px solid #cf54ff;
}

#department li:nth-child(4) {
    border-top: 4px solid #54c1ff;
}

#department p:nth-of-type(1) {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}

#department h3 {
    text-align: center;
}

#department li:nth-child(1) .depa-logo {
    margin-bottom: 45px;
}

#department li:nth-child(2) .depa-logo {
    margin-bottom: 30px;
}

#department li:nth-child(3) .depa-logo {
    margin-bottom: 30px;
}

#department li:nth-child(1) h3 {
    margin-top: 5px;
}

#department li:nth-child(2) h3 {
    margin-top: 10px;
}

#department li:nth-child(3) h3 {
    margin-top: 15px;
}

#department li:nth-child(4) h3 {
    margin-top: 0px;
}

#department h4 {
    font-size: 17px;
    text-align: center;
    padding: 30px 0 12px 0;
    font-weight: bold;
}

#depa-z-z {
    /*position: relative;	*/
}

p#depa-z {
    /*position: absolute;	
	z-index: 9999;
	top: 291px; right: 0; left: 0 ; bottom: 0 ;
	margin: 0 auto;*/
    text-align: center;
    margin-bottom: 90px;
}
.rentalStart{
    position: absolute;
    width: 100%;
    bottom: 307px;
    font-weight: bold;
    
}
.actressEnd{
    position: absolute;
    width: 100%;
    bottom: 160px;
    font-weight: bold;
}


/******* movie-info-box *********/

.movie-info-box {
    border: 1px solid #e9e9e9;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);
    border-top: 4px solid #cf54ff;
    padding: 0 10px;
    margin-bottom: 40px;
}

.movie-info-box .label-logo {}

#avop264 {
    border-top: 4px solid #460fe5;
}

#avop260 {
    border-top: 4px solid #5470ff;
}

#avop215 {
    border-top: 4px solid #54c1ff;
}

.movie-info-box>p {
    margin: 40px 0 00px;
}

.movie-info-box h2 {
    font-size: 1.45em;
    font-weight: bold;
    margin: 50px 0 50px;
    text-align: center;
}

.movie-info-box h2.yanhibi {
    font-size: 1.4em;
}

.movie-info-box h3 {
    font-weight: bold;
    text-align: center;
    margin: 15px 0 10px;
}

.movie-info-box p:nth-child(1) {
    text-align: center;
}

.movie-info-box div>img:nth-child(1) {
    float: left;
}

.movie-info-box .right-aria {
    float: right;
    width: 290px;
    padding: 0 0 0 0;
}

.movie-info-box dl {
    font-size: 90%;
    margin: 20px 0 0 0;
}

.movie-info-box dt {
    float: left;
    width: 30%;
}

.movie-info-box .footer-eria {
    margin: 20px 0;
}

.movie-info-box .footer-eria ul li {
    float: left;
}

.movie-info-box .footer-eria a:nth-child(2) {
    float: right;
    margin-right: 10px;
}

#buy-area {}

#buy-area ul li {
    float: left;
    width: 134px;
    margin: 0 5px 0 15px;
}

.flex {
    display: -webkit-flex;
    display: flex;
    align-content: space-between;
    justify-content: center;
    margin: 0 0 20px 0;
}

.flex a:nth-child(2) {
    margin: 0 0 0 20px;
}


/*******  producer comments  *********/

#producerComments {
    border: 1px solid #e9e9e9;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);
    border-top: 4px solid #E5E428;
    margin: 0 0 40px 0;
    text-align: center;
    padding: 0 0 20px 0;
}

#producerComments h2 {
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    margin: 20px 0 15px;
}
.rentalStart2{
    text-align: center;
    padding: 0;
    margin-top: -14px !important;
}
.rentalStart2 span{
    margin-left: 205px
}
/******* av op 2016 site bnr and jp ep*********/

#bnr {
    width: 817px;
    margin: 0 auto 50px;
}

#bnr li {
    float: left;
}

#bnr li:nth-child(2) {
    padding: 0 0 0 50px;
}


/******* kmp top bnr *********/

p#home {
    text-align: center;
    padding-bottom: 20px;
}