/*==================================
メインビジュアルの個別設定
==================================*/
#ContMainSlider {
background: url(../img/news_header.jpg) no-repeat center center;
background-size: cover;
}

#ContMainSlider .ContMainTitleBG {
background: -webkit-linear-gradient(left, rgba(30,92,128,0.8) 0%,rgba(30,92,128,0) 100%);
background: linear-gradient(to right, rgba(30,92,128,0.8) 0%,rgba(30,92,128,0) 100%);
}

/*==================================
ページコンテンツの設定
==================================*/
/* カテゴリセレクト */
	#newsCategoryWrapper #PageCategoryWrapper {
	margin-left: 0;
	margin-right: 0;
}

#MainContWrapper {
	padding-left: 20px;
	padding-right: 20px;
}

/* お知らせ一覧 */
#NewsPageListWrapper {
padding-top: 20px;
padding-bottom: 20px;
}

#PageCategoryWrapper form#pageMonthly {
width: 100%;
}

#NewsPageListWrapper a {
display: block;
color: #222;
text-decoration: none;
font-size: 0.85em;
line-height: 1.5;
position: relative;
padding: 10px;
padding-top: 15px;
padding-bottom: 15px;
overflow: hidden;
clear: both;
}

#NewsPageListWrapper a.bgColor {
background: #F1F1F1;
}

#NewsPageListWrapper .newsDate {
font-weight: 300;
width: 90px;
float: left;
}

#NewsPageListWrapper .newsCategory {
width: 100px;
text-align: center;
display: inline-block;
float: left;
position: relative;
top:-1px;
font-size: 0.8em;
font-weight: 700;
}

/* カテゴリ：グッズ */
#NewsPageListWrapper .newsCategory.cat_goods {
background:rgba(203,69,173,1.00);
color: #FFF;
padding: 3px;
border-radius: 3px;
}

/* カテゴリ：その他のコンサート */
#NewsPageListWrapper .newsCategory.cat_other {
background: #cccc00;
color: #FFF;
padding: 3px;
border-radius: 3px;
}

/* カテゴリ：地域活動 */
#NewsPageListWrapper .newsCategory.cat_stakeholder {
background: #c99ada;
color: #FFF;
padding: 3px;
border-radius: 3px;
}

/* カテゴリ：定期演奏会 */
#NewsPageListWrapper .newsCategory.cat_subscription {
background: #993300;
color: #FFF;
padding: 3px;
border-radius: 3px;
}

/* カテゴリ：札響特別演奏会 */
#NewsPageListWrapper .newsCategory.cat_extra {
background: #d68284;
color: #FFF;
padding: 3px;
border-radius: 3px;
}

/* カテゴリ：札響名曲シリーズ */
#NewsPageListWrapper .newsCategory.cat_masterpiece {
background: #669966;
color: #FFF;
padding: 3px;
border-radius: 3px;
}

/* カテゴリ：お知らせ */
#NewsPageListWrapper .newsCategory.cat_news {
background: #2476a6;
color: #FFF;
padding: 3px;
border-radius: 3px;
}

/* カテゴリ：未分類 */
#NewsPageListWrapper .newsCategory.cat_pops {
background: #999;
color: #FFF;
padding: 3px;
border-radius: 3px;
}

#NewsPageListWrapper h3 {
padding-left: 20px;
font-size: 1em;
float:left; 
}

@media screen and (max-width: 750px) {
#NewsPageListWrapper .newsDate {
font-weight: 300;
width: 75px;
float: left;
}
#NewsPageListWrapper .newsCategory {
font-size:0.7em;
line-height: 1.3;
top:0;
}

#NewsPageListWrapper h3 {
padding-left: 0;
font-size: 1em;
float:none;
clear: both;
padding-top: 5px;
padding-right: 10px;
}
}

#NewsPageListWrapper a:hover h3 {
text-decoration: underline;
}

#NewsPageListWrapper i {
position: absolute;
top:50%;
right: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #999;
}

/*==================================
お知らせ記事ページ
==================================*/
#NewsPageEntryWrapper {
padding-top: 20px;
padding-bottom: 60px;
overflow: hidden;
}

@media screen and (max-width: 1200px) {
#NewsPageEntryWrapper {
/*
padding-left: 20px;
padding-right: 20px;
*/
}
}

/* タイトル */
.NewsEntryTitle {
position: relative;
line-height: 1.6;
padding-bottom: 30px;
}

.NewsEntryTitle span {
font-size: 0.85em;
font-weight: 300;
}

.NewsEntryTitle h3 {
font-weight: 700;
font-size: 1.4em;
padding-bottom: 10px;
}

@media screen and (max-width: 750px) {
.NewsEntryTitle {
border-bottom: 1px dotted #CCC;
margin-bottom: 30px;
padding-bottom: 24px;
}
.NewsEntryTitle h3 {
font-size: 1.2em;
}
}


/* SNSボックス*/
#SNSbtnWrapper li {
display: inline-block;
padding-right: 5px;
}

#SNSbtnWrapper a {
border: 1px solid #CCC;
display: block;
padding: 3px;
padding-left: 7px;
padding-right: 7px;
color: #777;
font-size: 0.8em;
text-decoration: none;
border-radius: 3px;
}

#SNSbtnWrapper a i {
padding-right: 5px;
}

#SNSbtnWrapper a:hover {
background: #3462A8;
border: 1px solid #3462A8;
color: #FFF;
}

#SNSbtnWrapper a.TW:hover {
background: #009EED;
border: 1px solid #009EED;
}

/* 記事本文 */
.NewsEntryBody {
line-height: 1.8;
font-size: 0.9em;
padding-bottom: 30px;
}

.NewsEntryBody a {
color: #0071BC;
}

.NewsEntryBody a:hover {
text-decoration: none;
}

/* 記事写真 */
.NewsEntryPhoto {
float:right;
max-width: 300px;
padding-left: 20px;
padding-bottom: 20px;
}

/* タグ */
.entry-tags {
clear: both;
padding-top: 30px;
padding-bottom: 30px;
font-size: 0.85rem;
line-height: 1.7;
border-top: 1px solid #DDD;
}

.entry-tags li {
display: inline-block;
padding-right: 3px;
}

.entry-tags a {
color: #0071BC;
}

.entry-tags a:hover {
text-decoration: none;
}

/* 外部リンク */
.NewsEntryLink {
padding-bottom: 10px;
line-height: 1.5;
}

.NewsEntryLink h4 {
font-size: 0.9rem;
}

.NewsEntryLink a {
font-size: 0.85rem;
color: #0071BC;
}

.NewsEntryLink a i {
padding-right: 3px;
}

/* Kitaraチケットセンター */
.NewsEntryTicket {
padding-bottom: 20px;
padding-top: 10px;
line-height: 1.6;
max-width: 700px;
}

.NewsEntryTicket a img {
height: 30px;
}

.NewsEntryTicket p {
font-size: 0.75rem;
}


@media screen and (max-width: 750px) {
/* 記事写真 */
.NewsEntryPhoto {
float:none;
max-width:inherit;
text-align: center;
padding-left: 0;
padding-bottom: 40px;
}
.NewsEntryPhoto img {
width: 100%;
}
.NewsEntryPhoto .flickity-page-dots {
bottom:15px;
}
	.flickity-slider div {
		min-height:300px;
	}
}