@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&subset=japanese');

html {
    margin: 0;
    padding: 0;

}

body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue" ,sans-serif;
    background-color: #000;
    color: #333;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

a:visited {
    color:#333;
}

.scrollFadeIn {
    transition: opacity 2s;
}

#returnTop {
    position: fixed;
    bottom: 20px;
    right: 12px;
}

#returnTop a {
    display: block;
    opacity: 0.4;
}

#returnTop a:hover {
    text-decoration: none;
    opacity: 1.0;
}

.footerArea {
    width: 100%;
    margin: 0;
    background-color: #000;
    text-align: center;
}

.copyright {
    color: #fff;
    font-size: 12px;
    padding: 20px 0;
}

.fs24 {
    font-size: 24px;
}

.fs30 {
    font-size: 30px;
}

.fcred {
    color: #b50009;
}

.underline {
    text-decoration: underline;
}

.pcShow {
    display: block;
}
.spShow {
    display: none;
}
.blink {
	animation: 1s linear infinite blink_effect;
}
@keyframes blink_effect{
0% {
	 color: #fff;
	}
49% {
	 color: #fff;
	}
50% {
	 color: #b50009;
	}
100%{
	color: #b50009;
	}
}

.contents_area {
    width: 100%;
    margin: 0;
    padding: 40px 0 40px 0;
    background: url(../images/bg_honeycomb.png) center top repeat;
    position: relative;
}

.header_area {
    background: #000;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    height: 114px;
}

h1.logo {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 84px;
}

h1.logo img {
    height: 100%;
    width: auto;
}

.title_area {
    display: none;
    margin: 0 5% 0 5%;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
    font-family: 'Noto Serif JP', sans-serif;
    color: #fff;
    text-shadow: 1px 1px 0 #000, -1px -1px 0 #000,
        -1px 1px 0 #000, 1px -1px 0 #000,
        0px 1px 0 #000, 0 -1px 0 #000,
        -1px 0 0 #000, 1px 0 0 #000;
}

.main_contents {
    display: none;
    width: 90%;
    margin: 0 auto 30px auto;
    padding: 20px 30px;
    overflow: hidden;
    background-color: rgba(0,0,0,0.7);
    max-width: 1160px;
}

.not_foung_msg {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 0;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: 'Noto Serif JP', sans-serif;
}

/* NAV */
.global_nav {
    display: block;
    height: 110px;
    margin: 0 auto;

    background: #0c0c0c;
}

.global_nav .inner {
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    width: 97.5%;
    margin: 0 auto;
    padding: 0;
    max-width: 1160px;
}

.global_nav_sp {
    display: none;
}

h1.logo_gnav {
    width: 30%;
    margin: 13px 0;
    padding: 0;
    height: 84px;
}

h1.logo_gnav img {
    width: auto;
    height: 100%;
}

h1.logo_gnav a {
    transition: opacity .3s;
}

h1.logo_gnav a:hover {
    filter:alpha(opacity=85);
    -ms-filter: "alpha(opacity=85)";
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
}
.g_nav{
    width: 62%;
    margin: 26px 0 8px 0;
    height: 84px;
}

.g_nav .nav_list{
    margin: 0;
    padding: 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.g_nav .nav_list li {
    text-decoration: none;
    color: #fff;
    margin: 0px 18px 15px 0;
    padding: 0;
    font-size: 20px;
    letter-spacing: 1px;
    font-family: 'Noto Serif JP', sans-serif;
    transition: color .4s;
    position: relative;
}

.g_nav .nav_list li:hover {
    cursor: pointer;
    color: #e60012;
}
.g_nav .nav_list a:hover {
    color: #e60012;
}

.g_nav .nav_list li a {
    text-decoration:none;
    color: #fff;
    display: block;
    transition: color .4s;
}

.g_nav .nav_list li::after {
      position: absolute;
      bottom: -4px;
      left: 0;
      content: '';
      width: 100%;
      height: 1px;
      background: #b2b2b2;
      transform: scale(0, 1);
      transform-origin: left top;
      transition: transform .3s;
}

.g_nav .nav_list li:hover::after {
    transform: scale(1, 1);
}

#returnTop {
    display: none;
}

.news_page_area_inner {
	width: 100%;
    height: 100%;
    margin: 10px 0 20px 0;
	padding: 20px 0 0 0;
    background-color: rgba(46,46,46,0.7);
    color: #fff;
}
.news_area_contents {
	padding: 0 30px;
	line-height: 26px;
}
.news_area_contents p.date {
    color: #b50009;
	font-weight: bold;
	margin: 0;
}
.news_area_contents p.news_title {
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #9a9a9a;
	font-weight: bold;
}
.news_area_contents p.news_detail {
	margin: 0;
    padding: 20px 0;
}
.fs14 {
    font-size: 18px;
}
.news_area_contents a {
	color: #b50009;
}

.news_image {
    width: 100%;
    max-width: 800px;
}

.news_image img {
    width: 100%;
}

.news_image_600 {
    width: 100%;
    max-width: 600px;
}

.news_image_600 img {
    width: 100%;
}

.news_movieBox {
    width: 100%;
}

.news_movieBox img {
    width: 100%;
    max-width: 600px;
}

.news_cast_comment {
    width: 100%;
    margin: 0;
    padding: 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.news_cast_comment li {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0;
}

.news_cast_comment li:nth-child(1) {
    width: 200px;
    margin: 0 15px 15px 0;
}
.news_cast_comment li:nth-child(1) img {
    width: 100%;
    height: auto;
}

.news_cast_comment li:nth-child(2) {
    width: calc( 100% - 215px );
}

.news_cast_comment li .cast_name {
    display: block;
    margin: 0 0 10px 0;
    font-size: 18px;
    color: #e60012;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.news_image_flex {
    display: flex;
}

.news_image_flex img {
    width: 32%;
}

.news_image_flex img + img {
    margin: 0 0 0 2%;
}

/* Theater */
.under_theater_area{
    position: relative;
    z-index: 2;
}

.theater_title_under {
    margin: 0 0 40px 0;
}

.btn_area {
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 0;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-indent: -15px;
    transition: background .3s;
    position: relative;
    cursor: pointer;
    background: #aa000d;
    border-radius: 3px;
}

.btn_area a {
    display: block;
    font-family: 'Noto Serif JP', sans-serif;
    color: #fff;
    font-size: 18px;
    padding: 16px 48px;
    border-radius: 3px;
    transition: background .4s;
}

.btn_area a:hover {
    text-decoration: none;
    background: #c0000f;
}

.btn_area::after {
    content: "";
    position: absolute;
    background: url("../images/arrow_down.png");
    background-size: 100%;
    height: 8px;
    width: 15px;
    right: 15px;
    top: 2px;
    bottom: 0;
    margin: auto;
    transition: .6s;
}

.area_name {
    letter-spacing: 1px;
    font-size: 18px;
    font-family: 'Noto Serif JP', sans-serif;
    font-weight: 500;
    color: #e60012;
    margin: 40px 0 0 0;
    padding: 0 0 12px 26px;
}

.theater_list {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border-top: 1px solid #fff;
}

.theater_list_title {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background-color: rgba(230,0,18,0.4);
    border-top: 1px solid #fff;
}

.theater_list_title li,.theater_list li {
    width: 100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-decoration: none;
    color: #fff;
    margin: 0;
    padding: 12px 0 12px 26px;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Noto Serif JP', sans-serif;
}

.theater_list li {
    font-size: 20px;
    border-bottom: 1px solid #fff;
}

.theater_list li a {
    color: #fff;
}

.theater_list li a:hover {
    text-decoration: none;
    border-bottom: 1px solid #fff;

}

.theater_list_title li p.pref,.theater_list li p.pref {
    margin: 0;
    padding: 0;
    width: 30%;
}

.theater_list_title li p.name,.theater_list li p.name {
    margin: 0;
    padding: 0;
    width: 50%;
}

.theater_list li span {
    font-size: 14px;
    margin-left: 8px;
}


.theater_list_title li p.tel,.theater_list li p.tel {
    margin: 0;
    padding: 0;
    width: 20%;
}

.splash1 {
    opacity: 0;
    position: absolute;
    top: 700px;
    left: 4%;
    z-index: 1;
}

.splash2 {
    opacity: 0;
    position: absolute;
    top: 1300px;
    right: 5%;
    z-index: 1;
}

.scrollCutIn {
    transition: opacity 0s;
}

.img_present{
    margin: 0 auto;
    width: 99%;
    padding: 0 0 10px 0;
    display: flex;
}

.img_present img{
    width: 23%;
    margin: 0 3px;
    display: inline-block;
}

.image_download_link_box{
    margin: 0 auto;
    width: 99%;
    padding: 0 0 40px 0;
    display: flex;
}

.image_download_link_box a{
    width: 23%;
    margin: 0 3px;
    text-align: center;
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    padding: 5px 0;
    font-weight: 500;
    letter-spacing: 1.5px;
    font-family: 'Noto Serif JP', sans-serif;
    transition: background .3s;
    position: relative;
}

.news_pdf_link {
    display: block;
    height: 100%;
    transition: opacity .3s;
    cursor: pointer;
}

.news_pdf_link:hover {
    opacity: 0.7;
}

/* VOD */

.vod_title_under {
    margin: 0 0 40px 0;
}

.under_vod_area {
    position: relative;
    z-index: 2;
}

.vod_info {
    letter-spacing: 1px;
    font-size: 18px;
    font-family: 'Noto Serif JP', sans-serif;
    font-weight: 500;
    color: #e60012;
    margin: 40px 0 0 0;
    padding: 0 0 12px 26px;
}

.vod_list {
    width: 100%;
    margin: 16px auto 0;
    padding: 0;
    border-top: 1px solid #fff;
}

.vod_list li {
    width: 100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-decoration: none;
    color: #fff;
    margin: 0;
    padding: 12px 0 12px 26px;
    letter-spacing: 1px;
    font-weight: 400;
    font-family: 'Noto Serif JP', sans-serif;
    font-size: 20px;
    border-bottom: 1px solid #fff;
}

.vod_list li p.name {
    margin: 0;
    padding: 0;
    width: 30%;
}

.vod_list li p.url {
    margin: 0;
    padding: 0;
    width: 70%;
}

.vod_list li p.url a {
    color: #fff;
}

.vod_list li p.url a:hover {
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

/* for Tablet */
@media (max-width: 1149px) {
    .spShow {
        display: none;
    }

    /* NAV */
    .g_nav{
        width: 60%;
        margin: 13px 0 8px 0;
        height: 84px;
    }

    .g_nav .nav_list li {
        margin: 0px 15px 8px 0;
        padding: 0;
        font-size: 18px;
        letter-spacing: 0.5px;
    }

}

/* for SP */
@media (max-width: 767px) {

    .contents_area {
        padding: 25px 0 25px 0;
    }

    .header_area {
        background: #000;
        margin: 0 auto;
        padding: 15px 0;
        text-align: center;
        height: 90px;
    }

    .title_area {
        padding: 8px 0;
        text-align: center;
        font-size: 16px;
    }

    h1.logo {
        width: 100%;
        margin: 0;
        padding: 0;
        height: 60px;
    }


    .not_foung_msg {
        font-size: 14px;
    }

    .pcShow {
        display: none;
    }
    .spShow {
        display: block;
    }

    /* NAV */
    .global_nav {
        display: none;
    }

    .global_nav_sp {
        display: block;
    }

    .global_nav_sp_under {
        background: #000;
        margin: 0 auto;
        padding: 15px 0;
        text-align: center;
        height: 90px;
    }
    .g_nav .nav_list li::after {
          height: 0px;
          transition: none;
    }

    h1.logo_gnav {
        width: 30%;
        margin: 0 auto;
        padding: 0;
        height: 60px;
    }

    h1.logo_gnav img {
        width: auto;
        height: 100%;
    }

    h1.logo_gnav a {
        transition: opacity .3s;
    }

    h1.logo_gnav a:hover {
        filter:alpha(opacity=85);
        -ms-filter: "alpha(opacity=85)";
        -moz-opacity: 0.85;
        -khtml-opacity: 0.85;
        opacity: 0.85;
    }

    .menu_area {
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
    }

    .menu_btn, .menu_btn span {
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        cursor :pointer;
    }

    .menu_btn {
        position: relative;
        float: left;
        margin: 3px 0 0 3px;
        width: 34px;
        height: 34px;
        z-index: 13;
        background: #b50009;
        background-size:cover;
    }

    .menu_btn span {
        position: absolute;
        background: #fff;
        width: 20px;
        height: 2px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .menu_btn span:nth-of-type(1) {
        top: 9px;
    }

    .menu_btn span:nth-of-type(2) {
        top: 16px;
    }

    .menu_btn span:nth-of-type(3) {
        top: 23px;
    }

    .menu_btn.active span:nth-of-type(1) {
        top: 15px;
        -o-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .menu_btn.active span:nth-of-type(2) {
        filter:alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
    }

    .menu_btn.active span:nth-of-type(3){
        top: 15px;
        -o-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .g_nav{
        z-index: 12;
        width: 230px;
        height: 100%;
        position: fixed;
        top: 0;
        left: -230px;
        transition: all 0.2s;
        /*overflow: hidden; 20190304*/
        margin: 0;
        padding: 0;
        background: #000;
        right: 0; /* 20190304*/
        bottom: 0; /* 20190304*/
        overflow-y: auto; /* 20190304*/
        -ms-overflow-style:none; /* 20190304*/
    }

    .g_nav::-webkit-scrollbar { /* 20190304*/
        display:none;
    }

    .g_nav.active {
        transform: translateX(230px);
    }

    .menu_overlay {
        z-index: 11;
        display: block;
        width: 0;
        height: 0;
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.4);
    }

    .menu_overlay.active {
        width: 100%;
        height: 100vh;
    }

    .g_nav .nav_list{
        margin: 0;
        padding: 100px 15% 50px 5%;
        display: inherit;
        flex-wrap: inherit;
        align-items: inherit;
    }

    .g_nav .nav_list li {
        border-bottom: 1px dotted #7a7a7a;
        text-align: left;
        text-decoration: none;
        color: #fff;
        margin: 0;
        padding: 12px 0;
        text-indent: 8px;
        font-size: 14px;
        letter-spacing: 1px;
        font-family: 'Noto Serif JP', sans-serif;
    }
    .g_nav .nav_list li a {
        text-decoration:none;
        color: #fff;
    }

    .g_nav .nav_list li:hover {
        cursor: pointer;
    }

    .g_nav .nav_list li a {
        display: block;
    }


	.main_contents {
		width: 100%;
		margin: 0 auto;
		padding: 20px 20px;
	}
	.news_area_contents {
		padding: 0 10px;
	}
	.news_area_contents p.news_title {
		font-size:16px;
	}
	.news_area_contents p.news_detail {
		font-size: 12px;
		line-height: 22px;
	}
	.fs14 {
        font-size: 14px;
    }

    .news_movieBox img {
        max-width: 300px;
    }

    .news_cast_comment li {
        list-style: none;
        margin: 0 0 15px 0;
        padding: 0;
		font-size: 12px;
		line-height: 22px;
    }

    .news_cast_comment li:nth-child(1) {
        width: 100%;
        margin: 0 0 15px 0;
        text-align: center;
    }
    .news_cast_comment li:nth-child(1) img {
        width: 100%;
        height: auto;
        max-width: 200px;
    }

    .news_cast_comment li:nth-child(2) {
        width: 100%;
        margin: 0 0 25px 0;
    }

    .news_cast_comment li .cast_name {
        font-size: 16px;
    }

    .news_image_flex {
        display: block;
        text-align: center;
    }

    .news_image_flex img {
        width: 60%;
    }

    .news_image_flex img + img {
        margin: 2% 0 0 0;
    }

    /* Theater */
    .theater_title_under {
        margin: 0 0 20px 0;
    }

    .btn_area {
        display: inline-block;
        margin: 0 8px 8px 0;
        padding: 0;
        font-weight: 500;
        letter-spacing: 1.5px;
        text-indent: -15px;
        transition: background .3s;
        position: relative;
        cursor: pointer;
        background: #aa000d;
        border-radius: 3px;
    }

    .btn_area a {
        font-size: 16px;
        padding: 8px 28px 8px 28px;
        border-radius: 3px;
    }

    .btn_area::after {
        height: 4px;
        width: 8px;
        right: 10px;
        top: 2px;
        bottom: 0;
    }

    .area_name {
        letter-spacing: 1px;
        font-size: 16px;
        margin: 30px 0 0 0;
        padding: 0 0 12px 0px;
    }

    .theater_list_title li,.theater_list li {
        margin: 0;
        padding: 10px 0 10px 5px;
        letter-spacing: 1px;
        font-size: 12px;
    }

    .theater_list li span {
        font-size: 10px;
        margin-left: 4px;
    }

    .theater_list_title li p.pref,.theater_list li p.pref {
        margin: 0;
        padding: 0;
        width: 20%;
    }

    .theater_list_title li p.name,.theater_list li p.name {
        margin: 0 1% 0 0;
        padding: 0;
        width: 49%;
    }

    .splash1 {
        max-width: 90%;
        height: auto;
        top: 600px;
        left: 0;
    }

    .splash2 {
        max-width: 90%;
        height: auto;
        top: 1200px;
        right: 0;
    }

    .img_present img {
        width: 22.6%;
        margin: 0 4px;
        height: 100%;
    }

    .image_download_link_box a{
        width: 23%;
        margin: 0 3px;
        text-align: center;
        display: inline-block;
        background: #fff;
        border-radius: 3px;
        padding: 1px 0;
        font-weight: 500;
        letter-spacing: 1.5px;
        font-family: 'Noto Serif JP', sans-serif;
        transition: background .3s;
        position: relative;
        font-size: 10px;
    }

    /* VOD */

    .vod_title_under {
        margin: 0 0 20px 0;
    }

    .vod_info {
        letter-spacing: 1px;
        font-size: 16px;
        margin: 30px 0 0 0;
        padding: 0 0 12px 0px;
    }

    .vod_list {
        width: 100%;
        margin: auto 0;
        padding: 0;
        border-top: 1px solid #fff;
    }

    .vod_list li {
        padding: 10px 0 10px 5px;
        letter-spacing: 1px;
        font-size: 12px;
    }

}