body, html {
	min-width: 1280px;
}

.sp {
	display: none;
}

.pc {
	display: inline-block;
}

.container {
	width: 100%;
	min-width: 1000px;
}

.movieBox {
	text-align: center;
	padding: 30px 0;
}

.bnrBox {
	text-align: center;
	padding-bottom: 30px;
}

.loading .obj {
	-webkit-transition: transform 8000ms ease;
	-o-transition: transform 8000ms ease;
	transition: transform 8000ms ease;
}

/*-----------------------bg-----------------------*/

.bg {
	min-width: 1000px;
}

.cloudBg {
	padding: 30px 0;
}

.cloudBg header {
	text-align: center;
}

.cloud-top {
	position: relative;
	width: 100%;
	padding-top: 18.88%;
	background: url(../../img/cloud_top.png) 0 0 no-repeat;
	background-size: auto 100%;
}

.cloud-bottom {
	position: relative;
	width: 100%;
	padding-top: 18.88%;
	background: url(../../img/cloud_bottom.png) 0 0 no-repeat;
	background-size: auto 100%;
	z-index: 50;
}

.cloud-wrap .obj {
	position: absolute;
	top: 0;
	right: 50%;
	margin: 0 -700px 0 0;
	-webkit-transition: transform 2000ms ease;
	-o-transition: transform 2000ms ease;
	transition: transform 2000ms ease;
	-webkit-transform: translate(-1135px, -291px);
	-ms-transform: translate(-1135px, -291px);
	-o-transform: translate(-1135px, -291px);
	transform: translate(-1135px, -291px);
	z-index: 10;
}

.cloud-wrap .obj-ship {
	width: 1135px;
	height: 291px;
	background: url(../../img/obj_ship.png) 0 0 no-repeat;
}

/*-----------------------content-----------------------*/

.preregistBox {
	position: relative;
	/* margin-top: -303px; */
	margin-top: -18.88%;
	z-index: 51;
}

#wrap {
	min-width: 1000px;
	margin-top: -10px;
	z-index: 201;
}

.col {
	margin: auto;
	padding: 0 0 50px;
	width: 1000px;
}

.txt {
	font-size: 16px;
}

.storytextStrong {
	font-size: 24px;
	font-weight: bold;
}

section h2 {
	margin: 0 0 50px;
}

section h2 strong {
	font-size: 80px;
}

section h2 span {
	margin: -30px 0 0;
	font-size: 14px;
}

/*-----------------------header-----------------------*/

#gheader {
	position: fixed;
	width: 100%;
	min-width: 1280px;
	margin: 0 auto;
	height: 74px;
	background: #fff;
	z-index: 500;
	box-shadow: 0 0 20px 5px rgba(0, 44, 100, 0.5);
}

#gheader .logo {
	position: absolute;
	left: 10px;
}

#gheader .logo a {
	display: block;
	width: 114px;
	height: 74px;
	background: url(../../img/logo_header.png) 0 50% no-repeat;
}

#gheader nav.gnav {
	text-align: center;
}

#gheader nav.gnav ul {
	font-size: 0;
}

#gheader nav.gnav li {
	display: inline-block;
}

#gheader nav.gnav a {
	display: block;
	width: 145px;
	height: 74px;
	line-height: 74px;
	color: #003476;
	font-size: 16px;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#gheader nav.gnav li a.active {
	background: url(../../img/line_active.png) 50% 0 no-repeat;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}

#gheader nav.gnav li a.clicked {
	background: url(../../img/line_active.png) 50% 0 no-repeat;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}

#gheader nav.gnav li a:hover {
	background: url(../../img/line_active.png) 50% 0 no-repeat;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}

#gheader nav.social {
	position: absolute;
	margin: auto;
	top: 0;
	right: 20px;
	bottom: 0;
	height: 24px;
	font-size: 0;
}

#gheader nav.social li {
	display: inline-block;
}

#gheader nav.social li+li {
	margin: 0 0 0 10px;
}

#gheader nav.social li a {
	text-indent: -9999px;
}

#gheader nav.social li a:hover {
	opacity: 0.6;
	-webkit-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

#gheader nav.social li.tw {
	display: inline-block;
	width: 30px;
	height: 24px;
	background: url(../../img/icon_tw.png) 0 0 no-repeat;
	cursor: pointer;
}

#gheader nav.social li.fb {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../../img/icon_fb.png) 0 0 no-repeat;
	cursor: pointer;
}

#gheader nav.social li.line {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../../img/icon_line.png) 0 0 no-repeat;
	cursor: pointer;
}

#gheader:after {
	content: "";
	position: absolute;
	bottom: -8px;
	right: 0;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../../img/r_header_r.png) 0 0 no-repeat;
}

#gheader:before {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 0;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../../img/r_header_l.png) 0 0 no-repeat;
}

.sp-nav {
	display: none;
}

/*-----------------------kv-----------------------*/

/*top*/

.topBox.is-sp {
	display: none;
}

.topBoxInner {
	position: relative;
	top: 0;
	width: 1280px;
	height: 846px;
	margin: 0 auto;
}

.topItem.is-01 {
	position: absolute;
	display: block;
	width: 1280px;
	background: url(../../img/pre/top_ship.png) no-repeat center;
	height: 846px;
	-webkit-transition: transform 1s ease, opacity 1s ease;
	-o-transition: transform 1s ease, opacity 1s ease;
	transition: transform 1s ease, opacity 1s ease;
}

.topItem.is-02 {
	position: absolute;
	display: block;
	width: 1280px;
	background: url(../../img/pre/top_chara.png) no-repeat center;
	height: 846px;
	-webkit-transition: transform 1.5s ease, opacity 1.5s ease;
	-o-transition: transform 1.5s ease, opacity 1.5s ease;
	transition: transform 1.5s ease, opacity 1.5s ease;
}

.topItem.is-02, .topItem.is-01 {
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}

.topItem.is-02.on, .topItem.is-01.on {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.topLogo {
	opacity: 0;
	position: absolute;
	bottom: 46px;
	left: 34px;
	width: 400px;
	height: 209px;
	background: url(../../img/logo.png);
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-transition: transform 1s ease, opacity 1s ease;
	-o-transition: transform 1s ease, opacity 1s ease;
	transition: transform 1s ease, opacity 1s ease;
}

.topText {
	opacity: 0;
	position: absolute;
	right: 46px;
	bottom: 34px;
	width: 219px;
	height: 678px;
	background: url(../../img/pre/top_catch.png);
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-transition: transform 1s ease, opacity 1s ease;
	-o-transition: transform 1s ease, opacity 1s ease;
	transition: transform 1s ease, opacity 1s ease;
}

.topLogo.on, .topText.on {
	opacity: 1;
}

#kv {
	z-index: 200;
}

#kv h1 {
	top: 110px;
	margin: auto;
	width: 610px;
	height: 318px;
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	transform: translateY(100px);
}

#kv .obj {
	position: absolute;
	top: 430px;
	left: 50%;
	margin: 0 0 0 -530px;
}

#kv .obj-1 {
	position: absolute;
	left: 0;
	width: 567px;
	height: 487px;
	background: url(../../img/obj_main.png) 0 0 no-repeat;
}

#kv .obj-2 {
	position: absolute;
	left: -150px;
	width: 567px;
	height: 487px;
	background: url(../../img/obj_apple.png) 0 0 no-repeat;
}

/*事前登録*/

.preBtnList {
	position: relative;
	display: table;
	width: 100%;
	max-width: 798px;
	margin: 0 auto;
	z-index: 100;
}

.preBtnList>li {
	display: table-cell;
	width: 25%;
}

.timelineBox {
	position: relative;
	z-index: 100;
	width: 475px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.timeline {
	opacity: 0;
	height: 500px;
	border-radius: 10px;
	overflow: hidden;
	-webkit-box-shadow: none;
	box-shadow: none;
	/*box-shadow: 0 0 20px 5px rgba(0,44,100,0.5);*/
	background: #fff;
}

.timeline header {
	position: relative;
}

.timeline header h2 {
	font-size: 20px;
	padding: 0 0 0 40px;
}

.timeline header .btn-follow {
	height: 32px;
	line-height: 32px;
}

.followBtn {
	position: relative;
	display: block;
	background: #003476;
	text-align: center;
	font-size: 24px;
	padding: 20px 0;
	color: #fff;
	font-weight: bold;
	-webkit-box-shadow: none;
	box-shadow: none;
	/*box-shadow: 0 0 20px 2px rgba(0,44,100,0.5);*/
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.followBtn:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -12.5px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.5px 0 12.5px 12px;
	border-color: transparent transparent transparent #fff;
}

/*-----------------------system-----------------------*/

#system {
	margin: -12% 0 -12%;
}

.opTitle.is-system {
	max-width: 640px;
	margin: 0 auto 50px;
}

.systemInfo img {
	padding-top: 20px;
	vertical-align: top;
}

.systemSlideBox {
	width: 288px;
	display: inline-block;
	margin: 0 -20px 0 20px;
}

.systemSlide {
	display: inline-block;
	width: 288px;
	height: 507px;
}

.systemBtnBox {
	position: relative;
	z-index: 200;
	padding-top: 50px;
}

.systemBtnComing {
	margin-top: -50px;
	padding-bottom: 50px;
}

/*-----------------------story-----------------------*/

#story {
	margin: -10% 0 0;
	z-index: 40;
}

#story .txt {
	margin: 50px 0 0;
}

#story .txt p+p {
	margin: 20px 0 0;
}

#story .btn-movie {
	display: block;
}

#story .btn-movie:hover {
	opacity: 0.7;
	-webkit-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

/*-----------------------character-----------------------*/

#character {
	/* margin: -9% 0 0; */
	margin: -12% 0 -12%;
}

#character article .col {
	height: 2840px;
}

#character article .chara-layer {
	position: relative;
	z-index: 50;
}

#character article .chara .name {
	width: 360px;
	height: 170px;
}

#character article .chara figure {
	position: absolute;
	z-index: 50;
	text-indent: -9999px;
}

#character article .chara-1 {
	background: url(../../img/character_1.png) 0 0 no-repeat;
}

#character article .chara-2 {
	background: url(../../img/character_2.png) 0 0 no-repeat;
}

#character article .chara-3 {
	background: url(../../img/character_3b.png) 0 0 no-repeat;
}

#character article .chara-4 {
	background: url(../../img/character_4.png) 0 0 no-repeat;
}

#character article .chara-5 {
	background: url(../../img/character_5.png) 0 0 no-repeat;
}

#character article .chara-6 {
	background: url(../../img/character_6.png) 0 0 no-repeat;
}

#character article .chara-7 {
	background: url(../../img/character_7.png) 0 0 no-repeat;
}

#character article .chara-8 {
	background: url(../../img/character_8.png) 0 0 no-repeat;
}

#character article .chara-9 {
	background: url(../../img/character_9.png) 0 0 no-repeat;
}

#character article .chara-name-1 {
	background: url(../../img/character_1_name.png) 0 0 no-repeat;
}

#character article .chara-name-2 {
	background: url(../../img/character_2_name_b.png) 0 0 no-repeat;
}

#character article .chara-name-3 {
	background: url(../../img/character_3b_name.png) 0 0 no-repeat;
}

#character article .chara-name-4 {
	background: url(../../img/character_4_name.png) 0 0 no-repeat;
}

#character article .chara-name-5 {
	background: url(../../img/character_5_name_b.png) 0 0 no-repeat;
}

#character article .chara-name-6 {
	background: url(../../img/character_6_name.png) 0 0 no-repeat;
}

#character article .chara-name-7 {
	background: url(../../img/character_7_name.png) 0 0 no-repeat;
}

#character article .chara-name-8 {
	background: url(../../img/character_8_name.png) 0 0 no-repeat;
}

#character article .chara-name-9 {
	background: url(../../img/character_9_name_b.png) 0 0 no-repeat;
}

/*-----------------------staff-----------------------*/

#staff {
	z-index: 40;
}

#staff .txt {
	margin: 20px 0 0;
}

#staff dl {
	display: inline-block;
	width: 480px;
}

#staff dl+dl+dl {
	margin: 70px 0 0;
}

#staff dt {
	font-size: 24px;
}

#staff dt span {
	font-size: 14px;
}

/*-----------------------gallery-----------------------*/

#gallery {
	margin: -9% 0 0;
	z-index: 50;
}

#gallery .col {
	margin: 0 auto;
	width: 840px;
}

#gallery .slide-wrap {
	width: 840px;
	height: 504px;
}

#gallery #slide {
	width: 840px;
	height: 504px;
}

#gallery #slide img {
	width: 100%;
}

#gallery .cover {
	position: absolute;
	letter-spacing: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
}

#gallery .next {
	margin: auto;
	top: 0;
	right: -65px;
	bottom: 0;
	width: 50px;
	height: 60px;
	box-shadow: 0 0 10px 10px rgba(0, 44, 100, 0.3);
}

#gallery .next:hover, #gallery .prev:hover {
	opacity: 0.7;
	-webkit-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

#gallery .prev {
	margin: auto;
	top: 0;
	left: -65px;
	bottom: 0;
	width: 50px;
	height: 60px;
	box-shadow: 0 0 10px 10px rgba(0, 44, 100, 0.3);
}

#gallery .page-wrap {
	margin: 15px auto 0;
	width: 130px;
	font-size: 20px;
	border-radius: 6px;
}

/*-----------------------spec-----------------------*/

#spec article {
	padding: 95px 0 0;
	overflow: hidden;
}

#spec .logo {
	display: block;
	margin: 0 auto 40px;
	width: 536px;
	height: 279px;
	background: url(../../img/logo_foot.png) 0 0 no-repeat;
}

#spec .box {
	position: relative;
	float: right;
	width: 535px;
}

#spec .detail {
	padding: 40px;
	box-sizing: border-box;
	border-radius: 10px;
	text-align: left;
	background: rgba(255, 255, 255, 0.6);
}

#spec .detail dt {
	float: left;
	width: 120px;
}

#spec .detail dd {
	float: right;
	width: 335px;
	text-align: left;
}

#spec .detail dd:before {
	content: "：";
	margin: 0 5px 0 0;
}

#spec .detail dd span {
	display: inline-block;
	margin: 0 10px 0 0;
}

#spec .obj {
	position: absolute;
	top: 0;
	left: 0;
}

#spec .obj-1 {
	position: absolute;
	margin: 150px 0 0;
	top: 1000px;
	left: -110px;
	width: 186px;
	height: 177px;
	background: url(../../img/foot_obj_1.png) 0 0 no-repeat;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: transform 8000ms ease;
	-o-transition: transform 8000ms ease;
	transition: transform 8000ms ease;
}

#spec .obj-1.on {
	-webkit-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transform: translateY(15px);
}

#spec .obj-2 {
	position: absolute;
	top: 1000px;
	margin: 200px 0 0;
	left: 110px;
	width: 275px;
	height: 266px;
	background: url(../../img/foot_obj_2.png) 0 0 no-repeat;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: transform 8000ms ease;
	-o-transition: transform 8000ms ease;
	transition: transform 8000ms ease;
}

#spec .obj-2.on {
	-webkit-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transform: translateY(15px);
}

#spec .detail br {
	display: none;
}

/*-----------------------footer-----------------------*/

footer {
	position: relative;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	color: #fff;
	background: #002c64;
	z-index: 200;
}

footer .logo-sega {
	margin: 0 0 20px;
	width: 120px;
	height: 40px;
}

footer .logo-sega a {
	display: block;
	width: 120px;
	height: 40px;
	background: url(../../img/logo_sega.png) 0 0 no-repeat;
}

footer .copyright {
	position: absolute;
	top: 40px;
	left: 155px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, "Yu Gothic", YuGothic, "sans-serif";
}

footer .note {
	bottom: 20px;
	left: 20px;
	font-size: 11px;
	line-height: 1.5;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

footer nav {
	position: absolute;
	top: 25px;
	right: 20px;
	font-size: 13px;
}

footer nav li {
	float: left;
	line-height: 12px;
}

footer nav li+li {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #fff;
}

footer nav a {
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

footer:after {
	content: "";
	position: absolute;
	top: -8px;
	right: 0;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../../img/r_footer_r.png) 0 0 no-repeat;
}

footer:before {
	content: "";
	position: absolute;
	top: -8px;
	left: 0;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../../img/r_footer_l.png) 0 0 no-repeat;
}

.btn_pt {
	cursor: pointer;
	margin: auto;
	display: block;
	border-radius: 10px;
	width: 60px;
	height: 50px;
	text-indent: -9999px;
	background: #fff url(../../img/arrow_pt.png) 50% 50% no-repeat;
	box-shadow: 0 0 10px 10px rgba(0, 44, 100, 0.3);
}

.btn_pt {
	position: fixed;
	opacity: 0;
	right: 15px;
	bottom: 15px;
}

.btn_pt.on {
	position: absolute;
	right: 15px;
	bottom: 150px;
}

.btn_pt a:hover {
	opacity: 0.7;
	-webkit-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.95;
	z-index: 1000;
}

.overlayGvg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: url(../../img/gvg01.jpg)no-repeat top;
	background-size: cover;
}

.movie-wrap, .ended-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1100;
	width: 100%;
	height: 100%;
}

.movie-wrap .movie-inner, .ended-wrap .ended-inner {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 950px;
	height: 570px;
}

.endedGame {
	text-align: center;
	display: block;
	color: #f00;
	font-size: 30px;
	width: 800px;
	padding: 10px 0;
	line-height: 1.2;
	margin: 30px auto 50px;
	border: solid 2px #f00;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.endedTitle {
	font-size: 20px;
	padding-bottom: 20px;
	font-weight: bold;
	text-align: center;
}

.endedText {
	padding-bottom: 20px;
}

.ended-wrap .ended-inner {
	width: 1020px;
	height: 700px;
	overflow: scroll;
}

.endedLast {
	text-align: right;
	padding-top: 20px;
}

.movie-wrap .btn-box {
	position: absolute;
	top: 50%;
	margin: -300px 0 0;
	width: 100%;
	min-width: 950px;
	height: 70px;
}

.followBtn.is-short {
	width: 380px;
	margin: 0 auto;
	padding: 10px 0;
}

.gvgTeitter {
	padding: 5px 0;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	width: 84%;
	margin: 0 auto;
	background: #980303;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.movie {
	position: relative;
	padding-top: 60%;
	background: #000;
}

.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.gvg-box {
	text-align: center;
	font-size: 20px;
	width: 900px;
	display: table;
	margin: 0 auto;
}

.gvgItem {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
}

.gvgText {
	text-align: center;
	padding-bottom: 15px;
	line-height: 1.3;
	font-size: 22px;
}

.popup-close {
	cursor: pointer;
	position: fixed;
	display: block;
	top: 10px;
	right: 10px;
	width: 70px;
	height: 70px;
	border-radius: 35px;
	border: 1px solid #002c64;
	background: #002c64 url(../../img/popup_close.png) 50% 50% no-repeat;
}

.popup-close:hover {
	opacity: 0.7;
	-webkit-transition: opacity 500ms ease;
	-o-transition: opacity 500ms ease;
	transition: opacity 500ms ease;
}

/*+++++タイアップアーティスト+++++*/

.opBox {
	z-index: 99;
	width: 1000px;
	background: #FFF;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 auto;
	-webkit-box-shadow: none;
	box-shadow: none;
	/*-webkit-box-shadow:  0 0 5px#666,0 0 8px#666;
	box-shadow:  0 0 5px#666,0 0 8px#666;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.opInner {
	position: relative;
	padding: 20px 0;
	display: table;
}

.opLeft {
	display: table-cell;
	padding-right: 20px;
	vertical-align: top;
}

.opRight {
	display: table-cell;
	vertical-align: top;
}

.opTitle {
	background: rgb(0, 70, 152);
	background: -moz-linear-gradient(top, rgba(0, 70, 152, 1) 0%, rgba(0, 39, 87, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 70, 152, 1) 0%, rgba(0, 39, 87, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 70, 152, 1) 0%, rgba(0, 39, 87, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004698', endColorstr='#002757', GradientType=0);
	padding: 10px 0;
	text-align: center;
	color: #f5e098;
	font-weight: bold;
	font-size: 26px;
	line-height: 1.4;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.opText {
	font-size: 18px;
	line-height: 1.8;
}

.opText.is-explain {
	font-weight: bold;
}

.opText.is-detail {
	font-size: 14px;
}

.artistImg {
	width: 360px;
	margin: 0;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.cdTable {
	padding-top: 20px;
	display: table;
}

.cdLeft {
	display: table-cell;
	width: 280px;
}

.cdRight {
	padding-left: 20px;
	vertical-align: top;
	display: table-cell;
}

.artistInfoBox {
	padding-top: 20px;
}

.opBtn {
	background: #003476;
	color: #fff;
	width: 366px;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 10px 0;
	margin: 5px auto;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*+++++タイアップアーティスト+++++*/

.skyBg {
	margin: -170px 0 -100px;
}

.articleTitle {
	text-align: center;
}

.skyBg .articleTitle {
	color: #FFF;
}

.pageTitle {
	padding-top: 80px;
	text-align: center;
	color: #FFF;
}

.pageTitle.is-other {
	color: #003476;
}

section .pageTitle h2 strong {
	font-size: 100px;
}

#spec {
	margin-top: -300px;
}

#spec.is-top {
	margin-top: 0;
}

@media screen and (min-width: 751px) and (max-width: 1200px) {
	#spec .obj-1 {
		left: -60px;
	}
	#spec .obj-2 {
		left: 160px;
	}
	#kv .obj-1 {
		left: 50px;
	}
	#kv .obj-2 {
		left: -100px;
	}
}

.cdMV {
	text-align: center;
}

.badgeList {
	padding: 50px 0;
	position: relative;
	text-align: center;
	z-index: 100;
}

.badgeList>li {
	display: inline-block;
	padding: 0 20px;
}

.badgeBase {
	height: 70px;
}

.badgeBase.is-googlePlay {
	width: 236px;
	background: url(//cmn.sega-net.com/image/google-play-badge.svg);
	background-size: auto 100%;
}

.badgeBase.is-appStore {
	width: 190px;
	background: url(//cmn.sega-net.com/image/app-store-badge201808.svg);
	background-size: auto 100%;
}