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

blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

div {
	box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/**//*/
	height: auto;
	overflow: hidden;
	/**/
}

.bold {
	font-weight: bold;
}

.itl {
	font-style: italic;
}

.load-hidden {
    visibility: hidden;
}




a {
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;

	text-decoration: none;
	color: #fff;
	outline: none;
	cursor: pointer;
}

body {
	font-family: 'montserrat', arial, helvetica;
	font-weight: 400;
	margin: 0;
	padding: 0;
	background: #fff;
}

.nomob {
	display: none;
}




.totop {
	width: 60px;
	margin: 0;
	background: none;
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
	z-index: 9900;
	display: none;
	text-decoration: none;
	transition: all ease .3s;
	cursor: pointer;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	border-radius: 5px 5px 0 0;
}

.totop img {
	width: 60px;
	height: 60px;
	vertical-align: bottom;
	border-radius: 5px 5px 0 0;
}

.totop:hover {
	opacity: 1;
}




/* Message Overlay for Cookies */
.msgoverlay {
	width: 100%;
	height: 100%;
 	position: fixed;
	z-index: 9997;
	display: none;
	bottom: 0;
}

.btn_area {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(#fff,#d9d2eb);
	z-index: 9998;
	color: #8b69c4;
	font-size: 1em;
	font-weight: 500;
	padding: 15px 40px;
	text-align: center;
	font-family: 'monarcha', serif;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	line-height: 1.3em;
}

.btn_area a {
	color: #8b69c4;
	text-decoration: underline;
}

.btn_area a:hover {
	color: #333;
}

.btn_area button {
	color: #fff;
	display: block;
	margin: 0 auto 14px auto;
	font-size: 1.2em;
	border-radius: 3px;
	padding: 10px 20px;
	border: 1px solid #fff;
	z-index: 9999;
	background: linear-gradient(#8b69c4,#c0b2e2);
	cursor: pointer;
	box-sizing: border-box;
	font-family: 'monarcha', serif;
}




header#globalheader {
	width: 100%;
}

header#globalheader img.headerlogo-nsw,
header#globalheader img.headerlogo-steam,
header#globalheader img.headerlogo-marvelous,
img.anniv15-icon {
	height: 60px;
	position: absolute;
	z-index: 9990;
	display: inline;
}

header#globalheader img.headerlogo-steam {
	height: 48px;
	top: 6px;
	left: 63px;
}

header#globalheader img.headerlogo-marvelous {
	height: 36px;
	top: 12px;
	left: 178px;
}

img.anniv15-icon {
	width: 90px;
	height: 90px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.anniv15_scrld {
	transition: .1s all ease;
	opacity: 0 !important;
}




header#globalheader h1#headerlogo-main-home img,
header#globalheader h1#headerlogo-main img {
	height: 50px;
	transition: .3s all ease;
}

header#globalheader h1#headerlogo-main-home,
header#globalheader h1#headerlogo-main {
	margin: 0;
	padding: 0;
	height: 50px;
	position: fixed;
	z-index: 1000;
	top: 5px;
	left: 5px;
}

header#globalheader h1#headerlogo-main-home {
	top: -10px;
	opacity: 0;
	z-index: -1;
	transition: .3s;
}

.headerlogohome_scrld {
	top: 5px !important;
	opacity: 1 !important;
	z-index: 9990 !important;
}




.plax-bg {
	background-image: url(../images/common/bg1.jpg);
	background-position: 50% 50%;
	background-size: cover;
	width: 100%;
	min-height: calc(100vh + 250px);
	position: fixed;
	z-index: 0;
	display: block;
}




#keyvisual-container,
#subp-container,
#world-block {
	width: 100%;
	margin: 0;
	padding: 0;
	/* background-image: url(../images/common/bg1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%; */
	overflow: hidden;
	text-align: center;
}

#keyvisual-container {
	background-image: url(../images/common/bg1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#subp-container {
	background: none;
}

#keyvisual-container {
	padding: 0 0 130px 0;
}

#keyvisual-inner,
#subp-inner {
	position: relative;
}

#keyvisual-container h1 {
	margin: 0;
}

#keyvisual-container img.keyvisual {
	width: 94%;
	margin: 60px auto 0 auto;
}

#keyvisual-container img.mainlogo {
	width: 86%;
	max-width: 600px;
	margin: -100px auto 0 auto;
	z-index: 99;
}




.home-order {
	width: 300px;
	margin: 40px auto 0 auto;
	background-image: url(../images/home/availablenow-ov.jpg);
	background-position: 50% 50%;
	background-size: 100%;
	background-repeat: no-repeat;
	box-shadow: 0 0 8px rgba(255,255,255,.8);
	border-radius: 5px;
}

.home-order img {
	width: 100%;
	vertical-align: bottom;
	border-radius: 5px;
	transition: .3s;
}

.home-order a:hover img {
	opacity: 0;
}

.home-order-dt {
	display: none;
}




#home-mob {
	position: relative;
}




img.home-matchmaker,
img.home-twitter {
	width: 300px;
	margin: 10px auto 40px auto;
	border: 1px solid #fff;
	border-radius: 5px;
	vertical-align: bottom;

	box-sizing: border-box;

	box-shadow:	-2px -2px 5px rgba(68,197,248,.3), -2px 2px 5px rgba(68,197,248,.3),
				2px -2px 5px rgba(68,197,248,.3), 2px 2px 5px rgba(68,197,248,.3);
}

img.home-matchmaker {
	margin-bottom: 0;
}

img.home-matchmaker-dt,
img.home-twitter-dt {
	display: none;
}




#home-trailers {
	width: 100%;
	margin: 0;
	padding: 0 0 50px 0;
	border: 0;
}

#home-trailers h2 {
	margin: 35px 0 20px 0;
	text-align: center;
	text-transform: uppercase;
	font-family: 'monarcha', serif;
	color: #8c783d;
}

#home-trailers .responsive {
	width: 90%;
	max-width: 1004px;
	margin: 0 auto;
}

#home-trailers .responsive div div.item,
#character-vid div.item {
	width: 98%;
	margin: 0 1%;
	height: 45vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 110%;

	box-sizing: border-box;
	display: table;

	border-radius: 5px;
}

#character-vid div.item {
	width: 60%;
	height: 25vw;
	margin: 30px auto 0 auto;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	border: 5px solid #fff;
}

#home-trailers .responsive div div.item:hover,
#character-vid div.item:hover {
	background-size: 120%;
	transition: background-size ease .3s;
}

#home-trailers .black,
#character-vid .black {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: rgba(39, 20, 11, 0.3);
	transition: background-color .3s ease;
	display: table-cell;
	vertical-align: middle;

	border-radius: 5px;
}

#character-vid div.item,
#character-vid .black {
	border-radius: 0;
}

#home-trailers .black:hover,
#character-vid .black:hover {
	background-color: rgba(0, 0, 0, 0);
	transition: background-color .3s ease;
}

#home-trailers img.playbtn,
#character-vid img.playbtn {
	width: 60px;
	margin: 0 auto;
}




#prologue-container {
	width: 100%;
	margin-top: -55vw;
	background: #fff;
	color: #8c783d;
	font-family: 'montserrat', arial;
	font-size: 0.9em;
	line-height: 1.5em;
	position: relative;
	z-index: 99;
	text-align: left;
}

#prologue-container .inner {
	padding: 10%;
}

#prologue-container h3 {
	font-family: 'monarcha', serif;
	font-weight: 400;
	margin: 0;
}

#prologue-container h3 {
	font-size: 1.5em;
}

#prologue-container p.p1 {
	border-top: 1px solid #beaf84;
	padding-top: 24px;
}

#prologue-container .l1 {
	font-size: 1.3em;
	font-weight: bold;
}

#prologue-container .l2 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.5em !important;
}

#prologue-container .l2 br.br-dt {
	display: none;
}

#prologue-container a {
	color: #8c783d;
	text-decoration: underline;
}

#prologue-container a:hover {
	color: #8b69c4;
}




#dailylife-adventure-container-home {
	width: 100%;
	margin: 0;
	padding: 50px 0;
	background-image: url(../images/common/bg-diamond.jpg);
	background-repeat: repeat;
	background-position: 50% 50%;
	background-size: 60px;
	background-attachment: fixed;
	overflow: hidden;
	position: relative;
}

#dailylife-adventure-container-home .inner {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}

#dailylife-adventure-container-home .dailylife-adventure-img {
	width: 100%;
	background-image: url(../images/home/dailylife-adventure-bg.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50% 50%;
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0,0,0,.5);
}

#dailylife-adventure-container-home .dailylife-adventure-img img {
	width: 100%;
	vertical-align: bottom;
}




.dailylife-adventure-item,
#world-block .item,
.products-item {
	width: 100%;
	margin: 30px 0 0 0;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	position: relative;
	color: #666;
	font-size: 0.9em;
	line-height: 1.8em;
	text-align: center;
}

#world-block .item {
	width: 90%;
	max-width: 1000px;
	margin: 30px auto 0 auto;
}

#keyfeatures-block .item {
	margin: 30px auto 0 auto;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	padding: 20px;
	color: #666;
	font-size: 0.9em;
	line-height: 1.8em;
}

#keyfeatures-block .item:first-child {
	margin-top: 0;
}

.dailylife-adventure-item h3,
#world-block .item h4,
#keyfeatures-block .item h4 {
	font-family: 'monarcha', 'montserrat', arial;
	margin: 10px 0 0 0;
	font-size: 1.6em;
	color: #8c783d;
	text-align: center;
}

#dailylife-adventure-container-home .dailylife-adventure-item h3 {
	text-align: left !important;
}

#keyfeatures-block .item h4 {
	line-height: 1.2em;
}

.dailylife-adventure-item .sm-img {
	width: 150px;
	position: absolute;
	top: -20px;
	right: 0;
}

.dailylife-adventure-item .sm-img-adventure {
	width: 170px;
}

.dailylife-adventure-item .sm-img-romance {
	right: 20px;
}

.dailylife-adventure-item .dla-item {
	margin: 30px 0 40px 0 !important;
	border: 5px #fff solid;
	box-shadow: 0 0 5px rgba(0,0,0, .3);
}

.dailylife-adventure-item .dla-item .slick-dots {
	top: 46vw;
}

.dailylife-adventure-item .dla-item img {
	width: 100%;
}

#world-block .item .item-img,
#keyfeatures-block .item .item-img {
	margin: 30px 0 20px 0;
}

#world-block .item .item-img img,
#keyfeatures-block .item .item-img img {
	width: 100%;
	border: 5px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	box-sizing: border-box;
}

.dailylife-adventure-item p,
#world-block .item p,
#keyfeatures-block .item p {
	text-align: left;
}

.dailylife-adventure-item p span,
#world-block .item p span,
#keyfeatures-block .item p span {
	color: #beaf84;
	font-weight: bold;
}

button.readmore {
	background: #8b69c4;
	background-image: url(../images/common/btnbg.jpg);
	background-repeat: no-repeat;
	background-size: 150px;
	background-position: center center;
	color: #fff;
	font-family: 'monarcha', 'montserrat', arial;
	text-transform: uppercase;
	font-size: 1.1em;
	border: none;
	width: 150px;
	height: 50px;
	border-radius: 50px;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	transition: .3s all ease;
	cursor: pointer;
}

.dailylife-adventure-item button.readmore {
	margin: 10px auto;
}

button.readmore:hover {
	box-shadow: 0 0 10px #8b69c4;
}




#gameinfo-container {
	width: 100%;
	margin: 0;
	background-color: #ebe8f3;
}

#gameinfo-container .gameinfo-inner {
	width: 94%;
	max-width: 700px;
	margin: 0 auto;
	padding: 30px 0;
}

#gameinfo-container .logo {
	width: 160px;
	margin: 0 auto;
}

#gameinfo-container .logo img {
	width: 100%;
}

#gameinfo-container .gamedetails {
	width: 100%;
	margin: 30px auto 0 auto;
}

#gameinfo-container .gamedetails a {
	color: #8b69c4;
	text-decoration: underline;
}

#gameinfo-container .gamedetails a:hover {
	color: #333;
}

#gameinfo-container dl {
	display: flex;
	flex-wrap: wrap;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-top: 10px;
}

#gameinfo-container dl dt {
	width: 34%;
	color: #8b69c4;
	text-transform: uppercase;
	text-align: right;
	padding-right: 3%;
}

#gameinfo-container dl dd {
	width: 60%;
	padding-left: 3%;
	color: #333;
	text-align: left;
}

#gameinfo-container dl dt,
#gameinfo-container dl dd {
	font-size: 0.75em;
}

#gameinfo-container dl:last-child {
	border: 0;
}

#subp-container {
	width: 100%;
	margin: 0;
	padding: 0;
}

#subp-container h2#pagetitle {
	width: 90%;
	left: 5%;
	position: absolute;
	z-index: 100;
	color: #8b69c4;
	top: 100px;
	font-family: 'monarcha', 'montserrat', arial;
	font-size: 1.8em;
	text-align: center;
	text-shadow:	-2px -2px 4px rgba(255,255,255,.8), -2px 2px 4px  rgba(255,255,255,.8),
					2px -2px 4px  rgba(255,255,255,.8), 2px 2px 4px  rgba(255,255,255,.8);
}

#subp-container h2.pagetitle-world {
	top: 70vw !important;
	font-size: 2em !important;
}

#subp-container h3 {
	color: #8c783d;
	font-family: 'monarcha', 'montserrat', arial;
}




.kv-world {
	margin-top: 0;
	position: relative;
	padding: 0 !important;
	z-index: 10 !important;
	background: #fff !important;
}

.kv-world img {
	width: 100%;
}




#keyfeatures-block {
	width: 90%;
	max-width: 1000px;
	margin: 200px auto 0 auto;
	padding: 0;
	display: inline-block;
}

#world-block,
#keyfeatures-block {
	padding-bottom: 30px;
}




#rigbarth,
#seed {
	margin-top: -60px;
	padding-top: 60px;
}




#characters-index-container,
#dailylife-adventure-container,
#products-container {
	width: 90%;
	max-width: 1000px;
	margin: 200px auto 0 auto;
	padding: 0 0 30px 0;
	display: inline-block;
}

#characters-index-container h2 {
	font-family: 'monarcha', 'montserrat', arial;
	font-size: 1.7em;
	color: #666;
	text-shadow:	-2px -2px 2px #fff, -2px 2px 2px #fff,
					2px -2px 2px #fff, 2px 2px 2px #fff;
}

ul.charalist,
ul#othercharalist {
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}

ul.charalist {
	margin-bottom: 10% !important;
}

ul.charalist2 {
	margin-bottom: 0 !important;
}

ul.charalist li,
ul#othercharalist li {
	width: 49%;
	margin: 0 0 2% 0;
	display: inline-block;
	border-radius: 5px;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	vertical-align: bottom;
}

ul.charalist li:nth-child(even) {
	margin-left: 2%;
}

ul.charalist li.charalist-Ares, #charascrl-container .Ares { background-image: url(../characters/images/index/maincharacters/Ares-bg.jpg); }
ul.charalist li.charalist-Alice, #charascrl-container .Alice { background-image: url(../characters/images/index/maincharacters/Alice-bg.jpg); }
ul.charalist li.charalist-Priscilla, #charascrl-container .Priscilla { background-image: url(../characters/images/index/maincharacters/Priscilla-bg.jpg); }
ul.charalist li.charalist-Martin, #charascrl-container .Martin { background-image: url(../characters/images/index/maincharacters/Martin-bg.jpg); }
ul.charalist li.charalist-Scarlett, #charascrl-container .Scarlett { background-image: url(../characters/images/index/maincharacters/Scarlett-bg.jpg); }
ul.charalist li.charalist-Reinhard, #charascrl-container .Reinhard { background-image: url(../characters/images/index/maincharacters/Reinhard-bg.jpg); }
ul.charalist li.charalist-Lucy, #charascrl-container .Lucy { background-image: url(../characters/images/index/maincharacters/Lucy-bg.jpg); }
ul.charalist li.charalist-Cecil, #charascrl-container .Cecil { background-image: url(../characters/images/index/maincharacters/Cecil-bg.jpg); }
ul.charalist li.charalist-Fuuka, #charascrl-container .Fuuka { background-image: url(../characters/images/index/maincharacters/Fuuka-bg.jpg); }
ul.charalist li.charalist-Murakumo, #charascrl-container .Murakumo { background-image: url(../characters/images/index/maincharacters/Murakumo-bg.jpg); }
ul.charalist li.charalist-Ludmila, #charascrl-container .Ludmila { background-image: url(../characters/images/index/maincharacters/Ludmila-bg.jpg); }
ul.charalist li.charalist-Lucas, #charascrl-container .Lucas { background-image: url(../characters/images/index/maincharacters/Lucas-bg.jpg); }
ul.charalist li.charalist-Beatrice, #charascrl-container .Beatrice { background-image: url(../characters/images/index/maincharacters/Beatrice-bg.jpg); }
ul.charalist li.charalist-Ryker, #charascrl-container .Ryker { background-image: url(../characters/images/index/maincharacters/Ryker-bg.jpg); }

ul#othercharalist li {
	width: 100%;
	background-color: #fff;
	padding: 20px 20px 20px 0;
	box-sizing: border-box;
}

ul#othercharalist li img {
	width: 45%;
	float: left;
}

ul#othercharalist li .otherchara-intro {
	width: 55%;
	text-align: left;
	float: left;
	color: #666;
	display: inline;
}

ul#othercharalist li .otherchara-intro p {
	font-size: 0.8em;
}

ul#othercharalist li .otherchara-intro p.catchph {
	margin-top: 0;
	font-family: 'monarcha', 'montserrat', arial;
}

ul#othercharalist li .otherchara-intro h3 {
	color: #8b69c4;
	font-size: 1.6em;
	margin: 0;
}

ul#othercharalist li .otherchara-intro h3.palmo {
	font-size: 1.2em;
	line-height: 1em;
}

ul#othercharalist li .otherchara-intro p.charavoice {
	color: #8c783d;
	font-family: 'monarcha', 'montserrat', arial;
}



div.bg-wh,
div.bg-lav {
	width: 100%;
	height: 100%;
	background-color: #fff;
	transition: .3s all ease;
	border-radius: 5px;
	box-shadow: 0 0 4px rgba(0,0,0,.3);
}

div.bg-lav {
	background-color: #8b69c4;
	border-radius: 200px;
}

#characters-index-container ul.charalist li img {
	width: 100%;
}

div.bg-wh:hover {
	background: rgba(255,255,255,0);
}

div.bg-lav:hover {
	background: rgba(139,105,196,0);
}




/* Individual Character */
#character-container {
	width: 90%;
	max-width: 1000px;
	margin: 5% auto 50px auto;
	padding-top: 3%;
}

#character-mainimg {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#character-mainimg img {
	width: 120%;
	margin-left: -10%;
}




.character-mainimg-Fuuka img,
.character-mainimg-Ludmila img {
	margin-left: 0 !important;
}

.character-mainimg-Murakumo img {
	margin-left: -2% !important;
}




#character-phrase,
#character-phrase-mob {
	padding: 0;
	font-size: 1.2em;
	font-family: 'monarcha', 'montserrat', arial;
	font-weight: bold;
	text-align: center;
	text-shadow:	-2px -2px 3px #fff, -2px 2px 3px #fff,
					2px -2px 3px #fff, 2px 2px 3px #fff;
	
	display: none;
}

#character-phrase-mob {
	width: 90%;
	margin-top: -150px;
	margin-left: -45%;
	left: 50%;
	position: absolute;
	display: block;
}

#character-container br.dt {
	display: none;
}

.phrase-Ares,
.phrase-Ryker {
	color: #7785a9;
}

.phrase-Alice,
.phrase-Priscilla {
	color: #e098c7;
}

.phrase-Scarlett {
	color: #89a691;
}

.phrase-Lucy {
	color: #8bb4b5;
}

.phrase-Fuuka {
	margin-top: -100px !important;
	color: #b64b64;
}

.phrase-Ludmila {
	color: #b64b64;
}

.phrase-Beatrice {
	color: #b99850;
}

.phrase-Martin {
	color: #898580;
}

.phrase-Reinhard {
	color: #a28a57;
}

.phrase-Cecil {
	color: #833c3b;
}

.phrase-Murakumo,
.phrase-Lucas {
	color: #8b69c4;
}




#character-intro-container {
	margin: 0 auto;
	padding: 30px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	color: #666;
	font-size: 0.9em;
	line-height: 1.8em;
	box-sizing: border-box;
}

#character-intro-container .catchph {
	width: 100%;
	margin-top: 0;
	font-family: 'monarcha', 'montserrat', arial;
	text-align: center;
}

#character-intro-container h1 {
	color: #8b69c4;
	font-size: 2.6em;
	font-family: 'monarcha', 'montserrat', arial;
	text-align: center;
	margin: 0;
}

#character-intro-container p.character-voice {
	color: #8c783d;
	text-align: center;
	font-family: 'monarcha', 'montserrat', arial;
}

ul#character-ss {
	width: 100%;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: center;
}

ul#character-ss {
	width: 100%;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: center;
}

ul#character-ss li {
	width: 49%;
	margin: 0;
	display: inline-block;
}

ul#character-ss li:nth-child(2) {
	margin-left: 2%;
}

ul#character-ss li img {
	width: 100%;
	width: 100%;
	border: 5px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	box-sizing: border-box;
	vertical-align: bottom;
}

#charascrl-container {
	width: calc(100% + 20px);
	margin: 20px auto 0 -10px;
}




/* jTabs + Sub Menu */
ul#tabs-nav {
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 65px;
}

ul#submenu {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 65px;
	position: relative;
	z-index: 10;
}

ul#tabs-nav li,
ul#submenu li {
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	background-image: url(../characters/images/index/buttonbg.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 100%;
	font-family: 'Monarcha', 'montserrat', arial;
	font-size: 1em;
	display: inline-block;
	border-radius: 200px;
}

ul#tabs-nav li {
	width: 70%;
}

ul#submenu li {
	width: 49%;
}

ul#submenu li:nth-child(3),
ul#submenu li:nth-child(4) {
	margin-top: 2%;
}

ul.submenu-products li:nth-child(3) {
	width: 100% !important;
}


ul#tabs-nav li a,
ul#submenu li a {
	display: block;
	color: #fff;
}

ul#tabs-nav li a:hover,
ul#tabs-nav li.active a,
ul#submenu li a:hover,
ul#submenu li.active a {
	color: #8b69c4;
}

ul#tabs-nav li:nth-child(2),
ul#tabs-nav li:nth-child(3) {
	margin-top: 10px;
}

ul#submenu li:nth-child(even) {
	margin-left: 2%;
}

ul#tabs-nav li.active .bg-lav,
ul#submenu li.active .bg-lav {
	background: rgba(255,255,255,0);
}

span.rf4-l {
	display: none;
}





#dailylife-adventure-container h3,
#products-container h3 {
	width: 100%;
	max-width: 400px;
	margin: 5% auto;
	text-align: center;
	position: relative;
	z-index: 10;
}

#dailylife-adventure-container h3 img,
#products-container h3 img {
	width: 100%;
}

#dailylife-adventure-container .txt-contents p {
	width: 90%;
	margin: 20px 5% 10px 5%;
}

#dailylife-adventure-container .txt-contents h4 {
	color: #8c783d;
	font-size: 1.5em;
	text-align: center;
	font-family: 'monarcha', 'montserrat', arial;
	margin: 30px 0 40px 0;
}

#dailylife-adventure-container .topimg-dt,
#dailylife-adventure-container .topimg-dt img,
#dailylife-adventure-container .topimg-mob,
#dailylife-adventure-container .topimg-mob img {
	width: 100%;
}

#dailylife-adventure-container .topimg-dt {
	display: none;
}

#dailylife-adventure-container ul.ss {
	width: 100%;
	margin-top: 20px;
}

#dailylife-adventure-container ul.ss li {
	background-color: #fff;
	background-image: url(../images/common/swirl-lav-bottom.png);
	background-size: 180px;
	background-position: bottom -5px right -5px;
	background-repeat: no-repeat;
	margin-top: 5%;
	padding: 5px 5px 0 5px;
	box-sizing: border-box;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	vertical-align: bottom;
}

#dailylife-adventure-container ul.ss li img {
	width: 100%;
}

#dailylife-adventure-container ul.ss li p {
	padding: 0 20px 20px 20px;
	margin-bottom: 0;
}




.crsl-type {
	margin: 0 auto;
	padding: 10px;
}

#charascrl-container .crsl-type {
	padding: 10px;
}

.crsl-type .inner {
	width: 100%;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	padding-bottom: 20px;
}

#charascrl-container .crsl-type .inner {
	position: relative;
	padding: 0;
}

#charascrl-container .crsl-type .whbg {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	z-index: 0;
	border-radius: 5px;
	transition: all ease .3s;
}

#charascrl-container .crsl-type a:hover .whbg {
	opacity: 0;
}

.crsl-type img {
	width: 100%;
	border-radius: 5px 5px 0 0;
}

#charascrl-container .crsl-type img {
	position: relative;
	z-index: 10;
}

.crsl-detail {
	padding: 0 5%;
	text-align: left;
}

#dailylife-adventure-container h5,
#dailylife-adventure-container h6 {
	color: #8c783d;
	text-align: center;
	font-family: 'monarcha', 'montserrat', arial;
	margin: 30px 0 10px 0;
}

#dailylife-adventure-container h5 {
	margin: 10px 0 30px 0;
	font-size: 1.6em;
}

#dailylife-adventure-container h6 {
	margin: 30px 0 10px 0;
	font-size: 1.3em;
}

#dailylife-adventure-container h6 span {
	font-family: 'montserrat', arial;
	font-size: 0.8em;
	font-weight: normal;
	color: #8b69c4;
}

#see-marriagecandidates {
	margin-top: 8%;
}

#see-marriagecandidates img {
	width: 100%;
}

#see-marriagecandidates button.readmore {
	width: 100%;
	max-width: 500px;
	height: 70px;
	margin: -50px auto 0 auto;
	background-position: right 50% !important;
	font-size: 1.1em;
}

.scrl-rev-adjust,
.scrl-rev-adjust-othercharacters,
.scrl-rev-adjust-dailylifeadventure {
	margin-top: -470px;
	padding-top: 450px;
	z-index: 1;
	position: relative;
}

.scrl-rev-adjust-othercharacters {
	margin-top: -1200px;
	padding-top: 1200px;
}

.scrl-rev-adjust-dailylifeadventure {
	margin-top: -3500px;
	padding-top: 3480px;
}




/* MEDIA */
#wallpapers-container {
	width: 90%;
	max-width: 1000px;
	margin: 200px auto 30px auto;
	padding-bottom: 4%;
	background: #fff;
	display: inline-block;
	border-radius: 5px;
	box-shadow: 0 0 4px rgba(0,0,0,.5);
	position: relative;
	z-index: 10;
}

#subp-container #wallpapers-container h3 {
	margin: 40px 0;
}

#wallpapers-container ul {
	text-align: center;
}

#wallpapers-container li {
	width: 90%;
	margin: 0 auto;
	display: inline-block;
}

#wallpapers-container img {
	width: 100%;
	border-radius: 5px;
	box-shadow: 0 0 4px rgba(0,0,0,.3);
}

#wallpapers-container p {
	margin: 5px 0 20px 0;
}

#wallpapers-container a {
	color: #8b69c4;
}

#wallpapers-container a:hover {
	color: #8c783d;
}




footer {
	width: 100%;
	background-color: #917ac9;
	color: #fff;
	text-align: center;
	z-index: 10;
	position: relative;
}

footer .footer-inner {
	padding: 40px 0 80px 0;
}

footer #footer-support {
	margin: 0 auto 40px auto;
	text-align: center;
}

footer #footer-support a {
	width: 140px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	display: inline-block;
	color: #917ac9;
	font-family: 'monarcha', serif;
	font-size: 0.9em;
	text-transform: uppercase;
	box-shadow: 0 0 4px rgba(0,0,0,.5);
	box-sizing: border-box;
	border-radius: 20px;
}

footer #footer-support a:hover {
	background: rgba(255,255,255,.4);
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
	box-shadow: 0 0 6px rgba(255,255,255,.8);
}




footer #footer-logos-container {
	width: 90%;
	max-width: 700px;
	margin: 0 auto 30px auto;
}

footer #footer-logos-container ul {
	text-align: center;
}

footer #footer-logos-container ul li {
	display: inline-block;
	width: 20%;
	margin: 0 1%;
}

footer #footer-logos-container ul li img {
	width: 100%;
	vertical-align: middle;
}

footer #footer-logos-container ul li.xseed {
	width: 18%;
}

footer #footer-logos-container ul li.marvelous {
	width: 16%;
}

footer #footer-logos-container ul li.nintendoswitch {
	width: 11%;
}

footer #footer-logos-container ul li.nintendoeshop {
	width: 27%;
}

footer #footer-logos-container ul li.steam {
	width: 18%;
}

footer #footer-logos-container ul li.esrb {
	width: 50%;
	max-width: 340px;
	margin-top: 20px;
}

footer #copyright {
	width: 90%;
	margin: 0 auto;
	font-size: 0.8em;
}




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

	#gameinfo-container .gamedetails {
		width: 80%;
	}

	#gameinfo-container dl dt {
		width: 35%;
	}

	#gameinfo-container dl dd {
		width: 59%;
	}



	
	#character-mainimg img {
		width: 100%;
		max-width: 550px;
		margin: 0 auto;
	}

	.character-mainimg-Fuuka img {
		margin-left: 30px !important;
	}

	.character-mainimg-Ludmila img {
		margin-left: 50px !important;
	}

	.character-mainimg-Murakumo img {
		margin-left: 20px !important;
	}

	span.rf4-s {
		display: none;
	}

	span.rf4-l {
		display: inline;
	}

}




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

	#keyvisual-container {
		padding-bottom: 180px;
	}

	#home-trailers .responsive div div.item {
		height: 22.5vw;
	}

	.dailylife-adventure-item,
	#world-block .item,
	#keyfeatures-block .item {
		padding: 30px;
	}

	.dailylife-adventure-item h3 {
		font-size: 1.8em;
	}

	.dailylife-adventure-item .sm-img {
		width: 200px;
		top: -25px;
	}

	.dailylife-adventure-item .sm-img-battle {
		right: -20px;
	}

	.dailylife-adventure-item .sm-img-romance {
		right: 30px;
	}

	.dailylife-adventure-item .dla-item {
		margin: 40px 0;
	}




	#gameinfo-container .gamedetails {
		width: 80%;
	}

	#gameinfo-container dl dt {
		width: 47%;
	}

	#gameinfo-container dl dd {
		width: 47%;
	}




	#subp-container h2.pagetitle-world {
		width: 50% !important;
		top: 70px !important;
		left: 10px !important;
		text-align: left !important;
		font-size: 1.6em !important;
		text-shadow: 0 0 3px rgba(0,0,0,.5) !important;
	}




	#character-container {
		margin-bottom: 80px;
	}

	#character-phrase-mob {
		width: 480px;
		margin-left: -240px;
	}

	ul#submenu {
		width: 90%;
	}
	
	ul#submenu li {
		font-size: 1.1em;
	}

	ul.submenu-maincharacters {
		margin-top: 80px !important;
	}




	/* jTabs */
	ul#tabs-nav li {
		width: 49%;
		font-size: 1.2em;
		display: inline-block;
	}

	ul#tabs-nav li:nth-child(2) {
		margin: 0 0 0 2%;
	}




	ul#othercharalist li .otherchara-intro p {
		line-height: 1.5em;
	}




	footer #footer-logos-container ul li.esrb {
		max-width: 300px;
		margin-top: 20px;
	}

}




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

	img.anniv15-icon {
		width: 100px;
		height: 100px;
	}

	#keyvisual-container img.mainlogo {
		margin-top: -170px;
	}

	#keyvisual-container img.keyvisual {
		width: 680px;
	}

	#gameinfo-container .gameinfo-inner {
		padding: 50px 0;
	}

	#gameinfo-container .logo {
		width: 50%;
		margin: 0;
		float: left;
		text-align: right;
		position: relative;
		display: table;
	}

	#gameinfo-container .logo img {
		width: 80%;
		margin: 0 10%;
	}

	#gameinfo-container .tb-cell {
		display: table-cell;
		vertical-align: middle;
	}

	#gameinfo-container .gamedetails {
		width: 50%;
		margin: 0 0 0 0;
		float: left;
		display: inline;
	}

	#gameinfo-container dl dt,
	#gameinfo-container dl dd {
		text-align: left;
	}

	#gameinfo-container dl dt {
		width: 35%;
		padding-right: 0%;
	}

	#gameinfo-container dl dd {
		width: 65%;
		padding-left: 0%;
	}

}




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

	#dailylife-adventure-container-home .dailylife-adventure-img-mob {
		display: none;
	}

	#dailylife-adventure-container-home .dailylife-adventure-img-dt {
		display: block;
	}

}




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

	#home-trailers .responsive div div.item {
		height: 18vw;
	}

	#wallpapers-container li {
		width: 46%;
		margin: 0 1%;
		display: inline-block;
	}

	#subp-container h2.pagetitle-world {
		width: 100% !important;
		top: 70px !important;
		left: auto !important;
		text-align: center !important;
		font-size: 2em !important;
		text-shadow:	-2px -2px 4px rgba(255,255,255,.8), -2px 2px 4px  rgba(255,255,255,.8),
						2px -2px 4px  rgba(255,255,255,.8), 2px 2px 4px  rgba(255,255,255,.8) !important;
	}

	#dailylife-adventure-container ul.ss {
		text-align: center;
	}

	#dailylife-adventure-container ul.ss li {
		width: 49%;
		min-height: 315px;
		margin: 2% 0 0 0;
		display: inline-block;
	}

	#dailylife-adventure-container ul.ss li:nth-child(2),
	#dailylife-adventure-container ul.ss li:nth-child(4) {
		margin: 0 0 0 2%;
	}

}




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

	.dailylife-adventure-item {
		margin-top: 50px;
		padding-top: 40px;
		text-align: left;
	}

	.dailylife-adventure-item .dla-item .slick-dots {
		top: 23.5vw;
	}
	
	.scrl-rev-adjust {
		padding-top: 420px;
	}

	.scrl-rev-adjust-dailylifeadventure {
		margin-top: -3500px;
		padding-top: 3446px;
	}

	.dailylife-adventure-item .sm-img {
		left: 50%;
		margin-left: -180px;
		top: -46px;
	}

	.dailylife-adventure-item .sm-img-romance {
		width: 190px;
	}

	.dailylife-adventure-item .sm-img-dailylife {
		width: 210px;
		margin-left: -230px;
	}

	#dailylife-adventure-container-home h3 {
		width: 45%;
	}

	#world-block,
	#keyfeatures-block,
	#characters-index-container,
	#dailylife-adventure-container {
		padding-bottom: 50px;
	}

	#world-block .item,
	#keyfeatures-block .item {
		margin-top: 50px;
	}

	#world-block .item h4,
	#keyfeatures-block .item h4 {
		width: 58%;
		margin-bottom: 20px;
		border-bottom: 1px solid #8c783d;
		padding-bottom: 10px;
		font-size: 2em;
		text-align: left;
	}

	#keyfeatures-block .item h4,
	#keyfeatures-block .item p {
		width: calc(60% - 20px);
		float: left;
	}

	#dailylife-adventure-container-home p {
		width: 45%;
		margin: 30px 5% 0 0;
	}

	.dailylife-adventure-item .dla-item {
		width: 50%;
		margin-top: -24px;
		float: right;
	}

	#world-block .item .item-img {
		width: 40%;
		margin: -65px 0 20px 20px;
		float: right;
	}

	#keyfeatures-block .item .item-img {
		width: 40%;
		margin: 0 0 20px 20px;
		float: right;
	}

	#dailylife-adventure-container-home button.readmore {
		margin: 30px 0 10px 0;
	}

	#dailylife-adventure-container-home button.readmore:hover {
		font-size: 1.2em;
	}

	#see-marriagecandidates button.readmore {
		margin-left: calc((100% - 500px) / 2);
		margin-bottom: 20px;
		font-size: 1.5em;
	}

	#see-marriagecandidates button.readmore:hover {
		font-size: 1.6em;
	}

	
	#dailylife-adventure-container h3 {
		margin-bottom: 50px;
	}

	#dailylife-adventure-container .topimg-dt {
		display: inline;
		width: 50%;
		float: left;
		margin-right: 2%;
	}

	#dailylife-adventure-container .topcontents2 .topimg-dt {
		float: right !important;
		margin-right: 0 !important;
		margin-left: 2%;
	}

	#dailylife-adventure-container .txt-contents {
		width: 48%;
		float: right;
		text-align: left;
		margin-top: 0;
		margin-bottom: 20px;
		display: table;
	}

	#dailylife-adventure-container .txt-contents-across {
		width: 100% !important;
		float: auto !important;
	}

	#dailylife-adventure-container .topcontents2 .txt-contents {
		float: left !important;
	}
	
	#dailylife-adventure-container .txt-contents .inner {
		display: table-cell;
		vertical-align: middle;
	}

	#dailylife-adventure-container .txt-contents img {
		display: none;
	}

	#dailylife-adventure-container .txt-contents h4 {
		margin-top: 0;
		text-align: left;
	}

	#dailylife-adventure-container .txt-contents p {
		width: 100%;
		margin: 0;
	}

	#dailylife-adventure-container h5 {
		margin: 0 0 30px 0;
	}
	
	#character-vid div.item {
		margin: 50px auto 0 auto;
	}

	#wallpapers-container {
		margin: 200px auto 50px auto;
	}




	footer #footer-logos-container ul li {
		margin: 0 2%;
	}
	
	footer #footer-logos-container ul li img {
		width: 100%;
		vertical-align: middle;
	}
	
	footer #footer-logos-container ul li.xseed {
		width: 16%;
	}
	
	footer #footer-logos-container ul li.marvelous {
		width: 14%;
	}
	
	footer #footer-logos-container ul li.nintendoswitch {
		width: 9%;
	}
	
	footer #footer-logos-container ul li.nintendoeshop {
		width: 25%;
	}
	
	footer #footer-logos-container ul li.steam {
		width: 16%;
	}

}




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

	#dailylife-adventure-container-home {
		padding: 50px 0;
	}

	#dailylife-adventure-container-home #dailylife-adventure img {
		width: 100%;
		vertical-align: bottom;
	}




	.kv-world {
		display: none;
	}

	#prologue-container {
		width: 100%;
		margin-top: 0;
	}

	.prologue-bg {
		width: 100%;
		background-image: url(../world/images/kv.jpg);
		background-repeat: no-repeat;
		background-size: 68%;
		background-position: top 0 right -10%;
	}

	#prologue-container .inner {
		width: 100%;
		padding: 15% 5% 6% 5%;
		text-shadow:	-2px -2px 2px #fff, -2px 2px 2px #fff,
						2px -2px 2px #fff, 2px 2px 2px #fff;
	}

	#prologue-container p {
		width: 46%;
		font-size: 0.9em;
	}

	#prologue-container p.pwide {
		width: 100%;
	}

	#prologue-container .l2 {
		font-size: 1.6em;
		line-height: 2em !important;
	}

	#subp-container h2.pagetitle-world {
		text-shadow: 0 0 3px rgba(0,0,0,.5) !important;
	}




	ul.charalist {
		width: 755px;
		max-width: 755px;
		margin: 0 auto;
	}

	ul.charalist li {
		width: 245px;
		margin: 0 0 10px 0 !important;
	}

	ul.charalist-protagonists li:first-child {
		margin: 0 0 10px 128px !important;
	}

	ul.charalist-protagonists li:nth-child(2) {
		margin: 0 127px 10px 10px !important;
	}

	ul.charalist-marriagecandidates li:nth-child(2),
	ul.charalist-marriagecandidates li:nth-child(3),
	ul.charalist-marriagecandidates li:nth-child(5),
	ul.charalist-marriagecandidates li:nth-child(6) {
		margin: 0 0 10px 10px !important;
	}

	#character-mainimg {
		width: 79%;
		margin-left: -20%;
		margin-top: 20px;
		float: left;
	}

	#character-mainimg img {
		width: 100% !important;
		max-width: 100% !important;
	}

	#character-intro-container {
		width: 60%;
		margin-left: -30%;
		margin-top: 20px;
		float: right;
		display: inline;
	}
	
	#character-phrase-mob {
		display: none;
	}

	#character-phrase {
		display: block;
		margin-top: 0 !important;
		margin-bottom: 20px;
	}
	
	#character-vid div.item {
		height: 18vw;
		margin: 30px auto 0 auto;
	}

	#charascrl-container {
		margin-top: 30px;
	}




	.character-mainimg-Ares img {
		margin-top: -30px !important;
	}

	.character-mainimg-Alice img {
		margin-left: 10px !important;
	}

	.character-mainimg-Priscilla img {
		margin-top: -10px !important;
	}

	.character-mainimg-Lucy img {
		margin-top: 5px !important;
		margin-left: 10px !important;
	}

	.character-mainimg-Scarlett img {
		margin-top: -10px !important;
		margin-left: 10px !important;
	}

	.character-mainimg-Fuuka img {
		margin-top: 50px !important;
		margin-left: 30px !important;
	}

	.character-mainimg-Ludmila img {
		margin-top: -40px !important;
		margin-left: 60px !important;
	}
	
	.character-mainimg-Beatrice img {
		margin-top: -15px !important;
	}
	
	.character-mainimg-Martin img {
		margin-top: -10px !important;
	}

	.character-mainimg-Reinhard img {
		margin-top: -35px !important;
	}
	

	.character-mainimg-Cecil img {
		margin-top: 15px !important;
		margin-left: 10px !important;
	}
	
	.character-mainimg-Murakumo img {
		margin-top: -25px !important;
		margin-left: 40px !important;
	}
	
	.character-mainimg-Lucas img {
		margin-top: -50px !important;
		margin-left: 25px !important;
	}
	
	.character-mainimg-Ryker img {
		margin-top: 20px !important;
		margin-left: 20px !important;
	}




	ul#submenu {
		max-width: 1000px;
	}

	ul#submenu li {
		width: 23.5%;
		margin-top: 0 !important;
		margin-left: 2%;
	}

	ul.submenu-charactersindex li,
	ul.submenu-maincharacters li {
		width: 245px !important;
	}

	ul.submenu-products li {
		width: 40% !important;
	}

	ul.submenu-products li:first-child,
	ul.submenu-products li:nth-child(2) {
		width: 44%;
		margin-bottom: 2%;
	}
	
	ul.submenu-products li:nth-child(3) {
		width: 44% !important;
		margin-top: 2% !important;
	}

	span.rf4-l {
		display: none;
	}

	span.rf4-s {
		display: inline;
	}

	ul#submenu li:first-child {
		margin-left: 0 !important;
	}






	footer #footer-logos-container {
		max-width: 860px;
	}

	footer #footer-logos-container ul li {
		width: 16%;
		margin: 0 2%;
	}

	footer #footer-logos-container ul li.xseed {
		width: 16%;
	}

	footer #footer-logos-container ul li.marvelous {
		width: 13%;
	}

	footer #footer-logos-container ul li.nintendoswitch {
		width: 9%;
	}

	footer #footer-logos-container ul li.nintendoeshop {
		width: 25%;
	}

	footer #footer-logos-container ul li.steam {
		width: 17%;
	}

	footer #footer-logos-container ul li.esrb {
		width: 30%;
		margin: 3% 0 2% 0;
	}

}




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

	#keyvisual-container {
		width: 100%;
		margin: 0;
		padding: 0 0 50px 0;
	}

	#keyvisual-inner {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
	}

	#keyvisual-container img.keyvisual {
		width: 62%;
		max-width: auto;
		margin: 5% 0 0 -2%;
		float: right;
	}

	#keyvisual-container .kv-left {
		width: 40%;
		margin: 10vw 0 0 0;
		float: left;
		display: inline;
	}

	#keyvisual-container img.mainlogo {
		width: 100%;
		margin: 0;
	}




	#home-mob {
		display: none;
	}

	.home-order-dt {
		display: block;
	}

	#keyvisual-container .trailer-container-dt {
		display: block;
	}

	#keyvisual-container .trailer-container {
		margin: 10px auto 0 auto;
		width: 300px;
	}

	img.home-matchmaker-dt,
	img.home-twitter-dt {
		display: block;
	}

	img.home-matchmaker,
	img.home-twitter {
		width: 300px;
		margin-top: 10px;
	}

	#home-trailers .responsive div div.item {
		height: 180px;
	}

	#prologue-container {
		background-size: 65%;
		background-position: top 0 right -10%;
	}




	#character-mainimg {
		width: 76%;
		margin-left: -20%;
	}

	#character-intro-container {
		width: 60%;
		margin-left: -19%;
	}



	ul.submenu-products {
		width: 100% !important;
	}

	ul.submenu-products li {
		margin: 0 !important;
	}

	ul.submenu-products li:first-child {
		width: 31% !important;
	}

	ul.submenu-products li:nth-child(2) {
		width: 31% !important;
		margin-left: 2% !important;
	}
	
	ul.submenu-products li:nth-child(3) {
		width: 34% !important;
		margin-left: 2% !important;
	}

}




@media screen and (min-width: 1050px) {
	
	#character-mainimg {
		width: 73%;
		margin-left: -18%;
	}

	#character-intro-container {
		width: 60%;
		margin-left: -19%;
	}

}




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

	header#globalheader h1#headerlogo-main-home,
	header#globalheader h1#headerlogo-main-home img,
	header#globalheader h1#headerlogo-main,
	header#globalheader h1#headerlogo-main img {
		height: 60px;
		transition: .3s;
	}

	header#globalheader h1#headerlogo-main-home,
	header#globalheader h1#headerlogo-main {
		top: 5px;
	}

	.headerlogohome_scrld img,
	.headerlogo_scrld img {
		height: 50px !important;
	}

	#subp-container h2#pagetitle {
		top: 110px;
	}

	#subp-container h2.pagetitle-world {
		top: 110px !important;
	}

	#prologue-container {
		background-size: 65%;
		background-position: top 0 right -7%;
		font-size: 1em;
	}

	#prologue-container .l2 {
		line-height: 1.5em !important;
	}

	#prologue-container .l2 br.br-dt {
		display: inline;
	}




	.dailylife-adventure-item .dla-item .slick-dots {
		top: 265px;
	}




	#characters-index-container {
		width: 1022px;
		max-width: 1022px;
	}
	
	#character-mainimg {
		width: 75%;
		margin-left: -21%;
	}

	.character-mainimg-Alice img,
	.character-mainimg-Lucy img {
		margin-top: -20px !important;
	}

	.character-mainimg-Martin img,
	.character-mainimg-Reinhard img {
		margin-top: -30px !important;
	}
	
	.character-mainimg-Murakumo img {
		margin-top: -40px !important;
	}

	ul#othercharalist {
		max-width: 1022px;
		width: 1022px;
		margin: 0;
		padding: 0;
	}

	ul#othercharalist li:nth-child(odd) {
		width: 504px;
		margin: 0 0 14px 0;
	}

	ul#othercharalist li:nth-child(even) {
		width: 504px;
		margin: 0 0 14px 14px;
	}
	
	#character-vid div.item {
		width: 55%;
		height: 180px;
	}

	ul#othercharalist li .otherchara-intro p {
		font-size: 0.9em;
	}
	
	ul#othercharalist li .otherchara-intro h3 {
		font-size: 1.8em !important;
	}




	ul.submenu-products li:first-child {
		width: 32% !important;
	}

	ul.submenu-products li:nth-child(2) {
		width: 32% !important;
	}
	
	ul.submenu-products li:nth-child(3) {
		width: 32% !important;
	}




	footer #footer-logos-container {
		max-width: 960px;
	}

	footer #footer-logos-container ul li {
		width: 16%;
		margin: 0 2% !important;
	}

	footer #footer-logos-container ul li.xseed {
		width: 12%;
	}

	footer #footer-logos-container ul li.marvelous {
		width: 10%;
	}

	footer #footer-logos-container ul li.nintendoswitch {
		width: 6%;
	}

	footer #footer-logos-container ul li.nintendoeshop {
		width: 16%;
	}

	footer #footer-logos-container ul li.steam {
		width: 12%;
	}

	footer #footer-logos-container ul li.esrb {
		width: 20%;
	}

}




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

	header#globalheader img.headerlogo-nsw {
		height: 80px;
		left: 10px;
	}

	header#globalheader img.headerlogo-steam {
		height: 60px;
		top: 10px;
		left: 96px;
	}

	header#globalheader img.headerlogo-marvelous {
		height: 50px;
		top: 15px;
		left: 239px;
	}

}




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

	#keyvisual-container .kv-left {
		margin: 180px 0 0 0;
	}

	#prologue-container {
		font-size: 1.1em;
	}




	footer #footer-logos-container {
		max-width: 1000px;
	}

}




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

	#prologue-container {
		font-size: 1.2em;
	}

}




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

	#prologue-container {
		background-size: 50%;
		font-size: 1.4em;
	}

}