@charset "utf-8";
/** SP -> viewport=width:750 **/
#fullWrap{
	overflow: clip;
}
/*-----------------------------------------------
* HEADER
-------------------------------------------------*/
.header__logo{
	position: relative;
	width: 100%;
	padding: 20px 0;
	display: flex;
	justify-content: center;
}
.header__logo--link{
	display: block;
	height: 65px;
	text-decoration: none;
}
.header__logo--link img{
	height: 100%;
}



/*-----------------------------------------------
* Lineup
-------------------------------------------------*/
.lineup{
	padding-top: 16px;
}
.lineup__contentIn{
	width: 100%;
	max-width: 1920px;
	padding: 0 104px;
	margin: 0 auto;
	position: relative;
}
.lineupSwiper{
	overflow: hidden;
}
.lineupSwiper .swiper-slide{
	height: auto;
}
.lineupList__cont{
	width: 100%;
	position: relative;
	display: block;
}
.lineup__Image{
	width: 100%;
	overflow: hidden;
}
.lineup__Image img{
	width: 100%;
}

@media screen and (hover:hover) and (pointer: fine){
	.lineupList__cont{
		background-color: #000;
	}
	.lineup__Image img{
		transition: opacity .3s ease, transform .3s ease;
	}
	.lineupList__cont:hover .lineup__Image img{
		opacity: 80%;
		transform: scale(1.005);
	}
}

@media screen and (max-width:768px){
	.lineup__contentIn{
		padding: 0 80px;
	}
	.lineupLists.swiper-wrapper{
		flex-wrap: unset;
	}
}


.lineup__navs{
	position: absolute;
	inset: 0;
}
.lineup__navsIn{
	position: sticky;
	top: 0;
	width: 100%;
	height: min(100vh, 100%);
	display: flex;
	align-items: center;
	padding: 0 28px;
}
.lineup__nav{
	width: 48px;
	height: 48px;
	position: relative;
}
.lineup__nav.-prev{
	margin-right: auto;
}
.lineup__nav.-next{
	margin-left: auto;
}
.lineup__navBtn{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px solid #c3d82d;
	position: relative;
}
.lineup__navBtn::before{
	content: '';
	position: absolute;
	inset: 0;
	margin: auto;
	width: 54%;
	height: 54%;
	mask: url(../../img/common/button_top.png) no-repeat center / contain;
	background-color: #c3d82d;
	transform: rotate(90deg);
}
.lineup__nav.-prev .lineup__navBtn::before{
	right: 0.125em;
	transform: rotate(-90deg);
}
.lineup__nav.-next .lineup__navBtn::before{
	left: 0.125em;
	transform: rotate(90deg);
}
@media screen and (max-width:768px){
	.lineup__navsIn{
		padding: 0 16px;
	}
}

.newsMore{
	display: flex;
	justify-content: center;
	position: relative;
	top: unset;
	right: unset;
	margin-top: 32px;
	width: auto;
}
.newsMore__link{
	width: auto;
	padding: 0 104px;
	font-size: 14px;
	border-radius: 96px;
}
@media screen and (max-width:768px){
	.newsMore__link{
		font-size: 24px;
	}
}



/*-----------------------------------------------
* Top News（topicsLists）
-------------------------------------------------*/
.topicsLists--date {
	flex-shrink: 0;
}

.topicsLists--tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	flex-shrink: 0;
	align-items: center;
	margin-right: 16px;
}

.topicsLists--tag {
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid #c3d82d;
	color: #c3d82d;
	font-size: 12px;
	line-height: 1.4;
	white-space: nowrap;
}

.topicsLists--title {
	flex: 1;
	min-width: 0;
	width: auto;
}

@media screen and (max-width: 768px) {
	.topicsLists__link{
		flex-wrap: wrap;
	}
	.topicsLists--tags {
		margin-right: 12px;
	}

	.topicsLists--tag {
		font-size: 14px;
	}

	.topicsLists--title {
		flex:auto;
		width: 100%;
		padding-top: 6px;
	}
}