@charset "UTF-8";
/*
Theme Name: 天王洲 銀河劇場
Author: news
Author URI: http://192.168.33.10/news
Description: 天王洲 銀河劇場の新着情報です。
Version: 4.3.1
*/
/*----------------------------------
	news用のCSSです
----------------------------------*/
.main-bg-gx section{ background:#FFF; width:960px; margin:30px auto 0;}
/*----------------------------------
ニュース部分　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 .bold{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 .pager { display: table; margin: 0 auto; padding-left: 0; padding-top: 60px;}

.pager{
	text-align:center;
}
a.page-numbers,
.pager
a.page-numbers{
	background:#fff;
	border: 1px solid #ddd;
	color: #337ab7;
}
.pager .current{
	background:#e2e2e2;
	border: 1px solid #ddd;
	color: #337ab7;
}


.pager > a:last-child , .pager > span:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pager > a:first-child , .pager > span:first-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pager > a, .pager span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
a.page-numbers:hover {
	color:white;
	background: #e2e2e2;
}

 @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;}

}