@charset "UTF-8";
/*
Theme Name: 天王洲 銀河劇場
Author: index
Author URI: http://192.168.33.10/
Description: 天王洲 銀河劇場です。
Version: 4.3.1
*/
/*----------------------------------
	index用のCSSです
----------------------------------*/
/*----------------------------------
メインコンテンツ
----------------------------------*/
/*----------------------------------
ニュース部分　id=news ここから*/
#news h2{margin:0px; text-align: center;}
#news h2 img{ width:120px; height:auto;}
#news .news_gx{ margin: 0 auto; text-align: center; width: 120px;}
#news .topnews-gx-old{ background:url(../images/parts/marble_news.png) no-repeat; height:auto; padding:6px 0; /*border-radius:6px;*/}

#news .topnews-gx{
height:auto; padding:6px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0+0,0.8+10,0.95+20,1+50,0.95+80,0.8+90,0+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 10%, rgba(255,255,255,0.95) 20%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.95) 80%, rgba(255,255,255,0.8) 90%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 10%,rgba(255,255,255,0.95) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.95) 80%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 10%,rgba(255,255,255,0.95) 20%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.95) 80%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

/*#news .topnews-gx li{ display:none; text-align:center; margin:5px;}*/
#news .topnews-gx li{ /*display:none;*/ padding-left: 50px; margin:5px; padding-right:130px;display:table;}
#news .topnews-gx li span{ background:#333333; color:#FFFFFF; padding:2px 4px; margin-right:4px; display: table-cell;
    width: 90px;}
#news .topnews-gx li a{ /*text-align:center;*/ font-size:1em; display: table-cell;padding-left: 10px;}
.ticker {
    margin: 0 auto;
    padding: 10px;
    /*width: 600px;*/
    text-align: left;
    position: relative;
    overflow: hidden;
    height: 40px !important;
}
 
.ticker ul {
    width: 100%;
    position: relative;
    height: 28px;
    overflow: hidden;
}
 
.ticker li {
    width: 100%;
    display: none;
}
.ticker li:first-child{
    display: block !important;
}
#news p{
	padding-right:75px;
	bottom: 23px;
    float: right;
    position: relative;
    z-index: 99;
}


/*ニュース部分　id=news ここまで
----------------------------------*/
/*----------------------------------
公演中とおすすめ部分　id=kouenboxここから*/
.top_gx{margin:40px 20px 0 20px; clear:both; overflow:hidden; padding-bottom:50px;}
#kouenbox .osusume_gx{ background:url(../images/parts/osusume.png) no-repeat; width:470px; height:374px;}
#kouenbox .osusume_gx{float:left; padding:14px;}
#kouenbox .osusume_gx .nowtxt_gx{float: right; margin-right: 20px; width: 205px;}
#kouenbox .now_gx{ background:url(../images/parts/kouen.png) no-repeat; width:470px; height:374px; float:left; padding:14px; margin-right:20px;}
#kouenbox h2{ text-align:center; color:#FFFFFF; font-weight:600; margin-bottom:20px; font-size: 24px;}
#kouenbox h4{margin:5px 0; font-weight: 600;}
#kouenbox .pamph01_gx{width:210px; float:left;}
#kouenbox .pamph01_gx img{width:210px; height:auto;}/*公演中パンフ*/
#kouenbox .nowtxt_gx{float:right; width:225px}/*公演中テキスト*/
#kouenbox .state01_gx { background-color: #ae0a29; color: #fff; display: inline-block; padding: 1px 6px; }/*公演中*/
#kouenbox .state02_gx { background-color: #000066; color: #fff; display: inline-block; padding: 1px 6px; }/*先行予約受付中*/
#kouenbox .state03_gx { background-color: #bf9019; color: #fff; display: inline-block; padding: 1px 6px; }/*発売中*/
#kouenbox .dayS_gx{ line-height:1.2em;  margin-top:4px;}
#kouenbox .dayE_gx{ line-height:1.2em; border-bottom:#000 1px solid; margin-bottom:8px;}
#kouenbox .cap_gx{ line-height:1.2em; font-size:1em; margin-bottom:6px}
#kouenbox .buy-gx{ background: #ae0a29; border-radius: 6px; color: #fff; font-size: 1em; border:none; text-decoration:none;}
#kouenbox .buy-gx:hover{ background:#FFF;  color:#ae0a29;  font-weight:bold; }
#kouenbox .douga_gx{margin:8px 0 0 0;}
#kouenbox .douga_gx span { font-size: 1em; font-weight: 600; padding-left: 6px; line-height:24px; }
#kouenbox .douga_gx img {width: 34px;}
#kouenbox .mt5{margin-top:5px;}
#kouenbox .carousel-control{width:0px;}/*カルーセル*/
#kouenbox .osusume_gx .glyphicon-chevron-right::before { content: "▶"; }
#kouenbox .osusume_gx .glyphicon-chevron-left::before { content: "◀"; }

#kouenbox h4 > a {
    text-decoration: none;
    color: #333333;
}
#kouenbox .osusume_gx .nowtxt_gx.noimage {
    width: 415px;
}

/*----------------------------------
ラインナップ部分　id=lineここから*/
#line .linenap { clear: both; margin: 0 auto; overflow: hidden; padding: 20px 0; width: 1000px; }
#line .box_gx{ background:url(../images/parts/linebox_bg.gif) no-repeat; width:250px; height:460px; float:left; padding:28px 30px 30px 25px;}
#line .box_gx dt{height:275px;}
#line h2{color:#e9b635; font-size:3em; margin-top:30px; }
#line .day_gx {color: #bf9019; font-size: 1em; height: 1.2em; text-align: center;  font-weight:600;}
#line .twoline{height: 2.4em;}
#line .start{ text-align:center; color:#bf9019; font-size:1em; margin-bottom:0px; height:1.2em;}
#line .end{ text-align:center; color:#bf9019; font-size:1em; height:1.2em;}
#line .state01{ text-align:center; color:#e60012; font-size:1em; font-weight:bold; height:1.5em; margin-top:3px;}
#line a:hover, a:focus{ text-decoration:none;}
#line .start{ text-align:center; color:#bf9019; font-size:1.2em; margin-bottom:0px; height:1.2em;}
#line .end{ text-align:center; color:#bf9019; font-size:1.2em; height:1.2em;}
#line a:hover, a:focus{ text-decoration:none;}
#line .btn-detail { background-color: #fff; border-color: #fff; color: #bf9019; border-radius: 0px;  position:absolute; bottom:0; width:186px; margin:0 0 5px; border:#999 1px solid;  text-decoration:none;}
#line .btn-detail:hover { background-color: #bf9019; border-color: #bf9019; color: #fff; border-radius: 0px; ; position:absolute; bottom:0; width:186px; margin:0 0 5px; border:none;}
#line .btn-movie:hover { display:inline-block; background-color: #4b4948; border-color: #4b4948; color: #fff; border-radius: 0px;  padding:2px; margin-top:6px; width:195px;}
#line .btn-movie { display:inline-block; background-color: #fff; border-color: #4b4948; color: #4b4948; border-radius: 0px;  padding:2px; margin-top:6px; width:195px;  text-decoration:none;}
#line .btn-tik { display:inline-block; background-color: #fff; border-color: #b60005; color: #b60005; border-radius: 0px;  padding:4px; margin-top:6px; width:195px; text-decoration:none;}
#line .btn-tik:hover { display:inline-block; background-color: #b60005; border-color: #b60005; color: #fff; border-radius: 0px;  padding:4px; margin-top:6px;width:195px;}
#line .linenap figure img{max-width:195px; max-height:275px;}
#line .high_gx{height: 68px;}
#line figcaption a{text-decoration:none;}
#line .state01_gx{ text-align:center; color:#e60012; font-size:1em; font-weight:bold; height:1.5em; margin-top:3px;}/*公演中*/
#line .state02_gx{ text-align:center; color:#000066; font-size:1em; font-weight:bold; height:1.5em; margin-top:3px;}/*先行予約受付中*/
#line .state03_gx{ text-align:center; color:#bf9019; font-size:1em; font-weight:bold; height:1.5em; margin-top:3px;}/*発売中*/
#line .state05_gx{ text-align:center; color:#000000; font-size:1em; height:1.5em; margin-top:3px;}/*他*/


	/*キャプションマウスオーバー時の効果　ｊｓなし
	ここから++++++++++++++++++++++++++++++++++++++++++++++++*/
	#line .column::after { clear: both; content: ""; display: block;}
	#line .transform01 { transform: scale(1); transition: all 0.5s ease-in-out 0s;}
	#line .transform02 { transform: rotate(15deg) scale(1.4); transition: all 0.5s ease-in-out 0s;}
	#line figure:hover .transform01 { transform: scale(1.2);}
	#line figure:hover .transform02 { transform: rotate(0deg) scale(1);}
	#line figure h4 { color: #fff; font-size: 1.2em; text-align: left; margin-bottom:0.5em; font-weight:bold; line-height:1.4em;}
	#line figure p { color: #fff; }
	#line figure { overflow: hidden; position: relative; height:275px;}
	#line figcaption { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; bottom: -100%; height: 100%; left: 0; position: absolute; transition: all 0.5s ease 0s; width: 100%; z-index: 2; padding: 2%}
	#line figcaption 43 { font-size: 1em; padding: 2% ;}
	#line figcaption p { font-size: 1em; ;}
	#line figure:hover figcaption { bottom: 0;}
	
	/*キャプションマウスオーバー時の効果　ｊｓなし
	ここまで++++++++++++++++++++++++++++++++++++++++++++++++*/

/*ラインナップ部分　id=lineここまで
----------------------------------*/
.marble_gx { background: rgba(0, 0, 0, 0) url("../images/parts/marble_bg.png") no-repeat scroll 0 0 / 100% auto; box-shadow: 0 -5px 3px -5px rgba(140, 130, 100, 0.6); padding: 0; }
/*----------------------------------
ツイッター部分　id=twitterここから*/
.tweetbox{background:#f9eed4; height:300px}
.tweet_bg{height:300px;}
#twitter .container-fluid{background:#fbf3dd;}
#twitter .container{background:url(../images/parts/marble_bg.png) no-repeat; background-size:100% auto; padding: 0px; box-shadow:rgba(140, 130, 100, 0.6) 0px -5px 3px -5px; -webkit-box-shadow:rgba(140, 130, 100, 0.6) 0px -5px 3px -5px; -moz-box-shadow:rgba(140, 130, 100, 0.6) 0px -5px 3px -5px;}
#twitter h3{ text-align:center; font-size:3.6em;}
#twitter h3 i{color:#d1b12e;}
#twitter a, #twitter a:hover, #twitter a:focus, #twitter a:active, #twitter a.active {outline: 0;}
#twitter a {color: #666; text-decoration:none;}
#twitter a:hover, #twitter a:focus, #twitter a:active, #twitter a.active {color: #cc0000;}
#twitter a.ico_link {text-decoration: underline;display: inline-block;}
#twitter a.ico_link:before {font-family: FontAwesome;display: inline-block;content: "\f105\00a0";}
#twitter a:active {background-color: transparent;}
/*#twitter .container {width: 990px;padding-left: 0px;padding-right: 0px;margin-right: auto;margin-left: auto;}
#twitter .container .row {margin-left: 0px;margin-right: 0px;width: 990px;}*/
#twitter .container .row{padding:0 9%}
#tweets .tw_box {text-decoration: none;text-transform: none;color: #292f33;background-color: #fff;vertical-align: baseline;padding: 10px;position: relative;height: 176px;overflow: hidden;font: 12px/18px "Helvetica Neue",Roboto,"Segoe UI",Calibri,sans-serif;list-style: outside none none;}
#tweets .user {display: inline;margin-bottom: 3px;}
#tweets .user img {border-radius: 3px;margin-right: 8px;margin-bottom: 82px;float: left;width: 48px;}
#tweets .user [data-scribe="element:user_link"]:hover {text-decoration: none;}
#tweets .user [data-scribe="element:name"] {color: #292f33;font-weight: bold;font-size: 14px;line-height: 16px;}
#tweets .user [data-scribe="element:user_link"]:hover [data-scribe="element:name"] {color: #292f33;text-decoration: underline;}
#tweets .user [data-scribe="element:screen_name"] {font-style: normal;font-weight: normal;color: #707070;line-height: 18px;cursor: pointer;}
#tweets .user [data-scribe="element:user_link"]:hover [data-scribe="element:screen_name"] {color: #cc0000;text-decoration: none;}
#tweets .tweet {width: 235px;display: inline-block;font-size: 12px;line-height: 14px;margin: 3px 0;}
#tweets .tweet a {font-size: 10px;line-height: 11px;}
#tweets .timePosted a:focus , #tweets .timePosted a:active , #tweets .timePosted a:hover {text-decoration: none;}
#tweets .timePosted a:focus , #tweets .timePosted a:active , #tweets .timePosted a:hover {color: #666;}
#tweets .timePosted a .tw_open {margin-right: 5px;}
#tweets .timePosted a:hover .tw_open {color: #cc0000;text-decoration: underline;}
#tweets .timePosted {position: absolute;bottom: 10px;left: 66px;margin: 0;}
#tweets .interact {position: absolute;bottom: 10px;right: 10px;margin: 0;display: block;}
#tweets .interact a {white-space: normal;width: 15px;height: 20px;overflow: hidden;display: inline-block;float: left;font-family: FontAwesome;text-decoration: none;margin-left: 5px;}
#tweets .twitter_reply_icon:before {font-size: 14px;visibility: visible;content: "\f112";}
#tweets .twitter_retweet_icon:before {font-size: 14px;visibility: visible;content: "\f079";}
#tweets .twitter_fav_icon:before {font-size: 14px;visibility: visible;content: "\f005";}
#twitter .slick-prev,  #twitter .slick-next {font-size: 29px;width:29px;height:29px;margin-top: -14px;overflow: hidden;}
#tweets .tw_line li {vertical-align: top;text-align: left;word-wrap: break-word;white-space: normal;margin-right: 22px;}
.flexslider {margin: 0 auto;border: none;border-radius: 0px;}
.flex-direction-nav a::before {font-size: 0px !important;}
.flex-direction-nav .flex-prev , .flexslider:hover .flex-direction-nav .flex-prev {left: 0px;}
.flex-direction-nav .flex-next , .flexslider:hover .flex-direction-nav .flex-next {right: 0px;}
.flex-direction-nav a {margin: -15px 0 0;}
#tweets .flex-direction-nav .flex-prev a , #tweets .flex-direction-nav .flex-next a {font-size: 1px;line-height: 0;}
#tweets .flex-direction-nav .flex-prev {width: 29px;height: 29px; left:-30px}
#tweets .flex-direction-nav .flex-next {width: 29px;height: 29px; right:-30px}
#tweets .flex-direction-nav .flex-prev:before {content: url(../images/parts/slick-prev_s.png);}
#tweets .flex-direction-nav .flex-next:before {content: url(../images/parts/slick-next_s.png);}
.flex-direction-nav .flex-disabled {display: none !important;}
/*ツイッター部分　id=twitterここまで
----------------------------------*/

/*----------------------------------
ブログボタン部分　id=blogここから*/
.blogbox{background:#f9eed4; height:170px}
.blog_bg{height:170px}
.blogbox2{/*width:1030px;*/width:1010px;margin:0 auto}
#blog ul{ clear:both; overflow:hidden;  padding: 40px 0;display:flex; justify-content: center;}
#blog .bn01_gx{/*float:left;*/ margin-right:10px;}
#blog .bn02_gx{/*float:right;*/}
#blog li a:hover img {  opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
/*ブログボタン部分　id=blogここまで
----------------------------------*/

/*----------------------------------
協賛部分　id=sponsorここから*/
.sponsor_box{
	background: #f9eed4 none repeat scroll 0 0;
    overflow: hidden;
}
#sponsor {
	padding:20px;
}
#sponsor h3{
	font-size:1em;
	color:#000;
	text-align:center;
	border:#000000 1px solid;
	border-radius:20px;
	padding:5px 20px;
	display: table;
	margin:0 auto;
	margin-bottom:20px;
}
#sponsor p{
	font-size:1em;
	color:#000;
	text-align:center;
}
#sponsor .kyosan{
	overflow:hidden;
}
#sponsor .kyosan ul{
	display: table;
	clear:both;
	overflow:hidden;
	margin:10px auto;
	max-width: 820px;
}
#sponsor .kyosan li{
	float:left;
	margin-right:20px;
	font-weight:bold;
}
#sponsor li a{
	color:#252525;
	line-height:2.4em;
}


/*協賛部分　id=sponsorここまで
----------------------------------*/

/* Androidバグ対策 */
.section-block , .section-block li , .section-block ol li span , .section-block dt , .section-block dd , .section-block .excerpt , .section-block h1 , .section-block h2 , .section-block h3 , .section-block h4 , .section-block table , .section-block table td , .section-block table tbody td , .section-block table tbody td a , .section-block a , .section-block table td p , .entry-header .head-info , .entry-content, .entry-content p, .head-title2 span , .breadcrumbs , .container .breadcrumbs ul, .newslist dd a , .page-title h1 , .page-title h1 span , .page-title h1 subtitle_be , .main-slide .slide-title h2 , .main-slide .slide-title h2 span , .main-slide .slide-title p , .container .section-block p {background-image:url(../images/parts/spacer.gif);}

 @media screen and (max-width:768px) {
/*　画面サイズが768pxまではここを読み込む　*/
/*----------------------------------
公演中とおすすめ部分　id=kouenboxここから*/
.top_gx { margin:0px; padding-bottom:50px; padding:10px; }
#kouenbox .now_gx { background-image:none; background:#fffde6; padding:0px 0 10px 0; border:#ddcf1a 3px solid; border-radius: 6px; float: none; height:auto; margin-right: 0px; width:100%; }
#kouenbox h2 { background: #520000; padding:6px; margin-bottom:6px; }
#kouenbox .pamph01_gx { float: none; width: 100%; height:auto; }
#kouenbox .pamph01_gx img {width: 100%;  height: auto; padding: 6px 14% 0px; }
#kouenbox .nowtxt_gx { float: none; padding: 6px 2%; margin-right: 0px; width:100%; height:auto; display:inline-block;  }
#kouenbox .osusume_gx { float: none; background-image:none; background:#fffde6; height: auto; width: 100%; margin-top:10px; border:#ddcf1a 3px solid; border-radius: 6px; padding: 0 0 10px; }
#kouenbox .osusume_gx h2{ background: #080059!important; }
#kouenbox .osusume_gx .nowtxt_gx {float: right; margin-right: 0px;width: 100%; height:auto; display:inline-block;}
#kouenbox .state01_gx {display:none;}/*公演中*/
#kouenbox .state02_gx {display:none;}/*先行予約受付中*/
#kouenbox .state03_gx {display:none;}/*販売中*/
#kouenbox .cap_gx { display:none;}
#kouenbox .douga_gx {display:none;}
#kouenbox .buy-gx { width:100%;}
#kouenbox .nowtxt_gx dd,#kouenbox .osusume_gx dd { border-bottom:0px; display:table-cell;}
/*公演中とおすすめ部分　id=kouenここまで
----------------------------------*/

/*----------------------------------
ラインナップ部分　id=lineここから*/
#line h1{font-size:2em;  border-bottom: 1px dotted; border-bottom-color:#333333; padding-bottom:10px; padding-left: 2%;}
#line .linenap { clear: both; margin: 0 auto; overflow: hidden; padding: 0; width: 100%; }
#line .box_gx { background: none; border-bottom: 1px dotted; float: none; height: auto; padding: 10px 2%; width: 100%; }
#line .box_gx dd{ text-align:left; }
#line .day_gx { display: table-cell;}
#line figure { overflow: hidden; position: initial; }
/*#line .linenap figure img { max-height: 40%; max-width: 40%; }*/
#line .linenap figure img { max-height: 100%; max-width: 40%; }
#line figcaption { background: none; bottom: auto; float: right; height: auto; left: 0; position: static; transition: none 0s none 0s; width: 59%; z-index: 0; }
#line figure h4 { color: #000; margin-left:5px; }
#line figure p { color: #000; margin-left:5px; }
#line figcaption a{text-decoration:none;}
#line .btn-detail:hover { background-color: #fff; border-color: #fff; color: #bf9019; border-radius: 0px;  position: relative; bottom:0; width:96%; margin:0px; padding:6px; border:#bf9019 1px solid; float:right;}
#line .btn-detail { background-color: #bf9019; border-color: #bf9019; color: #fff; border-radius: 0px; ; position: relative; bottom:0; width:96%; margin:0px; padding:6px; border:#bf9019 1px solid; float:right;}
#line .btn-movie { display:none;}
#line .btn-movie:hover { display:none;}
#line .btn-tik { display:inline-block; background-color: #b60005; border-color: #b60005; color: #fff; border-radius: 0px;  padding:6px; margin-top:6px; width:100%;}
#line .btn-tik:hover { display:inline-block; background-color: #fff; border-color: #b60005; color: #b60005; border-radius: 0px;  padding:6px; margin-top:6px; width:100%;}
#line .high_gx { height: auto; }
#line figure { height: auto;}
#line .box_gx dt { height: auto;}
#line .twoline{height: 1.2em;}

/*ツイッター非表示*/
.tweetbox{display:none;}

/*新着部分　idnewsここから*/
#news .topnews-gx-old { background: rgba(0, 0, 0, 0) url("../images/parts/marble.png") no-repeat scroll 0 0; border-radius: 0px; height: auto; padding: 6px 0; }
#news .topnews-gx { background: #fff; border-radius: 0px; height: auto; padding: 6px 0; }

#news p{/*bottom: -23px;*/
    padding: 0;
    float: right;
    position: relative;
    z-index: 99;
}
#news p a {
	/*color:#FFFFFF;*/
	padding:2px 24px 2px 2px;
}
#news .topnews-gx li{ /*display:none;*/ padding-left: 0px; margin:5px; text-align:center; padding-right:0px;}
.blogbox { height: auto; }
.blog_bg { height: auto; }
.blogbox2 { margin: 0 auto; width: 100%; }
#blog ul{padding:10px;}
#blog li{width:100%; margin:6px 0;}
#blog li img{width:100%;}

/*----------------------------------
協賛部分　id=sponsorここから*/
#sponsor h3{
	padding:5px 10px;
}
#sponsor p{
	text-align:left;
}
#sponsor .kyosan ul{
	max-width: auto;
	margin:10px 0;
}

#sponsor .kyosan li a img{
	width:80px;
	height:auto;
}
/*協賛部分　id=sponsorここまで
----------------------------------*/
}