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

html, body, div, span, applet, object, iframe,
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;
}




div,
header {
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}

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;
}


html {
	background-color: #f5f5f5;
}


body {
	font-family: 'Ubuntu', arial;
	font-weight: 300;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	max-width: 1600px;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.nomob {
	display: none;
}




.totop {
	background: none;
	margin: 0;
	position: fixed;
	bottom: 10px;
	right: 3%;
	width: 70px;
	z-index: 99;
	display: none;
	text-decoration: none;
	color: #fff;
	transition: all ease .3s;
	cursor: pointer;
}

.totop img {
	width: 50px;
	height: 50px;
	margin: -30px 0 0 0;
}

.totop:hover {
	opacity: 1;
}




header#global-header {
	width: 100%;
	position: absolute;
	z-index: 999;
	max-width: 1600px;
}

header#global-header img.top-nsw,
header#global-header img.top-steam,
header#global-header img.top-ps4,
header#global-header img.anniversary {
	width: 45px;
	top: 0;
	left: 0;
	position: absolute;
}

header#global-header img.top-ps4 {
	width: 70px;
	top: 12px;
	left: 50px;
}

header#global-header img.top-steam {
	width: 70px;
	top: 8px;
	left: 125px;
}

header#global-header img.top-nsw-subp {
	width: 60px;
}

header#global-header img.top-steam-subp {
	width: 80px;
}

header#global-header img.anniversary {
	width: auto;
	height: 60px;
	left: 164px;
	top: 5px;
	display: none;
}




#keyvisual-container {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}

#keyvisual-container img.keyvisual-v {
	width: 100%;
	vertical-align: bottom;
}

#keyvisual-container img.keyvisual {
	display: none;
}

#keyvisual-container h1#mainlogo {
	width: 280px;
	top: 90px;
	left: 50%;
	margin-left: -140px;
	position: absolute;
}

#keyvisual-container h1#mainlogo img {
	width: 100%;
}




.anniversary-homebody {
	width: 120px;
	position: relative;
	left: 50%;
	margin-left: -60px;
}

.anniversary-homebody img {
	width: 100%;
}




section {
	width: 100%;
}

.section-white {
	background-color: #ffffff;
	text-shadow: 2px 2px 0 rgba(0,0,0,.1);
}

.section-green {
	background-color: #a8db90;
	background-image: url(../images/common/bg-grass.png);
	position: relative;
}

.section-sandy {
	background-color: #ffe8be;
	background-image: url(../images/common/bg-sandy.png);
	overflow: hidden;
}

.section-wood {
	background-image: url(../images/home/wood.jpg);
}

.section-green,
.section-sandy,
.section-wood {
	color: #673e2c;
	background-size: 300px;
	background-repeat: repeat;
}

.section-wood {
	background-size: cover;
	background-position: 50% 50%;
}

.ovhid {
	overflow: hidden;
}




.white-zigzag {
	background-image: linear-gradient(44deg, #fff 52%, transparent 52%),
		linear-gradient(317deg, #fff 52%, transparent 52%);
}

.green-zigzag {
	background-image: linear-gradient(44deg, #a8db90 52%, transparent 52%),
		linear-gradient(317deg, #a8db90 52%, transparent 52%);
}

.sandy-zigzag {
	background-image: linear-gradient(44deg, #ffe8bd 52%, transparent 52%),
		linear-gradient(317deg, #ffe8bd 52%, transparent 52%);
}

.green-zigzag,
.sandy-zigzag,
.white-zigzag {
	background-size: 30px 30px;
	height: 30px;
}

.section1 {
	font-family: 'astounder-squared-bb', 'Ubuntu', arial;
	position: relative;
}

.section1 #tagline {
	max-width: 550px;
	text-align: center;
	margin-top: -20px;
	padding: 0 10px;
	margin: 0 auto;
	font-size: 2em;
	color: #84b46d;
}

.section1 img.preorder-btn {
	width: 300px;
	height: 100px;
	margin: 0;
	position: relative;
	z-index: 10;
	top: -50px;
	left: 50%;
	margin-left: -150px;
	display: block;
}

#hanging-orderbtn {
	width: 100px;
	top: -120px;
	left: 10px;
	position: fixed;
	z-index: 100;
	transition: .5s;
}

#hanging-orderbtn img {
	width: 100px;
}

.hanging-orderbtn-dt,
.orderbtn-dt {
	display: none;
}

.hang {
	top: 0 !important;
} 

.section1 img.horse {
	width: 120px;
	position: relative;
	z-index: 10;
	top: -10px;
	left: 50%;
	margin-left: -60px;
}

.section1 img.tree1,
.section1 img.tree2 {
	width: 0;
	position: absolute;
	z-index: 99;
	margin: 0;
	left: 50%;
	opacity: 0;
}

.section1 img.tree1 {
	top: 0;
}

.section1 img.tree2 {
	bottom: 50px;
}

.section2 {
	padding-top: 30px;
}

.section2 .img-set {
	width: 100%;
	height: 65vw;
	position: relative;
}

.section2 .img-set img.hen {
	width: 70px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -30px;
}

.section2 img.cow {
	width: 130px;
	float: right;
}

.section2 .img-set img.ss,
.section2 .intro1 {
	width: 90%;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -45%;
}

.section2 .intro1 {
	position: relative;
	top: 10px;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.5em;
}

.section2 .intro1 .emp,
.section3 .intro2 .emp {
	font-weight: bold;
	font-style: italic;
}

.section3 {
	text-align: center;
}

.section3 img.maincharacters {
	width: 200px;
	margin-top: 30px;
}

.section3 .intro2 {
	width: 90%;
	margin: 0 auto;
	background-image: url(../images/common/paper/paper-middle.jpg);
	background-repeat: repeat-y;
	background-size: 100%;
	box-shadow: 3px 3px 3px rgba(0,0,0,.05);
	line-height: 1.5em;
}

.section3 .intro2 .paper-inner {
	padding: 0 30px;
	text-align: center;
}

.section3 .intro2 .p1 {
	margin-top: 0;
}

.section3 .intro2 .p3 {
	margin-bottom: 0;
}

.section3 .paper-top,
.section3 .paper-bottom {
	width: 100%;
	height: 30px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(../images/common/paper/paper-top.jpg);
	background-position: center top;
}

.section3 .paper-bottom {
	background-image: url(../images/common/paper/paper-bottom.jpg);
	background-position: center bottom;
}

section.keyfeatures {
	padding-top: 50px;
	padding-bottom: 30px;
}

.section4 #keyfeatures-sign-container {
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}

.section4 #keyfeatures-sign-container img {
	width: 100%;
}

.section4 h2 {
	font-family: 'astounder-squared-bb', 'Ubuntu', arial;
	text-align: center;
	font-size: 1.4em;
	font-weight: normal;
}

.section4 .keyfeatures-item {
	width: 90%;
	max-width: 900px;
	margin: 50px auto 0 auto;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.5em;
}

.section4 img.ss {
	width: 100%;
}

.section5 {
	padding: 25px 0 50px 0;
}

.section5 table {
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
	font-size: 1.5em;
	font-family: 'astounder-squared-lc-bb', 'ubuntu', arial !important;
}

.section5 table tr th,
.section5 table tr td {
	width: 100%;
	display: block;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0,0,0,.7);
	padding-top: 20px;
	letter-spacing: 0.1em;
}

.section5 table tr th {
	font-size: 1.2em;
}

.section5 table tr td {
	color: #673e2c;
	text-shadow: 1px 1px 0 rgba(255,255,255,.7);
	padding: 0;
}

.section5 #indevelopment,
#indevelopment-subp {
	font-family: 'astounder-squared-bb', 'Ubuntu', arial;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	color: #673e2c;
	margin-top: 50px;
	text-shadow: 1px 1px 0 rgba(255,255,255,.7);
}

#indevelopment-subp {
	margin-top: 0;
}



.section1 #tagline,
.section2 .intro1,
.section3 .intro2 {
	margin-bottom: 50px;
}

img.ss {
	border-radius: 5px;
	border: 2px solid #fff;
	box-sizing: border-box;
	box-shadow: 4px 4px 2px rgba(0,0,0,.1);
}



footer #footer-logos-container {
	width: 90%;
	max-width: 600px;
	margin: 30px auto 0 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: 15%;
}

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: 21%;
}

footer #footer-logos-container ul li.ps4 {
	width: 15%;
}

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

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

footer #copyright {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 60px 0;
	font-size: 0.8em;
	text-align: center;
}




#subp-logo {
	width: 170px;
	margin: 12px 0 0 10px;
}

#subp-logo img {
	width: 100%;
}




#categ-btn {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}

#categ-btn {
	text-align: center;
}

#categ-btn li.item {
	width: 280px;
	height: 50px;
	margin: 2% 1% 0 1%;
	display: inline-block;
	background-image: url(../images/common/wood.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	
	line-height: 50px;
	font-family: 'astounder-squared-bb', 'ubuntu', arial;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;

	box-sizing: border-box;
	box-shadow: 2px 2px 2px rgba(0,0,0,.2);
	border-radius: 5px;
}

#categ-btn li.item:first-child {
	margin-top: 0;
}

#categ-btn li.item a {
	color: #673e2c;
	text-shadow: 1px 1px 0 rgba(255,255,255,.7);
}

#categ-btn li.item a:hover {
	color: #000;
}




.pagetitle-banner {
	width: 300px;
	height: 68px;
	margin: 80px auto 0 auto;
	background-image: url(../images/common/pagetitle-banner.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	z-index: 99;
}

.pagetitle-banner h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #673e2c;
	line-height: 68px;
	font-size: 1.8em;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	font-family: 'astounder-squared-bb', 'ubuntu', arial;
}

#maincasts {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	padding-top: 140px;
	position: relative;
	z-index: 10;
}

#maincasts img {
	width: 100%;
}




.subp-contents-container {
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 50px;
}

.subp-contents-container h3 {
	width: 80%;
	margin: 0 auto 30px auto;
	padding: 10px 0;
	font-family: 'astounder-squared-bb', 'ubuntu', arial;
	color: #673e2c;
	text-align: center;
	font-weight: normal;
	font-size: 2em;
	letter-spacing: 0.05em;
}

.cast-index-intro {
	width: 80%;
	margin: -20px auto 0 auto;
	font-size: 1.2em;
	text-align: center;
}

#cast-index-ss,
#buffy-dlc {
	margin-bottom: 20px;
}

#cast-index-ss ul,
#buffy-dlc ul {
	width: 100%;
	text-align: center;
}

#buffy-dlc {
	width: 90%;
	max-width: 700px;
	margin: 0 auto 80px auto;
}

#cast-index-ss ul li,
#buffy-dlc ul li {
	width: 48%;
	max-width: 350px;
	display: inline-block;
	transform: rotate(-3deg);
}

#cast-index-ss ul li:last-child,
#buffy-dlc ul li:last-child {
	transform: rotate(6deg);
}

#cast-index-ss ul li img,
#buffy-dlc ul li img {
	opacity: 1 !important;
	box-sizing: border-box;
	border: 5px solid #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
	width: 100%;
	transition: none;
}

#cast-index-ss ul li a:hover img,
#buffy-dlc ul li a:hover img {
	border: 5px solid #a8db90;
	box-shadow: 0 0 8px rgba(0,0,0,.5);
}

.cast-paper-container {
	box-shadow: 0 0 8px rgba(0,0,0,.2);
	width: 90%;
	margin: 0 auto;
	max-width: 1000px;
}

.subp-contents-container .paper-top,
.subp-contents-container .paper-bottom {
	width: 100%;
	height: 30px;
	padding: 0;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(../images/common/paper/paper-top.jpg);
	background-position: center top;
}

.subp-contents-container .paper-bottom {
	background-image: url(../images/common/paper/paper-bottom.jpg);
	background-position: center bottom;
	margin-bottom: 20px;
}

.subp-contents-container .paper-inner {
	width: 100%;
	padding: 0;
	background-image: url(../images/common/paper/paper-middle.jpg);
	background-size: 100%;
	background-repeat: repeat-y;
	background-position: 50% 50%;
}

.subp-contents-container ul {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}

.subp-contents-container ul li {
	display: inline-block;
	width: 74%;
	margin: 20px 0;
	padding: 0;
}

.subp-contents-container ul li img {
	width: 100%;
	transition: .3s all ease;
}

.villager-main {
	width: 74%;
	margin: 0 13%;
}

.villager-main img {
	width: 100%;
}

.villagers-inner img {
	transition: .3s all ease;
}

ul#villagers-sub {
	margin-top: 50px;
}

ul#villagers-sub li {
	width: 40%;
	margin: 2%;
}




.index-Bridget,
.index-Reina,
.index-Linh,
.index-Laura,
.index-Blaire,
.index-Damon,
.index-Emilio,
.index-Iori,
.index-Ralph,
.index-Jack,

.index-Victor,
.index-Angela,
.index-Gloria,
.index-Nigel,
.index-Patricia,
.index-Georg,
.index-Jason,
.index-Sally,
.index-Misaki,
.index-Marcos,
.index-Karina,
.index-Clemens,
.index-Nguyen,
.index-Norman,
.index-Lovett,
.index-Jacopo,
.index-Beth,
.index-Cindy,
.index-Simon,
.index-Jessie,
.index-Mikey,
.index-Manuela,
.index-Raul,
.index-Jeanne,
.index-Lars,
.index-Sydney,
.index-Dosetsu,
.index-Matsuyuki,
.index-spiritchild,

.index-BossSprite,
.index-LogSprite,
.index-GrassSprite,
.index-StoneSprite,
.index-FieldSprite,
.index-AnglerSprite,
.index-ChefSprite,
.index-CareSprite,
.index-JourneySprite,
.index-ManagerSprite,
.index-SkySprite,
.index-MagmaSprite,
.index-GoldSprite,
.index-NaviSprite {
	background-size: 100%;
	background-repeat: no-repeat;
}




.subp-contents-container ul li a:hover img,
.villagers-inner a:hover img {
	opacity: 0;
}

.index-Bridget {
	background-image: url(../cast/marriagecandidates/images/index/Bridget_ov.png);
}

.index-Reina {
	background-image: url(../cast/marriagecandidates/images/index/Reina_ov.png);
}

.index-Linh {
	background-image: url(../cast/marriagecandidates/images/index/Linh_ov.png);
}

.index-Laura {
	background-image: url(../cast/marriagecandidates/images/index/Laura_ov.png);
}

.index-Blaire {
	background-image: url(../cast/marriagecandidates/images/index/Blaire_ov.png);
}

.index-Damon {
	background-image: url(../cast/marriagecandidates/images/index/Damon_ov.png);
}

.index-Emilio {
	background-image: url(../cast/marriagecandidates/images/index/Emilio_ov.png);
}

.index-Iori {
	background-image: url(../cast/marriagecandidates/images/index/Iori_ov.png);
}

.index-Ralph {
	background-image: url(../cast/marriagecandidates/images/index/Ralph_ov.png);
}

.index-Jack {
	background-image: url(../cast/marriagecandidates/images/index/Jack_ov.png);
}




.index-Victor {
	background-image: url(../cast/villagers/images/index/Victor_ov.png);
}

.index-Angela {
	background-image: url(../cast/villagers/images/index/Angela_ov.png);
}

.index-Gloria {
	background-image: url(../cast/villagers/images/index/Gloria_ov.png);
}

.index-Nigel {
	background-image: url(../cast/villagers/images/index/Nigel_ov.png);
}

.index-Patricia {
	background-image: url(../cast/villagers/images/index/Patricia_ov.png);
}

.index-Georg {
	background-image: url(../cast/villagers/images/index/Georg_ov.png);
}

.index-Jason {
	background-image: url(../cast/villagers/images/index/Jason_ov.png);
}

.index-Sally {
	background-image: url(../cast/villagers/images/index/Sally_ov.png);
}

.index-Misaki {
	background-image: url(../cast/villagers/images/index/Misaki_ov.png);
}

.index-Marcos {
	background-image: url(../cast/villagers/images/index/Marcos_ov.png);
}

.index-Karina {
	background-image: url(../cast/villagers/images/index/Karina_ov.png);
}

.index-Clemens {
	background-image: url(../cast/villagers/images/index/Clemens_ov.png);
}

.index-Nguyen {
	background-image: url(../cast/villagers/images/index/Nguyen_ov.png);
}

.index-Norman {
	background-image: url(../cast/villagers/images/index/Norman_ov.png);
}

.index-Lovett {
	background-image: url(../cast/villagers/images/index/Lovett_ov.png);
}

.index-Jacopo {
	background-image: url(../cast/villagers/images/index/Jacopo_ov.png);
}

.index-Beth {
	background-image: url(../cast/villagers/images/index/Beth_ov.png);
}

.index-Cindy {
	background-image: url(../cast/villagers/images/index/Cindy_ov.png);
}

.index-Simon {
	background-image: url(../cast/villagers/images/index/Simon_ov.png);
}

.index-Jessie {
	background-image: url(../cast/villagers/images/index/Jessie_ov.png);
}

.index-Mikey {
	background-image: url(../cast/villagers/images/index/Mikey_ov.png);
}

.index-Manuela {
	background-image: url(../cast/villagers/images/index/Manuela_ov.png);
}

.index-Raul {
	background-image: url(../cast/villagers/images/index/Raul_ov.png);
}

.index-Jeanne {
	background-image: url(../cast/villagers/images/index/Jeanne_ov.png);
}

.index-Lars {
	background-image: url(../cast/villagers/images/index/Lars_ov.png);
}

.index-Sydney {
	background-image: url(../cast/villagers/images/index/Sydney_ov.png);
}

.index-Dosetsu {
	background-image: url(../cast/villagers/images/index/Dosetsu_ov.png);
}

.index-Matsuyuki {
	background-image: url(../cast/villagers/images/index/Matsuyuki_ov.png);
}

.index-spiritchild {
	background-image: url(../cast/villagers/images/index/spiritchild_ov.png);
}






.index-BossSprite {
	background-image: url(../cast/earthsprites/images/index/BossSprite_ov.png);
}

.index-LogSprite {
	background-image: url(../cast/earthsprites/images/index/LogSprite_ov.png);
}

.index-GrassSprite {
	background-image: url(../cast/earthsprites/images/index/GrassSprite_ov.png);
}

.index-StoneSprite {
	background-image: url(../cast/earthsprites/images/index/StoneSprite_ov.png);
}

.index-FieldSprite {
	background-image: url(../cast/earthsprites/images/index/FieldSprite_ov.png);
}

.index-AnglerSprite {
	background-image: url(../cast/earthsprites/images/index/AnglerSprite_ov.png);
}

.index-ChefSprite {
	background-image: url(../cast/earthsprites/images/index/ChefSprite_ov.png);
}

.index-CareSprite {
	background-image: url(../cast/earthsprites/images/index/CareSprite_ov.png);
}

.index-JourneySprite {
	background-image: url(../cast/earthsprites/images/index/JourneySprite_ov.png);
}

.index-ManagerSprite {
	background-image: url(../cast/earthsprites/images/index/ManagerSprite_ov.png);
}

.index-SkySprite {
	background-image: url(../cast/earthsprites/images/index/SkySprite_ov.png);
}

.index-MagmaSprite {
	background-image: url(../cast/earthsprites/images/index/MagmaSprite_ov.png);
}

.index-GoldSprite {
	background-image: url(../cast/earthsprites/images/index/GoldSprite_ov.png);
}

.index-NaviSprite {
	background-image: url(../cast/earthsprites/images/index/NaviSprite_ov.png);
}





.subp-contents {
	width: 80%;
	max-width: 900px;
	margin: 10px auto 50px auto;
	font-family: 'Ubuntu', arial;
	position: relative;
	z-index: 10;
	text-align: center;
	line-height: 1.5em;
	font-weight: bold;
	color: #673e2c;
	text-shadow: 0 0 5px rgba(255,255,255, .8);
}

.subp-contents-souvenirs {
	width: 80% !important;
	max-width: 1200px !important;
}

.subp-contents-top {
	margin-top: 180px !important;
}

.subp-contents2 {
	margin: 10px auto 50px auto !important;
}

.subp-contents3 {
	font-weight: normal;
}

.subp-contents2 h4 {
	font-family: 'Ubuntu', arial;
	font-size: 1.4em;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

.expansionpass ul {
	border: 3px solid rgba(103,62,44, .4);
	border-radius: 10px;
}

.expansionpass ul li {
	border-bottom: 1px dashed rgba(103,62,44, .4);
	padding: 10px;
}

.expansionpass ul li:last-child,
.expansionpass ul.costumeset {
	border: 0;
}

.expansionpass ul.costumeset li {
	padding: 0;
	border: 0;
}



.subp-contents img {
	width: 100%;
	max-width: 700px;
	margin-top: 20px;
	box-sizing: border-box;
	border: 5px solid #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.subp-contents img.buffy {
	border: 0;
	box-shadow: none;
	width: 70%;
	max-width: 300px;
}

.subp-contents .paper-container,
.subp-contents .paper-inner {
	width: 100%;
	margin: 30px 0;
	padding: 0;
	background-image: url(../images/common/paper/paper-middle.jpg);
	background-repeat: repeat-y;
	background-position: center center;
	background-size: 100%;
	font-size: 1em;
	font-weight: normal;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.subp-contents .paper-inner {
	margin: 0;
	padding: 0 20px;
	box-shadow: none;
}

.subp-contents .paper-inner a {
	color: #a8db90;
}

.subp-contents .paper-inner a:hover {
	color: #673e2c;
}

.subp-contents .paper-top,
.subp-contents .paper-bottom {
	width: 100%;
	height: 50px;
	background-image: url(../images/common/paper/paper-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
}

.subp-contents .paper-bottom {
	background-image: url(../images/common/paper/paper-bottom.jpg);
	background-position: center bottom;
}

#villagers-paper-container .paper-inner ul {
	text-align: center;
}

#villagers-paper-container .paper-inner ul li {
	width: 26%;
	margin: 5px 1% 0 1%;
	padding: 0;
	display: inline-block;
}

.subp-contents-souvenirs .paper-container {
	margin: 0 0 20px 0;
}

.subp-contents-souvenirs .paper-top,
.subp-contents-souvenirs .paper-bottom {
	height: 30px !important;
	margin: 0;
}

.subp-contents-souvenirs .trailer a {
	width: 100%;
	margin: 0;
	padding: 0;
}

.subp-contents-souvenirs .trailer .item {
	width: 100%;
	margin: 0;
	padding: 0;
}

.subp-contents-souvenirs .trailer p {
	margin: 5px 0 0 0;
	font-family: 'astounder-squared-lc-bb', 'ubuntu', arial;
	font-size: 1.6em;
}

.subp-contents-souvenirs .wallpaper h2 {
	margin: 5px 0 0 0;
	font-family: 'astounder-squared-lc-bb', 'ubuntu', arial;
	font-size: 1.4em;
}

.subp-contents-souvenirs .wallpaper p {
	margin: 5px 0 0 0;
	font-family: 'ubuntu', arial;
	font-size: 1em;
}

.subp-contents-souvenirs .wallpaper p a {
	color: #673e2c;
}

.subp-contents-souvenirs .wallpaper p a:hover {
	color: #a8db90;
}

.subp-contents-souvenirs .wallpaper img {
	margin-top: 0;
}


.subp-gallery {
	width: 100%;
	margin: 10% 0 20% 0;
}

.subp-gallery ul,
.subp-gallery ul li {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.subp-gallery-p1 ul li,
.subp-gallery-p2 ul li {
	width: 50%;
	display: inline-block;
	position: relative;
}

.subp-gallery ul li img {
	width: 100%;
	margin: 0;
	padding: 0;
	transition: none;
	border-radius: 0;
}

.subp-gallery ul li a:hover img {
	opacity: 1;
	border: 5px solid #a8db90;
	box-shadow: 0 0 8px rgba(0,0,0,.5);
}

.subp-gallery ul.pics-title img {
	border: 0 !important;
	box-shadow: none !important;
}

.subp-gallery ul.pics-title div {
	height: 100%;
	background-color: #fff;
	color: #673e2c;
	padding: 5px;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	font-family: 'astounder-squared-bb', 'ubuntu', arial;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
	transition: none;
}

.subp-gallery ul.pics-title div:hover {
	background-color: #a8db90;
	box-shadow: 0 0 8px rgba(0,0,0,.5);
}

.subp-gallery ul.pic-single,
.subp-gallery ul.pic-single2 {
	width: 60% !important;
	max-width: 300px !important;
	margin: 0 auto 20px auto !important;
}

.subp-gallery ul.pic-single2 {
	margin-top: 50px !important;
}

.subp-gallery ul.pic-single li,
.subp-gallery ul.pic-single2 li {
	width: 100% !important;
	transform: none !important;
}

.subp-gallery ul li:first-child {
	transform: rotate(-2deg);
}

.subp-gallery ul li:nth-child(2) {
	transform: rotate(5deg);
}

.subp-gallery ul li:nth-child(3) {
	transform: rotate(-7deg);
}

.subp-gallery ul li:nth-child(4) {
	transform: rotate(2deg);
}

.subp-gallery ul li:nth-child(5) {
	transform: rotate(6deg);
}

.subp-gallery-p3 ul li {
	width: 41% !important;
}

.subp-gallery-p3 ul li:first-child {
	transform: rotate(-2deg);
}

.subp-gallery-p3 ul li:nth-child(3) {
	transform: rotate(2deg);
}

.subp-gallery-p3 ul li:nth-child(4) {
	transform: rotate(5deg);
}

.subp-gallery-p3 ul li:nth-child(6) {
	transform: rotate(-4deg);
}

.subp-gallery-p3 ul li.arrow {
	width: 14% !important;
	border: 0 !important;
	margin: 0 2% !important;
	padding: 0 !important;
	transform: none !important;
	text-align: center;
}

.subp-gallery-p3 ul li.arrow img {
	width: 100%;
	margin: 0 auto;
	vertical-align: bottom;
	padding: 0 0 30px 0 !important;
	transform: rotate(-7deg);
}

.subp-gallery-p3 ul li:nth-child(4),
.subp-gallery-p3 ul li:nth-child(6) {
	margin-top: 20px !important;
}




.buffy-gallery,
#page-top-gallery {
	width: 90%;
	max-width: 900px;
	margin: 40px auto 80px auto;
	position: relative;
	z-index: 10;
}

.buffy-gallery ul,
#page-top-gallery ul {
	text-align: center;
	width: 100%;
}

.buffy-gallery ul li,
#page-top-gallery ul li {
	width: 49%;
	display: inline-block;
}

.buffy-gallery ul li:first-child,
.buffy-gallery ul li:nth-child(4),
.buffy-gallery ul li:nth-child(5),
#page-top-gallery ul li:first-child,
#page-top-gallery ul li:last-child {
	transform: rotate(-3deg);
}

.buffy-gallery ul li:nth-child(2),
.buffy-gallery ul li:nth-child(3),
.buffy-gallery ul li:nth-child(6),
#page-top-gallery ul li:nth-child(2),
#page-top-gallery ul li:nth-child(3) {
	transform: rotate(5deg);
}

.buffy-gallery ul li img,
#page-top-gallery ul li img {
	width: 100%;
	border: 5px solid #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
	box-sizing: border-box;
}

.buffy-gallery ul li a:hover img,
#page-top-gallery ul li a:hover img {
	border: 5px solid #a8db90;
	box-shadow: 0 0 8px rgba(0,0,0,.5);
}

.buffy-btn,
.buffy-btn-mob {
	width: 280px;
	margin: 0 auto 80px auto;
}

.buffy-btn img,
.buffy-btn-mob img {
	width: 100%;
}

.buffy-btn {
	display: none;
}




#page-top-gallery {
	margin: 0 auto 50px auto;
	padding-top: 170px;
	text-align: center;
}

#page-top-gallery img {
	width: 100%;
	border: 5px solid #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
	box-sizing: border-box;
}

#page-top-gallery a:hover img {
	border: 5px solid #a8db90;
	box-shadow: 0 0 8px rgba(0,0,0,.5);
}

#page-top-gallery .photo-featured {
	max-width: 700px;
	margin: 0 auto 30px auto;
	margin-bottom: 30px;
}




.trailer .item {
	width: 98%;
	margin: 0 1%;
	height: 40vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 110%;
	
	box-sizing: border-box;
	display: table;
}

.trailer .item:hover {
	background-size: 120%;
	transition: background-size ease .3s;
}

.trailer .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;
}

.trailer .black:hover {
	background-color: rgba(0, 0, 0, 0);
	transition: background-color .3s ease;
}

.trailer img.playbtn {
	width: 40px;
	margin: 0 auto;
	border: 0;
	box-shadow: none;
}















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

	header#global-header img.top-nsw {
		width: 55px;
	}
	
	header#global-header img.top-ps4 {
		width: 89px;
		top: 12px;
		left: 60px;
	}
	
	header#global-header img.top-steam {
		width: 89px;
		top: 7px;
		left: 153px;
	}
	
	.br_mob {
		display: none;
	}

	#keyvisual-container img.keyvisual-v {
		display: none;
	}

	#keyvisual-container img.keyvisual {
		display: inline;
		width: 100%;
	}

	#keyvisual-container h1#mainlogo {
		width: 250px;
		top: 30px;
		margin-left: -125px;
	}

	.section4 h2 {
		font-size: 1.6em;
	}
	
	
	
	#categ-btn li.item {
		width: 380px;
	}




	.buffy-gallery ul li {
		width: 32.3%;
	}

	.buffy-gallery ul li:first-child {
		transform: rotate(-3deg);
	}
	
	.buffy-gallery ul li:nth-child(2) {
		transform: rotate(12deg);
	}

	.buffy-gallery ul li:nth-child(3) {
		transform: rotate(-15deg);
	}

	.buffy-gallery ul li:nth-child(4) {
		transform: rotate(9deg);
	}

	.buffy-gallery ul li:nth-child(5) {
		transform: rotate(-4deg);
	}

}




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

	#keyvisual-container img.anniversary {
		width: 80px;
		top: 10px;
	}

	.section1 #tagline {
		font-size: 2.4em;
	}
	
	
	
	
	.section5 table {
		max-width: 800px;
		border: 3px dashed #673e2c;
		font-family: 'astounder-squared-bb', 'ubuntu', arial;
		margin-top: 30px;
	}

	.section5 table tr th,
	.section5 table tr td {
		display: inline-block;
		padding: 10px;
		margin: 0;
		vertical-align: middle;
		font-size: 1.1em;
	}

	.section5 table tr {
		border: 3px dashed #673e2c;
	}

	.section5 table tr th {
		width: 33%;
		text-align: right;
		border-right: 3px dashed #673e2c;
	}

	.section5 table tr td {
		width: 58%;
		text-align: left;
	}
	
	#subp-logo {
		width: 200px;
		margin: 12px 0 0 10px;
	}





	.cast-paper-container ul {
		width: 90%;
	}

	.cast-paper-container ul li {
		width: 48%;
		margin: 20px 1%;
		padding: 0;
		display: inline-block;
	}

	.subp-contents img.buffy {
		margin: 50px 0;
	}

	.subp-gallery {
		width: 100%;
		margin: 5% 0 10% 0;
	}




	#villagers-paper-container {
		width: 90%;
		max-width: 1000px;
		margin: 0 auto;
	}

	#villagers-paper-container .villagers-inner {
		width: 102%;
		margin: 0 0 0 -2%;
	}

	#villagers-paper-container .cast-paper-container {
		width: 48%;
		margin: 0 0 2% 2%;
		float: left;
	}

	#villagers-paper-container .cast-paper-container .paper-bottom {
		margin: 0;
	}
	
	
	
	
	.subp-gallery ul li {
		width: 33.3% !important;
		margin: 0 !important;
	}
	
	.subp-gallery-p1 ul li:nth-child(4) {
		transform: rotate(-5deg);
	}
	
	.subp-gallery-p1 ul li:nth-child(5) {
		transform: rotate(10deg);
	}

	.subp-gallery-p2 ul li:first-child,
	.subp-gallery-p2 ul li:nth-child(3) {
		margin-left: 16.65% !important;
	}
	
	.subp-gallery-p2 ul li:nth-child(2),
	.subp-gallery-p2 ul li:nth-child(4) {
		margin-right: 16.65% !important;
	}




	ul#villagers-sub li {
		width: 28%;
		margin: 2% 1%;
	}




	.souvenirs-inner {
		width: 102%;
		margin: -2% 0 0 -2%;
	}

	.subp-contents-souvenirs .paper-container {
		width: 48%;
		margin: 2% 0 0 2% !important;
		float: left;
		display: inline;
	}

	.subp-contents-souvenirs .paper-bottom {
		margin: 0;
		padding: 0;
	}
	
	.trailer .item {
		width: 98%;
		margin: 0 1%;
		height: 18vw;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: 110%;
		
		box-sizing: border-box;
		display: table;
	}

	.subp-contents-souvenirs .trailer p {
		font-size: 1.3em;
	}

	.subp-contents-souvenirs .paper-container-wp-mobile .wallpaper {
		padding: 0 10% !important;
	}
	
	.paper-container-wp-mobile {
		width: 31.3% !important;
	}

}




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

	.pagetitle-banner {
		width: 460px;
		height: 104px;
		margin: 80px auto 0 auto;
		margin-left: -230px;
	}

	.pagetitle-banner h2 {
		line-height: 104px;
		font-size: 2em;
		letter-spacing: 0.1em;
	}

	#maincasts {
		padding-top: 190px;
	}
	
	
	
	#categ-btn li.item {
		width: 48%;
		margin: 1%;
	}
	
	
	
	
	#page-top-gallery {
		margin: 0 auto 50px auto;
		padding-top: 220px;
	}




	.subp-contents {
		width: 65%;
		font-size: 1.3em;
	}

	.subp-contents img {
		margin-top: 40px;
	}

	.subp-contents .paper-inner {
		padding: 0 10%;
		font-size: 0.8em
	}

	.subp-contents-top {
		margin-top: 210px !important;
	}

	.subp-gallery-p3 ul li.arrow img {
		width: 60px;
		padding: 0 0 60px 0 !important;
	}




	#page-top-gallery ul li {
		width: 24%;
	}

	#page-top-gallery ul li:nth-child(3) {
		transform: rotate(-13deg);
	}

	#page-top-gallery ul li:nth-child(4) {
		transform: rotate(5deg);
	}




	.buffy-gallery ul li {
		width: 15.6%;
	}

	.buffy-gallery ul li:first-child {
		transform: rotate(-3deg);
	}
	
	.buffy-gallery ul li:nth-child(2) {
		transform: rotate(12deg);
	}

	.buffy-gallery ul li:nth-child(3) {
		transform: rotate(-13deg);
	}

	.buffy-gallery ul li:nth-child(4) {
		transform: rotate(5deg);
	}

	.buffy-gallery ul li:nth-child(5) {
		transform: rotate(-16deg);
	}

	.buffy-gallery ul li:nth-child(6) {
		transform: rotate(7deg);
	}




	.subp-contents-souvenirs .paper-inner {
		padding: 0 5%;
	}

	.subp-contents-souvenirs .trailer p {
		font-size: 1.6em;
	}


	

}




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

	.section2 .inner {
		width: 86%;
		max-width: 900px;
		margin: 0 auto;
	}

	.section2 .img-set {
		width: 45%;
		height: auto;
		margin: 0 20px 10px 0;
		padding: 0;
		display: inline;
		float: left;
		position: relative;

	}

	.section2 .img-set img.hen {
		width: 80px;
		position: absolute;
		z-index: 0;
		top: 40px;
		margin: 0;
		left: -45px;
	}

	.section2 .img-set img.ss {
		width: 100%;
		position: relative;
		z-index: 1;
		top: 0;
		margin: 0;
		left: 0;
	}

	.section2 .intro1 {
		text-align: left;
		font-size: 1.2em;
		line-height: 1.6em;
		width: 100%;
		position: static;
		margin: 0;
	}
	
	.section4 img.ss {
		width: 45%;
		height: auto;
		margin: 0 20px 10px 0;
		padding: 0;
		float: left;
		display: inline;
	}

	.section4 .keyfeatures-item {
		width: 86%;
		max-width: 800px;
		text-align: left;
		margin: 50px auto 50px auto;
	}


}




@media screen and (min-width: 800px) {
	
	.section5 table tr th {
		width: 25%;
	}

	.section5 table tr td {
		width: 66%;
	}

	.section5 #indevelopment {
		font-size: 2.4em;
	}

	.section3 img.maincharacters {
		width: 35%;
		margin: 100px 0 0 0;
		float: left;
		display: inline;
	}
	
	.section3 .paper-top,
	.section3 .paper-bottom {
		display: none;
	}

	.section3 .inner {
		max-width: 900px;
		margin: 0 auto;
		padding: 40px 0;
	}
	
	.section3 .intro2 {
		width: 60%;
		float: left;
		box-shadow: none;
		margin: 0;
		padding: 0;
		display: table;
		background-image: none;
	}

	.section3 .intro2 .paper-inner {
		width: 100%;
		height: 67vw;
		display: table-cell;
		vertical-align: middle;
		background-image: url(../images/common/paper/paper.png);
		background-repeat: no-repeat;
		background-size: 100%;
		padding: 0 50px;
		text-align: left;
	}

	.hanging-orderbtn-mob,
	.orderbtn-mob {
		display: none;
	}

	.hanging-orderbtn-dt,
	.orderbtn-dt {
		display: block;
	}



	.subp-contents-container h3,
	.subp-content h3 {
		font-size: 2.6em;
	}

	.subp-contents-container .paper-top,
	.subp-contents-container .paper-bottom {
		height: 50px;
	}

	#villagers-paper-container .paper-top,
	#villagers-paper-container .paper-bottom {
		height: 20px !important;
	}

	.subp-contents-container .paper-top,
	.subp-contents-container .paper-inner,
	.subp-contents-container .paper-bottom {
		max-width: 1000px;
	}

	.cast-paper-container ul li {
		width: 31.3%;
		margin: 20px 1%;
		padding: 0;
		display: inline-block;
	}

	#villagers-paper-container .cast-paper-container {
		width: 31.3%;
	}




	.buffy-btn-mob {
		display: none;
	}

	.buffy-btn {
		display: block;
	}




	ul#villagers-sub li {
		width: 23%;
		margin: 2% 1%;
	}

}




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

	header#global-header img.top-nsw {
		width: 60px;
	}
	
	header#global-header img.top-steam {
		width: 94px;
		top: 10px;
		left: 65px;
	}
	
	header#global-header img.top-ps4 {
		width: 94px;
		top: 14px;
		left: 164px;
	}



	
	#keyvisual-container h1#mainlogo {
		width: 340px;
		top: 70px;
		margin-left: -175px;
	}

	.section1 img.preorder-btn {
		width: 360px;
		height: 120px;
		top: -60px;
		margin-left: -180px;
	}

	.section1 #tagline {
		padding-bottom: 30px;
		font-size: 2.8em;
	}

	.section1 img.horse {
		width: 120px;
		margin-left: 270px;
		top: 220px;
		position: absolute;
		z-index: 100;
	}

	.section1 img.tree1,
	.section1 img.tree2 {
		width: 140px;
		position: absolute;
		z-index: 99;
		margin: 0;
		left: 50%;
		opacity: 1;
	}
	
	.section1 img.tree1 {
		margin-left: 270px;
		top: -80px;
	}
	
	.section1 img.tree2 {
		width: 180px;
		margin-left: -450px;
		bottom: 80px;
	}

	.section2 .img-set {
		width: 45%;
	}

	.section2 .img-set img.hen {
		width: 90px;
		top: 50px;
		left: -50px;
	}

	.section3 .intro2 .paper-inner {
		height: 610px;
		padding: 0 60px;
		line-height: 1.6em;
	}

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

}




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

	#categ-btn li.item {
		width: 31.3%;
	}

}




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

	.section1 img.tree1 {
		margin-left: 340px;
	}

	.section1 img.tree2 {
		margin-left: -500px;
	}

	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: 8%;
	}
	
	footer #footer-logos-container ul li.nintendoeshop {
		width: 16%;
	}
	
	footer #footer-logos-container ul li.ps4 {
		width: 13%;
	}
	
	footer #footer-logos-container ul li.steam {
		width: 13%;
	}

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

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




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

	.anniversary-homebody {
		display: none;
	}

	#hanging-orderbtn {
		z-index: 999;
	}

	header#global-header img.anniversary {
		width: 100px;
		height: auto;
		top: 0;
		left: 0;
		position: absolute;
		z-index: 999;
		margin-top: -20px;
	}

	header#global-header img.anniversary  {
		display: block;
	}

	header#global-header img.top-nsw {
		width: 80px;
		top: 33px;
		left: 5px;
	}
	
	header#global-header img.top-ps4 {
		width: 120px;
		top: 52px;
		left: 90px;
	}

	header#global-header img.top-steam {
		width: 120px;
		top: 46px;
		left: 215px;
	}
	
	.top-nsw-subp {
		display: none;
	}

	header#global-header img.anniversary {
		left: auto;
		right: 5px;
		top: 60px;
	}

	#keyvisual-container {
		background-image: url(../images/home/keyvisual.jpg);
		background-size: cover;
		background-position: 50% 50%;
		height: 700px;
		max-height: 980px;
		margin-top: 20px;
	}

	#keyvisual-container img.keyvisual {
		display: none;
	}
	
	#subp-logo {
		position: fixed;
		z-index: 9990;
		margin: 0;
		top: 8px;
		left: 5px;
	}
	
	.subp-contents-container h3,
	.subp-contents h3 {
		margin-top: 4% !important;
	}




	footer #footer-logos-container ul li.xseed {
		width: 11%;
	}
	
	footer #footer-logos-container ul li.marvelous {
		width: 9%;
	}
	
	footer #footer-logos-container ul li.nintendoswitch {
		width: 6%;
	}
	
	footer #footer-logos-container ul li.nintendoeshop {
		width: 16%;
	}
	
	footer #footer-logos-container ul li.ps4 {
		width: 12%;
	}
	
	footer #footer-logos-container ul li.steam {
		width: 12%;
	}

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

}




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

	#keyvisual-container {
		background-image: url(../images/home/keyvisual.jpg);
		background-size: cover;
		background-position: 50% 30%;
		height: 760px;
	}

}




@media screen and (min-width: 1600px) {
	
	.totop {
		right: auto;
		left: 50%;
		margin-left: 740px;
	}

	#subp-logo {
		right: 50%;
		margin-right: 593px;
		left: auto;
	}

	header#global-header img.anniversary {
		top: 5px;
		right: auto;
		left: 50%;
		margin-left: 695px;
	}
	
	#hanging-orderbtn {
		left: auto;
		right: 50%;
		margin-right: 690px;
	}

}









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

.btn_area {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(../images/home/wood.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 9998;
	color: #673e2c;
	text-shadow: 1px 1px 1px rgba(255,255,255,.9);
	font-size: 1em;
	font-weight: 500;
	padding: 15px 40px;
	text-align: center;
	font-family: 'Ubuntu', arial;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	line-height: 1.3em;
}

.btn_area a {
	color: #673e2c;
	text-decoration: underline;
}

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

.btn_area button {
	color: #fff;
	display: block;
	margin: 0 auto;
	font-size: 1.2em;
	font-weight: bold;
	border-radius: 3px;
	padding: 5px 10px;
	border: 0;
	z-index: 9999;
	background: #673e2c;
}




@media screen and (max-height: 450px) {

	.msgoverlay { overflow-y: auto; }
	.msgoverlay a { font-size: 20px }
	.msgoverlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}

}