@charset "UTF-8";


#pMov{
	position:relative;
	z-index: 10;
}

#pMov #mSlide{
	position:relative;
	overflow:hidden;
}

#pMov #mSlide::before,
#pMov #mSlide::after{
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	top:0;
}

#pMov #mSlide::before{
	left:0;
}

#pMov #mSlide::after{
	right:0;
}

#pMov #mSlideInr{
	position:absolute;
	z-index:0;
}

#pMov #mSlide .slideItem{
	position:absolute;
	left:0;
	top:0;
}

/*------------------------------------------*/
/* eListCurrent */
/*------------------------------------------*/
#pMov #mSlide li.eListCurrent{
	display:block;
}

#pMov #mSlide li.eListCurrent.moveNext{
	animation: crntItemMvNext 0.8s forwards;
}
#pMov #mSlide li.eListCurrent.movePrev{
	animation: crntItemMvPrev 0.8s forwards;
}


/*------------------------------------------*/
/* nItem */
/*------------------------------------------*/
#pMov #mSlide li.eListNext{
	display:block;
}

#pMov #mSlide li.eListNext.moveNext{
	animation: nItemMvNext 0.8s forwards;
}

#pMov #mSlide li.eListNext.movePrev{
	animation: nItemMvPrev 0.8s forwards;
}

/*------------------------------------------*/
/* nnItem */
/*------------------------------------------*/
#pMov #mSlide li.eListNextNext{
	display:block;
}

#pMov #mSlide li.eListNextNext.moveNext{
	animation: nnItemMvNext 0.8s forwards;
}

/*------------------------------------------*/
/* pItem */
/*------------------------------------------*/
#pMov #mSlide li.eListPrev{
	display:block;
}

#pMov #mSlide li.eListPrev.moveNext{
	animation: pItemMvNext 0.8s forwards;
}

#pMov #mSlide li.eListPrev.movePrev{
	animation: pItemMvPrev 0.8s forwards;
}


/*------------------------------------------*/
/* ppItem */
/*------------------------------------------*/
#pMov #mSlide li.eListPrevPrev{
	display:block;
}

#pMov #mSlide li.eListPrevPrev.movePrev{
	animation: ppItemMvPrev 0.8s forwards;
}




/*PC ONLY　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 781px) {
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/


	#pMov{
		padding-top:10px;
		margin-top:-20px;
		padding-bottom:100px;
	}

	#pMov #mSlide{
		width:1200px;
		height:520px;
		margin:30px auto 30px;
	}

	#pMov #mSlide::before,
	#pMov #mSlide::after{
		width:270px;
		height:400px;
	}

	#pMov #mSlide::before{
		background-image: linear-gradient(90deg , rgba(237,237,237,1) 5px,rgba(237,237,237,0.7),rgba(237,237,237,0) 100px );
	}

	#pMov #mSlide::after{
		background-image: linear-gradient(90deg ,rgba(237,237,237,0) 100px , rgba(237,237,237,0.7), rgba(237,237,237,1) 265px );
	}

	#pMov #mSlideInr{
		width:3300px;
		left:-1050px;
	}

	/*------------------------------------------*/
	/* eListCurrent */
	/*------------------------------------------*/

	#pMov #mSlide li.eListCurrent{
		left:1340px;
	}

	@keyframes crntItemMvNext{
		0% { 
			left:1340px;
		}
		100% {
			left:670px;
		}
	}

	@keyframes crntItemMvPrev{
		0% { 
			left:1340px;
		}
		100% {
			left:2010px;
		}
	}



	/*------------------------------------------*/
	/* nItem */
	/*------------------------------------------*/

	#pMov #mSlide li.eListNext{
		left:2010px;
	}

	@keyframes nItemMvNext{
		0% { 		left:2010px;	}
		100% {		left:1340px;	}
	}

	@keyframes nItemMvPrev{
		0% { 		left:2010px;	}
		100% {		left:2680px;	}
	}

	/*------------------------------------------*/
	/* nnItem */
	/*------------------------------------------*/

	#pMov #mSlide li.eListNextNext{
		left:2680px;
	}

	@keyframes nnItemMvNext{
		0% { 	left:2680px;	}
		100% {		left:2010px;	}
	}

	/*------------------------------------------*/
	/* pItem */
	/*------------------------------------------*/

	#pMov #mSlide li.eListPrev{
		left:670px;
	}

	@keyframes pItemMvNext{
		0% { 		left:670px;	}
		100% {		left:0px;	}
	}

	@keyframes pItemMvPrev{
		0% { 		left:670px;	}
		100% {		left:1340px;	}
	}

	/*------------------------------------------*/
	/* ppItem */
	/*------------------------------------------*/

	#pMov #mSlide li.eListPrevPrev{
		left:0px;
	}

	@keyframes ppItemMvPrev{
		0% { 		left:0;	}
		100% {		left:670px;	}
	}


/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
}	/* 781px -> :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*tab only　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 421px) and (max-width: 780px){
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/


	#pMov{
		padding-top:4vw;
		margin-top:-4vw;
		padding-bottom:12vw;
	}


	#pMov #mSlide{
		width:100vw;
		height:41vw;
		margin:2vw auto 3vw;
	}


	#pMov #mSlideInr{
		width:500vw;
		left:-200vw;
	}

	/*------------------------------------------*/
	/* eListCurrent */
	/*------------------------------------------*/

	#pMov #mSlide li.eListCurrent{
		left:210vw;
	}

	@keyframes crntItemMvNext{
		0% { 
			left:210vw;
		}
		100% {
			left:110vw;
		}
	}

	@keyframes crntItemMvPrev{
		0% { 
			left:210vw;
		}
		100% {
			left:310vw;
		}
	}

	/*------------------------------------------*/
	/* #eventNoData */
	/*------------------------------------------*/

	#pMov #mSlide li#eventNoData > div{
		font-size:3vw;
		height:41vw;
	}



	/*------------------------------------------*/
	/* nItem */
	/*------------------------------------------*/

	#pMov #mSlide li.eListNext{
		left:310vw;
	}

	@keyframes nItemMvNext{
		0% { 		left:310vw;	}
		100% {		left:210vw;	}
	}

	@keyframes nItemMvPrev{
		0% { 		left:310vw;	}
		100% {		left:410vw;	}
	}

	/*------------------------------------------*/
	/* nnItem */
	/*------------------------------------------*/

	#pMov #mSlide li.eListNextNext{
		left:410vw;
	}

	@keyframes nnItemMvNext{
		0% { 	left:410vw;	}
		100% {		left:310vw;	}
	}

	/*------------------------------------------*/
	/* pItem */
	/*------------------------------------------*/

	#pMov #mSlide li.eListPrev{
		left:110vw;
	}

	@keyframes pItemMvNext{
		0% { 		left:110vw;	}
		100% {		left:10vw;	}
	}

	@keyframes pItemMvPrev{
		0% { 		left:110vw;	}
		100% {		left:210vw;	}
	}

	/*------------------------------------------*/
	/* ppItem */
	/*------------------------------------------*/

	#pMov #mSlide li.eListPrevPrev{
		left:10vw;
	}

	@keyframes ppItemMvPrev{
		0% { 		left:10vw;	}
		100% {		left:110vw;	}
	}


/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
}	/* 421px -> 780px :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*sp only　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (max-width: 420px){
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

	#pMov{
		padding-top:4vw;
		margin-top:-5vw;
		padding-bottom:17vw;
	}


	#pMov #mSlide{
		width:100vw;
		height:89vw;
		margin:2vw auto 2vw;
	}

	#pMov #mSlide.noDataSlide{
		height:40vw;
	}


	#pMov #mSlideInr{
		width:500vw;
		left:-200vw;
	}

	/*------------------------------------------*/
	/* eListCurrent */
	/*------------------------------------------*/

	#pMov #mSlide li.eListCurrent{
		left:210vw;
	}

	@keyframes crntItemMvNext{
		0% { 
			left:210vw;
		}
		100% {
			left:110vw;
		}
	}

	@keyframes crntItemMvPrev{
		0% { 
			left:210vw;
		}
		100% {
			left:310vw;
		}
	}

	/*------------------------------------------*/
	/* #eventNoData */
	/*------------------------------------------*/

	#pMov #mSlide li#eventNoData > div{
		font-size:5vw;
		height:40vw;
	}

	/*------------------------------------------*/
	/* nItem */
	/*------------------------------------------*/

	#pMov #mSlide li.eListNext{
		left:310vw;
	}

	@keyframes nItemMvNext{
		0% { 		left:310vw;	}
		100% {		left:210vw;	}
	}

	@keyframes nItemMvPrev{
		0% { 		left:310vw;	}
		100% {		left:410vw;	}
	}

	/*------------------------------------------*/
	/* nnItem */
	/*------------------------------------------*/

	#pMov #mSlide li.eListNextNext{
		left:410vw;
	}

	@keyframes nnItemMvNext{
		0% { 	left:410vw;	}
		100% {		left:310vw;	}
	}

	/*------------------------------------------*/
	/* pItem */
	/*------------------------------------------*/

	#pMov #mSlide li.eListPrev{
		left:110vw;
	}

	@keyframes pItemMvNext{
		0% { 		left:110vw;	}
		100% {		left:10vw;	}
	}

	@keyframes pItemMvPrev{
		0% { 		left:110vw;	}
		100% {		left:210vw;	}
	}

	/*------------------------------------------*/
	/* ppItem */
	/*------------------------------------------*/

	#pMov #mSlide li.eListPrevPrev{
		left:10vw;
	}

	@keyframes ppItemMvPrev{
		0% { 		left:10vw;	}
		100% {		left:110vw;	}
	}








/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
}	/* -> 420px :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/









/*=========================================================================================================================================================*/

/* アイテムパーツ　レイアウト #pVisual*/

/*=========================================================================================================================================================*/

#pMov #mSlide{
}

#pMov #mSlide .slideItem{
	position:absolute;
	left:0;
	top:0;
	background:#ffffff;
}

.idxMovDataWrap{
	display:flex;
	align-items: center;
}

.movThumbArea{
	background:#666666;
}

.movLink{
	display:block;
	margin:0 auto;
	position:relative;
}

.movLink .icoMov{
	position:absolute;
}


.mCoLogo{
	width:100%;
}

.mCoLogo a{
	display:block;
	margin:0 auto;
	position:relative;
}



/*PC ONLY　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 781px) {
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

	#pMov #mSlide{
		height:385px;
	}


	#pMov #mSlide .slideItem{
		width:620px;
		height:385px;
		border-radius: 8px;
		padding:20px 0 0;
	}

	.movThumbArea{
		padding:13px 0;
	}

	.movLink{
		width:440px;
		height:248px;
	}

	.movLink .icoMov{
		width:100px;
		top: calc( ( 248px - 100px )/2 );
		left: calc( ( 100% - 100px )/2 );
	}

	.mCoLogo a{
		width:240px;
	}

/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
}	/* 781px -> :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*tab only　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 421px) and (max-width: 780px){
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

	#pMov #mSlide{
		height:53vw;
	}

	#pMov #mSlide .slideItem{
		width:80vw;
		height:52.5vw;
		border-radius: 2vw;
		padding:2vw 0 0;
	}

	.movThumbArea{
		padding:1.5vw 0;
	}

	.movLink{
		width:60vw;
		height:33.8vw;
	}

	.movLink .icoMov{
		width:14vw;
		top: calc( ( 33.8vw - 14vw )/2 );
		left: calc( ( 100% - 14vw )/2 );
	}

	.mCoLogo a{
		width:36vw;
	}

/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
}	/* 421px -> 780px :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*sp only　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (max-width: 420px){
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

	#pMov #mSlide{
		height:64vw;
	}

	#pMov #mSlide .slideItem{
		width:80vw;
		height:59.5vw;
		border-radius: 3vw;
		padding:3vw 0 0;
	}

	.movThumbArea{
		padding:1.5vw 0;
	}

	.movLink{
		width:66vw;
		height:37vw;
	}

	.movLink .icoMov{
		width:17vw;
		top: calc( ( 37vw - 17vw )/2 );
		left: calc( ( 100% - 17vw )/2 );
	}

	.mCoLogo a{
		width:44vw;
	}

/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
}	/* -> 420px :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/







/*=========================================================================================================================================================*/

/* アローナビボタン */

/*=========================================================================================================================================================*/


#pMov #mListPrevBtn,
#pMov #mListNextBtn{
	display:table;
	position:absolute;
	z-index:2;
	background-image:linear-gradient(90deg, var(--cGrd01) 15%, var(--cGrd02) 85%);
	cursor: pointer;
}

#pMov #mListPrevBtn figure,
#pMov #mListNextBtn figure{
	display:table-cell;
	vertical-align: middle;
}

/*PC ONLY　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 781px) {
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

	#pMov #mListPrevBtn,
	#pMov #mListNextBtn{
		border-radius: 50%;
		top:150px;
		padding:10px;
	}

	#pMov #mListPrevBtn{
		left:210px;
	}

	#pMov #mListNextBtn{
		right:210px;
	}

	#pMov #mListPrevBtn figure,
	#pMov #mListNextBtn figure{
		width:40px;
		height:40px;
	}

/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
}	/* 781px -> :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*tab only　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (min-width: 421px) and (max-width: 780px){
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

	#pMov #mListPrevBtn,
	#pMov #mListNextBtn{
		top:22vw;
		padding:1vw;
	}

	#pMov #mListPrevBtn{
		border-radius:0 6vw 6vw 0;
		left:0;
	}

	#pMov #mListNextBtn{
		border-radius:6vw 0 0 6vw;
		right:0;
	}

	#pMov #mListNextBtn{
		right:0;
	}

	#pMov #mListPrevBtn figure,
	#pMov #mListNextBtn figure{
		width:6vw;
		height:6vw;
	}

	#pMov #mListPrevBtn figure{
		padding-right:1vw;
	}

	#pMov #mListNextBtn figure{
		padding-right:1vw;
	}



/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
}	/* 421px -> 780px :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*sp only　:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (max-width: 420px){
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

	#pMov #mListPrevBtn,
	#pMov #mListNextBtn{
		top:20vw;
		padding:1vw;
		height:20vw;
	}

	#pMov #mListPrevBtn{
		border-radius:0 2vw 2vw 0;
		left:0;
	}

	#pMov #mListNextBtn{
		border-radius:2vw 0 0 2vw;
		right:0;
	}


	#pMov #mListNextBtn{
		right:0;
	}

	#pMov #mListPrevBtn figure,
	#pMov #mListNextBtn figure{
		width:6vw;
		height:8vw;
	}

	#pMov #mListPrevBtn figure{
		padding-right:2vw;
	}

	#pMov #mListNextBtn figure{
		padding-left:2vw;
	}


/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
}	/* -> 420px :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/