@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Noto+Sans+JP&display=swap');
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
/* table start */
table.student tbody th:nth-child(1) {
		width: 24%;
}
table.student thead th.time {
		font-size: 12px;
}
table.student tbody td {
		text-align: center;
}
/* table end */
/* GA poster */
.poster {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		/*justify-content: space-between;*/
}
div.article {
		display: flex;
		width: 100%;
		padding: 20px;
		margin-bottom: 20px;
}
div.article .item {
	flex-basis: 20%; /* flexアイテムの幅を割合で指定 */
}
div.txt {
	flex-basis: 80%; /* flexアイテムの幅を割合で指定 */
	margin-left: 30px;
	font-size: 16px;
}

div.article img {
		height: auto;
		border: 1px solid #ccc;
}
div.ps-no {
		font-size: 22px;
		color: #FF6C15;
}
div.ps-title {
		font-size: 22px;
		margin-bottom: 15px;
		border-bottom: 1px dashed #c6c6c6;
		padding-bottom: 10px;
}
div.ps-team, div.ps-author {
		margin-bottom: 1em;
}
div.ps-ab {
}
.poster img {
		margin-top: 5px;
		margin-bottom: 5px;
}
.ps-team:before {
		font-size: 22px;
		font-family: 'Material Icons';
		content: '\e7ef';
		font-weight: normal;
		font-style: normal;
		margin-right: 3px;
		position: relative;
		top: 6px;
}
.ps-author:before {
		font-size: 22px;
		font-family: 'Material Icons';
		content: '\e3c9';
		font-weight: normal;
		font-style: normal;
		margin-right: 3px;
		position: relative;
		top: 6px;
}
/* GA poster end */
.none {
		display: none;
}
@media screen and (max-width: 640px) {
		div.article {
				/*display: flex;*/
				flex-direction: column;
				/*flex-wrap: wrap;*/
				width: 100%;
				padding: 20px 30px;
		}
		div.ps-no, div.ps-title {
				font-size: 18px;
				margin-bottom: 5px;
		}
		div.txt {
				font-size: 14px;
		}
}