body .T5003.grid-stack-item-content {
	background: #fff !important;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.1);
}


@media all and ( max-width: 500px )  {
	body .T5003.grid-stack-item-content {
		max-height: 75vw;
		overflow-y: hidden !important; 
	}
	
	body .T5003 .expand {
		position: absolute;
		bottom: 10px;
		right: 10px;
		background-color: #fff;
		padding: 3px 20px;
		text-align: center;
		font-size: 20px;
		line-height: 1;
		font-weight: bold;
		border-radius: 30px;
		box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.2);
	}
	body .T5003 .expand::before {
		content: "\25BE";
	}
	
	body .T5003.grid-stack-item-content.expanded {
		max-height: 100%;
		
	}
	body .T5003.grid-stack-item-content.expanded .expand {
		display: none;
		
	}
		
}

.T5003 { 
	font-size: 0.9rem; line-height: 1.15;
	padding: 1rem !important; overflow-y: scroll !important; }	

.T5003 .memos-head { display: flex; margin-bottom: 0.7rem; justify-content: space-between; }	
.T5003 .memos-head-left { display: flex; }	
.T5003 .memos-head-left div { margin-right: 1rem; }	
.T5003 .memos-head .memos-name { font-weight: bold;}	
.T5003 .memos-head .memos-filter-date { }	

.T5003 .memos-head-right { display: flex; }	
.T5003 .memos-head-right div { margin-left: 0.5rem; }	


.T5003 .memos-head span.filter-button  { 
	position: relative;
	background-color: #aaa;
	padding: 0.12rem 1.2rem 0.12rem 0.5rem;
	border-radius: 2rem;
	color: #fff;
	font-size: 0.70rem;
}
.T5003 .memos-head span.filter-button:hover {
	background-color: #666;
	cursor: pointer;
} 
.T5003 .memos-head span.filter-button::after {
	content: "\25BE";
	position: absolute;
	right: 0.4rem;
} 

.T5003 .empty {
	padding: 40px;
	text-align: center;
}


.T5003 .memo {
	padding-top: 0.3rem;
	border-top: 1px solid #ddd;
	margin-bottom: 1rem;
}

.T5003 .memo .memo-head { display: flex; flex-wrap: wrap; font-size: 0.8rem; margin: 0.4rem 0 0 0; }	
.T5003 .memo .memo-head > div { margin-bottom: 0.1rem; }	
.T5003 .memo .memo-head .memo-date { font-weight: bold; color: #666; margin-right: 0.5rem; }
.T5003 .memo .memo-head .memo-time { font-weight: bold; color: #0076ba; margin-right: 0.7rem; }
.T5003 .memo .memo-head .memo-autor { color: #777; font-size: 0.7rem; line-height: 1.6; margin-right: 0.7rem; }
.T5003 .memo .memo-head .memo-count { color: #777; font-size: 0.7rem; line-height: 1.6; margin-right: 0.7rem; }
.T5003 .memo .memo-head .memo-tags { margin-right: 1rem; }
.T5003 .memo .memo-head .memo-tags span { 
	vertical-align: bottom;
	display: inline-block;
	background-color: #aac;
	padding: 0.10rem 0.4rem 0.10rem 0.4rem;
	border-radius: 0.1rem;
	color: #fff;
	font-size: 0.65rem;
	line-height: 1;
 }

.T5003 .memo .memo-name { width: calc(100% - 4rem); font-weight: bold; font-size: 0.9rem; line-height: 1.15; margin-top: 0rem; margin-right: 4rem; }

.T5003 .memo .memo-info-row	{ display: flex; flex-wrap: wrap;}
.T5003 .memo .memo-info	{ width: 70%; font-size: 0.8rem;  color: #555; margin-top: 0.2rem; }
.T5003 .memo .memo-image { width: calc( 30% - 1rem); margin-left: 1rem; }
.T5003 .memo .memo-image img { width: 100%; height: auto; }

.T5003 .memo .memo-detail-headline	{ font-size: 1.2rem; line-height: 1.2; font-weight: bold; color: #000; margin-top: 0.6rem;  }
.T5003 .memo .memo-detail-intro	{ font-size: 0.9rem; line-height: 1.25; font-weight: bold; color: #666; margin-top: 0.5rem; margin-bottom: 1rem; }
.T5003 .memo .memo-detail-text	{ font-size: 0.9rem; line-height: 1.25; color: #000; margin-top: 0.6rem; margin-bottom: 1rem; }
.T5003 .memo .memo-detail-image { margin-bottom: 1rem; }
.T5003 .memo .memo-detail-image img { width: 100%; height: auto !important; }

.T5003 .memo .memo-detail-images { margin-top: 1rem; display: flex; flex-wrap: wrap;}
.T5003 .memo .memo-detail-images a { display: block; width: 25%; }
.T5003 .memo .memo-detail-images img { display: block; width: calc(100% - 5px); padding: 0 5px 5px 0; height: auto !important; }


.T5003.S8399 .memo { border-top-width: 0; }
.T5003.S8399 .memo-head { display: none; }

.T5003.S8399 .memos-name {
	font-size: 1.25rem;
	line-height: 1.2;
}

.T5003.S8399 .memos {
	/*display: flex;
	flex-wrap: wrap;
	justify-content: space-between;*/
}
.T5003.S8399 .memo {
/*	min-width: 280px;
	max-width: 420px;*/
	width: 100%;
	
	margin-bottom: 1.5rem;
	margin-right: 2rem;
}
.T5003.S8399 .memo .memo-info-row .memo-image {
	order: 1;
	width: 100%;
	margin-left: 0;
}
.T5003.S8399 .memo .memo-detail-images img { width: 100%; height: auto; padding: 0; }

.T5003.S8399 .memo .memo-info-row .memo-name {
	order: 2;
	font-size: 1.10rem;
	margin-top: 1rem;
	width: 100%;
}
.T5003.S8399 .memo .memo-info-row .memo-info {
	order: 3;
	font-size: 1.05rem;
	line-height: 1.25;
	margin-top: 0.2rem;
	width: 100%;
}

.T5003.S8410 .memo-head { display: none; }