@charset "utf-8";

.lineup_block {
	padding-bottom: 30px;
}
.lineup_block + .lineup_block {
	margin-top: 60px;
}
.lineup_list a {
	color: inherit;
	text-decoration: none;
}
.lineup_list a:hover {
	color: inherit;
}
.lineup_list {
	flex-flow: row wrap;
	justify-content: flex-start;
}
.lineup_list > li {
	width: 25%;
	text-align: center;
}
.lineup_list > li:nth-child(n+5) {
	margin-top: 2em;
}
.lineup_list figcaption {
	font-size: clamp(18px, 1.2vw, 19px);
	font-weight: bold;
	line-height: 1.4;
	margin-top: .5em;
}
.list_bold {
  font-weight: bold;
}

/* lineup_heading */
.main_contents section > * + .lineup_heading {
	margin-top: 0;
}
.lineup_heading {
	align-items: center;
	background: linear-gradient(135deg, #e8f2d3 0%, #fff 50%);
}
.lineup_name {
	width: 60%;
	color: #008a3c;
	font-size: clamp(18px, 1.2vw, 20px);
	font-weight: bold;
	line-height: 1.4;
	padding: 30px;
}
.lineup_name .fs_large {
	font-size: clamp(28px, 2vw, 30px);
	letter-spacing: 0;
}
.lineup_name .fs_large + * {
	margin-top: .5em;
}
.lineup_name .list.inline > li {
	width: 48%;
}
.lineup_name .list.inline._auto > li {
	width: auto;
}
.lineup_img {
	width: 40%;
	mix-blend-mode: multiply;
	position: relative;
}
.lineup_img img {
	width: 100%;
	height: auto;
}
.lineup_img ._imginfo {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}

/* lineup_detail */
.lineup_detail {
	flex-wrap: wrap;
	line-height: 1.6;
}
.lineup_detail .sec_stit {
	border: 1px solid #008a3c;
	font-size: clamp(18px, 1vw, 20px);
	padding: .3em .5em;
	margin-bottom: 1em;
}
.lineup_detail * + .sec_stit {
	margin-top: 1em;
}
.lineup_detail > div {
	width: 32%;
}
.lineup_detail > div._w100 {
	width: 100%;
}
.lineup_detail > div._w100 + ._w100{
	margin-top: 30px;
}
.lineup_detail.col_2 > div {
  width: 48%;
}
.lineup_detail._col_ph > div {
	width: 30%;
}
.lineup_detail._col_ph > div.col_ph {
	width: 36%;
}
.lineup_detail._col_ph > div.col_ph .flex > *:nth-child(1) {
	width: 55%;
}
.lineup_detail._col_ph > div.col_ph .flex > *:nth-child(2) {
	width: 40%;
}
.lineup_detail > .lineup_figure {
  text-align: center;
}
.lineup_detail > .lineup_figure img {
	max-width: 280px;
}
.lineup_detail > div.lineup_lead {
	width: 100%;
}
.lineup_detail .lineup_leadcopy + *,
.lineup_detail * + .lineup_leadcopy {
	margin-top: 1em;
}
.lineup_lead_box {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.lineup_lead_box > *:nth-child(1) {
	width: 70%;
}
.lineup_lead_box > *:nth-child(2) {
	width: 27%;
	text-align: center;
}
.lineup_lead_box > *:nth-child(2) *:not(figure) {
	text-align: left;
}
.lineup_box {
	margin-top: 30px;
}
.lineup_box > *:nth-child(1) {
	width: 40%;
}
.lineup_box > *:nth-child(2) {
	width: 57%;
}
.photo_cln2 {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin-bottom: .25em;
}
* + .photo_cln2 {
	margin-top: .25em;
}
.photo_cln2 > * {
	width: 49.5%;
}
.lineup_detail > div.lineup_table {
	width: 100%;
	margin-top: 30px;
}
.lineup_lead_box ._imginfo {
	display: inline-block;
	position: relative;
}
.lineup_lead_box ._imginfo .icon {
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: 80%;
}
.lineup_table {
	overflow-x: auto;
}
.lineup_table._mt {
	margin-top: 3em;
}
.lineup_table table {
	width: auto;
	min-width: 100%;
	border-top: 1px solid #ccc;
	margin: .5em 0;
	table-layout: fixed;
}
.lineup_table tr > * {
	width: auto;
	line-height: 1.6;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
}
.lineup_table tr > * + * {
	border-left: 1px solid #ccc;
}
.lineup_table th {
	background: #eee;
	padding: .3em .5em;
}
.lineup_table td {
	word-spacing: -.2em;
	padding: .75em .5em;
}
.lineup_detail > .lineup_figure.principle {
  text-align: left;
  margin-bottom: 30px;
}
.lineup_shredder {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 15px;
}
.lineup_shredder > * {
  width: 42%;
  max-width: 250px;
}
.lineup_detail.col_2 .col_ph .lineup_shredder {
  margin-top: 20px;
}
.lineup_detail._col_ph > ._example > div {
  text-align: center;
}
.lineup_detail._col_ph > ._example > div + div {
  margin-top: 10px;
}
.b_side {
	border-left: 1px solid #ccc;
}
.main_contents section .chip_img {
  text-align: center;
  margin-top: 80px;
}



@media only screen and (max-width: 768px) {
	
	.lineup_block {
		padding-bottom: 15px;
	}
	.lineup_block + .lineup_block {
		margin-top: 30px;
	}
	.lineup_list > li {
		width: 50%;
	}
	.lineup_list > li:nth-child(n+3) {
		margin-top: 2em;
	}
	.lineup_list figcaption {
		font-size: clamp(14px, 1.2vw, 16px);
	}
	
	/* lineup_heading */
	.lineup_heading {
		margin-bottom: 15px;
	}
	.lineup_name {
		width: 100%;
		font-size: clamp(18px, 1.2vw, 20px);
		padding: 15px 15px 0;
	}
	.lineup_name .fs_large {
		font-size: clamp(22px, 2vw, 24px);
	}
	.lineup_name .list.inline > li {
		width: 100%;
	}
	.lineup_img {
		width: 100%;
	}

	/* lineup_detail */
	.lineup_detail .sec_stit {
		font-size: clamp(16px, 1vw, 18px);
	}
	.lineup_detail > div,
	.lineup_detail.col_2 > div {
		width: 100%;
	}
	.lineup_detail._col_ph > div,
	.lineup_detail._col_ph > div.col_ph {
		width: 100%;
	}
	.lineup_detail._col_ph > div.col_ph .flex {
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	.lineup_detail._col_ph > div.col_ph .flex > *:nth-child(1) {
		width: 55%;
	}
	.lineup_detail._col_ph > div.col_ph .flex > *:nth-child(2) {
		width: 40%;
	}
	.lineup_detail > div + div {
		margin-top: 30px;
	}
  .lineup_detail > .lineup_figure.principle {
    text-align: center;
    margin-bottom: 0;
  }
	.lineup_lead_box > *:nth-child(1) {
		order: 2;
		width: 100%;
		margin-top: 1.5em;
	}
	.lineup_lead_box > *:nth-child(2) {
		width: 100%;
		order: 1;
	}
	.lineup_box > *:nth-child(1) {
		width: 100%;
	}
	.lineup_box > *:nth-child(2) {
		width: 100%;
		margin-top: 1em;
	}
  .lineup_lead_box.fractur_box > *:nth-child(1) {
    order: 1;
  }
	
  .lineup_lead_box.fractur_box > *:nth-child(2) {
    order: 2;
		margin-top: 1.5em;
  }
	.lineup_lead_box ._imginfo .icon {
		right: auto;
		left: 50%;
		font-size: 100%;
		transform: translateX(-50%);
	}
	.lineup_lead_box ._imginfo ._hog {
		width: 65%;
		max-width: 500px;
	}
  .main_contents section .chip_img {
    margin-top: 40px;
  }
	
	
	
	
	
	
	
	
}
@media only screen and (min-width: 769px) {
	
}