@charset "utf-8";
/* CSS Document */

/*共通*/

.l-wrapper {
	width:100%;
	padding:0 3%;
	min-width: 1200px;
	max-width:calc( 1200px + 6% );
	margin:0 auto 0;
	position: relative;
	box-sizing: border-box;
}

/*メディアクエリ*/

/*二段階*/

@media screen and (min-width:1201px) { /*PC*/
}
@media screen and (max-width:1200px) { /*MB*/
}

/*三段階*/

@media screen and (min-width:1201px) { /*PC-LARGE*/
}
@media screen and (max-width:1200px) { /*PC-MIDDLE*/
}
@media screen and (max-width:1024px) { /*MB*/
}

/*レイアウト全体*/

body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
	text-align:center;
	min-height: 100vh;
	min-width: 1200px;
	font-size: 1.0rem;
	color:rgba(50,50,50,1.00);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#171435+0,191854+25,7c0e10+50,191854+75,171435+100 */
background: linear-gradient(to right,  #171435 0%,#191854 25%,#7c0e10 50%,#191854 75%,#171435 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}

#l-Wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	background:url("../img/bg_pat.png") left top repeat;
}

/*ヘッダー*/

header {
	display: none;
	visibility: hidden;
	opacity: 0;
}

/*メインビジュアル*/

#l-MainVisual {
	width:100%;
	position: relative;
	background-size: cover;
	background:url("../img/mainvisual.jpg") center top no-repeat;
	height:900px;
}

#l-About {
	background:url("../img/about_body.png") center top no-repeat;
	width:100%;
	position: relative;
	height:948px;
}

#l-Movie {
	width:100%;
	position: relative;
	padding:60px 0;
}

#l-Outline {
	width:100%;
	position: relative;
	box-sizing: border-box;
	padding:60px 0;
	background-color:#1a1a1a;
}

#l-Anime {
	width:100%;
	position: relative;
	box-sizing: border-box;
	padding:60px 0;
	background-color:#000000;
}

#l-Lineup {
	width:100%;
	position: relative;
	box-sizing: border-box;
	padding:60px 0;
	background-color:#1a1a1a;
}

#l-Webshop {
	width:100%;
	position: relative;
	box-sizing: border-box;
	padding:60px 0;
}
#l-Steam {
	width:100%;
	position: relative;
	box-sizing: border-box;
	padding:60px 0;
	background-color:#000000;
}

#l-Product {
	width:100%;
	position: relative;
	box-sizing: border-box;
	padding:60px 0;
}

#l-Fansite {
	width:100%;
	position: relative;
	box-sizing: border-box;
	padding:60px 0;
}

/*フッター*/

footer {
	width:100%;
	position: relative;
	box-sizing: border-box;
	padding:60px 0;
}

#l-Order-head {
	box-sizing: border-box;
	padding:60px 0; 
}