/* ST1 お知らせページ */

/* ローディングマーク */
.timeline-loading {
    width                : 200px;
    letter-spacing       : 2px;
    font-size            : 24px;
    margin               : 100px auto;
    line-height          : 30px;
}

.timeline-loadingMark {
    position             : relative;
    float                : left;
    width                : 30px;
    height               : 30px;
    background           : rgba(255,255,255,0.0) url(/biz/img/commons/indicator.gif) no-repeat center center;
    color                : #666;
    background-size      : contain;
    margin-right         : 10px;
}

#infomation-list {
	padding-top          : 30px;
}


#timeline-max-count {
    position             : relative;
    width                : 96%;
    max-width            : 600px;
    margin               : 10px auto;
    font-size            : 16px;
    text-align           : right;
    color                : #000;
}
#infomationList .messagePageNavi {
	position             : relative;
	clear                : both;
	margin               : 0px 10px 5px 5px;
    min-height           : 18px;
    font-size            : 14px;
}

.messagePageNavi .messagePage
{
	cursor               : pointer;
}

.messagePageNavi label
{
    color                : #555;
    cursor               : pointer;
    margin               : 0px 6px 0px 4px;
    font-size            : 120%;
}

.messagePageNavi label.current
{
	color                : #000080;
    font-size            : 130%;
	font-weight          : bold;
	margin               : 0px 6px 0px 4px;
}

._mtl_alwaysOnTopMessage {
	text-align           : center;
}

._mmp_viewCount {
	display              : none!important;	
}

.mosaTimelineEntry-item.text {
    width                : calc(-5px + 100%)!important;
}

@media all and (min-width:321px) and (max-width: 414px) {
	#infomation-list #timeline-max-count {
	    font-size        : 16px;
	}
}

@media all and (min-width:540px) {
	#infomation-list h2 {
	    width            : 300px;
	    margin-left      : calc( 50% - 150px );
	}
}

/* カテゴリ検索結果 */
.entry-counter {
	margin               : 10px 20px;
	font-size            : 16px;
}


#mtl_mosaTimelineSelectEntryList {
	position             : relative;
	width                : 100%;
	background           : #f4f4f2;
	margin-top           : 10px;
	padding-bottom       : 10px;
}

#_mtl_mosaTimelineSelectEntryList .entry-head {
    position             : relative;
    display              : block;
    margin-left          : 10px;
    margin-bottom        : 5px;
    border-top           : none;
    border-bottom        : 3px solid #8a0623;
    padding              : 10px 0px 5px 0px;
    color                : #777;
    white-space          : nowrap;
}

.mosaTimelineEntryList li {
    padding-top          : 20px;
	padding-bottom       : 10px;
    border-bottom        : 1px solid #666;
}

#_mtl_mosaTimelineSelectEntryList .entry-head  .entry-title,
#_mtl_mosaTimelineSelectEntryList .entry-head  .entry-catrgoryName {
	margin-right         : 0px;
	margin-left          : 5px;
	font-size            : 18px;
	line-height          : 1.1em;
	text-decoration      : none;
	white-space          : nowrap;
	display              : inline;
	vertical-align       : bottom;
}

.mosaTimelineEntry-item .entry-date {
    padding-left         : 10px;
	font-size            : 14px;
}
.mosaTimelineEntry-item .entry-subject {
    padding              : 10px 6px;
	font-size            : 16px;
    line-height          : 1.4;
    color                : #000;
}
.mosaTimelineEntry-item .entry-content {
	display              : none;
}
#_mtl_mosaTimelineSearchResultEntries .mosaTimelineEntry-item .entry-content {
	display              : block;
}
.mosaTimelineEntry-item .entry-category {
    padding              : 0px 10px;
	font-size            : 14px;
}

/*　お知らせ一覧  */

.infomationList  {
    width                : 96%;
    max-width            : 600px;    
    margin               : 50px auto 20px auto;
	
}

.infomationList ._mtl_articleMessage {
    width                : 100%;
    margin               : 20px auto;    
    padding-bottom       : 10px;
    border-radius        : 6px;
    background-color     : #fff;
}

.infomationList ._mtl_articleMessage ._mtl_articleHead .date,
#infomationMessageViewer-content ._mtl_articleMessage ._mtl_articleHead .date {
	position             : relative;
	clear                : both;
	float                : left;
    margin               : 10px 20px;
    font-size            : 16px;
    line-height          : 1.2;
}

#infomationMessageViewer-content .timelineTitle {
	text-align           : right;
}

.infomationList ._mtl_articleMessage ._mtl_articleHead,
#infomationMessageViewer-content ._mtl_articleMessage ._mtl_articleHead {
	position             : relative;
	width                : 100%!important;
	float                : left;
	margin               : 5px 0px 5px 0px!important;
}

.infomationList ._mtl_articleMessage ._mtl_articleHead .title,
#infomationMessageViewer-content ._mtl_articleMessage ._mtl_articleHead .title {
	position             : relative;
	clear                : both;
    width                : calc(98%);
    margin-left          : 1%;	
    padding              : 20px;
    background-color     : #87bff526;;
 	color                : #000;
    font-size            : 20px!important;
 	font-weight          : bold;
 	line-height          : 1.6;
    font-family          : "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
}

.infomationList ._mtl_articleMessage ._mtl_articleContent,
.infomationList ._mbp_article ._mtl_articleContent {
	position             : relative;
	clear                : both;
	width                : 100%;
	margin               : 5px 0px 5px 0px;
}

/* カテゴリ・タグ カテゴリ以外非表示 */
.infomation ._mtl_category,
.infomationList ._mtl_category {
	position             : relative;
	clear                : both;
	width                : 100%;
	margin               : 0px 10px 25px 10px!important;
}

.infomation ._mtl_category .clickMessageCategory,
.infomationList ._mtl_category .clickMessageCategory {
	width                : 80px;
    text-align           : center;	
    border               : 1px solid #105ce6;
    padding              : 3px;
}

.infomation ._mtl_hashTag,
.infomationList ._mtl_hashTag {
	display             : none;
}

.infomation .clickMessageCategory,
.infomation .clickMessageHashTag {
	font-size            : 120%;
	float                : left;
	margin               : 0px 0px 0px 10px;
	cursor               : pointer;
	line-height          : 1.5;
}
@media all and (min-width: 680px) {

	.infomationList ._mtl_articleMessage ._mtl_articleContent,
	.infomationList ._mbp_article ._mtl_articleContent {
		width            : calc( 100% - 20px )!important;
		margin           : 5px 10px 5px 10px;
	}
}

@media all and (max-width:540px) {
	#jsc-official-page-title h2 {
		font-size        : 20px;
	}
}

@media all and (min-width:540px) {
	#jsc-official-page-title h2 {
	    width            : 600px;
	    margin-left      : calc( 50% - 300px );
	}
}

@media all and (min-width: 800px) {

	/*.infomationList ._mtl_articleMessage {*/
	.infomationList  {
	    width            : 600px;    
	    margin           : 20px auto;
	}
}