@charset "utf-8";

/* ////////////////////////////////////////////
 *                 base & layout
 * //////////////////////////////////////////// */

/* Typography
------------------------------------------*/
body{
	font-size: 14px;
	line-height: 1.6;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Mincho ProN', メイリオ,　Meiryo, 'HGS 明朝 E', sans-serif;
	color: #333;
}
a{
	color: #06c;
	text-decoration: none;
}
a:hover,
a:focus{
	color: #06c;
	text-decoration: underline;
}
/* use hover animation */
/*
a, a:hover{
	-webkit-transition: 0.3s ease-in-out; 
	   -moz-transition: 0.3s ease-in-out; 
		 -o-transition: 0.3s ease-in-out; 
			transition: 0.3s ease-in-out;
}
*/


/* Layout
------------------------------------------*/
body{
	padding: 10px;
	min-width: 986px;
	text-align: center;
	background: #fff;
}
body.home{
}
#container{
    margin: 0 auto;
	padding: 30px 22px 20px;
    width: 986px;
    border: solid 1px #676767;
}
#content-inner{
	margin: 0 auto;
	padding: 0 0 60px 0;
	width: 940px;
}
#main{
	width: 940px;
	text-align: left;
}
/*
.home #main{
	float: right;
	width: 764px;
}
*/
#main article{
	margin: 0 0 20px 0;
}
#main .entry-content{
}



/* header
------------------------------------------*/
#header{
	margin: 0 0 70px 0;
	background: url(/images/default/header-bg.png) repeat-x center 0;
}
#header-inner{
	position: relative;
	margin: 0 auto;
	width: 940px;
	height: 200px;
	z-index: 1000;
}
.header-logo{
	position: absolute;
	top: 0;
	left: 10px;
}
.header-mypage{
	position: absolute;
	top: 40px;
	right: 260px;
}
.header-tel{
	position: absolute;
	top: 40px;
	right: 0;
}
.header-mail{
	position: absolute;
	top: 40px;
	right: 50px;
}
.header-about{
	position: absolute;
	top: 30px;
	right: 0;
	text-align: right;
}
.header-about p{
	text-align: right !important;
}
.header-about a{
	text-decoration: underline;
}
.header-btn{
	position: absolute;
	top: 40px;
	right: 100px;
}		
.header-btn-list-item{
	float: left;
	margin-left: 13px;
	width: 40px;
}

.gnav{
	position: absolute;
	top: 160px;
	left: 0;
	width: 936px;
}

/* droppy */
.gnav-list { position: relative; text-align: left; zoom: 1; width: 936px; }
.gnav-list li {
	float: left;
	display: block;
	position: relative;
	width: -webkit-calc(100% / 6);
	width: -moz-calc(100% / 6);
	width: calc(100% / 6);  
	height: 40px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	background: #404040;
	border-left: #fff 1px solid;
	z-index: 1000;
}
.gnav-list li:first-child{
	border-left: none;
}
.gnav-list li a{
	color: #fff;
	display: block;
}
.gnav-list li a:hover{
	text-decoration: none;
}
.gnav-list ul { display: none; position: absolute; top: 41px; left: 0; width: 100%; background: #646464; }
.gnav-list ul li { float: none; border-left: none; border-bottom: #fff 1px solid; background: none; }
.gnav-list ul li:first-child{  width: 156px }
.gnav-list ul li a { zoom: 1; }
.gnav-list ul li a:hover { text-decoration: none; background: #404040; }
.gnav-list ul ul { top: 0; left: 100%; width: 100%; }
.gnav-list a, .gnav-ul img{ display: block; }


.gnav-list li:nth-child(4):after{
	display: none;
	content: "";
	position: absolute;
	top: -50px;
	right: -15px;
	width: 47px;
	height: 50px;
	background: url(/images/default/flag.png) no-repeat 0 0;
}

/* main
------------------------------------------*/
.main-common-title{
	position: relative;
	padding-left: 8px !important;
	width: 940px !important;
	height: 30px !important;
	color: #fff !important;
	font-size: 13px !important;
    font-weight: bold !important;
	line-height: 30px !important;
	background: #404040;
}
.main-common-title a{
	position: absolute;
	top: 0;
	right: 8px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}
.main-common-title span{
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	display: block;
	width: 30px;
	height: 30px;
	background: url(/images/common/main-common-title-plus.png) no-repeat 0 0;
}
.main-common-title span.btn-close{
	background: url(/images/common/main-common-title-minus.png) no-repeat 0 0;
}
.main-common-title02{
	background: #600;	
}

.main-information{
	margin-bottom: 30px;
}
.main-information-title{
	margin: 0 0 10px 0;
}
.main-information-inner{
	padding: 3px 3px 3px 15px;
	height: 110px;
	border: thin outset #000;
}
.main-information-list{
}
.main-information-list-item{
	padding-bottom: .3em;
    text-decoration: underline;
    text-align: left;
    display: list-item;
    width: 930px;
    float: left;
    vertical-align: top;
}
.main-information-list-item a{
    color: #4d4d4d;
    text-decoration: underline;
}
.main-information .scroll-area,
.main-information .scroll-area .cs-bar,
.main-information .scroll-area .cs-bar-inner{
	height: 104px;
}
.main-information .scroll-area{
	position: relative; 
	overflow: hidden;
}
.main-information .scroll-area .cs-content{
	padding: 0 20px 0 0;
}
.main-information .scroll-area .cs-bar{
	position: absolute;
	top: 0;
	right: 0;
	width: 3px;
	background: #fff;
}
.main-information .scroll-area .cs-bar-inner{
	position: absolute;
	top: 0;
	right: 0;
	width: 3px;
}
.main-information .scroll-area .cs-drag{
	background: #bfbfbf;
}

.main-message{
	margin-bottom: 20px;
}
.main-message-title{
	position: relative;
	margin-bottom: 10px;
	padding-left: 20px;
	font-size: 130%;
	font-weight: 600;
}
.main-message-title:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	background: url(/images/default/tokei.png) no-repeat 0 0;
}
.main-message-text{
    color: #333;
}

.main-movie-once{
	margin-bottom: 28px;
}
.main-movie-title{
	margin-bottom: 10px;
}
.main-movie-detail{
	padding-bottom: 20px;
	display: none;
}
.main-movie-img{
	float: left;
	width: 120px;
}
.main-movie-body{
	float: right;
	width: 800px;
}

.main-movie-body table{
	border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit;
}
.main-movie-body table td{
	padding: 5px 0 2px;
	width: 124px;
	font-size: 30px;
    font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: bold;
	line-height: 1.2;
    text-align: center;
	vertical-align: middle;
    border: 1px #000000 solid;
}
.main-movie-body table td span{
	display: block;
	color: #4d4d4d;
    font-weight: bold;
    font-size: 18px;
}




/* sidebar
------------------------------------------*/
#sidebar{
	display: none;
}
/*.home #sidebar{
	display: block;
	float: left;
	width: 150px;
	text-align: left;
}
.side-about{
	letter-spacing: 1px;
}
.side-about img{
	vertical-align: top;
}
.side-about a{
	text-decoration: underline;
}
*/


/* footer
------------------------------------------*/
#footer{
}
#footer-inner{
	position: relative;
	margin: 0 auto;
	width: 940px;
	height: 80px;
}
.pagetop-btn{
	text-align: right;
}
.pagetop-btn a{
	text-decoration: underline;
}
.footer-btn{
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 10;
}		
.footer-btn-list-item{
	float: left;
	margin-left: 10px;
}
.footer-copyright{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: #666;
	font-size: 12px;
}
.footer-modified{
	position: absolute;
	bottom: 0;
	right: 0;
	color: #666;
	font-size: 12px;
}



/* Lower
------------------------------------------*/
/* link color */
.breadcrumb a,
.entry-content a{
}

/* heading 
.page-title-area-wrapper{
	margin-bottom: 20px;
	background: #333 url(/images/default/page-title-area-wrapper-bg.png) repeat-x center 0;
}
.page-title-area{
	margin: 0 auto;
	padding: 15px 10px;
	width: 986px;
	height: 180px;
	background: #666 url(/images/default/page-title-area-bg.png) no-repeat center 0;
}
.page-title-area-inner{
	background: #fff url(/images/default/page-title-area-inner-bg.png) no-repeat center 0;
}
.page-title{
	color: #000;
	font-size: 30px;
	font-weight: bold;
	line-height: 150px;
}
.entry-content h2, .entry-title{
	position: relative;
	margin: 0 0 20px;
	padding: 20px 0 20px 20px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	background: #000;
}
.entry-content h2:after, .entry-title:after{
	display: block;
	content: "";
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	border: #fff 1px solid;
}
.entry-content h2{
	margin: 0 0 20px;
}
.entry-title a,
.entry-content h2 a{
	color: #fff;
}
.entry-content h3, .h3{
	margin: 0 0 10px;
	position: relative;
	padding: 5px 0;
	color: #000;
	font-size: 18px;
	border-bottom: 2px solid #000;
}*/
.entry-content-inner{
	padding: 40px 0;
}
.entry-content h2, .entry-title{
	margin: 0;
}

.entry-content h4, .h4{
	padding: 0 0 0 5px;
	color: #000;
	font-size: 15px;
	border-left: 3px solid #000;
}
.entry-content h5, .h5{
	border-bottom: 1px dashed #000;
}


/* information */
.info-entry-title{
	margin-bottom: 10px !important;
	padding: 6px 0 6px 5px !important;
	padding: 0 !important;
	color: #3f3f3f !important;
	font-size: 12pt !important;
	font-weight: bold !important;
	border: none !important;
}

.info-list .entry-content{
	padding: 50px 0;
	border-bottom: #555 2px solid;
}

/* fee */
.entry-content table.fee-table{
	margin: 0 0 0.8em 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.entry-content table.fee-table th{
	padding: 8px 0;
	font-size: 16pt;
	line-height: 1.5;
	vertical-align: bottom;
}
.entry-content table.fee-table td{
	padding: 8px 10px 8px 0;
	font-size: 16pt;
	line-height: 1.5;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}
.entry-content table.fee-table th .eng{
	display: block;
	font-weight: normal;
	font-size: 9pt;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	vertical-align: top;
	color: #666;
}
.entry-content table.fee-table th .jpn{
	display: block;
	font-size: 14px;
	font-weight: normal;
    color: #000;
}
.entry-content table.fee-table .kome {
    font-size: x-small;
    color: #F00;
    font-variant: normal;
    vertical-align: top;

}

/* ticket */
.entry-content table.advance{
	margin: 20px 0;
	padding: 0;
	width: 100%;
	border: solid 1px #666;
}
.entry-content table.advance th{
	color: #fff;
	background-color: #404040;
	text-align: center;
	height: 20px;
	vertical-align: middle;
	border-right: 1px dotted #fff;
}
.entry-content table.advance td{
	color: #000;
	padding: 5px 0;
	vertical-align: top;
}
.entry-content table.advance td.ticket-date{
	text-align: center;
	width: 70px;
	border-top: 1px solid #666;
	border-right: 1px dotted #666;
}
.entry-content table.advance td.ticket-title{
	padding-left: 1em;
	font-weight: bold;
	text-align: left;
	width: 280px;
	border-top: 1px solid #666;
}
.entry-content table.advance td.ticket-fee{
	text-align: right;
	padding-right: 5px;
	width: 60px;
	border-top: 1px solid #666;
	border-left: 1px dotted #666;
	border-right: 1px dotted #666;
}
.entry-content table.advance td.ticket-benefits{
	text-align: left;
	padding-left: 5px;
	border-top: 1px solid #666;
	border-left: border 1px dotted #666;
	border-right: 1px solid #666;
}

.coupon-img{
	text-align: center;
}


/* movie
------------------------------------------*/
.link-pdf{
	margin: 0 10px 30px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #666;
	text-align: right;
}

/* Nav
------------------------------------------*/
.common-nav{
	margin: 0 0 20px 0;
	text-align: left;
}
.common-nav h2{
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(186,186,186,0.5);
	font-size: 15px;
	font-weight: bold;
}
.common-nav li{
	display: block;
	padding: 5px;
	border-bottom: 1px dashed rgba(186,186,186,0.5);
}
.common-nav li a{
	padding: 5px;
	font-size: 13px;
}



/* Gallery
------------------------------------------*/
/* archive */
.gallery-list{
	margin: 10px 0;
}
.gallery-list-item{
	color: #066;
    text-align: center;
    list-style-type: none;
    padding-bottom: 5px;
    float: left;
    width: 156px;
    height: auto;
    margin-left: 0px;
}
.gallery-list-img{
	margin-bottom: 3px;
}
.gallery-list-title{
	padding: 0 10px;
}

.gallery-list-release{
	color: #333;
	text-align: left;
	margin-left: 10px;
}

/* single */
.movie-content{
	margin: 20px 0;
}
.movie-img{
	float: left;
	width: 250px;
}
.movie-body{
	float: right;
	width: 660px;
}
.movie-detail01{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: #a9a9a9 4px solid;
}
.movie-lead{
	margin-bottom: 1em;
	font-size: 15px;
	font-weight: bold;
}

.movie-archive{
	position: relative;
	padding: 20px;
}


.movie-past-menu{
	float: left;
	width: 18%;
	padding: 7px;
	border: #222 1px solid;
}
.movie-past-menu-year{
	border-bottom: #333 1px dotted;
}
.movie-past-menu-year:hover{
	cursor: pointer;
	color: #d00;
}
.movie-past{
	float: right;
	width: 78%;
}
.movie-past-once{
	display: none;
}
.movie-past-once:first-child{
	display: block;
}
.movie-past-once h3{
	padding-bottom: .3em;
	font-weight: bold;
}

.movie-past-list{
	padding: 7px;
	border: #222 1px solid;
}
.movie-past-list-item{
	padding: 7px 0;
	font-size: 15px;
	line-height: 1.8;
	border-bottom: #333 1px dotted;
}
.movie-past li.cat-43{
	display: block;
}
.movie-past-list-date{
	font-style: italic;
}
.movie-past-list-title{
	padding-left: 1em;
}
.movie-past-list-title a{
	color: #333;
}

.hide{
	display:none;
}

/* Colors
------------------------------------------*/
/* btns */
.btn-primary.disabled:hover,
.btn-primary:disabled:hover,
.btn-primary.active:focus,
.btn-primary:active:focus,
.btn-primary.active:hover,
.btn-primary:active:hover,
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary{
	border-color: #202020;
	background-color: #2e2e2e;
	color: #fff;
}

.btn-secondary.disabled:hover,
.btn-secondary:disabled:hover,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.btn-secondary.active:hover,
.btn-secondary:active:hover,
.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary{
	border-color: #ccc;
	background-color: #fff;
}

.btn-outline-primary.disabled:hover,
.btn-outline-primary:disabled:hover,
.btn-outline-primary.active:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:hover,
.btn-outline-primary:active:hover,
.btn-outline-primary.active,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary{
	border-color: #202020;
	background-color: #fff;
	color: #202020;
}

/* pagination */
.page-link{
	border-color: #9e9e9e;
	color: #444;
}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover,
.page-link:focus,
.page-link:hover{
	border-color: #999999;
	background-color: #9e9e9e;
	color: #fff;
}