@charset "utf-8";
header .header .inner {
	background: #fff;
	opacity: 1;
}
.component-wrap {
	max-width: 100% !important;
	margin: 0 auto !important;
}
@media screen and (max-width: 1023px) {
	.component-wrap {
		margin: 0 auto !important;
	}
}
.lineup_wrap {
	width: 100%;
	background-color: #fff;
	padding: 120px 0 0;
	position: relative;
	color: #000;
	top: -1px;
}
.lineup {
	max-width: 1280px;
	margin: 0 auto;
	min-width: 360px;
	padding-top: 487px;
}
.lineup_wrap .pc,
.jumping_banner .pc {
	display: block;
}
.lineup_wrap .mo,
.jumping_banner .mo {
	display: none;
}
.lineup_wrap .headline {
	font-size: 3.125vw;
	font-weight: 800;
	text-align: center;
	color: #000; /* margin-bottom:20px;*/
	font-family: "LG Smart RU", Tahoma, Arial, sans-serif;
}
.lineup_wrap .slide_box {
	width: 100%;
	overflow: hidden;
}
/* .lineup_wrap .slide_box .slidee{width:1180px;}
*/
.lineup_wrap .lineup_more {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	background: linear-gradient(to top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6));
	z-index: 5;
}
.lineup_wrap .lineup_more a {
	min-width: 200px;
	min-height: 56px;
	background-color: #000;
	color: #fff;
	border-radius: 12px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 10px 24px;
	font-weight: 600;
	font-size: 1.406vw;
}
.lineup_wrap .lineup_more a::after {
	content: "";
	display: inline-block;
	clear: both;
	background: url(../images/common/PC/lineup_more.png) center center no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
	margin: 0 0 0 8px;
}
.lineup_wrap .lineup_more a:hover {
	color: #fff;
}
.lineup .more_section {
	width: 100%;
	max-width: 1280px;
	overflow: hidden;
	height: 0;
}
.lineup_wrap .right_blur {
	display: none;
}
.lineup section {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	border-top: 1px solid #ebebeb;
	padding: 40px 0;
	width: 100%;
	font-size: 1.458vw;
	font-weight: 600;
	text-align: left;
	height: auto;
	flex-direction: row;
	margin-bottom: 0;
}
.lineup_wrap .sec_title {
	font-size: 2.083vw;
	width: 230px;
	min-width: 230px;
}
.lineup_wrap .info_box {
	width: 100%;
}
.lineup_wrap .sm_txt1 {
	font-size: 0.9375vw;
	line-height: 1.5;
}
.lineup_wrap .text_box > div:not(:last-of-type) {
	margin-bottom: 50px;
}
.lineup_wrap .text_box1 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.lineup_wrap .disclaimer {
	margin-top: 50px;
}
.lineup_wrap .disclaimer .sm_txt1 {
	color: #888;
	font-weight: 400;
	line-height: 1.7;
}
.lineup_wrap section ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
/* .lineup section ul{width:115%;}
*/
.lineup_wrap section ul li {
	width: calc(20% - 26px);
	max-width: 184px;
	/* margin-right: 26px; */
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.lineup_wrap a {
	font-size: 0.9375vw;
	font-weight: 400;
	display: inline-block;
}
.lineup_wrap .btn_redbox {
	background-color: #be0039;
	border-radius: 8px;
	min-width: 90%;
	min-height: 4.375vw;
	color: #fff;
	text-align: center;
	padding: 10px;
	overflow: hidden;
	margin: 20px auto 0;
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.lineup_wrap .btn_tx_underline {
	color: #333;
	margin: 0 auto 10px;
}
.lineup_wrap .btn_tx_underline::after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	background-color: #333;
}
.lineup .no_text {
	display: flex;
	align-items: center;
	justify-content: center;
}
.lineup .no_text span {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #ebebeb;
	display: inline-block;
}
/* sec01 */
.lineup_fixed {
	position: absolute;
	width: 100%;
	background-color: #fff;
	z-index: 10; /* visibility:visible;*/
}
/* .lineup_fixed ul{padding:85px 0 15px 230px;margin:0 auto;max-width:1280px;}
*/
.lineup_sec01 .lineup_btnLine {
	max-width: 1280px;
	margin: 0 auto;
	padding: 350px 0 15px 230px;
}
.lineup_sec01 .slide_box::after {
	content: "";
	display: block;
	clear: both;
}
section.lineup_sec01 {
	position: static;
	background-color: #fff;
}
.lineup_sec01 {
	padding: 85px 0 15px 230px;
	margin: 0 auto;
	border-top: 0;
	max-width: 1280px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 1.458vw;
	font-weight: 600;
	text-align: left;
	height: auto;
	flex-direction: row;
}
.lineup_sec01 img {
	max-width: 170px;
}
.lineup_sec01 img.pc + img.pc {
	margin-top: 10px;
}
.lineup_sec01 li > p {
	padding: 13px 0;
}
/* sec02 */
.lineup_sec02 .text_box > div {
	min-height: 70px;
	line-height: 1.14;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
/* sec03 */
.lineup_sec03 li img {
	object-fit: contain;
}
/* sec04 */
.lineup_sec04 li {
	line-height: 1.2;
}
.lineup_sec04 .text_box1 {
	min-height: 210px;
}
.lineup_sec04 .text_box1 > div {
	margin-bottom: 10px;
}
.lineup_sec04 .text_box1 + div {
	min-height: 65px;
}
.lineup_sec04 .sm_txt1 {
	letter-spacing: -0.06em;
}
/* sec05 */
.lineup_sec05 .info_box img {
	margin-top: 50px;
}
.lineup_sec05 li img + p {
	margin-top: 10px;
}
.lineup_sec05 ul li > div:first-of-type {
	min-height: 50px;
}
.lineup_sec05 ul li .sm_txt1.ht50 {
	min-height: 50px;
}
/* sec06 */
.lineup_sec06 .text_box1 {
	min-height: 136px;
	margin-bottom: 50px;
}
.lineup_sec06 .text_box1 div + div {
	margin-top: 15px;
}
.lineup_sec06 .info_box img {
	margin-top: 50px;
}
/* sec07 */
section.lineup_sec07 ul {
	align-items: flex-start;
}
.lineup_sec07 .info_box img:not(:first-of-type) {
	margin-top: 25px;
}
.lineup_sec07 .info_box li > div {
	margin-top: 50px;
}
.lineup_sec07 .info_box li .sm_txt1 {
	margin: 5px 0;
}
.lineup_sec07 .info_box li .no_text {
	min-height: 123px;
}
.lineup_sec07 .info_box li .no_text + .no_text {
	min-height: 55px;
}
/* sec08 */
.lineup_sec08 .info_box img:not(:first-of-type) {
	margin-top: 32px;
}
.lineup_sec08 .info_box li img + div {
	min-height: 66px;
	margin-top: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lineup_sec08 .info_box li .no_text {
	min-height: 55px;
}
.lineup_sec08 .info_box li .no_text:not(:first-of-type) {
	margin-top: 32px;
}
/* sec09 */
.lineup_sec09 li div + div {
	margin-top: 50px;
}
.lineup_sec09 li div + div > img + div {
	min-height: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* jumping banner */
.jumping_banner {
	width: 100%;
	background-color: #fff;
	padding-top: 90px;
	position: relative;
	top: -2px;
	z-index: 3;
}
.jumping_banner .jumping_fix_line {
	width: 100%;
	height: 8px;
	position: absolute;
	content: "";
	background: #fff;
	bottom: -4px;
}
.jumping_banner ul {
	max-width: 1280px;
	min-width: 360px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: wrap;
	flex-direction: row;
}
.jumping_banner li {
	position: relative;
	margin: 0 10px 20px;
	cursor: pointer;
}
.jumping_banner li > p {
	position: absolute;
	bottom: 30px;
	left: 30px;
	font-size: 2.8125vw;
	color: #fff;
}
/* media */

@media all and (min-width: 1280px) {
	.lineup_wrap .headline {
		font-size: 50px;
	}
	.lineup_wrap section {
		font-size: 26px;
	}
	.lineup_wrap section.lineup_sec04 {
		font-size: 21px;
	}
	.lineup_wrap .lineup_more a {
		font-size: 18px;
	}
	.lineup_wrap a {
		font-size: 16px;
	}
	.lineup_wrap section li p {
		font-size: 26px;
	}
	.lineup_wrap .sec_title {
		font-size: 36px;
	}
	.lineup_wrap .sm_txt1 {
		font-size: 16px;
	}
	.lineup_wrap .btn_redbox {
		min-height: 56px;
		min-width: 180px;
	}
	.lineup_wrap section ul::after {
		content: "";
		display: block;
		clear: both;
	}
	/* jumping_banne */
	.jumping_banner ul {
		justify-content: space-evenly;
	}
	.jumping_banner li {
		margin: 0 0 20px;
	}
	.jumping_banner li > p {
		font-size: 36px;
	}
}
@media all and (max-width: 1023px) {
	.lineup_wrap .pc,
	.jumping_banner .pc {
		display: none;
	}
	.lineup_wrap .mo,
	.jumping_banner .mo {
		display: block;
	}
	.lineup_wrap section {
		position: relative;
	}
	.lineup_wrap section ul li {
		margin-right: 0;
	}
	.lineup_wrap section ul li:last-of-type {
		padding-right: 26px;
		box-sizing: content-box;
	}
	.lineup_wrap .lineup_more {
		padding: 45px 0;
		bottom: 0; /* background:#fff;*/
	}
	.lineup_wrap .lineup_more a {
		min-width: 130px;
		min-height: 39px;
		border-radius: 6px;
		padding: 10px 17px;
		font-size: 14px;
	}
	.lineup_wrap .lineup_more a::after {
		width: 12px;
		height: 12px;
		margin-left: 6px;
	}
	.lineup_fixed {
		/* position:inherit;*/
		padding-top: 55px;
		z-index: 5;
		margin-top: 10px; /* transition:all 1s;-webkit-transition:all 0.2s;*/
	}
	.lineup_fixed.fixed_pt {
		padding-top: 140px !important;
	}
	.lineup_wrap .lineup {
		padding-top: 290px;
	}
	.lineup_sec01 img.mo + img.mo {
		margin-top: 16px;
	}
	.lineup_wrap .headline {
		font-size: 32px;
	}
	.lineup_wrap a {
		font-size: 14px;
	}
	.lineup_wrap section li p {
		font-size: 18px;
	}
	.lineup_wrap .sec_title {
		font-size: 28px;
		width: 100%;
		border-bottom: 1px solid #ebebeb;
		padding-bottom: 20px;
		margin-bottom: 48px;
	}
	.lineup_wrap .sm_txt1 {
		font-size: 12px;
	}
	.lineup_fixed ul {
		padding: 0;
	}
	.lineup_sec01 .lineup_btnLine {
		padding: 0;
		max-width: 100%;
	}
	.lineup section {
		font-size: 18px;
		flex-direction: column;
		padding: 65px 0 0 25px !important;
		border-top: 0;
	}
	.lineup section ul {
		justify-content: flex-start;
	}
	.lineup_wrap .lineup_sec01 {
		padding: 0 0 15px 25px;
	}
	.lineup_sec01 img {
		width: 123px;
		margin: 0 auto;
	}
	.lineup_wrap .btn_redbox {
		min-width: 123px;
		min-height: 39px;
		border-radius: 6px;
		padding: 8px;
	}
	.lineup_wrap .text_box > div:not(:last-of-type) {
		margin-bottom: 25px;
	}
	.lineup_wrap .no_text span {
		width: 6px;
		height: 6px;
	}
	/* .lineup .lineup_sec03 .sec_title,.lineup .lineup_sec05 .sec_title,.lineup .lineup_sec07 .sec_title,.lineup .lineup_sec08 .sec_title,.lineup .lineup_sec09 .sec_title{margin-bottom:40px;}
*/
	.lineup_sec04 .text_box1 {
		min-height: 143px;
	}
	.lineup_sec04 .text_box1 + div {
		min-height: 40px;
	}
	.lineup_sec05 .info_box img {
		margin-top: 25px;
	}
	.lineup_sec06 .text_box1 {
		margin-bottom: 25px;
		min-height: 90px;
	}
	.lineup_sec06 .info_box img {
		margin-top: 25px;
	}
	.lineup_sec07 .info_box li > img.mo {
		margin: 0 0 25px;
	}
	.lineup_sec07 .info_box li > div {
		margin-top: 25px;
	}
	.lineup_sec07 .info_box li .no_text {
		min-height: 83px;
	}
	.lineup_sec07 .info_box li .no_text + .no_text {
		min-height: 41px;
	}
	.lineup_sec08 .info_box li > img.mo {
		margin: 0 0 25px;
	}
	.lineup_sec08 .info_box li img + div {
		min-height: 34px;
		margin-top: 0;
	}
	.lineup_sec08 .info_box li .no_text {
		min-height: 28px;
	}
	.lineup_sec09 li div + div {
		margin-top: 25px;
	}
	.lineup .disclaimer {
		margin: 30px 25px 0 0;
	}
	.lineup_wrap .disclaimer .sm_txt1 {
		line-height: 1.25;
		margin-bottom: 10px;
	}
	.lineup_wrap .disclaimer .sm_txt1:last-of-type {
		margin-bottom: 0;
	}
	.lineup_sec02 .text_box > div:last-of-type {
		letter-spacing: -0.06em;
	}
	.lineup_wrap .slide_box {
		width: 100%;
	}
	/* jumping_banne */
	.jumping_banner {
		padding-top: 120px;
	}
	.jumping_banner ul {
		padding: 0 25px;
		justify-content: space-between;
	}
	.jumping_banner li {
		margin: 0 5px 10px; /* width:calc(50% - 10px);*/
	}
	.jumping_banner li > p {
		bottom: 12px;
		left: 12px;
		font-size: 17px;
		letter-spacing: -0.02em;
	}
	.jumping_banner li img.mo {
		max-width: 238px;
	}

	/* 0428 st  */
	button.testbutton_p {
		position: absolute;
		width: 100px;
		height: 100px;
		background: red;
		color: blue;
		left: 50%;
		top: 50%;
	}
	button.testbutton_n {
		position: absolute;
		width: 100px;
		height: 100px;
		background: red;
		color: blue;
		left: 50%;
		top: 50%;
	}
	/* 0428 ed  */
}
@media (min-width: 721px) and (max-width: 1023px) {
	.lineup_wrap .slide_box .slidee {
		width: 1024px;
	}
	.lineup section {
		padding: 70px 25px 0 !important;
	}
	.lineup_wrap .lineup_sec01 {
		padding: 0 25px 15px;
	}
	.jumping_banner ul {
		justify-content: space-evenly;
	}
}
/* media */
@media all and (max-width: 720px) {
	.lineup_wrap .slide_box .slidee {
		width: 740px;
	}
	.jumping_banner li {
		width: calc(50% - 10px);
	}
}

/* 0428 st */
@media all and (min-width: 1024px) {
	.lineupPrev {
		display: none;
	}
	.lineupNext {
		display: none;
	}
}

@media all and (max-width: 1023px) {
	.lineupPrev {
		border-radius: 50%;
		width: 35px;
		height: 35px;
		position: absolute;
		left: 10px;
		top: 40%;
		opacity: 0.9;
		font-size: 20px;
		color: #000;
		font-weight: 700;
		z-index: 20;
	}
	.lineupNext {
		border-radius: 50%;
		width: 35px;
		height: 35px;
		position: absolute;
		right: 10px;
		top: 40%;
		opacity: 0.9;
		font-size: 20px;
		color: #000;
		font-weight: 700;
		z-index: 20;
	}

	.lineup_fixed.fixed_pt .lineupPrev {
		transform: translateY(140px);
	}
	.lineup_fixed.fixed_pt .lineupNext {
		transform: translateY(140px);
	}

	.lineupPrev.prevActive {
		pointer-events: none;
		opacity: 0;
	}
	.lineupNext.nextActive {
		pointer-events: none;
		opacity: 0;
	}
	.lineup_pagination {
		position: absolute;
		height: 20px;
		width: 100%;
		top: 100%;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #fff;
	}
	.lineup_pagination .pagedot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #d6d6d6;
		margin-right: 4px;
	}
	.lineup_pagination .pagedot.pageActive {
		background: #000;
	}
	.lineup_pagination .pagedot:last-child {
		margin-right: 0;
	}
}
/* 0428 ed  */