/* タイムラインウィジットパネル */
#right-slide-timelineWidgetBox {
}

/* タイムライン一覧へ */
#timeline-goToList2,
#timeline-goToMenu {
    margin             : 6px;
    float              : right;
}

#timeline-search-scope {
	width              : 100%;
	font-size          : 12px;
	text-align         : center;
	clear              : both;
	margin             : 5px 0px;
}

.timeline-search-scope-label {
    text-align         : center;
    margin             : 10px 0px;
}

/* 検索結果パネル */
#right-slide-timelineSearchResult {
	height             : 100%;
}

.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 #00acc3;
    padding            : 10px 0px 5px 0px;
    color              : #777;
    white-space        : nowrap;
}

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

/* ウィジットタイトル */
.widgetTitle {
	margin             : 12px 3px 5px 5px;
	border-top         : none;
	border-bottom      : solid 3px #e3e3e3;
	line-height        : 2em;
	display            : block;
}

.widgetTitle span {
	margin-left         : 5px;
	font-size           : 14px;
	line-height         : 1.4em;
	text-decoration     : none;
	white-space         : nowrap;
	display             : inline;
	vertical-align      : bottom;
}

.widgetTitle .moreEntry {
	float               : right;
	margin-top          : 8px;
	font-size           : 11px;
	cursor              : pointer;
}

/* タイムラインエントリリスt */
.mosaTimelineEntryList.entry {
	margin              : 3px 3px 5px 3px;
	padding             : 4px 4px;
}

.mosaTimelineEntryList.entry {
	list-style          : none;
    position            : relative;
}

.mosaTimelineEntryList.entry li:first-child {
	/*border              : none;*/
	padding-top         : 0px;
}

.mosaTimelineEntryList.entry li {
    position            : relative;
    display             : block;
	clear               : both;
	padding             : 8px 0px 2px 0px;
	font-size           : 120%;
    border-bottom-color : #e3e3e3;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    cursor              : pointer;
}

.mosaTimelineEntryList.entry > li {
    position            : relative;
	/*color               : #999999;*/
}

.mosaTimelineEntryList.entry li.hideByUser .entry-category:before {
	content             : '再表示';
    color               : #fff;
    background-color    : rgba(234, 85, 58, 1);
    margin-left         : 10px;
    padding             : 3px 5px 2px 6px;
    cursor              : pointer;
    letter-spacing      : 1px;
    border-radius       : 4px;
}

.mosaTimelineEntryList.entry li.hideByUser .entry-content,
.mosaTimelineEntryList.entry li.hideByUser .entry-photoIcon-img {
	display             : none;
}

.mosaTimelineEntry-item {
	position            : relative;
	/*height              : 60px;*/
	float               : left;
}

.mosaTimelineEntry-item.text {
	width               : calc(-87px + 100%);
    padding             : 0px 3px 2px 4px;
    line-height         : 1.2em;
}

.entry-photoIcon {
	width               : 80px;
	height              : 80px;/*53px;*/
}

.entry-photoIcon-img {
	position            : relative;
	width               : 100%;
	height              : 100%;
	overflow            : hidden;
    border              : 1px solid #999;
    box-sizing          : border-box;
}

.entry-photoIcon-img img {
	position            : absolute;
}

.mosaTimelineWidget  .post-date {
	display             : block;
}

.entry-mosa-name {
	color               : #000;
	font-weight         : bold;
    display             : -webkit-box;
    -webkit-box-orient  : vertical;
    -webkit-line-clamp  : 1;
    overflow            : hidden;
    line-height         : 1.2em;
}

.entry-date {
	float               : left;
}

.entry-evaluation {
	float               : right;
}

.entry-subject {
	color               : #000;
	font-weight         : bold;
    /*display             : -webkit-box;
    -webkit-box-orient  : vertical;
    -webkit-line-clamp  : 1;
    overflow            : hidden;*/
    line-height         : 1.2em;
    vertical-arign      : none!important;
    overflow            : hidden;
    text-overflow       : ellipsis;
    white-space         : nowrap;
}

.entry-content {
	padding             : 3px 0px;
    display             : -webkit-box;
    -webkit-box-orient  : vertical;
    -webkit-line-clamp  : 2;
    overflow            : hidden;
    line-height         : 1.2em;
    height              : 2.05em;
}

.entry-category {
	margin-top         : 5px;
}

/* 検索フォーム */

#mosaTimelineSearchForm {
	position            : relative;
	width               : calc( 100% - 0px );
	margin              : 0 auto;
	box-sizing          : border-box;
	clear               : both;
}

#_mtl_mosaTimelineSearchForm {
	position            : relative;
	margin              : 10px 5%;
	padding-top         : 3px;
	padding-left        : 5px;
	height              : 41px;
}

#execTimelineSearch {
    line-height         : 20px;
    vertical-align      : text-bottom;
}

#timelineSearchInput-error {
    margin              : 5px 5px 0px 18px;
}

#_mtl_mosaTimelineSearchForm .timelineSearchInput  {
	width               : 100%;
}

#_mtl_mosaTimelineSearchForm #timelineSearchWord  {
	width               : 60%;
	border              : none;
	background-color    : #e1e1e1;
	vertical-align      : 13px;
}

#_mtl_mosaTimelineSearchForm .timelineSearchInput {
	position            : relative;
}
#_mtl_mosaTimelineSearchForm .timelineSearchInput i {
	cursor              : pointer;
	left                : 0px;
	top                 : 0px;
	position            : absolute;
	padding-top         : 0px;
	height              : 36px;
	width               : 23px;
	line-height         : 36px;
	border-right        : 1px solid rgba(0, 0, 0, 0.1);
	box-shadow          : 1px 0 0 rgba(255, 255, 255, 0.7);
	color               : #777777;
	text-align          : center;
	-webkit-transition  : all 0.3s ease-out;
	-moz-transition     : all 0.3s ease-out;
	-ms-transition      : all 0.3s ease-out;
	-o-transition       : all 0.3s ease-out;
	transition          : all 0.3s ease-out;
	pointer-events      : none;
}

#_mtl_mosaTimelineSearchForm input[type=text] {
	padding             : 5px 18px 5px 33px;
	margin-bottom       : 10px;
	font-size           : 16px;
}
#_mtl_mosaTimelineSearchForm input[type=text]:hover ~ i {
	color               : #ebc552;
}

#_mtl_mosaTimelineSearchForm input[type=text]:focus ~ i {
	color               : #e49806;
}

#_mtl_mosaTimelineSearchForm input[type=text]:focus {
	outline             : none;
}

#execFieldSearch-btn {
    margin-left         : 15px;
    margin-bottom       : 10px;
}

#execFieldSearch {
	float               : left;
}

/* カテゴリ・タグ */
#mosaTimelineTagListArea {
	margin-bottom       : 50px
}

._mtl_mosaTimelineCategoryList,
._mtl_mosaTimelineTagList {
	list-style          : none;
	display             : table;
	width               : 100%;
	border-bottom       : 1px solid #eee;
}

._mtl_mosaTimelineCategoryList li:first-child,
._mtl_mosaTimelineTagList li:first-child {
	border              : none;
	padding-top         : 0px;
}

._mtl_mosaTimelineCategoryList li,
._mtl_mosaTimelineTagList li {
	font-size           : 140%;
	cursor              : pointer;
}

._mtl_mosaTimelineCategoryList > li:nth-child(2n+1),
._mtl_mosaTimelineCategoryList > li:nth-child(2n+1) {
	clear               : both;
}

._mtl_mosaTimelineCategoryList > li,
._mtl_mosaTimelineTagList > li {
	display             : table-cell;
	float               : left;
	width               : 47%;
	margin-left         : 2%;
	margin-right        : 1%;
	padding-top         : 2px;
	padding-bottom      : 8px;
	/*color               : #999999;*/
}
/* アーカイブ */
.mosaTimelineEntryList.archive {
    line-height         : 1.6;
}

.archive-counter-month {
	margin-left         : 20px;
}

.archive-counter-button,
.archive-counter-year-title,
.archive-counter-month-title {
	font-size           : 160%;
}

.archive-counter-button {
	color               : #999;
}

/* 詳細表示 */
#timelineMessageViewer-footer,
#infomationMessageViewer-footer {
    padding-top         : 20px;
    position            : relative;
    display             : inline-block;
    width               : 100%;
    padding-bottom      : 100px;
}

/* ページナビ */
.mosaTimelineSelectEntryListPageNavi.top {
	margin             : 0px 0px -7px 25px;
}

.mosaTimelineSelectEntryListPageNavi.bottom {
	margin             : -3px 0px 5px 15px;
}

.timelineEntryNavi {
	position             : relative;
	clear                : both;
	margin               : 2px 10px 8px 0px;
	min-height           : 15px;
}

.timelineEntryNavi .timelineEntryListPage
{
	cursor               : pointer;
}

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

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

@media and (max-width:413px) {
	#_mtl_mosaTimelineSearchForm {
		margin              : 0px 0px;
	}
}

/* １カラムレイアウト */
@media and (max-width:666px) {
	#timeline-goToList {
		display           : block;
	}
	#timeline-goToList2,
    #timeline-goToMenu {
		display           : none;
	}
	.entry-photoIcon  {
		width             : 80px;
		height            : 80px/*53px;*/
	}
}

/* ２カラムレイアウト */
@media all and (min-width:667px) and (max-width:1024px) {
	#timeline-goToList {
		display           : none;
	}
	#timeline-goToList2,
	#timeline-goToMenu {
		display           : block;
	}
	#_mtl_mosaTimelineSearchForm {
		margin            : 10px 3px;
	}
	#_mtl_mosaTimelineSearchForm #timelineSearchWord  {
		width             : calc( 100% - 140px );
	}
	.entry-photoIcon  {
		width             : 80px;
	    height            : 80px;/*53px;*/
	}
}

/* １カラムレイアウト */
@media all and (min-width:1025px) and (max-width:1172px) {
	#timeline-goToList {
		display           : block;
	}
	#timeline-goToList2,
	#timeline-goToMenu {
		display           : none;
	}
	.entry-photoIcon  {
		width             : 80px;
		height            : 80px;/*53px;*/
	}
}

/* ２カラムレイアウト */
@media all and (min-width:1173px) {
	#timeline-goToList {
		display           : none;
	}
	#timeline-goToList2,
	#timeline-goToMenu {
		display           : block;
	}
	#_mtl_mosaTimelineSearchForm {
		margin            : 10px 3px;
	}
	#_mtl_mosaTimelineSearchForm #timelineSearchWord  {
		width             : calc( 100% - 140px );
	}
	.entry-photoIcon  {
		width             : 80px;
		height            : 80px;/*53px;*/
	}
}