.body0Left{
	grid-area: body0Left;
	width: 100%;
	display: grid;
	grid-template-areas: 
		"indexLineupArea";
	grid-row-gap: 24px;
}
.lineupArea{
	grid-area: indexLineupArea;
	width: 100%;
	display: grid;
	grid-template-areas: 
		"midashi"
		"indexWork";
}
.lineupWork {
	grid-area: indexWork;
	width: 100%;
	display: grid;
	grid-template-columns: 49% 49%;
	grid-column-gap: 2%; 
}
.lineupWorkBox{
	margin: 10px 0;
	padding: 5px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #bbb;
	display: grid;
	grid-template-areas: 
		"lineupWorkImg lineupWorkTextBox";
	grid-template-columns: 50% 50%;
	background: rgba(255,255,255,.7);
}
.lineupWorkImg,.lineupWorkBrandlogo {
	grid-area: lineupWorkImg;
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.lineupWorkImg img {
	width: 100%;
	border: solid 1px #bbb;
	box-sizing: border-box;
	box-shadow: 0px 0px 0px rgba(0,0,0,.7);
}
.lineupWorkBrandlogo img {
	width: 100%;
	height: 242px;
	border: solid 1px #bbb;
	box-sizing: border-box;
}
.lineupWorkTextBox{
	grid-area: lineupWorkTextBox;
	width: 100%;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	display: grid;
	grid-template-areas: 
		"lineupWorkTextTitle"
		"lineupWorkTextAuthorName"
		"lineupWorkTextIntroduction";
}
.lineupWorkTextTitle{
	grid-area: lineupWorkTextTitle;
	margin: 0;
	padding: 0;
	width: 100%;
}
.lineupWorkTextAuthorName{
	grid-area: lineupWorkTextAuthorName;
	margin: 0;
	padding: 0;
	width: 100%;
}
.lineupWorkTextIntroduction{
	grid-area: lineupWorkTextIntroduction;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}
@media screen and (max-width: 768px){
	.lineupWork {
		grid-template-columns: auto;
		grid-column-gap: 0px; 
	}
	.lineupWorkBox{
		grid-template-areas: 
			"lineupWorkImg"
			"lineupWorkTextBox";
		grid-template-columns: auto;
	}
}