@charset "utf-8";


@media only screen and (max-width: 767px) {


    .castbox .cast-img {height: 90px;}
    .act-social-link {display: none;}

    .castbox.sh .cast-txt {padding: 8px 25px 0px 30px;}
    body { -webkit-touch-callout:none; }


    .castbox.sh .cast-img {height: 75px;}
    .castbox div.cast-img img {margin-top: -10%;}

    .castbox div.cast-img img, .castbox:hover div.cast-img img {
        -webkit-transform: inherit;
        -webkit-transition-timing-function: inherit;
        -webkit-transition-duration: inherit;
        -moz-transform: inherit;
        -moz-transition-timing-function: inherit;
        -moz-transition-duration: inherit;
        transform: inherit;
        transition-timing-function: inherit;
        transition-duration: inherit;

    }

    .list .castbox:hover .actname, .cast-img .actname {
        background: rgba(0, 0, 0, 0.2);
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
    }
    .cast-img .img-overlay {
        -webkit-transition:  inherit;
        -moz-transition:  inherit;
        -o-transition:  inherit;
        transition:  inherit;
        opacity: 1;
        visibility: inherit;
        display: none;
    }

    .castbox:hover .img-overlay, .castbox .cast-img:hover .img-overlay {
        visibility: inherit;
        opacity: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
    }

    .remodal-close {top: 2px;right: 2px;height: 50px; width: 50px; background-position: -224px -359px;}
    body.remodal_active .remodal-bg {
        -webkit-filter: inherit;
        -moz-filter: inherit;
        -o-filter: inherit;
        -ms-filter: inherit;
        filter: inherit;
    }


    .sp-non-display {display: none;}

    .masthead-brand {margin: 0;width: 200px; height: 17px;margin-top: 8px;margin-left: 5px;}
    .masthead-brand a {background-position: -1px -74px;width: 200px;height: 17px;background-size: 428px 428px;}
    .masthead-brand.ja {width: 155px;height: 29px;margin-top: 0px;margin-left: 5px;}
    .masthead-brand.ja a {background-position: -1px -41px;width: 155px;height: 29px;background-size: 520px 520px;}

    .masthead-brand.hamageki {width: 150px;height: 32px;margin-top: 0px;margin-left: 5px;}
    .masthead-brand.hamageki a {width: 150px;height: 32px; background-position: -311px -94px;background-size: 520px 520px;}
    #confirm-window.remodal .logo.hamageki h2 {width: 205px; background-position: -410px -125px;}

    .masthead-brand.shinjuku {width: 205px;height: 32px;margin-top: 0px;margin-left: 5px;}
    .masthead-brand.shinjuku a {width: 205px;height: 32px; background-position: -311px -47px;background-size: 520px 520px;}
    #confirm-window.remodal .logo.shinjuku h2 {width: 275px; background-position: -410px -62px;}

    .masthead-brand.sendai {width: 155px;height: 32px;margin-top: 0px;margin-left: 5px;}
    .masthead-brand.sendai a {width: 155px;height: 32px; background-position: -311px -3px;background-size: 520px 520px;}
    #confirm-window.remodal .logo.sendai h2 {width: 210px; background-position: -410px -2px;}

    .masthead-brand.kawasaki {width: 175px;height: 32px;margin-top: 0px;margin-left: 5px;}
    .masthead-brand.kawasaki a {width: 175px;height: 32px; background-position: -311px -137px;background-size: 520px 520px;}
    #confirm-window.remodal .logo.kawasaki h2 {width: 235px; background-position: -410px -182px;}



    .icone-social {text-align: center;}
    .content-section-menu {height: 60px;}
    .content-section-menu .container {padding-top: 10px;padding-bottom: 10px;}

    .masthead-nav > li > a {font-size: 14px; padding: 12px 8px 3px;}
    .masthead-nav > li {margin-left: 0px;margin-right: 0px;}
    .masthead-nav > li + li {margin-left: 0px;}

    .navbar-collapse {padding-right: 0px;padding-left: 0px;}

    .masthead .inner { width: 95%; }
    .masthead.fixed .masthead-nav li:first-child {display: none;}
    .masthead.fixed {height: inherit;}
    .masthead.fixed .inner {width: 100%;margin: 0;}
    .masthead.fixed .navbar-header {padding: 7px 5px;}
    .masthead.fixed .navbar-collapse {background-color: #b12128;border-top: 1px solid #a81f25;}

    .masthead.fixed .masthead-brand {margin-top: 8px;margin-left: 8px;}
    .masthead.fixed .masthead-brand a {background-position: -1px -74px;width: 200px;height: 30px;background-size: 428px 428px;}
    .masthead.fixed .masthead-brand.ja {margin-top: 4px;width: 130px;height: 25px;margin-left: 7px;}
    .masthead.fixed .masthead-brand.ja a {background-position: -1px -34px;width: 130px;height: 25px;background-size: 428px 428px;}

    .masthead.fixed .masthead-brand.hamageki {width: 128px;height: 25px;margin-left: 7px;margin-top: 4px;}
    .masthead.fixed .masthead-brand.hamageki a {width: 128px; background-position: -254px -78px;background-size: 428px 428px;}

    .masthead.fixed .masthead-brand.shinjuku {width: 170px;height: 25px;margin-left: 7px;margin-top: 4px;}
    .masthead.fixed .masthead-brand.shinjuku a {width: 170px; background-position: -255px -39px;background-size: 428px 428px;}

    .masthead.fixed .masthead-brand.sendai {width: 128px;height: 25px;margin-left: 7px;margin-top: 4px;}
    .masthead.fixed .masthead-brand.sendai a {width: 128px; background-position: -256px -2px;background-size: 428px 428px;}

    .masthead.fixed .masthead-brand.kawasaki {width: 142px;height: 25px;margin-left: 7px;margin-top: 4px;}
    .masthead.fixed .masthead-brand.kawasaki a {width: 142px; background-position: -256px -112px;background-size: 428px 428px;}



    .owl-carousel .item.pg1,.owl-carousel .item.pg2,.owl-carousel .item.pg3,.owl-carousel .item.pg4 {background-position: left center;}

    .owl-carousel .item.pg2 .msg {width: 88%;right: 6%;bottom: 20%;}
    .owl-carousel .item h3 { font-size: 21px;text-align: center;}
    .owl-carousel .item h4 { display: none; font-size: 13px; margin-bottom: 15px;}

    .customNavigation a {width: 12%;}
    .customNavigation a span {-webkit-background-size: 428px 428px;width: 20px;height: 32px;margin-top: -16px;margin-left: -10px;}
    .customNavigation a.prev span {
        background-position: 1px -108px;
    }
    .customNavigation a.next span {
        background-position: -29px -108px;
    }

    #map_canvas {display: none;}

    .content-section-a {padding: 28px 0 10px;}
    .content-section-a.actdetails {padding: 0px 0 0px;margin-bottom: 0em;}
    .content-section-a.weeksche {padding-top: 35px;}
    .content-section-a h2 {font-size: 17px;}

    .content-section-a.actdetails h2 {font-size: 17px; margin-bottom: 15px;}
    .content-section-a h2.title {font-size: 15px;}

    .date {min-width: 30px;}
    .date strong, .cal-term.sche .date strong, .cal-term.sche span {font-size: 16px;}
    .cal-term span, .date strong.days, .cal-term.sche .date strong.days {font-size: 27px;}
    .cal-term.sche {margin-top: 1.0em;}
    .content-section-a p.lead.sche {display: none;}
    .schebody {padding-top: 10px;}
    .schebox {margin-bottom: 1em;}
    .content-section-b.movhead, .content-section-b.schehead, .content-section-b.casthead {padding: 45px 0;}
    .content-section-b.movhead h2, .content-section-b.schehead h2, .content-section-b.casthead h2 {}
    .btn.share, .tblhead .btn.share {
        margin-top: 25px;
    }
    .tblhead .btn.share {margin-top: 0px;right: 8px;top: 8px; font-size: 11px;padding: 3px 10px 5px;}

    .castbox {margin-bottom: 15px;}
    .castbox.sh .cast-txt h3 {margin: 5px 0px 5px;}

    .castbox.sh .cast-txt .badge {font-size: 13px;}
    .content-section-a .btn.sche {float: inherit; margin-left: 0px; margin: 0 auto 10px;display: block;}
    .content-section-a p.lead {text-align: center;margin-bottom: 15px;}

    .content-section-b {padding: 17.5% 0;}
    .content-section-b h2 {font-size: 36px;}
    .content-section-b h4 {font-size: 13px;padding: 0 1em;}
    .content-section-b .btn {
        display: block;
        margin: 0 auto 10px;
        background-color: #E62832;
        border-color: #E62832;
    }

    .content-section-c {padding: 30px 0;}
    .content-section-c.bt0 {background-color: #121314;background-image: url("../images/section-a-bg2.png")}
    .bottom-content {background-image:none;}
    .bottom-content h2 {font-size: 15px;}
    .bottom-content ul {font-size: 10px;}
    footer li a {font-size: 12px;}

    .info-box {border-top: 2px solid #E62832;}
    .info-box .tblhead {padding: 15px 15px;}
    .info-box .tblbody {padding: 5px 15px 15px;}
    .info-box .tblhead h3 {font-size: 18px;}
    .info-box h6 {font-size: 14px;}
    .info-box h6 span {font-size: 12px;}
    .info-box ul li, .info-box ul.time li, span.address, span.tel {font-size: 13px;}
    .info-box td, .info-box th {padding: 8px 0px;font-size: 13px;}
    .info-box th span, .info-box td span {font-size: 10px;}

    .content-section-c .btn.maps {position: relative;display: block;margin: 0 auto;bottom: 0;right: 0;margin-top: 15px;}

    .content-section-a .btn.sche, .content-section-b .btn, .content-section-c .btn.maps {max-width: 300px;padding: 13px 25px;}


    .list .castbox.lg, .list .castbox.sm { height: auto; margin-bottom: 15px; }
    .list .col-xs-6:nth-child(2n+1) {padding-right: 7px;}
    .list .col-xs-6:nth-child(2n) {padding-left: 7px;}
    .list .castbox {margin-bottom: 15px;}
    .list .castbox .cast-txt h3 a {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

    .castbox.vertical .cast-txt {padding: 10px 0px;height: 35px;}
    .castbox.vertical .cast-txt h3 {font-size: 12px;padding: 0 20px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .castbox.sm .cast-img .actname, .cast-img .actname {font-size: 14px;padding-top: 0%;}
    .cast-img .actname h6 {margin: 0;position: absolute;bottom: 5px;text-align: center;width: 100%;font-size: 14px; }
    p.lead.desc {font-size: 12px;text-align: left;}
    form.contact label {font-size: 13px;}
    form.contact span {font-size: 11px;}
    form.contact .btn { padding: 7px 25px; font-size: 13px;}

    .content-section-a ul.tabs {width: 100%;font-size: 12px;text-align: center; margin: 0px auto 10px;}
    .nav-justified.tabs>li { float: inherit; display: inline-block; margin: 0px 2px;}
    .content-section-a .nav-pills>li>a {padding: 6px 15px;}

    #actress_prof .modal-body { position: relative;}
    #actress_prof .modal-body .row {position: absolute;width: 100%;}
    #actress_prof .modal-body .row .cast-txt {position: absolute; bottom: 0px;background-color: rgba(0,0,0,.6);padding-bottom: 4em;padding-top: 1.5em;overflow: auto;height: 35%;-webkit-overflow-scrolling: touch; border-top: 1px solid rgba(0,0,0,.2); }
    #actress_prof .modal-body .row .cast-txt h3 { font-size: 16px;margin-top: 0;}
    #actress_prof .modal-body .row .cast-txt h4 { font-size: 14px; color: #FFF;}
    #actress_prof .cast-txt ul {font-size: 12px;margin: 1em 0 0;color: #FFF;}

    #actress_prof .cast-txt ul.act-social-pages ol {display: none;}
    #actress_prof .cast-txt ul.act-social-pages {
        margin-top: 0em;
        position: absolute;
        top: 12px;
        right: 5px;
    }

    #share-window .modal-body h2 {padding-top: 15px;font-size: 24px; font-weight: 400;}
    #share-window .modal-body p.lead.desc {text-align: center;}
    #share-window ul.sharelink li a {border: 1px solid #FFF;}
    #share-window .modal-body .form-group {width: 80%;}
    .form-control {}
    form.contact, .right-bn {margin-bottom: 15px;}

    .goods {margin-bottom: 1em;}
    .item-box {margin-bottom: 0;}
    .item-box .item-img {max-height: 145px;}
    .item-box .item-txt {padding: 0px 25px 0px 30px;}
    .item-box .item-txt .inner {padding: 0px;}
    .item-box h5, .multi .item-box h5 {margin: 5px 0 5px;font-size: 14px;}
    .item-box h6, .multi .item-box h6 {margin: 12px 0 5px;font-size: 12px;}
    .item-box p {line-height: 1.35; font-size: 13px; display: none;}
    .item-box p.price, .multi .item-box p.price {font-size: 14px; display: block;margin-bottom:8px;}
    .item-box .btn, .multi .item-box .btn {padding: 4px 12px;margin: 0px 0px 5px;font-size: 12px;text-transform: uppercase;float: right;}
    .multi .item {width: 100%; display: block; float: inherit;}

    .actdetails .row .cast-img {max-height: initial;padding: 0px;}
    .actdetails .row .cast-txt {padding-top: 0px;}
    .actdetails .row .cast-txt ul.act-social-pages {margin-top: 0em; margin-bottom: 2em;position: absolute;right: 15px;top: 0px;}
    .actdetails .row .cast-txt ul.act-social-pages ol{ display: none;}
    .actdetails .row .cast-txt ul.act-social-pages li a {margin-right: 0px; margin-left: 3px;}
    .actdetails .goods {margin-bottom: 0;}
    .actdetails .item-box h5 {margin: 10px 0 5px;}
    .actdetails .item-box .btn {margin: 0px 0 0px;}
    .actdetails .item-box .item-img {max-height: 125px;}

}


@media (max-width: 768px) {
    .item {display: block;padding: 0px 15px 15px;}
}



/* Phone */
@media only screen and (min-device-width: 320px) and (max-device-width: 1280px) {
    /* insert styles here */

}



/* Phone Portrait (320px) */
@media only screen and (device-width: 320px) and (orientation: portrait) {
    /* insert styles here */



}

/* Phone Landscape (480px) */
@media only screen and (device-width: 480px) and (orientation: landscape) {
    /* insert styles here */
}

/* Android Phone (480px) */
@media only screen and (min-device-width: 321px) and (orientation: portrait) {
    /* insert styles here */


}



/* phone Landscape */
@media only screen and (max-device-width: 960px) and (orientation: landscape) {
    /* insert styles here */


}


/* phone Landscape */
@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    /* insert styles here */


}




/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* insert styles here */
    body.remodal_active .remodal-bg {
        -webkit-filter: inherit;
        -moz-filter: inherit;
        -o-filter: inherit;
        -ms-filter: inherit;
        filter: inherit;
    }
    .masthead.fixed .masthead-nav li:first-child {display: none;}
    .masthead-nav > li > a {font-size: 14px;}


    .castbox div.cast-img img, .castbox:hover div.cast-img img {
        -webkit-transform: inherit;
        -webkit-transition-timing-function: inherit;
        -webkit-transition-duration: inherit;
        -moz-transform: inherit;
        -moz-transition-timing-function: inherit;
        -moz-transition-duration: inherit;
        transform: inherit;
        transition-timing-function: inherit;
        transition-duration: inherit;
    }

    .list .castbox:hover .actname, .cast-img .actname {
        background: rgba(0, 0, 0, 0.2);
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
    }





    .cast-img .img-overlay {
        -webkit-transition:  inherit;
        -moz-transition:  inherit;
        -o-transition:  inherit;
        transition:  inherit;
        opacity: 1;
        visibility: inherit;
        display: none;
    }

    .castbox:hover .img-overlay, .castbox .cast-img:hover .img-overlay {
        visibility: inherit;
        opacity: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
    }




}

/* iPad Portrait */
@media only screen and (device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* insert styles here */

    .owl-carousel .item.pg2 .msg {
        width: 84%;right: 7%;}
    .owl-carousel .item.pg2,.owl-carousel .item.pg3,.owl-carousel .item.pg4 {background-position: left center;}
    .navbar-header {float: inherit;}


    .masthead-nav {text-align: center;float: inherit; margin-top: 20px;}
    .masthead.fixed .masthead-nav > li + li { margin-left: 15px; }
    .masthead.fixed .navbar-header {float: left;}
    .masthead.fixed .masthead-nav {float: right; margin-top: 0px;}

    .masthead.fixed .masthead-nav > li + li { margin-left: 8px; }

}

/* iPad Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* insert styles here */

}


