*{ box-sizing: border-box; }
html{ font-size: 62.5%; /* 10px */ }

body#movie-index{
	background: #fef7c0;
}


/* m-main */
#m-main{}
	#m-main h1{
		/* font-size: 2.2rem;
		line-height: 3;
		font-weight: bold; */
		border-top: #39BEA9 3px double;
		border-bottom: #39BEA9 3px double;
		background: linear-gradient(90deg, #c1fdc9 0%, #7ff8bb 50%, #57f5a1 100%);
	}
		body#movie-index h1 img.ttl{
			/* width: 60.5%;
			max-width: 460px; */
			width: auto;
			height: 8.53vw;
			margin: 4.53vw auto;
		}

	.movie-main{
		background: #FFFFFF;
		margin: 0px auto 32px;
	}
		.movie-main-inner{
			margin: 0px auto;
			width: 100%;
			padding: 16px 16px 32px;
		}

/* /m-main */



/* movie-main-inner(index) */
.movie-main h3{
	background: #30c0a0;
	/* box-shadow: 0px 1px 1px #80f0a9; */
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	clear: both;
	margin: 8px 0 12px;
	padding: 8px 1.2rem;
}
	.movie-main h3 span{
		font-size: 1.6rem;
	}

.movie-main div.ContentBox{
	/* background: #f8f8f8; */
	margin: 0 auto 24px;
	padding: 4px 4px;
	border-radius: 4px;
	text-align: left;
}
	div.movie-intro{
		margin: 4px auto 16px;
		text-align: center;
	}
	div.movie-link{
		margin: 0 auto 40px;
		text-align: center;
	}
		div.movie-link a{}
		div.movie-link a::before{
			content: "\f0a9";
			font-family: 'FontAwesome';
			display: inline-block;
			vertical-align: middle;
			margin: 0 8px 0 0;
			font-size: 150%;
			color: #ffbb00;
		}
		div.movie-link a img{
			width: 72%;
			max-width: 600px;
			margin: 0 auto;
			vertical-align: middle;
			padding: 12px 40px;
			border: #ffbb00 2px solid;
			box-shadow: 2px 2px 1px #ded69a;
		}

	div.app-dl{
		border: 1px solid #d0d0d0;
		padding: 12px 0 0;
		margin: 0 auto 16px;
	}
	div.btn-box2{
		overflow: hidden;
		font-size: 1.6rem;
		display: flex;
	}
		div.btn01{
			text-align: center;
			width: 50%;
			margin: 0px auto 8px;
		}
	ul.delivery-att{
		width: 92%;
		max-width: 520px;
		margin: 0 auto 20px auto;
		padding: 0;
		text-align: left;
		font-size: 1.2rem;
	}
	ul.delivery-att li{
		line-height: 1.4;
		margin: 0 0 8px;
	}

	div.movie-delivery{
	}
	p.movie-info{
		font-size: 1.4rem;
		line-height: 1.46;
		margin: 0 auto 12px;
	}
	.movie-delivery-tbl{
		width: 100%;
		border: 1px solid #fdd201;
	}
		.movie-delivery-tbl tr th{
			display: none;
		}
		.movie-delivery-tbl tr td{
			display: block;
			width: 100%;
			padding: 6px 10px 6px;
			vertical-align: top;
		}
		.movie-delivery-tbl tr td:first-child{
			background: #fff1b0;
			/* background-image: linear-gradient(90deg, rgb(254, 255, 184, 1), rgba(255, 255, 255, 1)); */
		}
		.movie-delivery-tbl tr td:nth-child(2){
			font-size: 1.72rem;
			font-weight: bold;
			line-height: 1.64;
			padding: 6px 10px 40px;
			border-bottom: 1px solid #fdd201;
		}
		.movie-delivery-tbl tr td:last-child{
			border-bottom: none;
		}
		span.movie-ing{
			background: #ff007c;
			color: #FFF;
			padding: 3px 8px;
		}
		.movie-delivery-tbl tr td img{
			border: #fde62c 1px solid;
			margin: 0px auto 4px;
		}
		.movie-delivery-tbl p.d-date{
			font-size: 1.6rem;
			line-height: 1.8;
		}
		.movie-delivery-tbl p.d-date-end{
			font-size: 1.2rem;
			line-height: 1.64;
			color: #606060;
		}
		.movie-delivery-tbl p.sub-txt{
			font-weight: normal;
			font-size: 1.4rem;
		}
		.movie-delivery-tbl p.cast-txt{
			font-weight: normal;
			font-size: 1.4rem;
			margin: 1em auto;
			color: #ff6a00;
		}

		.btn-link{
			margin: 16px auto 8px;
		}
			.btn-link a{
				display: block;
				color: #FFF;
				background: #ff6a00;
				width: 80%;
				/* min-width: 280px; */
				text-align: center;
				margin: 0 auto;
				padding: 10px 24px;
				border-radius: 50vw;
				-webkit-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
				-moz-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
				-ms-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
				filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
				transform: translateZ(0);
			}
				.btn-link a.tver{ background: #50aae1; }
			.btn-link a:hover{
				transform: translateY(2px);
				color: #FFF;
				background: #ff005e;
				box-shadow: 0px 0px;
				-webkit-filter: drop-shadow(0px 0px 0px #FFF);
				-moz-filter: drop-shadow(0px 0px 0px #FFF);
				-ms-filter: drop-shadow(0px 0px 0px #FFF);
				filter: drop-shadow(0px 0px 0px #FFF);
			}
			.btn-link a:hover.tver{ background: #6850e1; }

/* /movie-main-inner(index) */







/* PC
==================================================================================================== */
@media screen and (min-width: 1024px){

	body#movie-index{}

	div#main-cont{}
	
	
	/* m-main PC */
	#m-main{}
		#m-main h1{
			border-top: #39BEA9 5px double;
			border-bottom: #39BEA9 5px double;
			background: linear-gradient(90deg, #c1fdc9 0%, #7ff8bb 50%, #57f5a1 100%);
		}
			body#movie-index h1 img.ttl{
				max-width: 164px;
				height: auto;
				margin: 32px auto;
			}

		.movie-main{
			max-width: 1024px;
			margin: 32px auto 64px;
			padding: 0;
			-webkit-filter: drop-shadow(0px 0px 8px #fdd201);
			-moz-filter: drop-shadow(0px 0px 8px #fdd201);
			-ms-filter: drop-shadow(0px 0px 8px #fdd201);
			filter: drop-shadow(0px 0 8px #fdd201);
			border-radius: 12px;
		}
			.movie-main-inner{
				padding: 24px 56px 48px;
			}

	/* /m-main PC */

	
	
	/* movie-main-inner(index) PC */
	.movie-main h3{
		/* box-shadow: 0px 2px 1px #80f0a9; */
		font-size: 2.0rem;
		margin: 12px 0 16px;
		line-height: 2.6;
		padding: 0 1.6rem;
	}
		.movie-main h3 span{
			font-size: 1.8rem;
		}

	.movie-main div.ContentBox{
		margin: 0 auto 32px;
		padding: 8px 12px;
		border-radius: 4px;
	}
		div.movie-intro{
			margin: 12px auto 24px;
			text-align: center;
		}
			div.movie-intro img{
				width: 640px;
			}

		div.movie-link{
			margin: 0 auto 24px;
			text-align: center;
		}
			div.movie-link a{}
			div.movie-link a::before{
				margin: 0 8px 0 0;
				font-size: 150%;
			}
			div.movie-link a img{
				width: 72%;
				max-width: 320px;

				vertical-align: middle;
				padding: 16px 48px;
				border: #ffbb00 2px solid;
				box-shadow: 2px 2px 1px #ded69a;
			}

		div.btn-box2{
			display: none;
		}
			div.btn01{}
			ul.delivery-att{}
				ul.delivery-att li{}
			
		div.movie-delivery{
		}
		p.movie-info{
			font-size: 1.6rem;
			text-align: center;
			margin: 0 auto 16px;
		}
		.movie-delivery-tbl{
			border: 2px solid #fdd201;
			width: 98%;
			margin: 0 auto;
		}
			.movie-delivery-tbl tr th{
				display: revert;
				background: #ffeb8d;
				border: 1px solid #fdd201;
				padding: 16px 16px;
				font-size: 1.6rem;
				letter-spacing: 0.2rem;
			}
			.movie-delivery-tbl tr td{
				display: revert;
				width: auto;
				vertical-align: top;
				padding: 16px 16px 24px;
				border: 1px solid #fdd201;
				font-size: 1.8rem;
				line-height: 1.8;
			}
			.movie-delivery-tbl tr td:first-child{
				background: transparent;
				background-image: linear-gradient(135deg, rgb(254, 255, 184, 1), rgba(255, 255, 255, 1));
				width: 26%;
			}
			.movie-delivery-tbl tr td:nth-child(2){
				font-size: 2rem;
				line-height: 1.88;
				padding: 16px 16px 40px;
			}
			.movie-delivery-tbl tr td:last-child{
				border-bottom: none;
			}
			span.movie-ing{
				padding: 4px 8px;
			}
			.movie-delivery-tbl tr td img{
				border: #fde62c 1px solid;
				margin: 0px auto 4px;
			}
			.movie-delivery-tbl p.d-date{
				font-size: 1.6rem;
				line-height: 1.64;
			}
			.movie-delivery-tbl p.d-date-end{
				margin: 8px 0 0;
				font-size: 1.4rem;
				line-height: 1.6;
			}
			.movie-delivery-tbl p.sub-txt{
				font-size: 1.6rem;
				line-height: 1.8;
			}

		.btn-link{
			/* margin: 40px 0 0; */
		}
			.btn-link a{
				font-size: 1.6rem;
				max-width: 480px;
				padding: 16px 0;
				margin: 0 auto;
			}
				.btn-link a:hover{}

	/* /movie-main-inner(index) PC */

}