@charset "UTF-8";

.u-belwe {
	font-family: Belwe Bold, Open Sans, Helvetica, Arial, sans-serif
}

.u-belweStroke, .u-belweStroke--body {
	text-shadow: #000 2px 0 0, #000 1.75517px .95885px 0, #000 1.0806px 1.68294px 0, #000 .14147px 1.99499px 0, #000 -.83229px 1.81859px 0, #000 -1.60229px 1.19694px 0, #000 -1.97998px .28224px 0, #000 -1.87291px -.70157px 0, #000 -1.30729px -1.5136px 0, #000 -.42159px -1.95506px 0, #000 .56732px -1.91785px 0, #000 1.41734px -1.41108px 0, #000 1.92034px -.55883px 0;
	font-family: Belwe Bold;
	font-weight: 400
}

li, ol, ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}


body {
	-webkit-font-smoothing: antialiased
}

a {
	cursor: pointer
}

#breakpoint {
	display: none !important;
	z-index: 0;
	position: relative
}

@media only screen and (min-width:30em) {
	#breakpoint {
		z-index: 0
	}

}

@media only screen and (min-width:40em) {
	#breakpoint {
		z-index: 1
	}

}

@media only screen and (min-width:60em) {
	#breakpoint {
		z-index: 2
	}

}

@media only screen and (min-width:72.5em) {
	#breakpoint {
		z-index: 3
	}

}

@media only screen and (min-width:80em) {
	#breakpoint {
		z-index: 4
	}

}

.body-bot {
	position: relative;
	min-height: 500px;
	padding-bottom: 0;
	max-width: 2600px;
	margin: auto
}

.ContentContainer {
	margin: auto;
	padding: 0 1rem;
	max-width: 81.5rem
}

@media only screen and (min-width:60em) {
	.ContentContainer {
		padding: 0 5rem
	}

}

.sixteen-nine {
	position: relative;
	padding-top: 56.25%
}

.sixteen-nine__media {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.align-center {
	text-align: center
}

.hide {
	display: none
}

.explore-nav-is-out .hack-stock-android-overflow {
	overflow: hidden
}

body>iframe[width="0"][height="0"], body>object[width="1"][height="1"] {
	display: block
}





.is-unFixed .Navbar-container .Navbar-mobile {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}

.Menu-item .Menu-wrapper {
	display: none
}

.Menu-item.is-open .Menu-wrapper {
	display: block
}

@media (max-width:1566px) {
	.de-de #Menu .Menu-item a, .de-de #Menu .Menu-item span, .es-es #Menu .Menu-item a, .es-es #Menu .Menu-item span, .es-mx #Menu .Menu-item a, .es-mx #Menu .Menu-item span, .fr-fr #Menu .Menu-item a, .fr-fr #Menu .Menu-item span, .ja-jp #Menu .Menu-item a, .ja-jp #Menu .Menu-item span, .pl-pl #Menu .Menu-item a, .pl-pl #Menu .Menu-item span, .pt-br #Menu .Menu-item a, .pt-br #Menu .Menu-item span, .ru-ru #Menu .Menu-item a, .ru-ru #Menu .Menu-item span, .th-th #Menu .Menu-item a, .th-th #Menu .Menu-item span {
		font-size: 16px
	}

	.de-de #Menu .Menu-item .Menu-link, .es-es #Menu .Menu-item .Menu-link, .es-mx #Menu .Menu-item .Menu-link, .fr-fr #Menu .Menu-item .Menu-link, .ja-jp #Menu .Menu-item .Menu-link, .pl-pl #Menu .Menu-item .Menu-link, .pt-br #Menu .Menu-item .Menu-link, .ru-ru #Menu .Menu-item .Menu-link, .th-th #Menu .Menu-item .Menu-link {
		padding: 0 .1em
	}

	.de-de #Menu .Menu-item a.Menu-link, .es-es #Menu .Menu-item a.Menu-link, .es-mx #Menu .Menu-item a.Menu-link, .fr-fr #Menu .Menu-item a.Menu-link, .ja-jp #Menu .Menu-item a.Menu-link, .pl-pl #Menu .Menu-item a.Menu-link, .pt-br #Menu .Menu-item a.Menu-link, .ru-ru #Menu .Menu-item a.Menu-link, .th-th #Menu .Menu-item a.Menu-link {
		padding-top: .1em
	}

	.de-de #Menu .Menu-item .Menu-icon, .es-es #Menu .Menu-item .Menu-icon, .es-mx #Menu .Menu-item .Menu-icon, .fr-fr #Menu .Menu-item .Menu-icon, .ja-jp #Menu .Menu-item .Menu-icon, .pl-pl #Menu .Menu-item .Menu-icon, .pt-br #Menu .Menu-item .Menu-icon, .ru-ru #Menu .Menu-item .Menu-icon, .th-th #Menu .Menu-item .Menu-icon {
		-webkit-transform: scale(.85);
		-ms-transform: scale(.85);
		transform: scale(.85);
		margin-left: 5px
	}

}



.slick-slider {
	position: relative
}

.slick-arrow.GoldArrow {
	top: 49.5%;
	-webkit-transition: none;
	transition: none
}

.slick-arrow.GoldArrow--prev {
	left: -8px
}

.slick-arrow.GoldArrow--next {
	right: -8px
}

.slick-arrow.slick-disabled {
	opacity: .35;
	pointer-events: none
}

@media only screen and (min-width:60em) {
	.Hero .slick-arrow.GoldArrow--prev {
		left: 12%
	}

	.Hero .slick-arrow.GoldArrow--next {
		right: 12%
	}

}

@media only screen and (min-width:72.5em) {
	.Hero .slick-arrow.GoldArrow--prev {
		left: 14%
	}

	.Hero .slick-arrow.GoldArrow--next {
		right: 14%
	}

}

@media (min-width:1925px) {
	.Hero .slick-arrow.GoldArrow--prev {
		left: 50%;
		-webkit-transform: translate(-695px, -50%);
		-ms-transform: translate(-695px, -50%);
		transform: translate(-695px, -50%)
	}

	.Hero .slick-arrow.GoldArrow--prev:hover {
		-webkit-transform: translate(-698px, -50%);
		-ms-transform: translate(-698px, -50%);
		transform: translate(-698px, -50%)
	}

	.Hero .slick-arrow.GoldArrow--prev:active {
		-webkit-transform: translate(-698px, -50%) scale(.97);
		-ms-transform: translate(-698px, -50%) scale(.97);
		transform: translate(-698px, -50%) scale(.97)
	}

	.Hero .slick-arrow.GoldArrow--next {
		right: 50%;
		-webkit-transform: translate(695px, -50%);
		-ms-transform: translate(695px, -50%);
		transform: translate(695px, -50%)
	}

	.Hero .slick-arrow.GoldArrow--next:hover {
		-webkit-transform: translate(698px, -50%);
		-ms-transform: translate(698px, -50%);
		transform: translate(698px, -50%)
	}

	.Hero .slick-arrow.GoldArrow--next:active {
		-webkit-transform: translate(698px, -50%) scale(.97);
		-ms-transform: translate(698px, -50%) scale(.97);
		transform: translate(698px, -50%) scale(.97)
	}

}

.Slick-item {
	margin: 0 .5em;
	position: relative;
	display: inline-block
}

.Slick-item iframe, .Slick-item img {
	width: 100%
}

.Slick-item iframe {
	height: 100%
}

.Slick-item .AspectRatio {
	margin-left: 0;
	background: #000
}

.Slick-item .Lightbox-item {
	display: none
}

.Slick-item:not(.slick-current) {
	pointer-events: none;
	cursor: default
}

.Slick-item:not(.slick-current) .VideoSlide-video:after {
	opacity: .75;
	z-index: 10
}

.Slick-item:not(.slick-current) .VideoSlide-subtitle {
	opacity: 0
}

.Slick-item.slick-current {
	opacity: 1
}

@media only screen and (min-width:40em) {
	.Slick-item {
		margin: 0 1em
	}

}

.Carousel-indicators {
	margin-bottom: 0;
	padding: 0;
	text-align: center
}

.Carousel-indicators li {
	height: 32px;
	width: 28px;
	background: transparent url(https://d2q63o9r0h0ohi.cloudfront.net/images/buttons/screenshot-overlay-243c5208fc979cda6e668d6e5f5183f2f6fc1376c8b2432e4205f1707ae45e6cce8ba35f699c7669a17853ecda06f13c5c19bc00a9f35f44e19815cd407b4518.png) -325px -262px no-repeat;
	display: inline-block
}

.Carousel-indicators li:hover {
	cursor: pointer;
	background-position: -355px -262px
}

.Carousel-indicators li.slick-active {
	background-position: -385px -262px
}

.Carousel-indicators button {
	display: none
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
	cursor: pointer
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-tap-highlight-color: transparent;
	-webkit-perspective: 1000px;
	perspective: 1000px
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	padding: 2px 0
}

.slick-track:after, .slick-track:before {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: auto;
	min-height: 1px;
	cursor: default;
	display: none
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.DarkBrown {
	color: #614326
}

.ExpansionsIntro {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 3;
	font-weight: 700;
	line-height: 1.5;
	font-size: 16px;
	text-shadow: -1px 1px 5px rgba(0, 0, 0, .7);
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif
}

.ExpansionsIntro .ExpansionsIntro-subheader {
	max-width: 850px;
	margin: 0 auto;
	padding: 0;
	color: #fff
}

@media only screen and (min-width:72.5em) {
	.ExpansionsIntro .ExpansionsIntro-subheader {
		max-width: 980px
	}

}

.HeaderFade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: #000;
	opacity: .3
}

.CardSetsMainContent {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 30px
}

.ExpansionLink-detail h3, .ExpansionLink-detail h4, .ExpansionLink-detail h5, .YearText h3, .YearText h4, .YearText h5 {
	margin-top: .15em;
	margin-bottom: .15em
}

.ExpansionYearList {
	max-width: 100%;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (min-width:1200px) {
	.ExpansionYearList {
		height: auto;
		min-height: 360px;
		margin-left: 5%;
		margin-right: 5%
	}

}

@media only screen and (min-width:80em) {
	.ExpansionYearList {
		width: 1800px
	}

}

.ExpansionYear {
	display: block;
	margin-bottom: 50px
}

.YearInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 10px
}

@media only screen and (min-width:1200px) {
	.YearInfo {
		margin-left: 0
	}

}

.YearText {
	display: block;
	padding-top: 5px;
	margin-left: 15px;
	margin-right: 15px
}

@media only screen and (min-width:1200px) {
	.YearText {
		margin-top: 2px
	}

}

.YearFormat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: -2px;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left
}

.FormatInfo {
	height: 100%;
	vertical-align: middle;
	padding-top: 4px
}

.FormatIcon, .YearIcon, svg g.icon-mask {
	fill: #614326
}

.YearIcon {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/icons/year/icon_year_classic-28bf7a259836fbe3d208cd192037e58e90dcac77de1561fe2a3e83c605ffbd981bd700ab4a9a8865b33d8232b6f4d859b42c348d168dd9c0925abf9a6c61aa89.png) 50% no-repeat;
	background-size: 90%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 5px;
	margin-right: 5px;
	-webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .3));
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .3));
	width: 60px;
	height: 60px
}

@media only screen and (min-width:375px) {
	.YearIcon {
		width: 80px;
		height: 80px
	}

}

@media only screen and (min-width:480px) {
	.YearIcon {
		width: 100px;
		height: 100px
	}

}

.YearIcon--dragon {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/icons/year/icon_year_dragon-253d1fb84d35f97e0a42e7b7d185056ec041bb15b3e4fc643bb641c06ea98ba4470be565c43f1a2ff191e37fc6319716c50f6955f76c49edce2e12f45c198319.png)
}

.YearIcon--raven {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/icons/year/icon_year_raven-05890bd085f4256f4c1e99d31927ccf5823f8e0b2eb95691fbd41b62ccc2e42c22304c21918f3cdea087b5c25ca66249e806603ac1462a9a4a3f8ee9a8e5041b.png)
}

.YearIcon--mammoth {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/icons/year/icon_year_mammoth-204d1eba168c2febf0a644d304fcf9982c220a167917f0fb94076c96e3a08d7bdee1688e9efabb8c6e0fd2592bf782d5244caea244ddb6b4e2698f0369da3566.png)
}

.YearIcon--kraken {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/icons/year/icon_year_kraken-94b80d5409c55c77a81998f8097b8a1ae6a7fb0f07838c486743ce366b87989f5efdda5012f2b45dac8b3bbf8a027910920fa0e3ff1d437e10dbf06cbee52716.png)
}

.FormatIcon {
	width: 30px;
	height: 30px;
	margin-right: -4px
}

.ExpansionList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: -10px;
	margin-bottom: -10px
}

@media only screen and (min-width:1200px) {
	.ExpansionList {
		margin-top: 0;
		margin-bottom: 0
	}

}

.ExpansionList-item {
	z-index: 4;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	position: relative;
	width: 300px;
	height: 360px;
	padding: 20px 10px
}

@media only screen and (min-width:30em) {
	.ExpansionList-item {
		width: 600px
	}

}

@media only screen and (min-width:1200px) {
	.ExpansionList-item {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 33.33%;
		flex: 1 0 33.33%;
		max-width: 33.33%;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px
	}

}

.ExpansionLink {
	display: inline-block;
	position: relative;
	width: 100%;
	max-width: 600px;
	height: 360px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

@media only screen and (min-width:1200px) {
	.ExpansionLink {
		height: auto;
		padding-bottom: 60.5%
	}

	.ExpansionLink:hover {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05)
	}

	.ExpansionLink:hover .ExpansionLink-background {
		opacity: .5
	}

	.ExpansionLink:hover .LogoContainer {
		-webkit-transform: scale(1.02);
		-ms-transform: scale(1.02);
		transform: scale(1.02)
	}

}

.ExpansionLink .ExpansionLink-interior {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	margin: auto;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	overflow: hidden;
	background-color: rgba(0, 0, 0, .99)
}

.slick-center .ExpansionLink {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.slick-center .ExpansionLink .ExpansionLink-background {
	opacity: .6;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.ExpansionLink-background {
	z-index: 5;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 1;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.ExpansionLink-background, .ExpansionLink-foreground {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.ExpansionLink-foreground {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.ExpansionLink-newTag {
	position: absolute;
	top: -8px;
	left: -8px;
	width: 131px;
	height: 131px;
	z-index: 25;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/newbadge-d0c2c0d861f28f1f3d7552baeca419809eed02a28e2badf2504c5034a44d0697e6cab936d384d9684ddc723bdb575276e0d17dd9b89ce902208ad91a77819e0c.png) no-repeat
}

.ExpansionLink-newTag h6 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	text-align: center;
	-webkit-transform: rotate(-45deg) translate(-39px, 18px);
	-ms-transform: rotate(-45deg) translate(-39px, 18px);
	transform: rotate(-45deg) translate(-39px, 18px)
}

.ExpansionLink a:hover {
	text-decoration: none
}

.ExpansionLink--goblins-vs-gnomes {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/goblins-vs-gnomes/tile-background-fe6517dcaed861fe1fca6319cce686b374681e94dee414848984f0dd5697568993888cf06e672f0f27fc261f799bd379575357e8f92163b8ee816ab57153dda2.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/goblins-vs-gnomes/tile-background-fe6517dcaed861fe1fca6319cce686b374681e94dee414848984f0dd5697568993888cf06e672f0f27fc261f799bd379575357e8f92163b8ee816ab57153dda2.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--naxxramas {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/naxxramas/tile-background-4bc495498b64e90a2acefc157fb6a37d7da31ae32b758e3745f6f82a94e7fe3763d97de2c903dbbf5fd2de8247845e865b74481c416dcd62aabd438084f51a20.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/naxxramas/tile-background-4bc495498b64e90a2acefc157fb6a37d7da31ae32b758e3745f6f82a94e7fe3763d97de2c903dbbf5fd2de8247845e865b74481c416dcd62aabd438084f51a20.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--blackrock-mountain {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/blackrock-mountain/tile-background-e7a9eee7ffd2757222afb295d9dc5316f8e2d7f9c1681e02fddf72b67a20462e6aa28ae72db23d927e584f2da61165ae71d67faf1cb44334477e87706680ddb2.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/blackrock-mountain/tile-background-e7a9eee7ffd2757222afb295d9dc5316f8e2d7f9c1681e02fddf72b67a20462e6aa28ae72db23d927e584f2da61165ae71d67faf1cb44334477e87706680ddb2.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--the-grand-tournament {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/the-grand-tournament/tile-background-52df10a9c314061717a02c49584575ed44cec1c3f5d4e6c3270def1f3542f1e6d3f5c83f64a18c27eabf2d61807264448b965fe9650b4897cbdb47873b6cdc40.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/the-grand-tournament/tile-background-52df10a9c314061717a02c49584575ed44cec1c3f5d4e6c3270def1f3542f1e6d3f5c83f64a18c27eabf2d61807264448b965fe9650b4897cbdb47873b6cdc40.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--league-of-explorers {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/league-of-explorers/tile-background-f485ee94290d40c8a200f8d97c67ab643a3a3dad43c91ad0498890e610ed77c21ba84773a75e102132da1a6697246b90392f264ee648a50b74933836b7aad534.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/league-of-explorers/tile-background-f485ee94290d40c8a200f8d97c67ab643a3a3dad43c91ad0498890e610ed77c21ba84773a75e102132da1a6697246b90392f264ee648a50b74933836b7aad534.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--whispers-of-the-old-gods {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/whispers-of-the-old-gods/tile-background-e5028f97f9f9a4cb885e8190082557d881c5eb57cf384dc4253bb047306fb62e04c550677124eb88a4bc41642da9f8e14df92a44a3c5dda1ff04dd736fd6021c.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/whispers-of-the-old-gods/tile-background-e5028f97f9f9a4cb885e8190082557d881c5eb57cf384dc4253bb047306fb62e04c550677124eb88a4bc41642da9f8e14df92a44a3c5dda1ff04dd736fd6021c.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--one-night-in-karazhan {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/one-night-in-karazhan/tile-background-f2a970464e0d5c14aea408d935207d574dbaa62eb6a17518697e4f249c650e62d74f2625e39ebc9fba7c78ab1d95e7f9a2f5f70791d88614b429b18f156ba3f6.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/one-night-in-karazhan/tile-background-f2a970464e0d5c14aea408d935207d574dbaa62eb6a17518697e4f249c650e62d74f2625e39ebc9fba7c78ab1d95e7f9a2f5f70791d88614b429b18f156ba3f6.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--mean-streets-of-gadgetzan {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/mean-streets-of-gadgetzan/tile-background-b572a3d7563b9f9a85dbd8877d26c864159ea6f7ceaf6ee60e761ccbbbffbc28f23c0d9d3eaf42cfe04a2b854c767ea4a91b3da825b63a48330b18c0178a02ac.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/mean-streets-of-gadgetzan/tile-background-b572a3d7563b9f9a85dbd8877d26c864159ea6f7ceaf6ee60e761ccbbbffbc28f23c0d9d3eaf42cfe04a2b854c767ea4a91b3da825b63a48330b18c0178a02ac.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--journey-to-ungoro {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/journey-to-ungoro/tile-background-c1aae2b5cd15d23e379bd511a69b48fcd452ab4678b03a66e2873d359e34c129b0b058ed096dac2c2db7419bf09d4849eddd67188b64ae990bfeb7ac6ae8dd4c.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/journey-to-ungoro/tile-background-c1aae2b5cd15d23e379bd511a69b48fcd452ab4678b03a66e2873d359e34c129b0b058ed096dac2c2db7419bf09d4849eddd67188b64ae990bfeb7ac6ae8dd4c.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--knights-of-the-frozen-throne {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/knights-of-the-frozen-throne/tile-background-0c028b60a086a83cc1b0e458e12b713dea8150162af4d919b7fbbd70931438ecc92ebcfde85701e72418ddcc20f09e5520e554d72ac4b6c3ddb57efda8921ba7.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/knights-of-the-frozen-throne/tile-background-0c028b60a086a83cc1b0e458e12b713dea8150162af4d919b7fbbd70931438ecc92ebcfde85701e72418ddcc20f09e5520e554d72ac4b6c3ddb57efda8921ba7.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--kobolds-and-catacombs {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/kobolds-and-catacombs/tile-background-51062802afb54589139edb5378eb404ce3f4261ad921db4d38230d7a9f8792bf445c11510be00f8f2e95ea5ede772ff090895eef7d885c94c0c7e9f4854883ac.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/kobolds-and-catacombs/tile-background-51062802afb54589139edb5378eb404ce3f4261ad921db4d38230d7a9f8792bf445c11510be00f8f2e95ea5ede772ff090895eef7d885c94c0c7e9f4854883ac.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--the-witchwood {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/the-witchwood/tile-background-6202007b60513412e56aeba022e5c9c3a6c2ddbc20510f7b75b6662a81898d3b9028f0e0fa903f5bdbfae2fc3a30af4b0e9c387c83ef558ce660aa3bcc782583.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/the-witchwood/tile-background-6202007b60513412e56aeba022e5c9c3a6c2ddbc20510f7b75b6662a81898d3b9028f0e0fa903f5bdbfae2fc3a30af4b0e9c387c83ef558ce660aa3bcc782583.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--the-boomsday-project {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/the-boomsday-project/tile-background-cbf9e460956891e33569b2167b23b26af18ca5047e99dcdb16e138f645e519e94f1268aebad888cae4776b73410b7da4dfbfb4133702f717968d313120b268f3.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/the-boomsday-project/tile-background-cbf9e460956891e33569b2167b23b26af18ca5047e99dcdb16e138f645e519e94f1268aebad888cae4776b73410b7da4dfbfb4133702f717968d313120b268f3.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--rastakhans-rumble {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/rastakhans-rumble/tile-background-08711f129a6db833f65f68aae664dfbd09226822c525d6e3ca6efe06abae9549b7c7b3dfc500922818d8d31906c5e41dedaf736185e1a8d130f81826db81db63.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/rastakhans-rumble/tile-background-08711f129a6db833f65f68aae664dfbd09226822c525d6e3ca6efe06abae9549b7c7b3dfc500922818d8d31906c5e41dedaf736185e1a8d130f81826db81db63.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--rise-of-shadows {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/rise-of-shadows/tile-background-0afbbfa55914008793ccf6167448ed39cd1611889a28199144ae57d1c2310efe8b9aecace95894a10de18b8b762b4ee75fba80908a53cbca9752d2038f6578c2.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/rise-of-shadows/tile-background-0afbbfa55914008793ccf6167448ed39cd1611889a28199144ae57d1c2310efe8b9aecace95894a10de18b8b762b4ee75fba80908a53cbca9752d2038f6578c2.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--saviors-of-uldum {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/saviors-of-uldum/tile-background-bfdef0c2ea8a1e3a4bd1d2c320e5ae7962dfc8fa74096ed9d627454606dcd450f334083d83134120635bd26110dd9c4daf6f563f4281a279b922001e6dd37368.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/saviors-of-uldum/tile-background-bfdef0c2ea8a1e3a4bd1d2c320e5ae7962dfc8fa74096ed9d627454606dcd450f334083d83134120635bd26110dd9c4daf6f563f4281a279b922001e6dd37368.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--descent-of-dragons {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/descent-of-dragons/tile-background-fd4e15009aecd87dd1cc34dac119600f149c327b182ce8f54649b2a015e4f17d0d1777afaa5b926ac3fd5bdd42297599d455c187c497a5b3d276e5b42fe67d6a.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/descent-of-dragons/tile-background-fd4e15009aecd87dd1cc34dac119600f149c327b182ce8f54649b2a015e4f17d0d1777afaa5b926ac3fd5bdd42297599d455c187c497a5b3d276e5b42fe67d6a.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--expansion-1-teaser {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/expansion-1-teaser-dd49fd29e65f6bb5f20203629a42b2a5aa91f01431bd426448b1da3d87cd60557e577b4d48aab3b6190afb37d7416c2fd5f3807334bb377c69859431fac75db6.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/expansion-1-teaser-dd49fd29e65f6bb5f20203629a42b2a5aa91f01431bd426448b1da3d87cd60557e577b4d48aab3b6190afb37d7416c2fd5f3807334bb377c69859431fac75db6.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--expansion-2-teaser {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/expansion-2-teaser-bb862c4ec0863e040341b45de829bba1d24ea91d2e6858a79d9274c13d7cc845ec9ea73f17e338abfed2103ba9d1548c291cb6323962f50595ccd934ef312e8e.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/expansion-2-teaser-bb862c4ec0863e040341b45de829bba1d24ea91d2e6858a79d9274c13d7cc845ec9ea73f17e338abfed2103ba9d1548c291cb6323962f50595ccd934ef312e8e.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink--expansion-3-teaser {
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/expansion-3-teaser-1437d0b49c170fd61b3cbeb45e6f19fbc08ed6604fa6e6437116b43b36f6d02136531bd0a9c8b6d6a3e350f0354a955d2e29e24a9b6697e37560872d30011e38.jpg), -webkit-gradient(linear, left top, left bottom, from(#944ca0), to(#581b7f));
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/card-sets/expansion-3-teaser-1437d0b49c170fd61b3cbeb45e6f19fbc08ed6604fa6e6437116b43b36f6d02136531bd0a9c8b6d6a3e350f0354a955d2e29e24a9b6697e37560872d30011e38.jpg), linear-gradient(180deg, #944ca0, #581b7f)
}

.ExpansionLink-gradient {
	position: absolute;
	z-index: 15;
	width: 100%;
	height: 60%;
	bottom: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, .9))
}

.ExpansionLink-detail {
	position: absolute;
	z-index: 25;
	text-align: center;
	width: 100%;
	height: auto;
	bottom: 0;
	margin-bottom: 40px
}

@media only screen and (min-width:40em) {
	.ExpansionLink-detail {
		margin-bottom: 5%
	}

}

.LogoContainer {
	z-index: 20;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 75%;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}

.LogoContainer, .LogoContainer .CardSetLogo {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%
}

.LogoContainer .CardSetLogo {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto
}

@media only screen and (min-width:30em) {
	.LogoContainer .CardSetLogo {
		width: 90%
	}

}

@media only screen and (min-width:40em) {
	.LogoContainer .CardSetLogo {
		width: 75%
	}

}

.CardSetsHeader .ParallaxGeneral {
	background-color: #000;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

@media only screen and (max-width:39.99em) {
	.CardSetsHeader .ParallaxGeneral {
		padding-bottom: 3em
	}

}

@media only screen and (max-width:59.99em) {
	.CardSetsHeader .ParallaxGeneral {
		padding-bottom: 5em
	}

}

button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit
}

.fsg-form-button {
	background-color: #913a1f;
	background-position: 50%;
	background-size: 65% 65%, 100% 100%;
	background-repeat: no-repeat;
	width: 3.18em;
	height: 3.25em;
	z-index: 1;
	border-radius: .25rem;
	-webkit-box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	cursor: pointer
}

.fsg-form-button:hover {
	background-color: #b14726
}

.fsg-form-select, .fsg-form-select--small {
	position: relative;
	height: 3.25em;
	line-height: 1;
	padding: 0
}

.fsg-form-select--small:before, .fsg-form-select:before {
	margin-right: 3.065em;
	display: block;
	position: relative;
	z-index: 0;
	border: .125em solid #f9f7f0;
	border-bottom-left-radius: .25rem;
	border-top-left-radius: .25rem;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fffcf6), to(#f2eee8));
	background: linear-gradient(#fffcf6, #f2eee8);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.fsg-form-select--small:after, .fsg-form-select--small:before, .fsg-form-select:after, .fsg-form-select:before {
	content: "";
	height: 100%;
	-webkit-box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3);
	box-shadow: 0 .15rem .15rem rgba(156, 118, 70, .3)
}

.fsg-form-select--small:after, .fsg-form-select:after {
	background: url(images/icons/fsg_input_select_dropdown_arrows@2x-90bdb169f8d502bfe4824ee9eaec177ef24b4f8196bf49705eea9686b02ea58d7b20de558d07acd33f398a66152b1b0bb2f11603740b9c19b4d45812af3dbe94.png) 50% no-repeat #913a1f;
	background: url(images/icons/fsg_input_select_dropdown_arrows@2x-90bdb169f8d502bfe4824ee9eaec177ef24b4f8196bf49705eea9686b02ea58d7b20de558d07acd33f398a66152b1b0bb2f11603740b9c19b4d45812af3dbe94.png) 50% no-repeat, url(https://d2q63o9r0h0ohi.cloudfront.net/images/fireside-gatherings/form-button-bg-10bf9ae28b5cf03a69a819cf5856a5dbf41b436433f5e5864e422339f916f25063b18a9d740474d458e76dd71f53083c5c39e2845e13d20a9252305d7d25a01b.jpg) #913a1f;
	background-size: 65% 65%, 100% 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 3.065em;
	z-index: 1;
	border-bottom-right-radius: .25rem;
	border-top-right-radius: .25rem
}

.fsg-form-select--small select, .fsg-form-select select {
	background: transparent;
	border: 0;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	font-size: 1.25em;
	color: #7c674a;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 3.452em 0 1em;
	vertical-align: middle
}

.fsg-form-select--small select::-ms-expand, .fsg-form-select select::-ms-expand {
	display: none
}

.fsg-form-select--small select:-moz-focusring, .fsg-form-select select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000
}

.fsg-form-select--small select:focus::-ms-value, .fsg-form-select select:focus::-ms-value {
	background: transparent;
	color: inherit
}

.fsg-form-select--small option, .fsg-form-select option {
	background: #fff;
	color: inherit;
	border: none;
	outline: none
}

.fsg-form-select--small option:disabled, .fsg-form-select option:disabled {
	color: #dedede
}

.fsg-form-select--small:hover, .fsg-form-select:hover {
	cursor: pointer
}

.fsg-form-select--small:hover:after, .fsg-form-select:hover:after {
	background-color: #b14726
}

.fsg-form-select--small {
	font-size: 1em;
	height: 2.76em;
	line-height: 2.76em;
	display: inline-block;
	width: 16em;
	max-width: 100%;
	vertical-align: middle
}

@media only screen and (min-width:40em) {
	.fsg-form-select--small {
		font-size: .85em
	}

}

.fsg-form-select--small:after {
	width: 2.5em
}

.fsg-form-select--small:before {
	margin-right: 2.5em
}

.fsg-form-select--xsmall {
	width: 100%;
	display: block
}

@media only screen and (min-width:40em) {
	.fsg-form-select--xsmall {
		width: 16em
	}

}

.fsg-form-select--xsmall select {
	font-size: 1.1em
}

.fsg-form-select--xsmall optgroup {
	background-color: #fff
}

.fsg-form-select--dull {
	background: #f1d6a9
}

.fsg-form-select--dull:hover:after {
	background-color: #a0815d
}

.fsg-form-select--dull:after {
	background-color: #725a37
}

.fsg-form-select--dull:before {
	background: #f1d6a9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5e0bf), to(#f1d6a9));
	background: linear-gradient(#f5e0bf, #f1d6a9);
	border-color: #f5e0bf
}

#lightbox-anchor {
	position: fixed;
	background: rgba(0, 0, 0, .7);
	top: 0;
	left: 0;
	z-index: 9005;
	width: 100%;
	height: 100%
}

#lightbox-container {
	width: 890px;
	height: 527px;
	position: relative;
	top: 20%;
	margin: 0 auto;
	background-color: #000
}

@media (max-height:885px) {
	#lightbox-container {
		top: 90px
	}

}

#lightbox-container .ui-element {
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) no-repeat
}

#lightbox-content, #lightbox-content_bracket {
	background: #0d0804;
	z-index: 9005;
	position: relative
}

#lightbox-title {
	position: relative;
	background: transparent url(images/ui/lightbox-title-e592417b9e169f98fff63ccec3de96d731960436782dbc400cd1a240e015806fae0559bec71a387f35d5d1d69c395997072b968d9731719ce6a05d38b9017335.jpg);
	height: 26px;
	font: normal 13px/26px Palatino Linotype, Book Antiqua, Palatino, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Asadong, Times, serif;
	color: #fff;
	padding-left: 20px;
	text-transform: uppercase;
	margin: 0
}

.ko-kr #lightbox-title {
	font-family: NanumMyeongjo Bold
}

#lightbox-container .control-wrapper.no-paging, #lightbox-title:empty {
	display: none
}

#lightbox-container .lightbox-close, .modal-container .lightbox-close {
	display: block;
	cursor: pointer;
	position: absolute;
	float: right;
	right: -9px;
	top: -7px;
	width: 45px;
	height: 46px;
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) -84px 0 repeat-x;
	z-index: 9007;
	-webkit-transition: none;
	transition: none
}

#lightbox-container .lightbox-close:before, .modal-container .lightbox-close:before {
	content: "";
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) -128px 0 repeat-x;
	z-index: -1;
	position: absolute;
	display: block;
	opacity: 0;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity .15s ease-out;
	transition: opacity .15s ease-out
}

#lightbox-container .lightbox-close:hover:before, .modal-container .lightbox-close:hover:before {
	opacity: 1
}

#lightbox-container .lightbox-close:active, .modal-container .lightbox-close:active {
	-webkit-transform: scale(.98);
	-ms-transform: scale(.98);
	transform: scale(.98)
}

#lightbox-container .border, .modal-container .border {
	position: absolute;
	float: left;
	z-index: 9006
}

#lightbox-container #lb-border-top, .modal-container #lb-border-top {
	height: 18px;
	top: -18px;
	left: 0;
	background: url(images/ui/lightbox-frame-6b7c3679493cc5ce9b2e01650ab74d90dc477827f301fff62910a61e3e8f7b05fdd368451d1c7fb9b7aab8bb258ada866f0d9ea98a99d605364057cd1644e1ef.png) 50% 0 repeat-x;
	padding-right: 12px
}

#lightbox-container #lb-border-right, .modal-container #lb-border-right {
	width: 18px;
	top: 0;
	right: -18px;
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) -272px 0 repeat-y;
	padding-bottom: 9px
}

#lightbox-container #lb-border-bottom, .modal-container #lb-border-bottom {
	height: 18px;
	bottom: -18px;
	left: 0;
	background: url(images/ui/lightbox-frame-6b7c3679493cc5ce9b2e01650ab74d90dc477827f301fff62910a61e3e8f7b05fdd368451d1c7fb9b7aab8bb258ada866f0d9ea98a99d605364057cd1644e1ef.png) 50% -19px repeat-x;
	padding-right: 12px
}

#lightbox-container #lb-border-left, .modal-container #lb-border-left {
	width: 18px;
	top: 0;
	left: -18px;
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) -254px 0 repeat-y;
	padding-bottom: 9px
}

#lightbox-container .corner, .modal-container .corner {
	position: absolute;
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) no-repeat;
	width: 38px;
	height: 38px;
	float: left;
	z-index: 9007
}

#lightbox-container .corner-top-left, .modal-container .corner-top-left {
	background-position: -176px 0;
	top: -18px;
	left: -16px
}

#lightbox-container .corner-bottom-left, .modal-container .corner-bottom-left {
	background-position: -174px -39px;
	bottom: -18px;
	left: -18px
}

#lightbox-container .corner-top-right, .modal-container .corner-top-right {
	background-position: -214px 0;
	top: -18px;
	right: -18px
}

#lightbox-container .corner-bottom-right, .modal-container .corner-bottom-right {
	background-position: -214px -39px;
	bottom: -18px;
	right: -18px
}

#lightbox-container .control-wrapper, .modal-container .control-wrapper {
	height: 47px;
	position: relative;
	width: 100%;
	z-index: 9006;
	background: transparent url(images/ui/lightbox-controls-bg-c4c8e9d33c6f20d458f70fbf7c0471fddc34465188f9b62ccda7977e69d3841d1b8e1b313c419788407afdc5bd0972f65715d889ff17cfa818d7f7b3b4c496d6.jpg) no-repeat
}

#lightbox-container .control-wrapper .lightbox-controls, .modal-container .control-wrapper .lightbox-controls {
	height: 47px;
	margin: 0 auto;
	position: relative
}

#lightbox-container .control-wrapper .lightbox-controls.ui-element, .modal-container .control-wrapper .lightbox-controls.ui-element {
	background: none
}

#lightbox-container .control-wrapper a, .modal-container .control-wrapper a {
	display: block;
	height: 47px;
	float: left;
	position: relative;
	z-index: 1;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out
}

#lightbox-container .control-wrapper a:before, .modal-container .control-wrapper a:before {
	background: url(images/ui/lightbox-06fc0398a042e850565b95e637e35cfd1790561e5ccf2a115b570920ea615174b29f868034774952f8c3e20ff2ac3290101fa4c48cb0b591cd8e8c90f78aefe4.png) 0 5px no-repeat;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: -1;
	opacity: 0;
	-webkit-transition: opacity .15s ease-out;
	transition: opacity .15s ease-out
}

#lightbox-container .control-wrapper a:active, .modal-container .control-wrapper a:active {
	-webkit-transform: scale(.989);
	-ms-transform: scale(.989);
	transform: scale(.989)
}

#lightbox-container .control-wrapper a:hover:before, .modal-container .control-wrapper a:hover:before {
	opacity: 1
}

#lightbox-container .control-wrapper a.previous, .modal-container .control-wrapper a.previous {
	width: 37px;
	background-position: 0 5px;
	margin-left: 10px
}

#lightbox-container .control-wrapper a.previous:before, .modal-container .control-wrapper a.previous:before {
	background-position: 0 -40px
}

#lightbox-container .control-wrapper a.gallery-view, .modal-container .control-wrapper a.gallery-view {
	width: 76px;
	background-position: -84px -8px
}

#lightbox-container .control-wrapper a.gallery-view:hover, .modal-container .control-wrapper a.gallery-view:hover {
	background-position: -84px -58px
}

#lightbox-container .control-wrapper a.next, .modal-container .control-wrapper a.next {
	width: 37px;
	background-position: -46px 5px;
	float: right;
	margin-right: 10px
}

#lightbox-container .control-wrapper a.next:before, .modal-container .control-wrapper a.next:before {
	background-position: -46px -40px
}

#lightbox-container .control-wrapper.no-paging .lightbox-controls, .modal-container .control-wrapper.no-paging .lightbox-controls {
	height: 47px
}

#lightbox-container .control-wrapper.no-paging a.gallery-view, .modal-container .control-wrapper.no-paging a.gallery-view {
	margin: 0
}

#lightbox-container .control-wrapper.no-paging a.next, #lightbox-container .control-wrapper.no-paging a.previous, .modal-container .control-wrapper.no-paging a.next, .modal-container .control-wrapper.no-paging a.previous {
	display: none
}

#lightbox-container .control-wrapper.no-gallery .lightbox-controls.ui-element, .modal-container .control-wrapper.no-gallery .lightbox-controls.ui-element {
	background: none
}

#lightbox-container .control-wrapper.no-gallery a.gallery-view, .modal-container .control-wrapper.no-gallery a.gallery-view {
	display: none
}

#lightbox-container .control-wrapper.no-gallery.no-paging, .modal-container .control-wrapper.no-gallery.no-paging {
	height: 47px
}

#lightbox-container .lightbox-error, .modal-container .lightbox-error {
	text-align: center;
	font-size: 16px;
	background: #000;
	vertical-align: text-bottom;
	line-height: 550px
}

.ie6 #lightbox-container #lb-border-left, .ie6 #lightbox-container #lb-border-right, .ie6 #lightbox-container .corner, .ie6 #lightbox-container .ui-element {
	background-image: url(images/ui/lightbox-035bae8fdab0539466eacceb982db34834ff5e902492413be3dd5f06d3e233cd4f4d287b861e4ee92f298185bb041fcd4b909c184312ab898474a73c87734b26.gif)
}

.ie6 #lightbox-container {
	zoom: 1
}

.DataContainer-widthLimit {
	max-width: 1160px;
	margin: 0 auto
}

.DataContainer-headingContainer {
	margin: auto auto 10px 5px
}

.DataContainer-disclaimer {
	text-align: left;
	margin-left: 5px;
	font-style: italic;
	font-size: 13px;
	height: 15px;
	color: #666
}

.DataContainer-frame {
	position: relative;
	margin-bottom: 17px;
	padding: 7%;
	height: 365px;
	text-align: left;
	background: url(images/containers/data-container-frame-bg-b7e71e19509953fc5ab31bd39f690673d2a7a6b75a9e12fe6b7869f0b2bddd5387ccf3ca85210802638f334c3b968a01353a2c1b082d951fee302bd2a7fed46f.png) top no-repeat;
	background-size: 100% 100%
}

.DataContainer-cta {
	background: no-repeat 50%;
	height: 50px;
	margin: 0 auto;
	width: 98%
}

@media only screen and (min-width:40em) {
	.DataContainer-cta {
		width: 90%
	}

}

.DataContainer-cta .hearthstone-cta {
	width: 100%
}

@media only screen and (min-width:40em) {
	.DataContainer-cta .hearthstone-cta {
		width: 60%
	}

}

.DataContainer-buttonTrim {
	display: none
}

@media only screen and (min-width:40em) {
	.DataContainer-buttonTrim {
		width: 19%;
		height: 100%;
		display: initial
	}

}

.DataContainer-buttonLeft {
	float: left;
	background: url(/images/containers/data-container-cta-trim-left.png) top no-repeat;
	background-size: contain
}

.DataContainer-buttonRight {
	float: right;
	background: url(/images/containers/data-container-cta-trim-right.png) top no-repeat;
	background-size: contain
}

.EventTable {
	margin: 0 0 .625em
}

@media only screen and (min-width:60em) {
	.EventTable {
		display: table;
		width: 100%
	}

}

.EventTable a {
	font-weight: 400
}

.EventTable--organizer {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/content-separator2-119d6c5164e4612135baf28e535d4ad9a8dd7464947dc726e819674edb8e8f0e6fa0a859a04a906e1c56c53eaee9ad20013efa66ab3500b0154d1d7deeec42e0.png) top no-repeat, url(https://d2q63o9r0h0ohi.cloudfront.net/images/content-separator2-119d6c5164e4612135baf28e535d4ad9a8dd7464947dc726e819674edb8e8f0e6fa0a859a04a906e1c56c53eaee9ad20013efa66ab3500b0154d1d7deeec42e0.png) bottom no-repeat;
	padding-top: 32px;
	padding-bottom: 32px
}

.EventTable-row {
	display: block
}

@media only screen and (min-width:60em) {
	.EventTable-row {
		display: table-row
	}

}

.EventTable-row--head {
	display: none;
	font-weight: 700;
	color: #725a37;
	padding-left: 0
}

@media only screen and (min-width:60em) {
	.EventTable-row--head {
		display: table-row
	}

}

@media only screen and (min-width:30em) {
	.EventTable-row--head {
		white-space: nowrap
	}

}

.EventTable-row--head .EventTable-cell {
	padding: 0 2rem .5rem 0
}

@media only screen and (min-width:60em) {
	.EventTable-cell {
		display: table-cell;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		vertical-align: top;
		padding: .8rem 2rem
	}

}

.EventTable-cell--title {
	display: block
}

@media only screen and (min-width:60em) {
	.EventTable-cell--title {
		display: table-cell
	}

}

.EventTable-cell--time {
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	white-space: nowrap;
	font-size: .85rem;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif
}

@media only screen and (min-width:60em) {
	.EventTable-cell--time {
		display: table-cell;
		font-size: 1rem
	}

}

.EventTable-cell--city, .EventTable-cell--country {
	text-transform: capitalize
}

.meetup-submit--disabled {
	cursor: wait
}

.event-container {
	position: relative;
	margin-bottom: 2em;
	margin-top: 2em;
	z-index: 10;
	clear: both
}

@media only screen and (min-width:60em) {
	.event-container {
		margin-bottom: 5em
	}

}

.events-list__item {
	-webkit-box-shadow: 0 .5em .5em -.5em rgba(0, 0, 0, .3), 0 -.5em .5em -.5em rgba(0, 0, 0, .3);
	box-shadow: 0 .5em .5em -.5em rgba(0, 0, 0, .3), 0 -.5em .5em -.5em rgba(0, 0, 0, .3)
}

.events-list__item+.events-list__item {
	margin-top: 3px;
	-webkit-box-shadow: 0 .5em .5em -.5em rgba(0, 0, 0, .3);
	box-shadow: 0 .5em .5em -.5em rgba(0, 0, 0, .3)
}

@media only screen and (min-width:60em) {
	.events-list__item {
		width: 100%;
		padding: 0 .5em
	}

}

.event-item-link {
	color: #000;
	padding: 1em;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.event-item-link:hover {
	text-decoration: none;
	background-color: #947a4a;
	background-color: rgba(148, 122, 74, .1)
}

.event-item-link:hover .event-item-name {
	color: #e22c14
}

.event-item-link:hover .event-item-counter {
	background-position: 0 -30px
}

.event-item-counter {
	text-align: center;
	line-height: 29px;
	font-size: 10px;
	color: #fff;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/fireside-gatherings/list-counter-bg-dd837d99a6c5d3535cc026484e465794b663fabb1228845378e3e87999b2309159003c5754407071129682bd5f06dbc8580139ac7dedb882393911afc82aa10a.png) 0 0 no-repeat;
	display: inline-block;
	width: 29px;
	height: 29px;
	vertical-align: top;
	margin-right: .5em
}

.event-item-block {
	width: 75%;
	display: inline-block
}

@media only screen and (min-width:60em) {
	.event-item-block {
		width: 42%
	}

}

.events-item-position {
	width: 4em;
	text-align: center
}

.event-item-name {
	font-size: 1.2rem;
	display: inline-block;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 85%;
	vertical-align: bottom
}

.event-item-time {
	width: 20%;
	color: #233a6e;
	font-size: 1rem;
	vertical-align: bottom
}

.event-item-secondary {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	margin-left: 2.3rem;
	width: 100%;
	width: calc(100% - 2.3rem);
	vertical-align: bottom
}

@media only screen and (min-width:60em) {
	.event-item-secondary {
		width: 37%;
		text-align: right;
		display: inline-block;
		margin-left: 0
	}

}

.event-item-region {
	font-size: 1rem;
	font-weight: 700;
	margin-right: .6em
}

.meetup-pagination-wrapper {
	margin-bottom: 5em;
	text-align: right
}

.upcoming-event-header {
	position: relative
}

.upcoming-event-header .hearthstone-dropdown {
	width: 100%;
	margin-top: 1rem;
	padding: 0 1rem;
	text-align: center
}

@media only screen and (min-width:40em) {
	.upcoming-event-header .hearthstone-dropdown {
		text-align: left;
		width: 60%
	}

}

@media only screen and (min-width:60em) {
	.upcoming-event-header .hearthstone-dropdown {
		position: absolute;
		top: -12px;
		right: 80px;
		width: 35%
	}

}

@media only screen and (min-width:72.5em) {
	.upcoming-event-header .hearthstone-dropdown {
		width: 30%
	}

}

.fsg-admin-event-list-tabs {
	margin: 1em 0 2em;
	border-bottom: 1px solid #957651
}

.fsg-admin-event-list-tabs li {
	font-size: 1.2em;
	display: inline-block;
	margin: 0 -2px -1px 0
}

.fsg-admin-event-list-tabs a {
	padding: .35em .75em;
	display: block;
	background-color: #957651;
	color: #fff;
	text-decoration: none
}

.fsg-admin-event-list-tabs a.current, .fsg-admin-event-list-tabs a:active, .fsg-admin-event-list-tabs a:focus, .fsg-admin-event-list-tabs a:hover {
	background-color: #42271e
}

.fsg-events-pagination-wrapper {
	text-align: right;
	padding-right: 1rem;
	margin: 2rem 0
}

@media only screen and (min-width:60em) {
	.fsg-events-pagination-wrapper {
		padding-right: 0
	}

}

.fsg-event-duplicate-list-wrapper {
	display: none;
	padding: 1rem;
	background: fade(#d9be91, 50%);
	margin-bottom: 1rem;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	font-size: 1.125em
}

.fsg-event-duplicate-list__item {
	padding: .5em 1.5em;
	color: #e22c14
}

.fsg-event-duplicate-list__item:hover {
	text-decoration: underline;
	cursor: pointer
}

.fsg-event-toggle-container {
	margin-top: 1rem
}

@media only screen and (min-width:40em) {
	.fsg-event-toggle-container {
		margin-top: 0;
		margin-left: 2rem;
		display: inline-block;
		vertical-align: middle
	}

}

a.EventTable-row:hover {
	text-decoration: none;
	background-color: fade(#d9be91, 25%);
	cursor: pointer
}

.EventTable--today .EventTable-row--schedule-type {
	background-color: fade(#743200, 7%)
}

.EventTable-row--head-pending {
	display: block;
	padding-left: 1rem
}

@media only screen and (min-width:60em) {
	.EventTable-row--head-pending {
		display: table-row
	}

}

.EventTable-row--head-pending .EventTable-cell--head {
	padding-left: 0
}

.EventTable-cell--head {
	vertical-align: baseline
}

@media only screen and (min-width:60em) {
	.EventTable-cell--head--name {
		width: 50%
	}

}

.EventTable-cell--head--location, .EventTable-cell--head--time, .EventTable-cell--head-prize-pool {
	display: none
}

@media only screen and (min-width:60em) {
	.EventTable-cell--head--location, .EventTable-cell--head--time, .EventTable-cell--head-prize-pool {
		display: table-cell
	}

}

@media only screen and (min-width:60em) {
	.EventTable-cell--head--time, .EventTable-cell--time {
		text-align: center
	}

}

.EventTable-cell--name {
	position: relative
}

.EventTable-cell--name:before {
	content: "";
	display: inline-block;
	vertical-align: middle
}

@media only screen and (min-width:60em) {
	.EventTable-cell--special:before {
		width: 27px;
		height: 43px;
		background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/icons/fsg-sprites-1c07a7d0fb7c02fbd12d257296cf334edcbc4883c7e0818c8753c1846668e0472e145a29014f31d87c9dfe03f0a80b2bc272eed6c8d6a78e3b984b108ed9b8b3.png) no-repeat 0 -2px;
		margin-right: 10px
	}

}

@media only screen and (min-width:60em) {
	.EventTable-cell--championship:before {
		width: 36px;
		height: 43px;
		background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/icons/fsg-sprites-1c07a7d0fb7c02fbd12d257296cf334edcbc4883c7e0818c8753c1846668e0472e145a29014f31d87c9dfe03f0a80b2bc272eed6c8d6a78e3b984b108ed9b8b3.png) no-repeat -28px 0;
		margin-right: 6px
	}

}

.EventTable-cell--location, .EventTable-cell--prize-pool {
	font-size: 1rem
}

@media only screen and (min-width:60em) {
	.EventTable-cell--location, .EventTable-cell--prize-pool {
		padding-left: 0
	}

}

.EventTable-cell__name {
	font-size: 1.3em;
	display: block
}

.EventTable-cell__name-schedule {
	font-size: 1.2em
}

.EventTable-cell__distance {
	color: #725a37
}

@media only screen and (min-width:60em) {
	.EventTable-cell__state:not(:empty):after {
		content: ", "
	}

}

.EventTable-cell__country {
	display: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.EventTable-cell--time-schedule {
	color: #000
}

@media only screen and (min-width:60em) {
	.EventTable-cell--time-schedule {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem
	}

}

.EventTable-cell__distance_ {
	font-size: .85rem
}

@media only screen and (min-width:60em) {
	.EventTable-cell__distance_ {
		font-size: 1rem
	}

}

.fsg-event-search-nearby-button {
	float: left;
	background-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/icons/fsg_input_button_search_loc_icon@2x-72bda340f651849d6c80e77e59e6c25026080ccc276b6e7d84fce173814a2eca75915d20564a2f20ca3e724ec7f21ec181b71bc9b23d7b0c4f02c94a8e6d7a14.png), url(https://d2q63o9r0h0ohi.cloudfront.net/images/fireside-gatherings/form-button-bg-10bf9ae28b5cf03a69a819cf5856a5dbf41b436433f5e5864e422339f916f25063b18a9d740474d458e76dd71f53083c5c39e2845e13d20a9252305d7d25a01b.jpg);
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icons/fsg_input_button_search_loc_icon@2x.png', sizingMethod='scale')"
}

.fsg-event-search-input-wrapper {
	margin-left: 48px
}

@media only screen and (min-width:60em) {
	.fsg-event-search-input-wrapper {
		margin-left: 55px
	}

}

.content-container--event-search {
	padding: 0 1rem
}

@media only screen and (min-width:60em) {
	.content-container--event-search {
		padding-right: 5rem;
		padding-left: 5rem
	}

}

.content-container--fsg-event-options {
	text-align: center;
	margin-bottom: 2rem
}

.fsg-event-warning {
	text-align: center;
	padding: 1rem
}

@media only screen and (min-width:72.5em) {
	.fsg-event-warning {
		background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/fireside-gatherings/fsg_index_search_error-75712e69b57e690d2143ee7be1509e1ebf4edfb1efc8c8b0e5781b26c936f6dd05f33211fc69887d3f715ec4dfa295dd92bd77874d47e9e5e944693fead9a8bf.png) 100% no-repeat;
		background-size: auto 100%;
		height: 20em;
		line-height: 20em;
		text-align: left;
		padding: 0
	}

}

.fsg-event-warning__text {
	display: inline-block;
	line-height: normal;
	margin-top: 15px
}

@media only screen and (min-width:40em) {
	.fsg-event-warning__text {
		margin-top: 0
	}

}

.fsg-event-warning__text__details {
	font-size: 1.5em
}

.fsg-event-sort-wrapper {
	margin: 1rem 2rem 0 1rem;
	display: inline-block;
	min-width: 10em
}

@media only screen and (min-width:60em) {
	.fsg-event-sort-wrapper {
		margin-bottom: 25px;
		margin-left: 0
	}

}

.fsg-form-select--event-sort~.fsg-event-sort-label {
	margin-top: 1rem
}

@media only screen and (min-width:40em) {
	.fsg-form-select--event-sort {
		display: inline-block;
		vertical-align: middle
	}

}

.fsg-event-sort-label {
	color: #725a37;
	display: block;
	margin-bottom: .5rem;
	font-size: 16px
}

@media only screen and (min-width:40em) {
	.fsg-event-sort-label {
		font-size: 1em;
		margin-bottom: 0;
		margin-right: .5rem;
		display: inline-block
	}

}

.fsg-event-search-type-heading {
	font-size: 1.25em;
	margin: .3rem 0 .5rem
}

.fsg-event-search-type-heading--country {
	margin-top: 1.3rem
}

@media only screen and (min-width:60em) {
	.fsg-event-search-type-heading--country {
		margin-top: .3rem
	}

}

.fsg-event-search-warning {
	clear: both;
	text-align: center;
	padding: 1em;
	margin-top: 2em;
	font-weight: 700
}

.fsg-events-status-table .fsg-table-cell {
	vertical-align: top
}

@media only screen and (max-width:59.99em) {
	.fsg-admin-select-md, .fsg-admin-select-sm {
		white-space: nowrap
	}

}

.fsg-admin-select-md small, .fsg-admin-select-sm small {
	padding-top: 1em;
	display: block
}

.fsg-admin-selector-md, .fsg-admin-selector-sm {
	display: inline-block;
	text-align: center;
	margin: 0 3px;
	font-size: .9em
}

.fsg-admin-selector-md:first-child, .fsg-admin-selector-sm:first-child {
	margin-left: 0
}

.fsg-admin-selector-md input, .fsg-admin-selector-sm input {
	vertical-align: top
}

.fsg-admin-selector-md {
	font-size: 1em
}

.fsg-event-campaign-row:not(:last-child) {
	margin-bottom: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.fsg-admin-filter-row input.fsg-event-update, input.fsg-event-update {
	border: 1px solid #42271e;
	padding: .25em 1em;
	background-color: #42271e;
	line-height: 2em;
	color: #fff;
	max-width: 100%
}

.fsg-admin-filter-row input.fsg-event-update:active, .fsg-admin-filter-row input.fsg-event-update:focus, .fsg-admin-filter-row input.fsg-event-update:hover, input.fsg-event-update:active, input.fsg-event-update:focus, input.fsg-event-update:hover {
	border-color: #957651;
	background-color: #957651
}

.fsg-event-update-error:after {
	content: "\02190";
	color: #e22c14;
	font-size: 3.5em;
	font-weight: 700;
	line-height: 0;
	position: relative;
	top: 4px;
	height: 10px;
	display: inline-block;
	vertical-align: middle
}

.EventTable-cell--head-date {
	color: #233a6e
}

.Schedule-date {
	font-size: 46px;
	line-height: 1;
	margin-right: 1rem;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 100;
	letter-spacing: 1px
}

.Schedule-days-container {
	line-height: 1.2;
	display: inline-block
}

.Schedule-day {
	display: block;
	text-transform: uppercase;
	font-size: 1.125rem
}

.Schedule-today {
	font-size: .75rem;
	margin-left: .5rem
}

.Schedule-year {
	font-size: 1rem;
	font-family: Bliz Quadrata, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Siara, Times New Roman, Serif;
	font-weight: 100
}

.play-icon-container {
	position: absolute;
	top: 50%;
	right: 10px
}

@media only screen and (min-width:60em) {
	.play-icon-container {
		margin-top: -16px;
		left: 16px;
		right: auto
	}

}

.play-icon {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/esports/small-play-31a549a05b688d0601c9d9defb2fc1f73ffd5e1e116ba73e300109d4479fe1eb3d8e97823696d1a19b4632f7461969e09e7a291bf906bfe3e0d2cad6e069b69b.png) -8px -11px no-repeat;
	height: 33px
}

.external-icon, .play-icon {
	display: inline-block;
	width: 33px;
	vertical-align: middle
}

.external-icon {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/icons/external-link-47761dc0a9ff3b6e143afb96cf0f1c100c2617430bf932535a2764c35a76bc47df0b9717acac4acdaa506c3d1e03d3daecbc72ab78797ddbcf4527dc78f2db89.png) 0 0 no-repeat;
	height: 34px;
	margin-right: 6px;
	margin-top: -9px
}

.play-icon-link-container:hover .play-icon {
	background-position: -8px -49px
}

.external-icon-link-container:hover .external-icon {
	background-position: -35px 0
}

.HeaderModule--one {
	min-height: 500px;
	min-height: 85vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.HeaderModule--one .Background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.HeaderModule--one .HeaderBackground {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: top
}

.HeaderModule--one .HeaderBackground--video video {
	height: 100.01%;
	min-width: 100%;
	max-width: inherit;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.HeaderModule--one .Logo {
	width: 753px;
	max-width: 90%;
	margin: 0 auto;
	display: block;
	-webkit-animation: fade-in 1.5s .5s forwards ease-out;
	animation: fade-in 1.5s .5s forwards ease-out;
	position: relative;
	opacity: 0
}

.HeaderModule--one .Logo.Logo--hs {
	height: 180px;
	margin: 0 auto -3em;
	background: url(images/logos/logo-c66376ed06cce60a01849443a90be276dfcf2cebfda477fff2b90bd66397210229adf8c9ba9243fb30bf4299ec267633d17a14fb73e80177a0a8109b15cf74c3.png) 50% no-repeat;
	background-size: contain
}

@media only screen and (min-width:40em) {
	.HeaderModule--one .Logo.Logo--hs {
		height: 250px
	}

}

@media only screen and (min-width:60em) {
	.HeaderModule--one .Logo.Logo--hs {
		height: 280px
	}

}

.HeaderModule--one .HeaderCopy {
	opacity: 0;
	margin: 0 auto;
	max-width: 700px;
	padding: 0 2em;
	position: relative;
	top: 40px;
	-webkit-animation: fade-in-up .5s 1.5s forwards ease-out;
	animation: fade-in-up .5s 1.5s forwards ease-out
}

@media only screen and (min-width:60em) {
	.HeaderModule--one .HeaderCopy {
		padding: 0
	}

}

.HeaderModule--one p {
	font-weight: 700
}

.HeaderModule--one .Hero {
	background: none;
	margin: 0
}

@media only screen and (max-width:39.99em) {
	.HeaderModule--one .Hero h1 {
		font-size: 2.5em
	}

}

@media only screen and (min-width:60em) {
	.HeaderModule--one .Hero {
		padding-top: 0
	}

}

.Navbar+.HeaderModule--one .Hero {
	padding: 4em 0 5em
}

.HeaderModule--one .VideoSection {
	margin: 0 auto;
	padding: 0 1em;
	width: 65%;
	max-width: 400px;
	-webkit-animation: fade-in-up .5s 1.75s forwards ease-out;
	animation: fade-in-up .5s 1.75s forwards ease-out;
	position: relative;
	top: 40px;
	opacity: 0
}

.HeaderModule--one .VideoSlide-video {
	margin: 2em auto .5em;
	display: inline-block;
	max-width: 100%;
	width: 950px
}

@media only screen and (max-width:59.99em) {
	.HeaderModule--one .VideoSlide-video {
		width: 100%
	}

}

.HeaderModule--one .VideoSlide-subtitle p {
	margin: 0
}

@-webkit-keyframes fade-in-up {
	0% {
		top: 40px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}

}

@keyframes fade-in-up {
	0% {
		top: 40px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}

}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}

}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}

}

.News {
	text-align: center;
	font-weight: 400;
	max-width: 1630px;
	padding: 0;
	margin: 0 auto
}

@media only screen and (min-width:30em) {
	.News {
		padding: 0 5%
	}

}

@media only screen and (min-width:1630px) {
	.News {
		padding: 0 30px;
		padding-bottom: 50px
	}

}

.News .slick-list, .News .slick-slider, .News .slick-track {
	width: 100%
}

.News.PlayerNews .slick-list {
	padding: 0;
	margin-left: -10px
}

.News-titleContainer, .News .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.News-titleContainer {
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.News-line {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/line_part1-f3196f43eb761a5a390272ae8eb72854793c3abcc039f3df797ac6aa4782b50b9a499e1402ea652c17ea71e520c12b575dc6af552df314704f7f878ea19195e1.svg) 0 0 repeat-x;
	height: 2px;
	vertical-align: middle;
	position: relative;
	margin-right: 20px;
	opacity: .6;
	display: none
}

@media only screen and (min-width:30em) {
	.News-line {
		display: block;
		margin-bottom: 10px
	}

}

.News-line:before {
	content: "";
	position: absolute;
	top: -17px;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/line_part2-363534a680b04413fe282d695c7d07a13bf671a9c8a3276b070ce8dd7e806bbc2fafce7c6e4f61b4a06dd5d13cdef35814f0d7cd049a6d8f7cfaba5e6b51d963.svg) 0 0 no-repeat;
	width: 20px;
	height: 19px;
	right: auto;
	left: -20px;
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)
}

.News-line:first-child {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: calc(100% - 40px);
	margin: 0 auto 10px
}

.News-line:first-child:before {
	display: none
}

@media only screen and (min-width:30em) {
	.News-line:first-child {
		margin-left: 20px;
		margin-right: 0;
		position: relative;
		top: auto;
		right: auto;
		width: auto
	}

	.News-line:first-child:before {
		display: block
	}

}

.News-line:last-child {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)
}

.News-title {
	position: relative;
	display: inline-block;
	padding: 60px 15px 35px;
	height: 64px
}

@media only screen and (min-width:30em) {
	.News-title {
		margin-bottom: 10px;
		padding: 16px 15px 0
	}

}

@media only screen and (min-width:40em) {
	.News-title {
		padding: 16px 35px 0
	}

}

.News-title h1 {
	font-family: Belwe Bold;
	font-size: 24px;
	color: #614326;
	letter-spacing: -.03px;
	font-weight: 400
}

@media only screen and (min-width:60em) {
	.News-title {
		margin-left: 80px;
		margin-right: 80px
	}

	.News-title:after, .News-title:before {
		content: "";
		opacity: .5
	}

	.News-title:before {
		background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/title_01_a-5dfaae72718b2f20416dd149a09584a62f91cdf234d3bb5aed81f3ddead2c6b0ae312f837f78eaf7a920c97fd9b251b1f0880e1e81c5d6b6611f5c2f4488a814.svg) 0 0 no-repeat;
		left: -54px
	}

	.News-title:after, .News-title:before {
		height: 63px;
		width: 64px;
		position: absolute;
		top: 0
	}

	.News-title:after {
		background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/title_01_d-2b09d4e90f84a6f7b6717826e5cb14adbf7068fd79d0318353565772f60bc438b3cc43ce38868e46b07bad599838ad65eba469df7999564e2ab3100d9fd3c1ac.svg) 0 0 no-repeat;
		right: -54px
	}

	.News-title--background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-style: solid;
		border-width: 5px 1px 6px 0;
		-o-border-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/title_01_b-e4b960d3b3128b748017032b0fd8cc74f89124cb27182ebef86df57005bfd4b99fe66b15f6726f4ced649c9c440b10b468a54e108f7c09cd62e2cca971b63ea4.svg) 5 1 6 0 stretch;
		border-image: url(https://d2q63o9r0h0ohi.cloudfront.net/images/home/news/title_01_b-e4b960d3b3128b748017032b0fd8cc74f89124cb27182ebef86df57005bfd4b99fe66b15f6726f4ced649c9c440b10b468a54e108f7c09cd62e2cca971b63ea4.svg) 5 1 6 0 fill stretch;
		opacity: .5
	}

}

.News .section-header {
	margin-bottom: 30px
}

.News .News-topBar {
	width: 100%;
	display: inline-block;
	padding: 0 5%;
	margin-bottom: 15px
}

@media only screen and (min-width:30em) {
	.News .News-topBar {
		padding: 0
	}

}

.News .News-topBar a {
	font-size: 16px;
	text-decoration: none;
	font-weight: 400
}

.News .News-topBar .TopBar-rightAlign {
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	float: right;
	display: inline-block
}

.News .News-topBar .TopBar-rightAlign a {
	display: inline-block;
	padding-top: 1px;
	-webkit-transition: color .15s ease-out;
	transition: color .15s ease-out
}

.News .News-topBar .TopBar-rightAlign a:hover {
	color: #456eb8
}

.News .News-topBar .TopBar-rightAlign a:hover .Icon-arrow--blue {
	-webkit-transform: translate3d(2px, 0, 0);
	transform: translate3d(2px, 0, 0)
}

.News .News-topBar .TopBar-rightAlign a:hover .Icon-arrow--blue g {
	stroke: #456eb8
}

.News .News-topBar .TopBar-rightAlign .Icon-arrow--blue {
	width: 16px;
	position: relative;
	top: 3px;
	display: inline-block;
	margin-left: 5px
}

.News .News-topBar .TopBar-rightAlign .Icon-arrow--blue, .News .News-topBar .TopBar-rightAlign .Icon-arrow--blue g {
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out
}

.News .News-topBar .TopBar-leftAlign {
	padding: 0 25px 0 0;
	height: 25px;
	float: left;
	position: relative;
	margin: 0
}

@media only screen and (min-width:40em) {
	.News .News-topBar .TopBar-leftAlign {
		padding-left: 0
	}

}

.News .News-topBar .TopBar-leftAlign h3, .News .News-topBar .TopBar-leftAlign h4 {
	color: #614326
}

.News .News-topBar .TopBar-leftAlign h4 {
	font-size: 18px;
	font-weight: 400;
	font-family: Belwe Bold;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	line-height: 15px;
	top: 5px
}

.News .News-articles {
	margin: 0 0 15px;
	display: inline-block;
	width: 100%
}

@media only screen and (min-width:30em) {
	.News .News-articles {
		margin: 15px 0 35px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

}

@media only screen and (min-width:40em) {
	.News .News-articles {
		margin: 15px 0 35px
	}

}

@media only screen and (min-width:72.5em) {
	.News .News-articles {
		margin: 15px 0 50px
	}

}

.News .News-articles .Article {
	width: 100%;
	float: left;
	vertical-align: top;
	margin-bottom: 15px;
	padding: 0 10px;
	display: block
}

@media only screen and (min-width:30em) {
	.News .News-articles .Article {
		width: calc(50% - 15px);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0;
		margin: 0 15px 30px
	}

	.News .News-articles .Article:first-child, .News .News-articles .Article:nth-child(3) {
		margin-left: 0
	}

	.News .News-articles .Article:last-child, .News .News-articles .Article:nth-child(2) {
		margin-right: 0
	}

}

@media only screen and (min-width:40em) {
	.News .News-articles .Article {
		width: calc(50% - 20px);
		padding: 0;
		margin: 0 20px 30px
	}

	.News .News-articles .Article:first-child, .News .News-articles .Article:nth-child(3) {
		margin-left: 0
	}

	.News .News-articles .Article:last-child, .News .News-articles .Article:nth-child(2) {
		margin-right: 0
	}

}

@media only screen and (min-width:72.5em) {
	.News .News-articles .Article {
		width: calc(25% - 22.5px);
		margin-bottom: 0;
		padding: 0
	}

	.News .News-articles .Article, .News .News-articles .Article:nth-child(2), .News .News-articles .Article:nth-child(3) {
		margin-right: 23px;
		margin-left: 7px
	}

	.News .News-articles .Article:first-child {
		margin-left: 0
	}

	.News .News-articles .Article:last-child {
		margin-right: 0
	}

}

.News .News-articles .Article a {
	height: 100%
}

.News .News-articles .Article a:focus, .News .News-articles .Article a:hover {
	text-decoration: none
}

.News .News-articles .Article-content {
	border-radius: 5px;
	position: relative;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border: 3px solid hsla(44, 70%, 85%, .7);
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .3)
}

@media only screen and (min-width:40em) {
	.News .News-articles .Article-content {
		height: 274px
	}

}

.News .News-articles .Article-content:hover:before {
	-webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .3), 0 3px 15px 1px rgba(0, 0, 0, .5);
	box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .3), 0 3px 15px 1px rgba(0, 0, 0, .5)
}

.News .News-articles .Article-content:hover img {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

@media only screen and (min-width:40em) {
	.News .News-articles .Article-content.ready {
		height: 100%
	}

}

.News .News-articles .Article-image {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
	border-radius: 3px
}

.News .News-articles .Article-image .placeholder {
	padding-bottom: 50%
}

.News .News-articles .Article-image .LoadedImage, .News .News-articles .Article-image .LoadingImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.News .News-articles .Article-image .LoadedImage {
	z-index: 1;
	opacity: 0
}

.News .News-articles .Article-image img {
	display: block;
	max-width: 100%;
	width: 100%;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.News .News-articles .Article-image.ready .LoadedImage {
	opacity: 1
}

.News .News-articles .Article-copyContainer {
	width: 100%;
	border: none;
	margin-top: -9px;
	line-height: 1.2em;
	position: relative;
	z-index: 1;
	padding: 20px calc(1% + 10px);
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto
}

.News .News-articles .Article-title {
	padding: 0 0 calc(5% + 10px)
}

.News .News-articles .Article-title h4 {
	margin: 0;
	font-family: Belwe Bold;
	font-size: 18px;
	font-weight: 400
}

.News .News-articles .Article-bodyCopy {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
	text-align: left
}

.News .News-articles .Article-bodyCopy p {
	margin: 0;
	font-size: 15px
}

.News .News-articles .Article-bodyCopy p, .News .News-articles .Article-timestamp {
	font-family: Open Sans, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400
}

.News .News-articles .Article-timestamp {
	font-size: 14px;
	opacity: .7;
	color: #614326;
	position: absolute;
	bottom: 0;
	padding: 0 0 calc(1% + 10px) calc(1% + -5px);
	text-align: left
}

.BannerNotification {
	position: fixed;
	bottom: 35px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 10000;
	width: calc(100% - 30px);
	max-width: 858px;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	display: none;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent
}

@media only screen and (max-width:47.9375em) {
	.BannerNotification {
		width: 100%;
		bottom: 0
	}

}

.BannerNotification-visible {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.BannerNotification-leftSide {
	height: 100%;
	width: 40px;
	position: absolute;
	left: 0;
	z-index: 3
}

@media only screen and (max-width:47.9375em) {
	.BannerNotification-leftSide {
		display: none
	}

}

.BannerNotification-leftSide .leftSideMiddle {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetframe_leftmiddle-f4e9c9aa324456f2f7b441c9987ae7eee7db719f0220c72c687a9178a7b10e658de86b697d9bb9da59d00a6a2bf7b6202a0755e2fc10f6afcbd5d0b3ad8fd8e1.png) repeat-y;
	height: calc(100% - 80px);
	width: 50px;
	position: relative;
	top: 40px
}

.BannerNotification-leftSide:after, .BannerNotification-leftSide:before {
	content: "";
	position: absolute;
	left: 0
}

.BannerNotification-leftSide:before {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetframe_topleft-e151a64105cb9175d9414695f9db99991617e865f5256f5d28916ac457e206c51aaed6a27c56247204aee896bb6f8e4c8c4b4431a3cb8a4d3be296ca7f1ee401.png) no-repeat;
	width: 50px;
	height: 50px;
	top: 0
}

.BannerNotification-leftSide:after {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetframe_bottomleft-3d1ddc9a104c62da456b6219cad226dff93317359ad73e04f925921848762382bf727d8996758d3f56a692011c4f592a0d50e1967a4355d4c670f0d0a22c566f.png) no-repeat;
	width: 50px;
	height: 50px;
	bottom: 0
}

.BannerNotification-rightSide {
	height: 100%;
	width: 40px;
	position: absolute;
	right: 0;
	z-index: 3
}

.BannerNotification-rightSide .rightSideMiddle {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetframe_rightmiddle-c7376fd033d457b00e4c7340f837ebf4ba15fdf80b1789ef799add92f76f45e8a244bce525eb0a7d319ab725df845170a70a53b5a3e22d5ab960ec090f84968f.png) repeat-y;
	height: calc(100% - 80px);
	width: 50px;
	position: absolute;
	top: 40px;
	left: auto;
	right: 0
}

@media only screen and (max-width:47.9375em) {
	.BannerNotification-rightSide .rightSideMiddle {
		display: none
	}

}

.BannerNotification-rightSide:after, .BannerNotification-rightSide:before {
	content: "";
	position: absolute;
	left: auto;
	right: 0
}

.BannerNotification-rightSide:before {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetframe_topright-5ee5fd9e77287100722306aa3aadd3e5c237a2727012f5491e53cc7d36dfef79caaa43bd13f6c5eda049eb53f3f76336f0c4fd7a5246e9e9613d9de81a04933c.png) no-repeat;
	width: 50px;
	height: 50px;
	top: 0
}

@media only screen and (max-width:47.9375em) {
	.BannerNotification-rightSide:before {
		display: none
	}

}

.BannerNotification-rightSide:after {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetframe_bottomright-42a46324e5284134b4801a45716eb93e90b24c3d9682811d1be7a9f1d4984a857450d655b4e6c1564f85ddf502c967eca3b1530622a481f0e8e2c90bf1e47357.png) no-repeat;
	width: 50px;
	height: 50px;
	bottom: 0
}

@media only screen and (max-width:47.9375em) {
	.BannerNotification-rightSide:after {
		display: none
	}

}

.BannerNotification-content {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetBG-d2c5925208831979563c5db59f02d1b78a8a45eb725642581efa527ad9a639abe16b651a00bfdf31d1477a9acef74b5df7985ae45d3476630c7594564d132ed6.png) repeat-x;
	width: calc(88.345% + 20px);
	position: relative;
	z-index: 3
}

@media only screen and (max-width:47.9375em) {
	.BannerNotification-content {
		width: 100%;
		background-size: cover
	}

}

.BannerNotification-content:after, .BannerNotification-content:before {
	content: "";
	position: absolute
}

.BannerNotification-content:before {
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetframe_topmiddle-3e2b2421f27fb4c8bb1b17151c52a4523af4d3ad4e6ce24705b3a247103893a4df6e96e6cf31db6f03791dfe20a6f3c2786cc4bdf81b230fab9222d4d0591766.png) repeat-x
}

.BannerNotification-content:after {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetframe_bottommiddle-f089a11929a4f8a62b3ebde1118bb3fdd7e3665a7f9246bd3f709439628e815cb53471d465ce0b59cc4c6b588592a857ad2b9e5c51223dc593d0557cc416d2a5.png) repeat-x
}

.BannerNotification-content .content-box {
	height: 100%;
	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.BannerNotification-content .content-box:active, .BannerNotification-content .content-box:focus, .BannerNotification-content .content-box:hover {
	text-decoration: none
}

@media only screen and (max-width:47.9375em) {
	.BannerNotification-content .content-box {
		padding-bottom: 68px;
		padding-top: 55px
	}

}

.BannerNotification-content .content-image {
	position: absolute;
	z-index: 4;
	top: 9px;
	left: -21px;
	width: 214px;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.BannerNotification-content .content-image .content-imageWrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	position: relative
}

@media only screen and (max-width:47.9375em) {
	.BannerNotification-content .content-image {
		background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetmobile_circleframe-5c2f527aef42ea1e32a5806ccea00e5a40e43e2b53687e5655dd815665cd2095b4f2f42d13ed6fd29150867c35151786df1b38360c8773880f64e272a1c02903.png) 0 0 no-repeat;
		width: 150px;
		height: 150px;
		position: absolute;
		top: -60px;
		left: 0;
		right: 0;
		margin: auto;
		-webkit-transform: scale(.75);
		-ms-transform: scale(.75);
		transform: scale(.75)
	}

	.BannerNotification-content .content-image img {
		position: relative;
		width: 95%;
		margin: 0 auto
	}

}

.BannerNotification-content .content-text {
	padding: 55px 20px 55px 0;
	margin-left: 195px
}

@media only screen and (max-width:47.9375em) {
	.BannerNotification-content .content-text {
		padding: 15px 25px 20px;
		margin-left: 0
	}

}

.BannerNotification-content .content-text h3 {
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
	margin: 0 0 .15em;
	text-decoration: none;
	color: #fff
}

.BannerNotification-content .content-text .content-body {
	color: #fff;
	margin-bottom: 0;
	text-decoration: none;
	font-weight: 400
}

.BannerNotification-content .content-text a {
	color: #ffc706
}

.BannerNotification-dismiss {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetBG_message-777e3fb6eaa7a5fb87749ea07cb6fd3082c8c23a12de4de832f785dc71979aa215b7879668d44e8e60f81e04d1b9d45e1bbed926a1ec4d9ac32b90a2092d19e3.png);
	width: 300px;
	height: 46px;
	z-index: 3;
	position: absolute;
	bottom: 23px;
	right: 22px;
	padding-top: 11px;
	padding-left: 45px
}

.BannerNotification-dismiss input {
	width: 23px;
	height: 23px;
	opacity: 0;
	cursor: pointer
}

@media only screen and (max-width:47.9375em) {
	.BannerNotification-dismiss {
		background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetmobileBG_message-762b8e2f354b7ae2c77a836cf018223132450a6ca4e7e0e1819a1a803c178a6fcaa8fbfe85f56685270896b2528322c5ec2714504c56cba3989716625198c043.png) 0 0 repeat-x;
		height: 46px;
		width: 100%;
		max-width: none;
		left: 0;
		right: auto;
		padding-left: 0;
		text-align: right;
		padding-right: 40px;
		padding-top: 9px
	}

}

.BannerNotification-dismiss .dismiss-square {
	width: 28px;
	height: 28px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
	top: 2px;
	display: inline-block
}

.BannerNotification-dismiss .dismiss-square svg {
	pointer-events: none
}

.BannerNotification-dismiss .dismiss-square .svgCheckmark-stroke {
	stroke: #8a302f;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out
}

.BannerNotification-dismiss .dismiss-square .svgCheckmark-fill {
	opacity: .2;
	fill: #000;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out
}

.BannerNotification-dismiss .dismiss-square:after {
	content: "";
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetcheck-dc3489da991a6b51ded31789b2cbb67c1315a9656c7071023ce853c949583ef483545882f5342bea17477025d8ce9a6968be9f10159285ba2ea277464463c476.png) 0 0 no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -5px;
	left: 0;
	z-index: 2;
	pointer-events: none;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-out;
	-webkit-transform: translate3d(0, 2px, 0);
	transform: translate3d(0, 2px, 0)
}

.BannerNotification-dismiss .dismiss-square.checked:after {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

@media only screen and (max-width:47.9375em) {
	.BannerNotification-dismiss .dismiss-square {
		float: none;
		top: 5px
	}

}

.BannerNotification-dismiss .dismiss-square:hover {
	border-color: #823637
}

.BannerNotification-dismiss .dismiss-square:hover .svgCheckmark-stroke {
	stroke: #ca4240
}

.BannerNotification-dismiss .dismiss-square:hover .svgCheckmark-fill {
	opacity: .4
}

.BannerNotification-dismiss span {
	margin-top: 0;
	color: #d14a4a;
	font-size: .875em;
	font-family: Open Sans Semibold, Hiragino Kaku Gothic Pro, Hiragino Kaku Gothic ProN W3, Osaka, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, Display Bold, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer
}

@media only screen and (max-width:47.9375em) {
	.BannerNotification-dismiss span {
		float: right;
		margin-top: 9px
	}

}

.BannerNotification-close {
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetclose_normal-7c26d794d27dc0231708b29729bdd2477acbb0d0131d38f5b60cbd3d95f6c386a904a435ec9a10e213629a4124fef8233bce9ba3818bdde5ed3cdf0f00f4ebd8.png) 50% no-repeat;
	background-size: contain;
	width: 43px;
	height: 46px;
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	cursor: pointer
}

.BannerNotification-close:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 43px;
	height: 46px;
	background: url(https://d2q63o9r0h0ohi.cloudfront.net/images/common/popup/ImageAssetclose_hover-020c2a476c78b4f39b114c108e42ac04f1cdc6627a631e48d7c1a147b050d8ba3e5116aad21bc2551d286103cba42acddf205c5bb998d0df0a6fff5a3c7911c1.png);
	opacity: 0;
	-webkit-transition: opacity .15s ease-out;
	transition: opacity .15s ease-out
}

.BannerNotification-close:hover:before {
	opacity: 1
}

@-webkit-keyframes bounceInUp {
	0%, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@keyframes bounceInUp {
	0%, 60%, 75%, 90%, to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

}

@-webkit-keyframes bounceOut {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	50% {
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
		opacity: 0
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 1000px, 0);
		transform: translate3d(0, 1000px, 0);
		display: none
	}

}

@keyframes bounceOut {
	0% {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}

	50% {
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0);
		opacity: 0
	}

	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 1000px, 0);
		transform: translate3d(0, 1000px, 0);
		display: none
	}

}

.BannerNotification.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.BannerNotification.bounceOutDown {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	pointer-events: none
}
.pre-title{
  margin-top: 60px;
  text-align: center;
  position: absolute;
  top:10px;
}
.pre-title .info{
  color: #fff;
  margin-top: 50px;
  margin-bottom: 10px;
}
.pre-title .info + .info{
  margin-top: 0px;
}