@charset "UTF-8";

#container {
	
}

#content {
	padding-top: 95px;
}

#jsc-official-page-title,
#entry-merit {
    margin-top: 30px;	
}

#jsc-official-page-title h2 {
    width                : calc( 80% - 16px );
    margin               : 0 0 30px 0;
    margin-left          : calc( 10% + 6px );
    text-align           : center;
    font-size            : 1.6rem;
    font-weight          : bold;
    font-family          : "Kosugi Maru",sans-serif;
    line-height          : 1.4;
    color                : #000;
    border-bottom        : solid 4px #e55591;
    border-radius        : 0px 0px 160px 180px/0px 0px 20px 4px;
    letter-spacing       : 4px;
}

/* ローディングマーク */
.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(/patio/img/commons/indicator.gif) no-repeat center center;
    color                : #666;
    background-size      : contain;
    margin-right         : 10px;
}

#infomation-list-page {
	position             : relative;
	width                : 90%;
	margin               : 0 auto;
    padding              : 0px 0px;
}

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

#infomation-list h2 {
    width                : calc( 80% - 16px );
    margin               : 0 0 30px 0;
    margin-left          : calc( 10% + 6px );
    text-align           : center;
    font-size            : 1.6rem;
    font-weight          : bold;
    font-family          : "Kosugi Maru",sans-serif;
    line-height          : 1.4;
    color                : #fff;
    border-bottom        : solid 4px #e55591;
    border-radius        : 0px 0px 160px 180px/0px 0px 20px 4px;
    letter-spacing       : 4px;
}

.infomationList {
	margin-top           : 50px;
}

#timeline-max-count {
    position             : relative;
    width                : calc( 100% - 40px );
    /*max-width            : 600px;*/
    margin               : 10px auto;
    font-size            : 16px;
    text-align           : right;
    color                : #fff;
}

.messagePageNavi {
	padding              : 10px;
}

.messagePageNavi label {
	color                : #fff!important;	
}

._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) {
	#jsc-official-page-title 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;
}
.mosaTimelineEntry-item .entry-category {
    padding              : 0px 10px;
	font-size            : 14px;
}

/*　お知らせ一覧  */

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

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

.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% - 40px);	
    padding              : 20px;
    background-color     : #699ccd4d;;
 	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;
}

.infomationList ._mtl_category {
	position             : relative;
	clear                : both;
	width                : calc( 100% - 10px );
	margin               : 0px 10px 25px 10px!important;
}
.infomation .clickMessageCategory {
	font-size            : 120%;
	float                : left;
	margin               : 0px 0px 0px 10px;
	cursor               : pointer;
	line-height          : 1.5;
}

.infomationList ._mtl_category .clickMessageCategory {
    border               : 1px solid #105ce6;
    padding              : 0px 3px;
    float                : left;    
    font-size            : 16px;
    letter-spacing       : 2px;    
}

@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 (min-width: 800px) {

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