@charset "utf-8";

#contents a {
	transition: opacity 0.3s;
	opacity: 1;
}
#contents a:hover{
	transition-duration: 0s;
	opacity: 0.5;
}

@media screen and (max-width: 655px) {
#contents a:hover{
	opacity: 1;
}
}/* @media */

/*
#contents .hover_cursor{
	cursor: pointer;
}
	#contents .hover_cursor:before {
	    content: url('/music/sem/page/ff_pixelremaster_ost/images/cursor_hover.png');
	    position: absolute;
	    display: none;
	    margin-left: -40px;
	    margin-top: -5px;
	    width: 32px;
	    height: 32px;
	}
		#contents .hover_cursor.store:before {
		    margin-top: 2px;
		}
		#contents .hover_cursor.on:before {
		    display: block;
		}
		#contents .hover_cursor:hover:before {
		    display: block;
		    opacity: 0.7;
		}
		#contents .hover_cursor.on:hover:before {
		    display: block;
		    opacity: 1;
		}
		#contents .hover_cursor.store:hover:before {
		    display: block;
		    opacity: 1;
		}
*/

@media screen and (max-width: 655px) {
		#contents .hover_cursor:hover:before {
		    opacity: 1;
		}
}/* @media */

html, body {
	background: #ffffff;
	height: 100%;
}

.sp {
	display: none;
}

@media screen and (max-width: 655px) {
	.sp {
		display: block;
	}
	.pc{
		display: none;
	}
}/* @media */


#wp {
	height: 100%;
}

#contents {
	width: 100%;
	height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
		#contents.fix {
			height: auto;
		}

	#contents .contents_inner {
		margin: 0 auto 0 auto;
		width: 100%;
		max-width: 1440px;
		position: relative;
		opacity: 0;
		transition: opacity 0.4s;
		font-family: "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	}
			#contents.fix .contents_inner {
				opacity: 1;
				overflow: visible;
			}


		.contents_mv {
			width: 100%;
			margin: 0 auto;
			position: relative;
			z-index: 0;
		}
			.contents_mv .tit {
				max-width: 1100px;
				margin: 20px auto 0 auto;
			}
			.contents_mv .cat {
				width: 50%;
				max-width: 386px;
				margin: 10px auto 0 auto;
			}
			.contents_mv .txt {
				width: 90%;
				max-width: 890px;
				margin: 80px auto 0 auto;
				font-size: 17px;
				line-height: 1.8;
				text-align: center;
				color: #000000;
			}

			.contents_mv .comment {
				width: 90%;
				max-width: 870px;
				margin: 20px auto 20px auto;
				font-size: 17px;
				line-height: 1.8;
				text-align: center;
				color: #000000;
			}
				.contents_mv .comment p {
					padding: 0 20px 20px 20px;
					letter-spacing: -0.02em;
				}
				.contents_mv .comment p:last-child {
					padding-bottom: 0;
				}
				.contents_mv .comment p span {
					color: #969696;
					font-size: 12px;
					font-weight: 400;
				}


@media screen and (max-width: 655px) {

			.contents_mv .tit {
				margin: 50px auto 0 auto;
			}
				.contents_mv .txt img {
					display: none;
				}
				.contents_mv .txt {
					margin: 20px auto 10px auto;
					width: 80%;
					padding-top: 32%;
					background: url(/music/sem/page/ff_pixelremaster_ost/common/images/mv_txt_sp.png) no-repeat center center;
					background-size: 100% auto;
				}
				.contents_mv .txt.en {
					margin: 20px auto 10px auto;
					width: 78%;
					padding-top: 47%;
					background: url(/music/sem/page/ff_pixelremaster_ost/common/images/mv_txt_en_sp.png) no-repeat center center;
					background-size: 100% auto;
				}
			.contents_mv .comment {
				width: 90%;
				max-width: 870px;
				margin: 20px auto 20px auto;
				font-size: 14px;
			}
				.contents_mv .comment p {
					padding: 0 0 20px 0;
					margin-top: 0;
				}

}/* @media */

			.contents_mv .signature {
				display: block;
				position: absolute;
				right: 60px;
				bottom: 27px;
				max-width: 150px;
			}

@media screen and (max-width: 655px) {
			.contents_mv .signature {
				max-width: 104px;
				right: 35px;
				bottom: 20px;
			}
}/* @media */
				.contents_mv .txt img {
					max-width: 705px;
					margin: 0 auto;
				}
				.contents_mv .txt.en img {
					max-width: 759px;
					margin: 0 auto;
				}

			.contents_mv .mv_box {
				width: 90%;
				max-width: 540px;
				padding: 70px 0 60px 0;
				margin: 0 auto 0 auto;
			}
@media screen and (max-width: 655px) {
			.contents_mv .mv_box {
				width: 80%;
				max-width: 300px;
				padding: 115px 0 95px 0;
			}
}/* @media */
				.contents_mv .mv_box .btn {
					width: auto;
					text-align: center;
					margin: 25px 0 0 0;
				}
					.contents_mv .mv_box .btn a {
						min-width: 270px;
						color: #ffffff;
						font-weight: 600;
						font-size: 16px;
						line-height: 1.6;
						text-decoration: none;
						padding: 10px 10px 10px 10px;
						display: inline-block;
						overflow: hidden;
						background: #000000;
						box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
						border-radius: 5px;
						position: relative;
						box-sizing: border-box;
					}
@media screen and (max-width: 655px) {
					.contents_mv .mv_box .btn a {
						min-width: 250px;
					}
}/* @media */
					.contents_ff1 .mv_box .btn a {
						background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(180deg, #008CD2 0%, #0078BA 22.73%, #003369 100%);
					}
					.contents_ff2 .mv_box .btn a {
						background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(180deg, #D60045 0%, #B9064F 22.73%, #700522 100%);
					}
					.contents_ff3 .mv_box .btn a {
						background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(180deg, #0090D9 6.77%, #008B83 50.52%, #008539 100%);
					}
					.contents_ff4 .mv_box .btn a {
						background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(180deg, #1A237F 0%, #3B257F 50.52%, #76277D 100%);
					}
					.contents_ff5 .mv_box .btn a {
						background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(180deg, #83257E 0%, #A192BE 43.23%, #BEE0EB 98.96%);
					}
					.contents_ff6 .mv_box .btn a {
						background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(180deg, #260322 0%, #FD2A2D 60.94%, #1D0127 100%);
					}
						.contents_mv .mv_box a:before {
							content: "";
							width: 7px;
							height: 100%;
							display: block;
							position: absolute;
							left: 30px;
							top: 0;
							flex: 0 0 auto;
							margin-right: 10px;
							background: url(../images/arrow_01.png) no-repeat center center;
							background-size: contain;
						}

			.contents_mv .bg {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: -1;
			}
				.contents_mv .bg p {
					width: 100%;
					height: 100%;
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center center;
					position: absolute;
					top: 0;
					left: 0;
				}
					.contents_ff1 .contents_mv .bg p.bg01 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/1_bg_01.jpg); }
					.contents_ff1 .contents_mv .bg p.bg02 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/1_bg_02.jpg); }
					.contents_ff1 .contents_mv .bg p.bg03 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/1_bg_03.jpg); }
					.contents_ff1 .contents_mv .bg p.bg04 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/1_bg_04.jpg); }
					.contents_ff1 .contents_mv .bg p.bg05 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/1_bg_05.jpg); }
					.contents_ff1 .contents_mv .bg p.bg06 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/1_bg_06.jpg); }

					.contents_ff2 .contents_mv .bg p.bg01 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_01.jpg); }
					.contents_ff2 .contents_mv .bg p.bg02 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_02.jpg); }
					.contents_ff2 .contents_mv .bg p.bg03 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_03.jpg); }
					.contents_ff2 .contents_mv .bg p.bg04 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_04.jpg); }
					.contents_ff2 .contents_mv .bg p.bg05 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_05.jpg); }
					.contents_ff2 .contents_mv .bg p.bg06 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_06.jpg); }
					.contents_ff2 .contents_mv .bg p.bg07 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_07.jpg); }

					.contents_ff3 .contents_mv .bg p.bg01 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_01.jpg); }
					.contents_ff3 .contents_mv .bg p.bg02 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_02.jpg); }
					.contents_ff3 .contents_mv .bg p.bg03 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_03.jpg); }
					.contents_ff3 .contents_mv .bg p.bg04 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_04.jpg); }
					.contents_ff3 .contents_mv .bg p.bg05 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_05.jpg); }
					.contents_ff3 .contents_mv .bg p.bg06 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_06.jpg); }
					.contents_ff3 .contents_mv .bg p.bg07 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_07.jpg); }

					.contents_ff4 .contents_mv .bg p.bg01 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/4_bg_01.jpg); }
					.contents_ff4 .contents_mv .bg p.bg02 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/4_bg_02.jpg); }
					.contents_ff4 .contents_mv .bg p.bg03 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/4_bg_03.jpg); }

					.contents_ff5 .contents_mv .bg p.bg01 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/5_bg_01.jpg); }
					.contents_ff5 .contents_mv .bg p.bg02 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/5_bg_02.jpg); }
					.contents_ff5 .contents_mv .bg p.bg03 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/5_bg_03.jpg); }
					.contents_ff5 .contents_mv .bg p.bg04 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/5_bg_04.jpg); }
					.contents_ff5 .contents_mv .bg p.bg05 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/5_bg_05.jpg); }

					.contents_ff6 .contents_mv .bg p.bg01 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_01.jpg); }
					.contents_ff6 .contents_mv .bg p.bg02 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_02.jpg); }
					.contents_ff6 .contents_mv .bg p.bg03 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_03.jpg); }
					.contents_ff6 .contents_mv .bg p.bg04 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_04.jpg); }
					.contents_ff6 .contents_mv .bg p.bg05 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_05.jpg); }
					.contents_ff6 .contents_mv .bg p.bg06 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_06.jpg); }
					.contents_ff6 .contents_mv .bg p.bg07 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_07.jpg); }

@media screen and (max-width: 655px) {

					.contents_ff1 .contents_mv .bg p.bg01 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/1_bg_01_sp.jpg); }
					.contents_ff1 .contents_mv .bg p.bg02 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/1_bg_02_sp.jpg); }
					.contents_ff1 .contents_mv .bg p.bg03 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/1_bg_03_sp.jpg); }
					.contents_ff1 .contents_mv .bg p.bg04 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/1_bg_04_sp.jpg); }
					.contents_ff1 .contents_mv .bg p.bg05 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/1_bg_05_sp.jpg); }
					.contents_ff1 .contents_mv .bg p.bg06 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/1_bg_06_sp.jpg); }

					.contents_ff2 .contents_mv .bg p.bg01 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_01_sp.jpg); }
					.contents_ff2 .contents_mv .bg p.bg02 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_02_sp.jpg); }
					.contents_ff2 .contents_mv .bg p.bg03 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_03_sp.jpg); }
					.contents_ff2 .contents_mv .bg p.bg04 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_04_sp.jpg); }
					.contents_ff2 .contents_mv .bg p.bg05 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_05_sp.jpg); }
					.contents_ff2 .contents_mv .bg p.bg06 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_06_sp.jpg); }
					.contents_ff2 .contents_mv .bg p.bg07 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/2_bg_07_sp.jpg); }

					.contents_ff3 .contents_mv .bg p.bg01 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_01_sp.jpg); }
					.contents_ff3 .contents_mv .bg p.bg02 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_02_sp.jpg); }
					.contents_ff3 .contents_mv .bg p.bg03 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_03_sp.jpg); }
					.contents_ff3 .contents_mv .bg p.bg04 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_04_sp.jpg); }
					.contents_ff3 .contents_mv .bg p.bg05 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_05_sp.jpg); }
					.contents_ff3 .contents_mv .bg p.bg06 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_06_sp.jpg); }
					.contents_ff3 .contents_mv .bg p.bg07 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/3_bg_07_sp.jpg); }

					.contents_ff4 .contents_mv .bg p.bg01 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/4_bg_01_sp.jpg); }
					.contents_ff4 .contents_mv .bg p.bg02 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/4_bg_02_sp.jpg); }
					.contents_ff4 .contents_mv .bg p.bg03 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/4_bg_03_sp.jpg); }

					.contents_ff5 .contents_mv .bg p.bg01 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/5_bg_01_sp.jpg); }
					.contents_ff5 .contents_mv .bg p.bg02 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/5_bg_02_sp.jpg); }
					.contents_ff5 .contents_mv .bg p.bg03 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/5_bg_03_sp.jpg); }
					.contents_ff5 .contents_mv .bg p.bg04 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/5_bg_04_sp.jpg); }
					.contents_ff5 .contents_mv .bg p.bg05 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/5_bg_05_sp.jpg); }

					.contents_ff6 .contents_mv .bg p.bg01 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_01_sp.jpg); }
					.contents_ff6 .contents_mv .bg p.bg02 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_02_sp.jpg); }
					.contents_ff6 .contents_mv .bg p.bg03 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_03_sp.jpg); }
					.contents_ff6 .contents_mv .bg p.bg04 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_04_sp.jpg); }
					.contents_ff6 .contents_mv .bg p.bg05 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_05_sp.jpg); }
					.contents_ff6 .contents_mv .bg p.bg06 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_06_sp.jpg); }
					.contents_ff6 .contents_mv .bg p.bg07 { background-image: url(/music/sem/page/ff_pixelremaster_ost/common/images/6_bg_07_sp.jpg); }

}/* @media */




		.contents_list {
			width: 100%;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.contents_productlist {
			width: 90%;
			max-width: 935px;
			margin: 0 auto;
		}
@media screen and (max-width: 655px) {
		.contents_productlist {
			width: 90%;
		}
}/* @media */
				.contents_productlist .contents_item {
					width: 27.59%;
					margin: 60px 0 0 0;
					cursor: pointer;
				}
@media screen and (max-width: 655px) {
				.contents_productlist .contents_item {
					width: 47.76%;
					margin: 25px 0 0 0;
				}
}/* @media */
					.contents_productlist .contents_item a {
						color: #ffffff;
						text-decoration: none;
						display: block;
					}
					.contents_productlist .contents_item .img {
						border: 3px solid #000000;
						line-height: 0;
						filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
					}
						.contents_productlist .contents_item a .btn {
							background: #000000;
							text-align: center;
							color: #ffffff;
							font-weight: 600;
							font-size: 16px;
							text-decoration: none;
							padding: 10px 10px 12px 10px;
							display: flex;
							justify-content: center;
							align-items: center;
						}
@media screen and (max-width: 655px) {
						.contents_productlist .contents_item a .btn {
							font-size: 13px;
							line-height: 1;
							padding: 10px 10px 13px 10px;
						}
}/* @media */
							.contents_productlist .contents_item a .btn:before {
								content: "";
								width: 7px;
								height: 10px;
								display: block;
								flex: 0 0 auto;
								margin-right: 10px;
								background: url(../images/arrow_01.png) no-repeat center center;
								background-size: contain;
							}

		.contents_relatedlist {
			width: 100%;
			margin: 70px auto 0 auto;
			padding: 40px 0 60px 0;
			background: #000000;
		}
@media screen and (max-width: 655px) {
		.contents_relatedlist {
			padding: 40px 0 40px 0;
		}
}/* @media */

		.contents_ff1 .contents_relatedlist {
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(180deg, #008CD2 0%, #0078BA 22.73%, #003369 100%);
		}
		.contents_ff2 .contents_relatedlist {
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(180deg, #D60045 0%, #B9064F 22.73%, #700522 100%);
		}
		.contents_ff3 .contents_relatedlist {
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(180deg, #0090D9 6.77%, #008B83 50.52%, #008539 100%);
		}
		.contents_ff4 .contents_relatedlist {
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(180deg, #1A237F 0%, #3B257F 50.52%, #76277D 100%);
		}
		.contents_ff5 .contents_relatedlist {
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(180deg, #83257E 0%, #A192BE 43.23%, #BEE0EB 98.96%);
		}
		.contents_ff6 .contents_relatedlist {
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), linear-gradient(180deg, #260322 0%, #FD2A2D 60.94%, #1D0127 100%);
		}
			.contents_relatedlist .contents_tit {
				font-size: 28px;
				line-height: 180%;
				text-align: center;
				color: #FFFFFF;
			}
@media screen and (max-width: 655px) {
			.contents_relatedlist .contents_tit {
				font-size: 24px;
			}
}/* @media */
			.contents_relatedlist .contents_list {
				justify-content: center;
			}
@media screen and (max-width: 655px) {
			.contents_relatedlist .contents_list {
				width: 90%;
				margin: 0 auto;
				justify-content: space-between;
			}
}/* @media */

				.contents_relatedlist .contents_item {
					width: 10.14%;
					max-width: 145px;
					margin: 30px 23px 0 23px;
				}
@media screen and (max-width: 655px) {
				.contents_relatedlist .contents_item {
					width: 47.76%;
					max-width: 47.76%;
					margin: 25px 0 0 0;
				}
}/* @media */
					.contents_relatedlist .contents_item a {
						color: #ffffff;
						text-decoration: none;
						display: block;
					}
					.contents_relatedlist .contents_item .img {
						border: 3px solid #000000;
						line-height: 0;
					}
					.contents_relatedlist .contents_item .btn {
						background: #000000;
						text-align: center;
					}
						.contents_relatedlist .contents_item a .btn {
							color: #ffffff;
							font-weight: 600;
							font-size: 15px;
							text-decoration: none;
							padding: 10px 10px 10px 10px;
							display: flex;
							justify-content: center;
							align-items: center;
						}
@media screen and (max-width: 655px) {
						.contents_relatedlist .contents_item a .btn {
							font-size: 13px;
						}
}/* @media */

		.contents_tracklist {
			width: 90%;
			max-width: 850px;
			margin: 0 auto 0 auto;
			padding: 60px 0 0 0;
		}
			.contents_tracklist .contents_tit {
			}
				.contents_tracklist .contents_tit .contents_tit_en {
					font-size: 35px;
					line-height: 1.6;
					text-align: center;
					color: #000000;
				}
				.contents_tracklist .contents_tit .contents_tit_jp {
					font-size: 14px;
					line-height: 1;
					text-align: center;
					letter-spacing: 0.1em;
					color: #878787;
				}
@media screen and (max-width: 655px) {
				.contents_tracklist .contents_tit .contents_tit_en {
					font-size: 28px;
					line-height: 1.4;
				}
				.contents_tracklist .contents_tit .contents_tit_jp {
				}
}/* @media */

			.contents_tracklist .contents_tracklistbox {
				width: 100%;
				display: flex;
				flex-wrap: wrap;
				margin: 35px auto 0 auto;
				justify-content: space-between;
				border-top: 1px solid #C7C7C7;
			}
@media screen and (max-width: 655px) {
			.contents_tracklist .contents_tracklistbox {
				width: 90%;
				margin: 30px auto 0 auto;
				display: block;
				border-top: 1px solid #C7C7C7;
			}
}/* @media */

				.contents_tracklist .contents_list {
					width: 48.82%;
					margin: 0 0 0 0;
					display: block;
				}
@media screen and (max-width: 655px) {
				.contents_tracklist .contents_list {
					width: 100%;
				}
}/* @media */
					.contents_tracklist .contents_list .contents_item {
						width: 100%;
						margin: 15px 0 0 0;
						padding: 5px 0 5px 0;
						border-bottom: 1px solid #EDEDED;
						display: flex;
						justify-content: center;
						cursor: pointer;
					}
						.contents_tracklist .contents_list .contents_item .txtbox {
							width: 100%;
						}
						.contents_tracklist .contents_list .contents_item .tit {
							font-weight: 600;
							font-size: 13px;
							line-height: 1.4;
							letter-spacing: 0.1em;
							color: #000000;
						}
						.contents_tracklist .contents_list .contents_item .txt {
							font-size: 11px;
							line-height: 1.4;
							letter-spacing: 0.1em;
							color: #4D4D4D;
						}
							.contents_tracklist .contents_list .contents_item:before {
								content: "";
								width: 18px;
								height: 18px;
								display: block;
								flex: 0 0 auto;
								margin-right: 20px;
								background: none;
							}
							.contents_tracklist .contents_list .contents_item.track_samples:before {
								content: "";
								width: 18px;
								height: 18px;
								display: block;
								flex: 0 0 auto;
								margin-right: 20px;
								background: url(../images/arrow_02.png) no-repeat center center;
								background-size: contain;
							}
							.contents_tracklist .contents_list .contents_item.track_samples.live:before {
								content: "";
								width: 18px;
								height: 18px;
								display: block;
								flex: 0 0 auto;
								margin-right: 20px;
								background: url(../images/arrow_04.png) no-repeat center center;
								background-size: contain;
							}

		.contents_credit {
			width: 100%;
			max-width: 850px;
			margin: 0 auto 0 auto;
			padding: 60px 0 0 0;
		}
			.contents_credit .contents_tit {
			}
				.contents_credit .contents_tit .contents_tit_en {
					font-size: 35px;
					line-height: 1.6;
					text-align: center;
					font-feature-settings: 'palt' on;
					color: #000000;
				}
				.contents_credit .contents_tit .contents_tit_jp {
					font-size: 14px;
					line-height: 1;
					text-align: center;
					letter-spacing: 0.1em;
					font-feature-settings: 'palt' on;
					color: #878787;
				}

			.contents_credit .contents_creditbox {
				width: 100%;
				max-width: 850px;
				margin: 25px auto 0 auto;
			}
				.contents_credit .contents_creditbox .contents_stit {
					width: 100%;
					font-weight: 600;
					font-size: 22px;
					line-height: 1.6;
					padding: 0 0 8px 0;
					border-bottom: 1px solid #C7C7C7;
					letter-spacing: 0.1em;
				}
				.contents_credit .contents_creditbox .contents_txt {
					width: 100%;

					margin: 35px 0 60px 0;
				}
@media screen and (max-width: 655px) {
				.contents_credit .contents_creditbox .contents_txt {

				}
}/* @media */
				.contents_credit .contents_creditbox .contents_txt div {
					display: flex;
					flex-wrap: wrap;
					margin: 0 0 20px 0;
				}
				.contents_credit .contents_creditbox .contents_txt p {
					width: 42.35%;
					margin: 0 7.06% 0 0;
					font-size: 16px;
					line-height: 1.6;
				}
@media screen and (max-width: 655px) {
				.contents_credit .contents_creditbox .contents_txt div {
					margin: 0 0 20px 0;
					display: block;
				}
				.contents_credit .contents_creditbox .contents_txt p {
					width: 100%;
					margin: 0 0 0 0;
					font-size: 14px;
				}
				.contents_credit .contents_creditbox .contents_txt p:nth-child(2n) {
					margin-bottom: 10px;
					margin-left: 15px;
				}
}/* @media */
				.contents_credit .contents_creditbox .contents_txt p.contents_txtb {
					font-weight: 600;
				}


		.contents_guid {
			width: 100%;
			max-width: 1100px;
			margin: 90px auto 90px auto;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}
			.contents_guid .btn {
				width: 100%;
				max-width: 335px;
				margin: 0 30px;
			}
			.contents_guid .btn.btn_pixelremaster {
				width: 100%;
				max-width: 763px;
				margin: 0 auto 50px auto;
				border: 1px solid #DFDFDF;
			}

@media screen and (max-width: 655px) {
		.contents_guid {
			margin: 40px auto 40px auto;
		}
			.contents_guid .btn {
				width: 90%;
				margin: 0 auto 5px auto;
			}
			.contents_guid .btn.btn_pixelremaster {
				width: 90%;
				margin: 0 auto 30px auto;
			}

}/* @media */

		.contents_bonus {
			width: 934px;
			margin: 80px auto 70px auto;
			padding: 50px;
			background: #F5F5F5;
			box-sizing: border-box;
		}
			.contents_bonus .tit {
				color: #000;
				text-align: center;
				font-feature-settings: 'palt' on;
				font-family: "Hiragino Mincho StdN";
				font-size: 25px;
				font-style: normal;
				font-weight: 700;
				line-height: 120%; /* 30px */
				margin-bottom: 30px;
			}
			
			.contents_bonus .detail {
				display: flex;
			}
				.contents_bonus .detail .img {
					width: 290px;
					margin-right: 35px;
				}
				.contents_bonus .detail .txt {
					width: auto;
					font-size: 15px;
					font-style: normal;
					font-weight: 400;
					line-height: 190%; /* 28.5px */
					letter-spacing: 0.6px;
				}

@media screen and (max-width: 655px) {


		.contents_bonus {
			width: 100%;
			margin: 40px auto 40px auto;
			padding: 40px;
		}
			.contents_bonus .tit {
				font-size: 20px;
				margin-bottom: 20px;
			}
			.contents_bonus .detail {
				display: block;
			}
				.contents_bonus .detail .img {
					width: 70%;
					margin: 0 auto 10px auto;
				}
				.contents_bonus .detail .txt {
					width: 100%;
					font-size: 14px;
				}

}/* @media */

		.contents_menu {
			width: 100%;
			max-width: 1100px;
			margin: 0 auto 0 auto;

			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
@media screen and (max-width: 655px) {
		.contents_menu {
			width: 90%;
			justify-content: space-between;
		}
}/* @media */
				.contents_menu .btn {
					width: auto;
					text-align: center;
					margin: 0 20px 0 20px;
					transform: translateY(-50%);
				}
@media screen and (max-width: 655px) {
				.contents_menu .btn {
					width: 48%;
					margin: 0 0 0 0;
				}
}/* @media */
					.contents_menu .btn a,
					.contents_menu .btn span {
						min-width: 230px;
						color: #ffffff;
						font-weight: 600;
						font-size: 16px;
						line-height: 1.6;
						text-decoration: none;
						padding: 10px 10px 10px 10px;
						display: inline-block;
						overflow: hidden;
						background: #000000;
						position: relative;
						box-sizing: border-box;
						box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
					}
						.contents_menu a:before,
						.contents_menu .btn span:before {
							content: "";
							width: 7px;
							height: 100%;
							display: block;
							position: absolute;
							left: 30px;
							top: 0;
							flex: 0 0 auto;
							margin-right: 10px;
							background: url(../images/arrow_01.png) no-repeat center center;
							background-size: contain;
							transform: rotate(90deg);
						}

					.contents_menu .btn span {
						transition: opacity 0.3s;
						opacity: 1;
						cursor: pointer;
					}
					.contents_menu .btn span:hover {
						transition-duration: 0s;
						opacity: 0.5;
					}
@media screen and (max-width: 655px) {
					.contents_menu .btn a,
					.contents_menu .btn span {
						min-width: 100%;
						font-size: 14px;
						padding: 10px 10px 10px 30px;
					}
						.contents_menu a:before,
						.contents_menu .btn span:before {
							content: "";
							width: 7px;
							height: 100%;
							display: block;
							position: absolute;
							left: 18px;
							top: 0;
							flex: 0 0 auto;
							margin-right: 10px;
							background: url(../images/arrow_01.png) no-repeat center center;
							background-size: contain;
							transform: rotate(90deg);
						}

					.contents_menu .btn span {
						transition: opacity 0.3s;
						opacity: 1;
						cursor: pointer;
					}
					.contents_menu .btn span:hover {
						transition-duration: 0s;
						opacity: 1;
					}
}/* @media */

		.contents_breadcrumb {
			width: 100%;
			max-width: 1440px;
			padding: 12px 20px;
			margin: 0 auto 0 auto;
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
		}
			.contents_breadcrumb p {
				font-size: 14px;
				line-height: 180%;
				color: #828282;
			}
@media screen and (max-width: 655px) {
			.contents_breadcrumb p {
				font-size: 10px;
			}
}/* @media */
			.contents_breadcrumb p:after {
				content: ">";
				margin-left: 15px;
				margin-right: 15px;
			}
			.contents_breadcrumb p:last-child:after {
				display: none;
			}
				.contents_breadcrumb p a {
					color: #000000;
					font-weight: 600;
					text-decoration-line: underline;
				}

		.contents_movie {
			width: 90%;
			max-width: 850px;
			margin: 0 auto 0 auto;
			padding: 35px 0 0 0;
		}
			.contents_movie div {
				margin: 0 auto 0 auto;
				position: relative;
				padding-bottom: 66%;
				height: 0;
				overflow: hidden;
				max-width: 100%;
			}
				.contents_movie iframe, .contents_movie object, .contents_movie embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width: 655px) {
		.contents_movie {
			width: 90%;
			padding: 20px 0 0 0;
		}
			.contents_movie div {
				padding-bottom: 56.33%;
			}
}/* @media */

		.contents_back {
			width: 100%;
			max-width: 850px;
			margin: 0 auto 0 auto;
			padding: 60px 0;
		}
			.contents_back .btn {
				text-align: center;
			}
				.contents_back .btn a {
					color: #ffffff;
					text-decoration: none;
					padding: 10px 10px 10px 10px;
					display: flex;
					justify-content: center;
					align-items: center;

					font-size: 30px;
					line-height: 180%;
					text-align: center;
					font-feature-settings: 'palt' on;
					color: #000000;
				}
					.contents_back .btn a:before {
						content: "";
						width: 7px;
						height: 10px;
						display: block;
						flex: 0 0 auto;
						margin-right: 10px;
						background: url(../images/arrow_03.png) no-repeat center center;
						background-size: contain;

					}
@media screen and (max-width: 655px) {
		.contents_back {
			padding: 20px 0;
		}
}/* @media */






#intro_bgm{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;

	background-color: #FFFFFF;

	z-index: 3;

	transition: opacity 1s, height 0s 1s;
}
	#intro_bgm .intro_inner{

	}
		#intro_bgm .text_intro{
			color: #000000;
			border-bottom: solid 1px #000000;
			padding-bottom: 40px;
			text-align:center;
			margin-bottom: 40px;
			font-weight: 100;
			letter-spacing: 0.4em;
		}
		#intro_bgm .btns_intro{
			display: flex;
			justify-content: center;

			position: relative;
		}
			#intro_bgm .btns_intro div{
				margin: 0 20px;
				cursor: pointer;
				transition: opacity 0.3s;
			}
				#intro_bgm .btns_intro div:hover{
					transition-duration: 0s;
					opacity: 0.5;
				}
			#intro_bgm .btns_intro .btn_intro_on{
				height: 25px;
			}
			#intro_bgm .btns_intro .btn_intro_off{
				height: 25px;
			}

	#contents.init #intro_bgm{
		opacity: 0;
		height: 0;
	}

#btn_bgm {
	position: absolute;
	width: 75px;
	height: 25px;
	right: 0;
	top: 104px;
	cursor: pointer;
	background: no-repeat;
	background-position: center center;
	background-size: auto 100%;
	opacity: 0;
	transition: cubic-bezier(0,.97,.53,1) 4.2s, opacity 4s;
}
	#btn_bgm:hover{
		transition-duration: 0s;
		opacity: 0.5;
	}
	#contents.fix #btn_bgm {
		opacity: 1;
	}
	#btn_bgm.fix{
		position: absolute;
	}
	#btn_bgm.on{ background-image: url(../images/btn_sound_w_on.png); }
		.contents_top #btn_bgm.on { background-image: url(../images/btn_sound_b_on.png); }

	#btn_bgm.off{ background-image: url(../images/btn_sound_w_off.png); }
		.contents_top #btn_bgm.off { background-image: url(../images/btn_sound_b_off.png); }


#contents .btn_language {
	position: absolute;
	top: 20px;
	right: 0;
	width: 75px;
	opacity: 0;
	transition: cubic-bezier(0,.97,.53,1) 4.2s, opacity 4s;
	line-height: 0;
}
	#contents.fix .btn_language{
		opacity: 1;
	}

#contents .manual_mordal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 98;
	background-color: rgba(255,255,255,0.9);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	overflow: hidden;

	opacity: 0;
	transform: scale(0);
	transition: opacity 0.4s 0s, transform 0s 0.4s;
}
		#contents .manual_mordal.show{
			opacity: 1;
			transform: scale(1);
			transition-delay: 0s, 0s;
		}

	#contents .manual_mordal .manual_image{
		width: 90vw;
		border: 1px solid #000000;
		line-height: 0;
	}
	#contents .manual_mordal .btn_close{
		height: 23px;
		margin-top: 40px;
	}


#contents .preloader{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
	#contents.loaded .preloader{
		animation: preloader_out 0.3s forwards;
	}

.loader {
	font-size: 10px;
	text-indent: -9999em;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #ffffff;
	background: -moz-linear-gradient(left, #000000 10%, rgba(255, 255, 255, 0) 42%);
	background: -webkit-linear-gradient(left, #000000 10%, rgba(255, 255, 255, 0) 42%);
	background: -o-linear-gradient(left, #000000 10%, rgba(255, 255, 255, 0) 42%);
	background: -ms-linear-gradient(left, #000000 10%, rgba(255, 255, 255, 0) 42%);
	background: linear-gradient(to right, #000000 10%, rgba(255, 255, 255, 0) 42%);
	position: relative;
	-webkit-animation: load3 1.4s infinite linear;
	animation: load3 1.4s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
	.loader:before {
		width: 50%;
		height: 50%;
		background: #000000;
		border-radius: 100% 0 0 0;
		position: absolute;
		top: 0;
		left: 0;
		content: '';
	}
	.loader:after {
		background: #FFFFFF;
		width: 80%;
		height: 80%;
		border-radius: 50%;
		content: '';
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}


@media screen and (max-width: 655px) {
#contents .btn_language {
	position: absolute;
	top: 10px;
	right: 0;
	width: 60px;
	opacity: 0;
	transition: cubic-bezier(0,.97,.53,1) 4.2s, opacity 4s;
	line-height: 0;
}

#btn_bgm {
	width: 60px;
	height: 20px;
	top: 70px;

}



#intro_bgm{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;

	background-color: #FFFFFF;

	z-index: 3;

	transition: opacity 1s, height 0s 1s;
}
	#intro_bgm .intro_inner{

	}
		#intro_bgm .text_intro{
			color: #000000;
			border-bottom: solid 1px #000000;
			padding-bottom: 40px;
			text-align:center;
			margin-bottom: 40px;
			font-weight: 300;
			letter-spacing: 0.2em;
		}
		#intro_bgm .btns_intro{
			display: flex;
			justify-content: center;

			position: relative;
		}
			#intro_bgm .btns_intro div{
				margin: 0 20px;
				cursor: pointer;
				transition: opacity 0.3s;
			}
			/*
				#intro_bgm .btns_intro div:hover{
					transition-duration: 0s;
					opacity: 0.5;
				}
			*/
			#intro_bgm .btns_intro .btn_intro_on{
				height: 18px;
			}
			#intro_bgm .btns_intro .btn_intro_off{
				height: 18px;
			}

	#contents.init #intro_bgm{
		opacity: 0;
		height: 0;
	}

#contents .preloader{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
	#contents.loaded .preloader{
		animation: preloader_out 0.3s forwards;
	}

.loader {
	font-size: 10px;
	text-indent: -9999em;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #ffffff;
	background: -moz-linear-gradient(left, #000000 10%, rgba(255, 255, 255, 0) 42%);
	background: -webkit-linear-gradient(left, #000000 10%, rgba(255, 255, 255, 0) 42%);
	background: -o-linear-gradient(left, #000000 10%, rgba(255, 255, 255, 0) 42%);
	background: -ms-linear-gradient(left, #000000 10%, rgba(255, 255, 255, 0) 42%);
	background: linear-gradient(to right, #000000 10%, rgba(255, 255, 255, 0) 42%);
	position: relative;
	-webkit-animation: load3 1.4s infinite linear;
	animation: load3 1.4s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
	.loader:before {
		width: 50%;
		height: 50%;
		background: #000000;
		border-radius: 100% 0 0 0;
		position: absolute;
		top: 0;
		left: 0;
		content: '';
	}
	.loader:after {
		background: #FFFFFF;
		width: 80%;
		height: 80%;
		border-radius: 50%;
		content: '';
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
}/* @media */

@keyframes bg_loop{
	0%{
		transform:translate3d(0,0px,0);
	}
	100%{
		transform:translate3d(0,-1400px,0);
	}
}

@keyframes preloader_out{
	0%{
		height: 100%;
		opacity: 1;
	}
	99%{
		height: 100%;
		opacity: 0;
	}
	100%{
		height: 0;
		opacity: 0;
	}
}


@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}