<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

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

html, body{
	height: 100%;
}

audio{
	opacity: 0;
	position: absolute;
	height: 0;
	width: 0;
}

br.sp{
	display: none;
}

.link_cursor_img{
	position: absolute !important;
	left: -50px;
	top: 4px;
	display: none;
}
	.link_cursor_img.show{
		display: block;
	}

/* contents */
#contents{
	width: 100%;
	height: 100%;
	position: relative;
	
	display: flex;
	justify-content: center;
	align-items: center;
    flex-direction: column;
}

#contents *{
	color: #FFFFFF;
	font-family: "Mplus 1p";
	-webkit-font-smoothing: antialiased;
}

.contents_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000000;
	overflow: hidden;
	background: url('../img/bg.jpg') center top;
}
	.contents_bg .bg_loopimg{
		position: absolute;
		width: 100%;
		height: 5760px;
		left: 0;
		top: 0;
		background: url('../img/bg.jpg') center top;
		
		transform: translateY(0px);
		animation: bgscroll 200s linear infinite;																								/**/
	}
	.contents_bg .bg_cover{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: url('../img/bg_cover.png');
	}

/* contents menu */
.contents_menu{
	background: url('../img/menu_bg.png');
	background-size: cover;
	position: relative;
	width: 900px;
	height: 80px;
	margin-top: 30px;
}
	.contents_menu .menu_logo{
		position: absolute;
		width: 143px;
		left: 36px;
		top: 22px;
	}
	.contents_menu .menu_links{
		position: absolute;
		right: 0;
		width: 630px;
		height: 80px;
		display: flex;
		align-items: center;
		overflow: hidden;
	}
		.contents_menu .menu_links .linkitem{
			position: relative;
	        float: left;
		    padding-right: 58px;
			white-space: nowrap;
			font-family: 'Press Start 2P', cursive !important;
			font-size: 18px;
			line-height: 40px;
		}
			.contents_menu .menu_links .linkitem a{
				font-family: 'Press Start 2P', cursive !important;
				font-size: 18px;
				line-height: 40px;
				cursor: pointer;
				color: #e5002d !important;
				font-weight: 600;
				text-decoration: underline;
			}
				.contents_menu .menu_links .linkitem .spacer{
				}

/* contents inner */
.contents_inner{
	width: 900px;
	background-color: rgba(0,0,0,0.8);
	position: relative;
	min-height: 700px;
	margin: 50px;
	
	display: flex;
	align-items: center;
	flex-direction: column;
}	.contents_inner.pages{ margin-top: 30px; }
	/* span character */
	.span_character{
		margin: 60px;
		image-rendering: -moz-crisp-edges; /* Firefox */
		image-rendering: -o-crisp-edges; /* Opera */
		image-rendering: -webkit-optimize-contrast; /* Webkit (非標準の名前) */
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor; /* IE (非標準プロパティ) */
	}

	/* mv */
	.mv_container{
		position: relative;
		width: 58%;
		overflow: hidden;
	
		display: flex;
		align-items: center;
		flex-direction: column;
	}
		.mv_container .mv_copy{
		    text-align: center;
		    font-size: 22px;
		    font-weight: 400;
		    line-height: 40px;
		    letter-spacing: 10px;
		    margin-top: 80px;
		    margin-bottom: 60px;
		    padding-bottom: 40px;
		    display: inline-block;
		    border-bottom: solid white 1px;
		}
			.mv_container .mv_copy .red{
				color: #e5002d !important;
			}
			.mv_container .mv_copy .end{
				letter-spacing: 0 !important;
			}
		.mv_container .mv_logo{
			width: 100%;
		}
		.mv_container .mv_jacket{
			margin-top: 40px;
			width: 420px;
			height: auto;
			position: relative;
			overflow: hidden;
		}

	/* about */
	.about_container{
		
	}
		.about_container .sale_date, .about_container .sale_date *{
			font-family: 'Press Start 2P', cursive !important;
		}
		.about_container .sale_date{
			text-align: center;
			line-height: 46px;
			font-size: 40px;
			margin-bottom: 50px;
		}
			.about_container .sale_date .red{
				color: #e5002d !important;
			}
			.about_container .sale_date .txt_onsale{
				font-size: 32px !important;
			}
			
		.about_container .info_and_store{
			border: 7px solid white;
			border-radius: 25px;
		}
			.about_container .info_and_store .info_detail{
				padding: 40px 80px 40px 60px;
				border-bottom: 7px solid white;
				font-size: 18px;
				line-height: 30px;
				font-weight: 600;
			}
			.about_container .info_and_store .store_links{
				padding: 40px 60px;
			}
			.about_container .info_and_store .store_links *{
				font-size: 18px;
				line-height: 40px;
				color: #e5002d !important;
				font-weight: 600;
				text-decoration: underline;
				position: relative;
			}

	/* menu */
	.menu_container{
		
	}
		.menu_container .menu_links{
			
		}
		.menu_container .menu_links *{
			font-family: 'Press Start 2P', cursive !important;
			font-size: 32px;
			line-height: 42px;
			padding: 15px;
			color: #e5002d !important;
			font-weight: 600;
			text-decoration: underline;
			position: relative;
		}

	/* intro text */
	.intro_movie_container{
		width: 480px;
		height: 270px;
		margin-bottom: 60px;
		overflow: hidden;
		border-radius: 3px;
		position: relative;
	}
	
	.intro_text_container{
		font-size: 18px;
		font-weight: 400;
		text-align: center;
		line-height: 40px;
		width: 80%;
	}

	/* bdm info */
	.bdm_info_container{
		width: 70%;
		margin-bottom: -30px;
	}
		.bdm_info_container *{
			line-height: 40px;
		}
		.bdm_info_container .bdm_title{
			text-align: center;
			font-size: 26px;
			font-weight: 500;
			margin-bottom: 30px;
		}
			.bdm_info_container .bdm_title .italic{
				font-style: italic;
				font-size: 30px;
			}
		.bdm_info_container .bdm_subtitle{
			color: #e5002d !important;
			margin-bottom: 10px;
			border-left: 4px solid #e5002d;
			margin-left: -30px;
			padding-left: 30px;
		}
		.bdm_info_container .bdm_text{
			margin-bottom: 30px;
		}
	
	.btn_howtomp3dl{
		width: 70%;
		padding: 30px 0;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 3px #ffffff solid;
		margin-top: 40px;
	}
		.btn_howtomp3dl p{
			font-size: 18px;
			color: #e5002d !important;
			font-weight: 600;
			text-decoration: underline;
			cursor: pointer;
		}

	/* official links */
	.officiallinks_container{
		margin-bottom: 80px;
		margin-left: 30px;
		position: relative;
	}
		.officiallinks_container .official_links{
			position: relative;
		}
			.officiallinks_container .official_links .linkitem{
				position: relative;
				cursor: pointer;
			}
				.officiallinks_container .official_links .linkitem *{
					font-size: 18px;
					line-height: 40px;
					color: #e5002d !important;
					font-weight: 600;
					text-decoration: underline;
				}
	
	/* tracklist */
	.tracklist_container{
	    width: 740px;
		margin-top: 20px;
	}
		.tracklist_container .tracklist_inner{
			width: 220px;
			float: left;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}
		.tracklist_container .tracklist_inner.center{
		    margin: 0 40px;
		}
		.tracklist_container .tracklist_inner.full{
			width: 740px;
			margin-top: 50px;
			margin-bottom: 70px;
		}
			.tracklist_container .tracklist_inner .tracklist_logo{
				display: flex;
			}
				.tracklist_container .tracklist_inner .tracklist_logo.saga1{ width: 163px; height: 112px; margin-top: 20px; margin-bottom: 43px; }
				.tracklist_container .tracklist_inner .tracklist_logo.saga2{ width: 203px; height: 80px; margin-top: 45px; margin-bottom: 50px; }
				.tracklist_container .tracklist_inner .tracklist_logo.saga3{ width: 205px; height: 110px; margin-top: 45px; margin-bottom: 20px; }
			
			.tracklist_container .tracklist_inner .tracklist_text{
				border-top: 1px solid #FFFFFF;
				width: 220px;
				padding-top: 40px;
			}
				.tracklist_container .tracklist_inner.full .tracklist_text{
					border-top: 1px solid #FFFFFF;
					width: 740px;
					padding-top: 40px;
				}
				.tracklist_container .tracklist_inner .tracklist_text ul{
					
				}
				.tracklist_container .tracklist_inner .tracklist_text li{
					    font-size: 18px;
						line-height: 50px;
				}
					.tracklist_container .tracklist_inner .tracklist_text li span{
						display: block;
						float: left;
						width: 40px;
					}
					.tracklist_container .tracklist_inner .tracklist_text li.track_title{
						font-weight: bold;
					}
	
	/* movie */
	.movie_container{
	    width: 820px;
	}
		.movie_container .movie_inner{
			width: 820px;
			display: flex;
			flex-wrap: wrap;
			margin-top: 30px;
			margin-bottom: 50px;
		}
			.movie_items{
				margin: 10px;
			}
				.movie_items .movie_title{
					text-align: center;
					font-size: 18px;
					font-weight: bold;
					margin: 20px;
				}
				.movie_items .movie_youtube{
					background-color: #313131;
					width: 384px;
					height: 232px;
				}
	
	/* mp3download */
	.mp3download_container{
		
	}
		.mp3download_container .howtomp3dl_container{
			position: relative;
			margin-top: 60px;
			margin-bottom: 90px;
			width: 700px;
			display: flex;
			flex-direction:  column;
			align-items: center;
		}
			.mp3download_container .howtomp3dl_container .howtomp3dl_title{
			    text-align: center;
			    font-size: 22px;
			    font-weight: 600;
			    line-height: 40px;
			    letter-spacing: 10px;
			    margin-bottom: 60px;
			    padding-bottom: 40px;
			    display: inline-block;
			    border-bottom: solid white 1px;
			}
				.mp3download_container .howtomp3dl_container .howtomp3dl_title .end{
					letter-spacing: 0 !important;
				}
				.mp3download_container .howtomp3dl_container .howtomp3dl_title .attention{
					font-size: 14px !important;
					letter-spacing: 7px !important;
				}
			
			.mp3download_container .howtomp3dl_container .howtomp3dl_img1{
				width: 100%;
				margin-bottom: 80px;
			}
			.mp3download_container .howtomp3dl_container .howtomp3dl_img2{
				width: 90%;
			}

	
	/* bgm controller */
	.bgm_controller_container{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.bgm_controller_container.fix{
		position: fixed;
		width: 100%;
		height: 0;
		
		z-index: 4;
	}
		.bgm_controller{
			position: absolute;
			top: 0;
			right: 0;
			font-size: 15px;
			width: 900px;
			height: 0;
		}
		.bgm_controller_container.fix .bgm_controller{
			margin: auto 50px;
			right: auto;
			position: relative;
		}
			.bgm_controller .bgmbtns{
				opacity: 1;
				transition: opacity 0.3s;
				cursor: pointer;
				position: absolute;
				width: 38px;
				height: 38px;
				top: 0;
				right: 0;
			}
				.bgm_controller .bgmbtns.hide{
					display: none;
				}
				.bgm_controller .bgmbtns:hover{
					opacity: 0.5;
					transition-duration: 0s;
				}

	/* navi container */
	.fixnavi_container{
		position: fixed;
		width: 100%;
		height: 38px;
		top: 0;
		display: flex;
		align-items: center;
		flex-direction: column;
		overflow: hidden;
		
		z-index: 3;
	}
		.fixnavi_container .fixnavi_title{
			display: none;
		}
		.fixnavi_container .fixnavi_links{
			position: absolute;
			top: -38px;
			width: 900px;
			height: 38px;
			background-color: rgba(0,0,0,0.8);
			display: flex;
			justify-content: center;
			
			transition: top 0.2s ease-out;
		}	.fixnavi_container .fixnavi_links.show{
				top: 0;
			}
			.fixnavi_container .fixnavi_links .linkitem{
				position: relative;
			    padding-left: 40px;
				font-family: 'Press Start 2P', cursive !important;
				font-size: 14px;
				line-height: 40px;
			}
				.fixnavi_container .fixnavi_links .linkitem a{
					font-family: 'Press Start 2P', cursive !important;
					font-size: 14px;
					line-height: 40px;
					cursor: pointer;
					color: #e5002d !important;
					font-weight: 600;
					text-decoration: underline;
				}

/* intro */
.intro_container{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	background-color: #000000;
	
	/*fbox*/
	display: flex;
	align-items: center;
	flex-direction:  column;
}
	.intro_container.out{
		animation: introfinish 1s forwards;
	}
	
	.intro_container .intro_inner{
		width: 900px;
		
		opacity: 0;
		transition: opacity 1.2s ease-out;
		
		/*fbox*/
		display: flex;
		align-items: center;
		flex-direction:  column;
	}
		.intro_container .intro_inner.in{
			opacity: 1;
		}
		.intro_container .intro_inner .intro_logo{
			width: 45%;
		}
		.intro_container .intro_inner .intro_title{
			margin: 60px;
			font-size: 20px;
		}
		.intro_container .intro_inner .intro_btn_bgm{
			border: 7px solid white;
			border-radius: 25px;
			padding: 30px 80px;
	
			/*fbox*/
			display: flex;
			align-items: center;
			flex-direction:  column;
		}
			.intro_container .intro_inner .intro_btn_bgm div{
				line-height: 40px;
				cursor: pointer;
				margin: 10px;
				font-size: 20px;
				font-weight: 600;
				text-decoration: underline;
				position: relative;
			}
				.intro_container .intro_inner .intro_btn_bgm .btn_intro_on{
					color: #e5002d !important;
				}

/* modal window */
.modalwindow_container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	background-color: rgba(0,0,0,0.9);
	
	overflow: hidden;
	
	display: flex;
	justify-content: center;
/*	align-items: center;	*/
}
	.modalwindow_container.open{
		animation: modal_open 0.4s forwards;
	}
	.modalwindow_container.close{
		animation: modal_close 0.4s forwards;
	}
		.modalwindow_container .btn_modalwindow_close{
			width: 50px;
			top: 60px;
			right: 60px;
			position: absolute;
		}
		
	.howtomp3dl_container{
		position: relative;
		margin-top: 60px;
		width: 700px;
		
		display: flex;
		flex-direction:  column;
		align-items: center;
	}
		.howtomp3dl_container .howtomp3dl_title{
		    text-align: center;
		    font-size: 22px;
		    font-weight: 600;
		    line-height: 40px;
		    letter-spacing: 10px;
		    margin-bottom: 60px;
		    padding-bottom: 40px;
		    display: inline-block;
		    border-bottom: solid white 1px;
		}
			.howtomp3dl_container .howtomp3dl_title .end{
				letter-spacing: 0 !important;
			}
			.howtomp3dl_container .howtomp3dl_title .attention{
				font-size: 14px !important;
				letter-spacing: 7px !important;
			}
		
		.howtomp3dl_container .howtomp3dl_img1{
			width: 100%;
			margin-bottom: 80px;
		}
		.howtomp3dl_container .howtomp3dl_img2{
			width: 90%;
		}


/* -&gt; @media-655 */}




/* ie keyframes */
@keyframes bgscroll {
	0% {
		transform: translateY(0px);
	}
	100% {
		transform: translateY(-2880px);
	}
}

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

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

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












































</pre></body></html>