﻿@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
/* - */
body .wrapOrg {
	padding: 0;
	font-family: Arial, sans-serif;
	color: #3a3a3a;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}
body .wrapOrg li {
	margin: 0;
	padding: 0;
	list-style: none outside;
}
body .wrapOrg p {
	margin: 0;
	font-style: normal;
	font-weight: normal;
}
body .wrapOrg a.alp:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: .60;
	opacity: .60;
}
body .wrapOrg h1, body .wrapOrg p.link a, body .wrapOrg p.link2 a {
	font-family: 'Oswald';
	font-weight: 700;
	letter-spacing: 0.03em;
}
body .wrapOrg h2, body .wrapOrg h3 {
	font-family: 'Oswald';
	font-weight: 400;
	letter-spacing: 0.01em;
}
/* home
----------------------------------------------------------------------- */
div#g50thHome .main {
	padding: 200px 0;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size: cover;
}
div#g50thHome .main p.logo {
	text-align: center;
	margin: 0 0 70px 0;
}
div#g50thHome .main h1 {
	margin: 0;
	padding: 0 20px;
	text-align: center;
	color: #ffffff;
	line-height: 1.0;
}
div#g50thHome .main p.intro {
	padding: 35px 20px 0 20px;
	text-align: center;
	color: #ffffff;
}

@media screen and (max-width:768px) {
/*div#g50thHome .main {
	padding: 50px 0;
}*/
div#g50thHome .main p.logo {
	margin: 0 0 40px 0;
}
div#g50thHome .main p.logo img {
	width: 120px;
	height: auto;
}
div#g50thHome .main p.intro {
	padding: 20px 20px 0 20px;
}
}
/* - */
div#g50thHome div.nav {
	margin: 120px 0;
}
div#g50thHome div.nav h2 {
	margin: 0 0 30px 0;
	font-size: 280%;
	line-height: 100%;
	text-align: center;
}
div#g50thHome div.nav p.introSub {
	margin: 35px 0;
	text-align: center;
}
div#g50thHome div.nav p.link, div#g50thHome div.nav p.link2 {
	margin: 35px 0 0 0;
	text-align: center;
}
div#g50thHome div.nav p.link a{
	display: block;
}
div#g50thHome div.nav p.link2 a {
display: inline-block;
}
div#g50thHome div.nav p.link a span.btn, div#g50thHome div.nav p.link2 a span.btn {
	display: inline-block;
	margin: 0 0 40px 0;
	padding: 15px 65px;
	border: 1px solid #5e5e5e;
	color: #5e5e5e;
	font-size: 110%;
	line-height: 100%;
	text-decoration: none;
	font-weight: bold;
}
div#g50thHome div.nav p.link a:hover span.btn, div#g50thHome div.nav p.link2 a:hover span.btn {
	background-color: #5f5f5f;
	color: #ffffff;
	filter: none;
	-moz-opacity: none;
	opacity: none;
}
div#g50thHome div.nav p.link a span.image {
	display: block;
	width: 100%;
	height: 460px;
	background-color:#ffffff;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size: cover;
}
div#g50thHome div.nav p.link a:hover span.image {
	filter: alpha(opacity=70);
	-moz-opacity: .70;
	opacity: .70;
}

@media screen and (max-width:768px) {
div#g50thHome div.nav {
	margin: 50px 0;
}
div#g50thHome div.nav p.link a span.image {
	height: 170px;
	background-position: 0 0;
	background-size: cover;
}
}
@media screen and (max-width:460px) {
div#g50thHome div.nav p.link a span.btn, div#g50thHome div.nav p.link2 a span.btn {
	padding: 15px 20px;
}
}
/* - */
div#g50thHome div.bnr {
	margin: 120px 0 0 0;
}

@media screen and (max-width:768px) {
div#g50thHome div.bnr {
	margin: 60px 0 0 0;
}
}
/* - */
#wrapArtistCarousel {
	position: relative;
	height: 550px;
	margin: 0 auto 10px auto;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
}
#wrapArtistCarousel div.arrow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
#wrapArtistCarousel div.arrow img {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width:768px) {
#wrapArtistCarousel div.arrow img {
	width: 4.5%;
	height: auto;
}
}
#wrapArtistCarousel p.btnPrev, #wrapArtistCarousel p.btnNext {
	top: 50%;
}
#wrapArtistCarousel p.btnPrev {
	position: absolute;
	left: 20px;
}
#wrapArtistCarousel p.btnNext {
	position: absolute;
	right: 20px;
}
#wrapArtistCarousel #btnPrev, #wrapArtistCarousel #btnNext {
	position: relative;
	display: block;
	width: 25px;
	height: 45px;
	text-indent: -99999px;
	top: -20px;
}
#wrapArtistCarousel #btnPrev.disabled, #wrapArtistCarousel #btnNext.disabled {
	opacity: 0.3;
	cursor: default;
}
#wrapArtistCarousel #btnPrev {
	width: 25px;
	height: 45px;
	background-position: 50% 50%;
	background-repeat:no-repeat;
}
#wrapArtistCarousel #btnNext {
	width: 25px;
	height: 45px;
	background-position: 50% 50%;
	background-repeat:no-repeat;
}
#wrapArtistCarousel div.hereNav {
	position: absolute;
	bottom: 8%;
	left:0;
	width: 100%;
	text-align: center;
}
#wrapArtistCarousel ul#hereNav {
	display:inline-block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	margin: 0 auto;
	padding: 0;
	width: 200px;
	text-align: center;
}
#wrapArtistCarousel ul#hereNav li {
	display:inline-block;
	margin: 0 auto;
	padding: 0 5px;
	text-align: center;
}
#wrapArtistCarousel ul#hereNav li:first-child{
padding-left: 0;
}
#wrapArtistCarousel ul#hereNav li:last-child{
padding-right: 0;
}
#wrapArtistCarousel ul#hereNav li a, #wrapArtistCarousel ul#hereNav li span {
	display: block;
	width: 11px;
	height: 11px;
	text-indent: -99999px;
	overflow: hidden;
}
#wrapArtistCarousel ul#hereNav li a {
	background-repeat:no-repeat;
	cursor: pointer;
}
#wrapArtistCarousel ul#hereNav li a.act {
	background-repeat:no-repeat;
}
#artistCarouselBnr {
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: left .8s cubic-bezier(.23, 1, .32, 1);
	-moz-transition: left .8s cubic-bezier(.23, 1, .32, 1);
	-ms-transition: left .8s cubic-bezier(.23, 1, .32, 1);
	transition: left .8s cubic-bezier(.23, 1, .32, 1);
}
#artistCarouselBnr img {
	display: inline;
}
#artistCarouselBnr > li > a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: .70;
	opacity: .70;
}
#artistCarouselBnr > li > a > img {
	position: absolute;
	left: 0;
	top: 0;
	border: none;
}

@media screen and (max-width:640px) {
p.btnPrev {
	left: 0;
}
p.btnNext {
	right: 0;
}
#btnPrev, #btnNext {
	width: 40px;
	height: 40px;
}
}
@media screen and (max-width:440px) {
#wrapArtistCarousel ul#hereNav li {
	padding: 0 2px;
}
}
/*end*/
