@charset "UTF-8";



/*===========================================================================================================================================*/
/* リスト */
/*===========================================================================================================================================*/


#movList{
	margin:0 auto;
	display:flex;
	flex-wrap: wrap;
	margin:0 auto;
}

.mMovie{
	margin:0 auto;
}


.mCoLogo{
	display:table;
	width:100%;
	margin:0 auto;
}

.mCoLogo > div{
	display:table-cell;
	vertical-align: middle;
	text-align: center;
}

.mTxt{
	line-height:1.8;
}


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

	#movList{
		width:1000px;
		padding-bottom:100px;
	}

	.mCassette{
		width:480px;
		margin-bottom:40px;
		box-shadow: 0px 0px 6px 3px #e6e6e6 ;
		padding:30px 0 0 ;
		border-radius: 10px;
		background-image:linear-gradient(var(--cBasic) 10px ,transparent 10px ,transparent);
	}

	.mCassette:nth-of-type(odd){
		margin-right:40px;
	}

	.mMovie{
		width:420px;
		margin:0 auto;
	}

	.mCoLogo a{
		display:block;
		width:280px;
		margin:0 auto;
	}

	.mTxt{
		padding:0 20px;
		font-size:16px;
		height:260px;
	}

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


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

	#movList{
		width:96vw;
		padding:4vw 0;
		display:flex;
	}

	.mCassette{
		width:46.5vw;
		margin-bottom:4vw;
		padding:2vw 0 0 ;
		position:relative;
		background-image:linear-gradient(var(--cBasic) 1.5vw ,transparent 1.5vw ,transparent);
		box-shadow: 0px 0px 0.6vw 0.3vw #e6e6e6 ;
		padding:3.5vw 0 0 ;
		border-radius: 2.5vw;
	}

	.mCassette:nth-of-type(odd){
		margin-right:3vw;
	}

	.mMovie{
		width:44vw;
		margin:0 auto;
	}


	.mCoLogo{
		width:30vw;
		margin:0 auto;
	}

	.mTxt{
		padding:0 3vw 3vw;
		font-size:1.9vw;
		line-height:1.7;
	}

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







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

	#movList{
		width:92vw;
		justify-content: center;
		padding:6vw 0 10vw;
	}

	.mCassette{
		width:90vw;
		margin-bottom:8vw;
		position:relative;
		background-image:linear-gradient(var(--cBasic) 3vw ,transparent 3vw ,transparent);
		box-shadow: 0px 0px 1vw 1.5vw #e6e6e6 ;
		padding:8vw 0 0 ;
		border-radius: 4vw;
	}


	.mCoLogo{
		width:70vw;
		margin:0 auto;
	}


	.mMovie{
		width:70vw;
	}

	.mOutline{
	}

	.mCoLogo{
		width:50vw;
		margin:0 auto;
	}

	.mTxt{
		width:100%;
		padding:0 3vw 3vw;
		font-size:3.2vw;
	}




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