@charset "utf-8";

#gNav ul:after,
.wrapper:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "."
}

#gNav a,
#gNav li {
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
	overflow: hidden
}

@font-face {
	font-family: ''
}

html {
	background-color: #fff
}

body {
	width: 100%;
	background-color: #fff;
	color: #000
}

a:link,
a:visited {
	color: #000
}

#dummyTopContent {
	position: absolute;
	top: 5px
}

.wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto
}

div#sqexFooter div.sqex-footer-logos,
div#sqexFooter div.sqex-footer-logos2 {
	width: 100%
}

div#sqexFooter dl.sqex-footer-shares {
	padding-top: 60px
}

#loadingContainer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 10000;
	text-align: center
}

#loadingBody {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 106px;
	height: 94px;
	margin-top: -47px;
	margin-left: -53px;
	overflow: hidden;
	visibility: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px
}

#loadingBody div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 106px;
	height: 94px;
	margin-top: -47px;
	margin-left: -53px;
	background: url(../images/loading_sprite.png) no-repeat scroll 0 0
}

#loadingTextLoading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 57px;
	height: 60px;
	margin-top: -47px;
	margin-left: -53px;
	visibility: hidden
}

#loadingTextLoading span {
	display: block;
	width: 57px;
	height: 60px;
	background: url(../images/loading_sprite.png) no-repeat scroll 0 -91px
}

#loadingTextComplete {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 57px;
	height: 60px;
	margin-top: -47px;
	margin-left: -53px;
	visibility: hidden
}

#loadingTextComplete span {
	display: block;
	width: 57px;
	height: 60px;
	background: url(../images/loading_sprite.png) no-repeat scroll -57px -91px
}

#leftEye {
	position: absolute;
	top: 59px;
	left: 29px;
	width: 20px;
	height: 20px
}

#leftEye span {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 7px;
	height: 6px;
	margin-top: -3px;
	margin-left: -3px;
	background: url(../images/loading_sprite.png) no-repeat scroll -123px -97px
}

#rightEye {
	position: absolute;
	top: 59px;
	left: 53px;
	width: 20px;
	height: 20px
}

#rightEye span {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 7px;
	height: 6px;
	margin-top: -3px;
	margin-left: -3px;
	background: url(../images/loading_sprite.png) no-repeat scroll -123px -97px
}

#loadingContainer .ball {
	font-size: 70%
}

.appBannerSection {
	position: relative;
	z-index: 100;
	padding: 10px 0 5px;
	text-align: center;
	background-color: #fff;
	border-top: 1px solid #666
}

.appBannerSection a {
	position: relative;
	display: inline-block;
	width: 33.333%;
	padding: 0 1.5vw;
	vertical-align: middle;
	box-sizing: border-box
}

.appBannerSection a img {
	display: block;
	width: 100%;
	height: auto
}

#container {
	position: relative;
	width: 100%;
	min-height: 500px;
	padding-top: 1px;
	padding-bottom: 1px;
	background: url(../images/sp/bg_sp.jpg) no-repeat scroll center top;
	background-size: cover;
	font-family: Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
	font-size: 18px;
	line-height: 140%
}

#sectionContainer {
	width: 100%;
	height: auto;
	padding-top: 152.83203125%;
	box-sizing: border-box
}

#sectionContainer:before {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	display: block;
	content: ".";
	text-indent: -10000px;
	margin-bottom: -152.83203125%
}

#siteID {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%
}

#siteID a {
	position: absolute;
	top: 0;
	left: 50%;
	display: inline-block;
	width: 31.25%;
	margin-left: -15.625%
}

#siteID a:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: ".";
	text-indent: -10000px;
	width: 100%;
	height: 100%
}

#siteID a img {
	width: 100%;
	height: auto
}

#gNav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%
}

#gNav nav {
	position: absolute;
	top: 0;
	left: 50%;
	width: 97.0703125%;
	margin-top: 18.9453125%;
	margin-left: -48.53515625%
}

#gNav ul {
	width: 100%;
	margin: 0;
	padding: 0
}

#gNav li {
	position: relative;
	display: inline-block;
	padding-top: 6.941649899%;
	margin: 0
}

#gNavStory,
#gNavSystem {
	width: 33.299798792%
}

#gNavFeature {
	width: 33.400402414%
}

#gNav li a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 20.84592145%;
	background: #000 url(../images/global_nav.png) no-repeat scroll 0 0;
	background-size: 300.302114804%
}

#gNav li#gNavSystem a {
	background: url(../images/global_nav.png) no-repeat scroll 50% 0;
	background-size: 300.302114804%
}

#gNav li#gNavFeature a {
	background: url(../images/global_nav.png) no-repeat scroll 100% 0;
	background-size: 300.302114804%
}

#fusaLeft {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 2.816901408%;
	padding-top: 12.977867203%;
	margin-top: 3.510531594%;
	margin-left: -.704225352%;
	background: url(../images/fusa_left.png) no-repeat scroll 0 0;
	background-size: cover
}

#fusaRight {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 2.816901408%;
	padding-top: 12.977867203%;
	margin-top: 3.510531594%;
	margin-right: -.704225352%;
	background: url(../images/fusa_right.png) no-repeat scroll 0 0;
	background-size: cover
}

#gNav li span.ov {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: url(../images/global_nav.png) no-repeat scroll 0 bottom;
	background-size: 300.302114804%
}

#gNav li.activated span.ov {
	cursor: normal
}

#gNav li#gNavSystem span.ov {
	background: url(../images/global_nav.png) no-repeat scroll 50% bottom;
	background-size: 300.302114804%
}

#gNav li#gNavFeature span.ov {
	background: url(../images/global_nav.png) no-repeat scroll 100% bottom;
	background-size: 300.302114804%
}

#titleLogo {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1000;
	height: 0
}

#titleLogo a {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block
}

#titleLogo a:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: ".";
	text-indent: -10000px;
	width: 100%;
	height: 100%
}

#titleLogo img {
	display: block;
	width: 100%
}

.sectionContainer {
	position: relative;
	z-index: 20;
	width: 100%;
	margin: 0 auto;
	overflow: hidden
}

#youtubeContainer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	display: none;
	opacity: 0;
	width: 100%;
	height: 100%
}

#youtubeContainerBg {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .7
}

.youtubeVideoContainer {
	background-color: #000
}

.ssContainer {
	position: absolute;
	text-align: center;
	width: 45.1171875%
}

.ssContainer a {
	position: relative;
	display: inline-block;
	border: 2px solid #524a2e;
	width: 45.454545454%;
	height: 0;
	padding-top: 79.646017699%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
	-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2)
}

.ssContainer a:first-child {
	margin-right: 3.061946902%
}

.ssContainer a:hover {
	border: 2px solid #9a894f;
	background-color: #fff
}

.ssContainer a:after {
	content: "";
	position: absolute;
	left: 4.761904761%;
	bottom: 4.761904761%;
	z-index: 10;
	display: block;
	width: 22.857142857%;
	height: 0;
	padding-top: 22.857142857%;
	background: url(../images/zoom_button.png) no-repeat scroll 0 0;
	background-size: cover;
	text-indent: -10000px
}

.ssContainer a img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%
}

.ssContainer a:hover img {
	opacity: .8
}

.lb-outerContainer {
	-moz-transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-o-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7)
}

@charset "utf-8";

#hoge:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "."
}

#featureSection h1,
#featureSection h2,
#featureSection p {
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
	overflow: hidden
}

#feature #sectionContainer {
	padding-top: 134.765625%
}

#feature #sectionContainer:before {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	display: block;
	content: ".";
	text-indent: -10000px;
	margin-bottom: -134.765625%
}

#featureSection {
	width: 100%;
	height: auto;
	padding-bottom: 1.953125%;
	box-sizing: border-box
}

#featureSection .wrapper {
	padding-top: 1px;
	overflow: hidden
}

#featureSection h1 {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 0;
	padding-top: 11.71875%;
	margin-top: 24.4140625%;
	margin-bottom: -6.0546875%;
	background: url(../../feature/images/feature_heading.png) no-repeat scroll 0 0;
	background-size: cover
}

#featureSection .frame {
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: .9765625%;
	padding-top: 100.78125%;
	background: url(../../feature/images/feature_body.jpg) no-repeat scroll 0 0;
	background-size: cover;
	-moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);
	-o-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);
	-ms-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);
	-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4)
}

#featureSection .frame:after {
	position: absolute;
	bottom: -5px;
	left: 50%;
	z-index: 1;
	content: ".";
	width: 100%;
	height: 0;
	padding-top: 4.8828125%;
	margin-left: -50%;
	background: url(../images/separator.png) no-repeat scroll center top;
	background-size: 112.890625%;
	text-indent: -10000px
}

#featureSection h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 0;
	padding-top: 15.4296875%;
	background: url(../../feature/images/heading_decoration.png) no-repeat scroll center top;
	background-size: 113.0859375%
}

#featureSection h2#featureHeading_01 {
	margin-top: 4.8828125%
}

#featureSection h2#featureHeading_02 {
	margin-top: 34.1796875%
}

#featureSection h2#featureHeading_03 {
	margin-top: 64.453125%
}

#plateCG {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	display: block;
	width: 30.37109375%;
	padding-top: 48.6328125%;
	margin-left: 77.734375%;
	margin-top: 21.484375%;
	background: url(../../feature/images/cg.png) no-repeat scroll center top;
	background-size: cover
}

@charset "utf-8";

#hoge:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "."
}

#charactersSection h2,
#charactersSection section h3,
#charactersSection section p,
#storySection h1,
#storySection p {
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
	overflow: hidden
}

#storyCharactersSection {
	width: 100%;
	height: auto;
	padding-bottom: 1.953125%
}

#storyCharactersSection .wrapper {
	padding-top: 1px
}

#storySection {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 101.171875%;
	margin-bottom: -7.6171875%;
	background: url(../../story/images/story_body.jpg) no-repeat scroll center top;
	background-size: cover
}

#storySection h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	padding-top: 11.71875%;
	margin-top: 25.190625%;
	background: url(../../story/images/story_heading.png) no-repeat scroll center top;
	background-size: cover
}

#charactersSection {
	width: 100%
}

#charactersSection h2 {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 0;
	padding-top: 23.4375%;
	margin-bottom: -8.3984375%;
	background: url(../../story/images/characters_heading.png) no-repeat scroll center top;
	background-size: 112.890625%
}

#charactersSection section {
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: .9765625%;
	-moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);
	-o-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);
	-ms-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);
	-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4)
}

#charactersSection section:after {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	content: ".";
	width: 100%;
	height: 0;
	padding-top: 4.8828125%;
	margin-top: -3.22265625%;
	margin-left: -50%;
	background: url(../../story/images/separator.png) no-repeat scroll center top;
	background-size: 112.890625%;
	text-indent: -10000px
}

#charactersSection section#heroSection:after {
	display: none
}

#charactersSection section .ssContainer {
	top: 0;
	left: 0;
	margin-top: 43.9453125%
}

#heroSection {
	width: 100%;
	height: 0;
	padding-top: 85.64453125%;
	background: url(../../story/images/hero_body.jpg) no-repeat scroll 0 0;
	background-size: contain
}

section#heroSection .ssContainer {
	left: 8.7890625%
}

#kifaSection {
	width: 100%;
	height: 0;
	padding-top: 87.98828125%;
	background: url(../../story/images/kifa_body.jpg) no-repeat scroll 0 0;
	background-size: contain
}

section#kifaSection .ssContainer {
	left: 45.703125%;
	margin-top: 46.38671875%
}

#maribelSection {
	width: 100%;
	height: 0;
	padding-top: 81.54296875%;
	background: url(../../story/images/maribel_body.jpg) no-repeat scroll 0 0;
	background-size: contain
}

section#maribelSection .ssContainer {
	left: 8.7890625%;
	margin-top: 40.0390625%
}

#gaboSection {
	width: 100%;
	height: 0;
	padding-top: 85.9375%;
	background: url(../../story/images/gabo_body.jpg) no-repeat scroll 0 0;
	background-size: contain
}

section#gaboSection .ssContainer {
	left: 45.703125%;
	margin-top: 43.9453125%
}

#melvinSection {
	width: 100%;
	height: 0;
	padding-top: 81.4453125%;
	background: url(../../story/images/melvin_body.jpg) no-repeat scroll 0 0;
	background-size: contain
}

section#melvinSection .ssContainer {
	left: 8.7890625%;
	margin-top: 40.0390625%
}

#iraSection {
	width: 100%;
	height: 0;
	padding-top: 81.8359375%;
	background: url(../../story/images/ira_body.jpg) no-repeat scroll 0 0;
	background-size: contain
}

section#iraSection .ssContainer {
	left: 45.703125%;
	margin-top: 39.74609375%
}

@charset "utf-8";

#hoge:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "."
}

#systemSection h1,
#systemSection section h2,
#systemSection section p {
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
	overflow: hidden
}

#systemSection {
	width: 100%;
	height: auto;
	padding-bottom: 1.953125%;
	box-sizing: border-box
}

#systemSection .wrapper {
	padding-top: 1px
}

#systemSection h1 {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 0;
	padding-top: 11.71875%;
	margin-top: 24.4140625%;
	margin-bottom: -6.0546875%;
	background: url(../../system/images/system_heading.png) no-repeat scroll 0 0;
	background-size: cover
}

#systemSection section {
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: .9765625%;
	-moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);
	-o-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);
	-ms-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4);
	-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .4)
}

#systemSection section:before {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	content: ".";
	width: 100%;
	height: 0;
	padding-top: 15.4296875%;
	margin-left: -50%;
	margin-top: 1.953125%;
	background: url(../images/heading_decoration.png) no-repeat scroll center top;
	background-size: 113.0859375%;
	text-indent: -10000px
}

#systemSection section#plateSection:before {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	content: ".";
	width: 100%;
	height: 0;
	padding-top: 15.4296875%;
	margin-left: -50%;
	margin-top: 4.8828125%;
	background: url(../images/heading_decoration.png) no-repeat scroll center top;
	background-size: 113.0859375%;
	text-indent: -10000px
}

#systemSection section:after {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	content: ".";
	width: 100%;
	height: 0;
	padding-top: 4.8828125%;
	margin-top: -3.22265625%;
	margin-left: -50%;
	background: url(../../story/images/separator.png) no-repeat scroll center top;
	background-size: 112.890625%;
	text-indent: -10000px
}

#systemSection section:first-child:after {
	display: none
}

#systemSection section .ssContainer {
	top: 0;
	left: 0;
	width: 100%
}

#systemSection section .ssContainer a {
	width: 33.984375%;
	height: 0;
	padding-top: 60.546875%
}

#systemSection section .ssContainer a:after {
	content: "";
	position: absolute;
	left: 4.761904761%;
	bottom: 4.761904761%;
	z-index: 10;
	display: block;
	width: 17.714285714%;
	height: 0;
	padding-top: 17.714285714%;
	background: url(../images/zoom_button.png) no-repeat scroll 0 0;
	background-size: cover;
	text-indent: -10000px
}

#plateSection {
	padding-top: 113.57421875%;
	background: url(../../system/images/plate_body.jpg) no-repeat scroll 0 0;
	background-size: cover
}

#plateSection .ssContainer {
	margin-top: 45.21484375%
}

#plateSupportSection {
	padding-top: 114.453125%;
	background: url(../../system/images/plate_support_body.jpg) no-repeat scroll 0 0;
	background-size: cover
}

#plateSupportSection .ssContainer {
	margin-top: 46.484375%
}

#jobSection {
	padding-top: 216.89453125%;
	background: url(../../system/images/job_body.jpg) no-repeat scroll 0 0;
	background-size: cover
}

#jobSection .ssContainer {
	margin-top: 42.7734375%
}

#dungeonSection {
	padding-top: 109.1796875%;
	background: url(../../system/images/dungeon_body.jpg) no-repeat scroll 0 0;
	background-size: cover
}

#dungeonSection .ssContainer {
	margin-top: 41.40625%
}

@charset "utf-8";

#hoge:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "."
}

#homeReleaseInfo dd,
#homeReleaseInfo dt,
#homeSection h2,
#homeSpec dd,
#homeSpec dt,
#homeSpec h3,
#mapTxt dd,
#mapTxt dt {
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
	overflow: hidden
}

#home #sectionContainer {
	top: 0
}

body#home #titleLogo {
	width: 56.640625%;
	padding-top: 20.04296875%;
	margin-top: 27.390625%;
	margin-left: -28.3203125%
}

#homeSection {
	width: 100%;
	height: auto;
	padding-top: 183.984375%;
	padding-bottom: 1px;
	margin-bottom: -1px;
	background-image: url(../images/frame_top.png), url(../images/sp/bg_top_sp.jpg);
	background-repeat: no-repeat, no-repeat;
	background-attachment: scroll, scroll;
	background-position: center top, center top;
	background-size: 111.62109375%, cover;
	box-sizing: border-box
}

#homeSection:before {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	display: block;
	content: ".";
	text-indent: -10000px;
	margin-bottom: -183.984375%
}

#homeSection .wrapper {
	padding-top: 1px
}

#homeSection .frame {
	position: relative;
	margin-top: 56.25%;
	margin-bottom: 12.2734375%;
	padding-top: 98.1640625%
}

#homeSection .frame:before {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	display: block;
	content: ".";
	text-indent: -10000px;
	margin-bottom: -98.1640625%
}

#homeSection h2 {
	width: 73.4375%;
	height: 0;
	padding-top: 11.1328125%;
	margin: 11.71875% auto 0;
	background: url(../images/top_heading.png) no-repeat scroll 0 0;
	background-size: cover
}

#homeReleaseInfo {
	width: 51.0546875%;
	height: 0;
	padding-top: 9.765625%;
	margin: 1.90625% auto 0;
	background: url(../images/top_price_v3.png) no-repeat scroll center center;
	background-size: contain
}

#pvLink {
	position: relative;
	display: block;
	width: 71.09375%;
	height: 0;
	padding-top: 42.1875%;
	margin: 3.90625% auto 0;
	background: url(../images/movie_frame.png) no-repeat scroll 0 0;
	background-size: cover
}

#pvLink img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 94.642857142%;
	margin-left: 2.609890109%;
	margin-top: 2.335164835%
}

#pvLink:hover img {
	opacity: .8
}

#pvLink:after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	content: ".";
	text-indent: -10000px;
	width: 16%;
	height: 0;
	padding-top: 16%;
	margin-top: -8%;
	margin-left: -8%;
	background: url(../images/play_button.png) no-repeat scroll 0 0;
	background-size: cover
}

#boy {
	position: absolute;
	top: 0;
	left: 0;
	width: 56.640625%;
	height: 0;
	padding-top: 64.453125%;
	margin-top: 7.8359375%;
	margin-left: -9.765625%;
	background: url(../images/boy.png) no-repeat scroll 0 0;
	background-size: cover
}

#guidelineSection{
	width: 198px;
	margin: 0 auto 3%;
}
#guidelineSection img{
	width: 100%;
	vertical-align: top;
}

#homeSpec {
	position: relative;
	width: 100%;
	height: 0;
/*	padding-top: 26.46484375%;*/
	padding-top: calc(215/1280*100%);
	background: rgba(0, 0, 0, .6) url(../images/home_spec_body.png) no-repeat scroll center top;
	background-size: contain
}

#mapTxt {
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: 4.2734375%;
	padding-top: 5.56640625%;
	background: url(../images/map_text.png) no-repeat scroll center top;
	background-size: contain
}

#homeSection .appBannerSection {
	width: 93%;
	margin: 1% auto;
	padding: 1% 0;
	background-color: transparent;
	border-top: 0 solid #666
}

#appBannerSection {
	padding: 5px 0px;
	text-align: center
}

#appBannerSection a {
	margin: 0px 5px;
}