@charset "UTF-8";
/*
Theme Name: 天王洲 銀河劇場
Author: index
Author URI: http://192.168.33.10
Description: 天王洲 銀河劇場のテーマです。
Version: 4.3.1
*/

/*----------------------------------
	index用のCSSです
----------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; text-align: left; vertical-align: baseline; background-color: transparent;}
html { font-size: 62.5%;}
body { font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif; background-color:#000000; color:#333333; -webkit-text-size-adjust: 100%; line-height:1.4;}
ol, ul { list-style: none; list-style-position: outside; padding-inline-start: 0px;}
td { vertical-align:top;}
img { vertical-align: top;}
a { word-break: break-all; color:#00F; text-decoration:underline;}
a:hover { text-decoration:none; color:#00F;}
a:focus { text-decoration:none; color:#00F;}
.main { background-color:#340000; height:auto;}
.main-bg-gx {background:url(../images/parts/main_bg.png) no-repeat; margin:0 auto; max-width:1200px;}
.mainsub{width:1000px; margin:0 auto;}
.pc_gx{display: block;}
.sp_gx {display:none;}
.mb20{margin-bottom:20px;}
.mb50{margin-bottom:50px;}

/*----------------------------------
ヘッダー部分　id=head ここから*/
#head .head_gx{clear:both; overflow:hidden; padding:20px 0 0 100px;}
#head .buil_gx{float:left}
#head .logo_gx{float:left;}
#head .logo_gx a{ }
#head .nvbtn1_gx{float:left}
#head .nvbtn1_gx ul{padding-top:40px; padding-left: 20px;}
#head .nvbtn1_gx li a{width:120px; margin-bottom:5px; text-decoration: none;}
 
/*----------------------------------
ナビボタン部分　id=nav ここから*/
#nav .CL{clear:both; overflow:hidden;}
#nav .head_gx{ float:left; margin:20px 0px 10px 150px;}
#nav .head_gx div{float:left;}
#nav .nav1_gx{ float:right}
#nav .menu{clear:both; overflow:hidden; display: block;}
#nav .nav2_gx{ display:table; margin:0 auto;}
#nav .nav2_gx li{ float:left; margin-right:15px; }
#nav .nav2_gx a { background-color: #000000; color: #ffffff; font-size: 16px; padding: 3px 12px; text-decoration: none;}
#nav .nav2_gx a:hover { border-color: #e5aa14; color: #e5aa14;}
#nav .nav2_gx .on { border-color: #e5aa14; color: #e5aa14;}

/*----------------------------------
フッター部分　id=footer ここから*/
#footer .foot{background-color:#000000; height:100px;}
#footer .foot-bg-gx {background:url(../images/parts/footer.png) no-repeat; margin:0 auto; max-width:1200px;}
#footer .foot2{width:1000px; margin: 0 auto;}
#footer ul { clear: both; display: table; margin: 0 auto; overflow: hidden; padding-top: 20px;}
#footer li{color:#FFFFFF; float:left; margin-right:20px;}
#footer li a{color:#FFFFFF;}
#footer p{ color:#FFFFFF; text-align:center; font-size:0.8em; padding-bottom:20px}
#footer hr{margin-bottom:10px;}
.pageTop { bottom: 20px; position: fixed; right: 10px; display: block;}

/*----------------------------------
パンくず部分　id=breadcrumb ここから*/

.breadcrumb{ font-size:0.9em; background:#FFF; border-radius: 0px; margin-bottom: 15px; padding-left: 60px; padding-top: 20px;}
.breadcrumb a{ color:#00F;}
.breadcrumb a:hover{ color:#00F; text-decoration:none;}
.top{margin:30px 10px 0 0}
.breadcrumb li+li:before {  content:'＞';}
.bottom{display:none;}
/*パンくず部分　id=head ここまで
----------------------------------*/

 @media screen and (max-width:768px) {
/*　画面サイズが768pxまではここを読み込む　*/
img { width:100%; height:auto; }
.main-bg-gx {background:url(../images/parts/main_smp_bg.png) no-repeat;	background-size:100% auto;	padding: 0px; width:100%;}
.mainsub{width:100%;}
.pc_gx{display:none;}
.sp_gx {display: block;}
.change_gx{ width:768px; margin:0 auto; }
img { width:100%; height:auto; }

/*----------------------------------
head部分　id=head ここから*/
#head .head_gx{clear:both; overflow:hidden; padding:0px;}
#head .buil_gx{display:none;}
#head .logo_gx { float: none; margin-right: 25%; width: 75%; z-index:200; position:relative;}
#head .nvbtn1_gx { display: none; float: none;}
/*----------------------------------
なび部分　id=nav ここから*/
#nav .menu { position: absolute; right: 0; top: 0; width: 100%; z-index: 100;}
#nav .menubtn { background-color: #000000; float: right; max-width: 70px; width: 25%;}
#nav .nav2_gx { display:block;    -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; width: 100%; display:none;}
#nav .nav2_gx li{float:none; margin-right:0; width: 100%;}
#nav .nav2_gx li a{ margin-bottom: 0px; width: 100%; font-size: 1.2em; padding: 10px; border-radius: 0px;}

/*----------------------------------
フッター部分　id=footer ここから*/
#footer .foot{background-color:#000000; height:100px; width:100%;}
#footer .foot-bg-gx {background-image:none; margin:0 auto; width:100%;}
#footer .foot2{width:100%;}
#footer li{ float:none; margin-right:20px; display:inline-block; text-align:center; line-height:2.2em;}

/*----------------------------------
パンくず部分　id=breadcrumb ここから*/
.breadcrumb { list-style: outside none none; padding-inline-start: 0px !important; margin-bottom:0px!important; padding-left: 10px!important;}

}


.main-bg-gx section{ background:#FFF; width:960px; margin:30px auto 0;}
.txt_gx p{font-size: 1em; line-height:1.5em; color: #333333;}
.txt_gx strong{font-size: 1.25em; line-height:1.6em; font-weight:600;}
/*----------------------------------
ニュース部分　id=news ここから*/
#news a{color:#00F;}
#news a:hover{text-decoration:underline;}
#news .wrapper{padding:0px 60px 60px 60px;}
#news .wrap{padding:0px 80px 60px 80px;}
#news .top{ padding-bottom:15px;}
#news .flame{border: 2px solid #e9b635; padding:40px; width: 836px;}
#news .flame p{color:#bf9019; margin:0px;  font-size: 1.3em;}
#news h1{ font-size:2.5em; color:#e9b635; line-height:1.4em; border-bottom:#e9b635 1px solid; border-top:#e9b635 1px solid; margin:10px 0 50px; padding-left:80px;}
#news .flame h1{color:#bf9019; margin:10px 0px 30px 0px;  font-size: 1.7em; border-bottom:#bf9019 1px dotted; padding-bottom:30px; line-height:1.4em;}
/*#news .txt_gx{ font-size: 1em; line-height:1.5em; }*/
#news .txt_gx p{font-size: 1em; line-height:1.5em; color: #333333;}
#news .txt_gx .bold{font-size: 1.25em; line-height:1.6em; font-weight:600;}
#news .txt_gx strong{font-size: 1.25em; line-height:1.6em; font-weight:600;}


/*新着情報一覧部分　id=news
----------------------------------*/
#news .list {font-size: 1em; line-height:1.5em;}
#news .list ul { border-bottom: 1px dotted #666666; padding: 0;}
#news .list ul li a {word-break: break-all;/*color:#000000;*/}
#news .list ul li a:hover { text-decoration:none; /*color:#000000;*/}
#news .date_gx { display: table-cell; width: 100px;}
#news .txt_gx { display: table-cell; padding-bottom: 10px;}
#news .pagination { display: table; margin: 0 auto; padding-left: 0; padding-top: 60px;}


 @media screen and (max-width:768px) {
/*　画面サイズが768pxまではここを読み込む　*/
.main-bg-gx section{width:100%; margin:0;}
#news .wrapper{padding:2px 2px 2px 2px;}
#news .flame { padding: 12px; width: 100%;}
#news .flame p {    font-size: 1em;}
#news .flame h1{ font-size: 1.3em; padding-bottom:10px; line-height:1.4em; margin:10px 0 5px 0;}
#news .txt_gx .bold { line-height: 1.4em;}

/*新着情報一覧部分　id=news
----------------------------------*/
#news h1{padding-left:10px; padding:10px; margin:0px; font-size: 1.7em;}
#news .wrap { padding: 12px;}
#news .date_gx { display: block; width: auto; margin-top: 10px;}
#news .txt_gx { display: inline; }


}