@charset "utf-8";
/*---------------------------------------------------------------------
Base Setting
---------------------------------------------------------------------*/
* {
	-webkit-appearance:none;
	-webkit-tap-highlight-color:transparent;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
html {
	height:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body {
	background:#fff;
	position:relative;
	font:normal 14px/24px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666;
	-webkit-text-size-adjust:none;
}
img {
	vertical-align:bottom;
}
a {
	color:#1060cf;
	text-decoration:none;
}
strong {
	font-weight:bold !important;
}
.clear {
	clear:both;
}
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/* Coomon
--------------------------------------------------------------------------------------------------------- */
article {
	padding:78px 0 0;
	overflow:hidden;
}
@media screen and (max-width: 1016px) {
	article {
		width:1000px;
	}
}
article > section {
	margin:0 auto;
	width:1000px;
}

/* Header */
header {
	background:#fff;
	padding:4px 0;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}
header .container {
	margin:0 auto;
	width:1000px;
}
header h1 {
	width:250px;
	height:70px;
	float:left;
}
header h1 a {
	background:url(../images/logo.png) 0 0 no-repeat;
	background-size:contain;
	width:127px;
	height:70px;
	display:block;
	float:left;
	overflow:hidden;
	text-indent:120%;
	white-space:nowrap;
}
header h1 span {
	padding:40px 0 0;
	display:block;
	color:#f399c3;
}
header nav {
	margin:26px 0 0;
	float:right;
}
header li {
	font-size:18px;
	line-height:1;
	float:left;
}
header li + li {
	background:url(../images/nav_line.gif) 0 50% no-repeat;
	margin:0 0 0 20px;
	padding:0 0 0 21px;
}
header li a {
	color:#1060cf;
}

/* Pagetop Link */
.pagetop {
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:60px;
	bottom:60px;
	z-index:1000;
}
.pagetop a {
	border:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:url(../images/ico_pagetop.png) 50% 50% no-repeat;
	background-color:rgba(255,255,255,0.7);
	width:50px;
	height:50px;
	display:block;
	overflow:hidden;
	text-indent:120%;
	white-space:nowrap;
}
.pagetop a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
}

/* Footer */
footer {
	background:url(../images/footer_bg.png) 50% 0 repeat-y;
}
footer .container {
	margin:0 auto;
	padding:40px 0 80px;
	width:1000px;
	position:relative;
}
footer .links {
	float:left;
}
footer .links .i-chu {
	margin:0 0 40px;
}
footer .links .i-chu img {
	width:141px;
	height:auto;
}
footer .links .libra,
footer .links .victor {
	float:left;
}
footer .links .libra img,
footer .links .victor img {
	width:auto;
	height:35px;
}
footer .links .victor {
	margin:0 0 0 30px;
}
footer .sns {
	float:right;
}
footer .sns li {
	float:left;
}
footer .sns li + li {
	margin:0 0 0 30px;
}
footer .sns img {
	width:50px;
	height:auto;
}
footer small {
	display:block;
	position:absolute;
	right:0;
	bottom:80px;
	font-size:12px;
	line-height:14px;
	color:#fff;
}

/* Content */
h4 span,
li span {
	padding:0 0 0 3px;
	color:#666;
}
.note li {
	margin:0 0 0 1em;
	text-indent:-1em;
}
.note li:before {
	content:"※";
}


/* Main
--------------------------------------------------------------------------------------------------------- */
#main {
	background:#e4f3f6;
	width:100%;
	text-align:center;
}
#main p {
	margin:0 -250px;
}

/* Introduction
--------------------------------------------------------------------------------------------------------- */
#introduction {
	margin-top:40px;
}
#introduction ul {
	margin:0 auto 25px;
	width:632px;
}
#introduction li {
	width:276px;
	text-align:center;
	float:left;
	font-size:22px;
	color:#a0a0a0;
}
#introduction li + li {
	margin:0 0 0 80px;
}
#introduction li img {
	margin:0 0 15px;
}
#introduction li.creation07 span {
	color:#6f94cd;
}
#introduction li.creation08 span {
	color:#936439;
}
#introduction p {
	background:url(../images/intro_line.png) 100% 0 no-repeat, url(../images/intro_line.png) 100% 100% no-repeat;
	padding:40px 0;
	text-align:center;
	font-size:18px;
	line-height:34px;
}

/* Information
--------------------------------------------------------------------------------------------------------- */
#information {
	margin-top:35px;
}
#information li.creation07,
#information li.creation08 {
	border:none;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	padding:40px 30px 25px;
	width:490px;
	box-sizing:border-box;
}
#information li.creation07 {
	background:#e4f3f6 url(../images/07_no.gif) top 30px right 30px no-repeat;
	background-size:48px 50px;
	float:left;
}
#information li.creation08 {
	background:#e4f3f6 url(../images/08_no.gif) top 30px right 30px no-repeat;
	background-size:48px 50px;
	float:right;
}
#information li h2 {
	margin:0 0 30px;
	font-size:20px;
	color:#1060cf;
}
#information li .img {
	margin:0 0 30px;
	width:180px;
	float:left;
}
#information li .img img {
	width:100%;
	height:auto;
}
#information li dl {
	margin:0 0 10px;
	width:230px;
	float:right;
	font-size:12px;
	line-height:18px;
}
#information li dt {
	margin:0 0 10px;
	line-height:22px;
}
#information li dt span {
	font-size:16px;
}
#information li .format {
	margin:0 0 30px;
	width:230px;
	float:right;
	clear:right;
}
#information li .link {
	clear:both;
}
#information li .link li {
	width:205px;
	float:left;
}
#information li .link li + li {
	margin:0 0 0 20px;
}
#information li .link li a {
	border:none;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background:#1060cf;
	padding:15px 0;
	text-align:center;
	display:block;
	font-size:16px;
	line-height:20px;
	color:#fff;
}
#information li .link li a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
}
#information .release {
	background:#fff100;
	margin:20px 0 0;
	padding:3px 0;
	text-align:center;
}
#information h3 {
	border-bottom:1px solid #fff;
	margin:0 0 15px;
	padding:0 0 5px;
	font-size:18px;
	color:#1060cf;
}
#information h4 {
	color:#1060cf;
}
#information .initial {
	margin:20px 0 0;
}
#information .initial h3 {
	display:none;
}
#information .initial .box {
	border:2px solid #4fcde6;
	background:url(../images/initial_bg.gif) 0 0 repeat;
	padding:18px;
}
#information .initial .box h4 {
	margin:0 0 10px;
	font-size:18px;
	color:#4fcde6;
}
#information .initial .box .normal {
	border-top:1px solid #4fcde6;
	margin:20px 0 0;
	padding:10px 0 0;
}
#information .initial .box .limited h4 {
	clear:both;
	color:#4fcde6;
	float:left;
}
#information .initial .box .limited p {
	float:right;
}
#information .initial .box .limited ul {
    width:260px;
	float:left;
	clear:left;
}
#information .initial .box li {
	margin:0 0 0 1em;
	text-indent:-1em;
	line-height:20px;
	color:#4fcde6;
}
#information .initial .box li + li {
	margin-top:5px;
}
#information .initial .box li:before {
	content:"■";
}
#information .note {
	margin:15px 0 0;
	font-size:12px;
	line-height:18px;
}
#information ol {
	margin:0 0 0 26px;
	list-style:decimal-leading-zero;
	color:#1060cf;
}
#information .spec,
#information .track {
	margin:20px 0 0;
}
#information .spec h4:before {
	content:"■";
}
#information .spec section {
	float:left;
}
#information .spec .limited {
	width:225px;
}
#information .spec .normal {
	width:205px;
}

/* Movie, bonus
--------------------------------------------------------------------------------------------------------- */
#movie,
#bonus {
	margin-top:60px;
}
#movie .container,
#bonus .container {
	margin:0 -60px;
}
#movie h2,
#bonus h2 {
	background:url(../images/hl_bg.png) 0 0 no-repeat;
	padding:15px 0;
	text-align:center;
	font-size:26px;
	line-height:30px;
	color:#fff;
}

/* Movie
--------------------------------------------------------------------------------------------------------- */
#movie h2 {
	margin:0 0 40px;
}
#movie ul {
	margin:0 auto;
	width:1000px;
	height:275px;
}
#movie li {
	width:490px;
	float:left;
}
#movie li + li {
	margin:0 0 0 20px;
}
#movie iframe {
	border:3px solid #e1e1e1;
}

/* bonus
--------------------------------------------------------------------------------------------------------- */
#bonus .container {
	background:#ebebeb;
	padding:0 0 80px;
	position:relative;
}
#bonus h2 {
	margin:0 0 30px;
}
#bonus .shops {
	margin:-20px 0 0 40px;
}
#bonus .shops > li {
	border:2px solid #e1e1e1;
	margin:20px 0 0 20px;
	background:#fff;
	width:486px;
	float:left;
	position:relative;
}
#bonus .shops h3 {
	border-bottom:2px solid #e1e1e1;
	padding:27px 0;
	text-align:center;
	font-size:18px;
	color:#1060cf;
}
#bonus .shops li:nth-of-type(2) h3,
#bonus .shops li:nth-of-type(5) h3 {
	padding:15px 0;
}
#bonus .shops .inner {
	padding:28px 28px 98px;
}
#bonus .shops h4 {
	color:#1060cf;
}
#bonus .shops h4:before {
	content:"■";
}
#bonus .shops p + h4 {
	margin-top:10px;
}
#bonus .shops .txt p span {
	font-size:12px;
	line-height:18px;
}
#bonus .shops .img {
	margin:15px 0 0;
	text-align:center;
}
#bonus .shops .img img {
	max-width:100%;
	height:auto;
}
#bonus .shops .link {
	width:100%;
	position:absolute;
	left:28px;
	bottom:28px;
}
#bonus .shops .link li {
	width:205px;
	float:left;
}
#bonus .shops .link li + li {
	margin:0 0 0 20px;
}
#bonus .shops .link li a {
	border:none;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	background:#1060cf;
	padding:15px 0;
	text-align:center;
	display:block;
	font-size:14px;
	line-height:20px;
	color:#fff;
}
#bonus .shops .link li a:hover {
	opacity:0.70;
	filter: alpha(opacity=70);
}
#bonus .note {
	position:absolute;
	bottom:80px;
	left:570px;
}