@charset "utf-8";

/*CommonCSS*/

body {
	background-image: url(../img/fesbg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #07062e;
}

#header {
	background-color:rgba(0,0,0,0.65);
}



.txtC {
	text-align: center;
}




#footer {
	background: #222;
}

#footer ul.sns {
}

#footer ul.sns li{
	float: left;
	margin-right: 10px;
}




a.alpha img{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
a.alpha:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
}


a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: underline;
	color: #f0ff00;
}
a:link {
	color: #f0ff00;
	text-decoration: underline;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
a:visited {
	color: #00FFA3;
	text-decoration: underline;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
a:hover {
	color: #AEFFFB;
	text-decoration: none;
}

h1.title span {
	font-size: 12px;
}

article {
    width:100%;
	margin-left: auto;
	margin-right: auto;
    background:rgba(0,0,0,0.40);
	margin-bottom: 50px;
}


.alignleft { float: left; }

section h3 {
	font-size: 20px;
	padding-left: 15px;
}

section a {
	color: #FF4993;
}

section img {
	width: 90%;
}

#acMenu dt{
    display:block;
    /*cursor:pointer;*/
	text-align: center;
	font-size:16px;
	font-weight: bold;
}
#acMenu dd{
    /*display:none;*/
	padding: 15px;
}


/**** Isotope Filtering ****/

.isotope-item {
z-index: 2;
}

.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}

.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}

.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:    -moz-transform, opacity;
-ms-transition-property:     -ms-transform, opacity;
-o-transition-property:      -o-transform, opacity;
transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}

/* End: Recommended Isotope styles */


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

.mb5 { margin-bottom:3px;}
.mb10 { margin-bottom:5px;}
.mb15 { margin-bottom:8px;}
.mb20 { margin-bottom:10px;}
.mb30 { margin-bottom:15px;}
.mb40 { margin-bottom:20px;}
.mb50 { margin-bottom:30px;}

h1 img {
	width: 80%;
}

#header {
	margin-bottom: 50px;
	padding: 10px 10px 0px 10px;
	font-size: 12px;
}

#header ul li{
	float: left;
	margin-right: 10px;
	border: 1px solid #FFF;
	padding: 3px 10px;
	margin-bottom: 10px;
}

#contents {
	width: 100%;
	padding: 20px 0px;
	background-color:rgba(0,0,0,0.40);
}

#contents img{
	width: 90%;
}



#contents_home {
	padding: 20px 0px;
	/*background-color:rgba(0,0,0,0.40);*/
	width: 100%;
}

#contents_home img{
	width: 90%;
}

#bnNav {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

#bnNav li {
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#bnNav li:last-child {
	margin-right: auto;
	margin-left: auto;
}

#footer {
	padding: 5px;
}

h1.title {
	font-size: 22px;
	padding: 10px 0px;
	background-color:rgba(0,0,0,0.75);
	text-align: center;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px dotted #FFF;
}

.hntxt01 {
	font-size: 18px;
	padding-bottom: 8px;
	border-bottom: 2px solid #FFED00;
}

.hntxt02 {
	font-size: 16px;
	padding-bottom: 6px;
	border-bottom: 2px solid #00ABFF;
}

ul.pickup {
	margin-left: auto;
	margin-right: auto;
	width: 90%;

}

ul.pickup li{
	padding: 5px 10px;
	border: 2px solid #FF0076;
	font-size: 20px;
	font-weight: bold;
	color:#FF2670;
	margin-bottom: 18px;
	float: none;
	margin-right: auto ;
	margin-left: auto ;
	text-align: center;
}


.copytxt {
	font-size: 16px;
	font-weight: bold;
	color: #00D4DF;
}


.peformer a {
	display: block;
	border: 2px solid #FF3B8A;
	padding: 6px;
	text-align: center;
	color: #FF3B8A;
	font-size: 20px;
	font-weight: bold;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.peformer a:hover {
	display: block;
	border: 2px solid #FF3B8A;
	background: #FF3B8A;
	padding: 6px;
	text-align: center;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
}

section {
    width: 95%;
    margin: 10px;
    overflow: hidden;
	background:#222;
}

section img {
	width: 60%;
}

#pfnav li {
	float: none;
	width: 90%;
	margin-left: auto;
	margin-right:auto;
}

#pfnav li img {
	width: 100%;
}

#pfnav li:last-child {
	margin-left: auto;
	margin-right:auto;
}


body {
	font-size: 12px;
}

.logo li {
	float: left;
	margin-right: auto;
	margin-bottom: 10px;
	width: 50%;
	text-align: center;
}

.logo li:last-child  {
	margin-right: auto;
}

.time {
width: 100%;
}

.time img{
width: 100%;
}


.button {
	display: inline-block;
	position: relative;
	z-index: 2;
	border: 2px solid #f0ff00;
	color: #f0ff00;
	line-height: 50px;
	width: 220px;
	height: 54px;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	margin-right: 20px;
	font-size: 18px;
}

.button:hover {
	color: #000;
}

.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #f0ff00;
}


.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btns {
	text-align: center;
	margin-bottom: 50px;
}

dl.photo {
	color: #000;
}

dl.photo dd{
	background: #D6FC00;
	width: 100%;
	position: relative;
	font-size: 20px;
	margin-bottom: 15px;
}

dl.photo dd:hover{
	background: #79FF00;
}

dl.photo dd span{
	position: absolute;
	right: 20px;
	top: 20px;
	background: #050505;
	color: #FFF;
	font-size:12px;
	padding: 5px;
}

dl.photo dd a{
	color: #000;
	text-decoration: none;
	display: block;
	padding: 20px;
}

dl.photo dd.fL{
	float: none;
}

dl.photo dd.fR{
	float: none;
}



}

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

.time {
width: 100%;
}

.time img{
width: 100%;
}

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}

#header {
	margin-bottom: 80px;
	padding: 15px 15px 0px 15px;
	font-size: 14px;
}

#header ul li{
	float: left;
	margin-right: 30px;
	border: 1px solid #FFF;
	padding: 5px 15px;
	margin-bottom: 15px;
}

#contents {
	width: 100%;
	padding: 20px 0px;
	background-color:rgba(0,0,0,0.40);

}

#contents img{
	width: 90%;
}

#contents_home {
	padding: 20px 0px;
	/*background-color:rgba(0,0,0,0.40);*/

	width: 100%;
}

#contents_home img{
	width: 90%;
}

#bnNav {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

#bnNav li {
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#bnNav li:last-child {
	margin-right: auto;
	margin-left: auto;
}
#footer {
	padding: 40px;
}

h1.title {
	font-size: 24px;
	padding: 10px 0px;
	background-color:rgba(0,0,0,0.75);
	text-align: center;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px dotted #FFF;
}


.hntxt01 {
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #FFED00;
}

.hntxt02 {
	font-size: 18px;
	padding-bottom: 8px;
	border-bottom: 2px solid #00ABFF;
}

ul.pickup {
	margin-left: auto;
	margin-right: auto;
	width: 618px;

}

ul.pickup li{
	padding: 5px 10px;
	border: 2px solid #00FFA3;
	font-size: 20px;
	font-weight: bold;
	color:#00FFA3;
	margin-bottom: 20px;
	float: left;
	margin-right: 30px;
}

ul.pickup li:last-child {
	margin-right: 0px;
}

.copytxt {
	font-size: 18px;
	font-weight: bold;
	color: #00D4DF;
}



.peformer a {
	display: block;
	border: 2px solid #FF3B8A;
	padding: 10px;
	text-align: center;
	color: #FF3B8A;
	font-size: 28px;
	font-weight: bold;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.peformer a:hover {
	display: block;
	border: 2px solid #FF3B8A;
	background: #FF3B8A;
	padding: 10px;
	text-align: center;
	color: #FFF;
	font-size: 28px;
	font-weight: bold;
}

section {
    width: 360px;
    margin: 10px;
    overflow: hidden;
	background:#222;
}

#pfnav li {
	float: left;
	width: 286px;
	margin-right: 40px;
}

#pfnav li img {
	width: 100%;
}

#pfnav li:last-child {
	margin-right: 0px;
}


.logo li {
	float: left;
	margin-right: 22px;
	margin-bottom: 10px;
	text-align: center;
}

.logo li:last-child  {
	margin-right: 0px;
}


body {
	font-size: 14px;
}

.button {
	display: inline-block;
	position: relative;
	z-index: 2;
	border: 2px solid #f0ff00;
	color: #f0ff00;
	line-height: 50px;
	width: 220px;
	height: 54px;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	margin-right: 20px;
	font-size: 18px;
}

.button:hover {
	color: #000;
}

.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #f0ff00;
}


.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btns {
	text-align: center;
	margin-bottom: 50px;
}

dl.photo {

	color: #000;
}

dl.photo dd{
	background: #D6FC00;
	width: 48%;
	position: relative;
	font-size: 24px;
	margin-bottom: 15px;
}

dl.photo dd:hover{
	background: #79FF00;
}

dl.photo dd span{
	position: absolute;
	right: 20px;
	top: 20px;
	background: #050505;
	color: #FFF;
	font-size:14px;
	padding: 5px;
}

dl.photo dd a{
	color: #000;
	text-decoration: none;
	display: block;
	padding: 20px;
}

dl.photo dd.fL{
	float: left;
}

dl.photo dd.fR{
	float: right;
}



}


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

.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}


#header {
	margin-bottom: 100px;
	padding: 15px 15px 0px 15px;
	font-size: 14px;
}

#header ul li{
	float: left;
	margin-right: 30px;
	border: 1px solid #FFF;
	padding: 5px 15px;
	margin-bottom: 15px;
}

#contents {
	width: 920px;
	padding: 20px;
	background-color:rgba(0,0,0,0.40);
	margin-left: auto;
	margin-right: auto;
}

#contents_home {
	padding: 20px;
	/*background-color:rgba(0,0,0,0.40);*/
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}

#bnNav {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
}

#bnNav li {
	float: left;
	margin-right: 87px;
}

#bnNav li:last-child {
	margin-right: 0px;
}

#footer {
	padding: 40px;
}


h1.title {
	font-size: 24px;
	padding: 10px 0px;
	background-color:rgba(0,0,0,0.75);
	text-align: center;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px dotted #FFF;
}

.hntxt01 {
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid #FFED00;
}

.hntxt02 {
	font-size: 18px;
	padding-bottom: 8px;
	border-bottom: 2px solid #00ABFF;
}

ul.pickup {
	margin-left: auto;
	margin-right: auto;
	width: 618px;

}

ul.pickup li{
	padding: 5px 10px;
	border: 2px solid #00FFA3;
	font-size: 20px;
	font-weight: bold;
	color:#00FFA3;
	margin-bottom: 20px;
	float: left;
	margin-right: 30px;
}

ul.pickup li:last-child {
	margin-right: 0px;
}

.copytxt {
	font-size: 18px;
	font-weight: bold;
	color: #00D4DF;
}



.peformer a {
	display: block;
	border: 2px solid #FF3B8A;
	padding: 10px;
	text-align: center;
	color: #FF3B8A;
	font-size: 28px;
	font-weight: bold;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.peformer a:hover {
	display: block;
	border: 2px solid #FF3B8A;
	background: #FF3B8A;
	padding: 10px;
	text-align: center;
	color: #FFF;
	font-size: 28px;
	font-weight: bold;
}

section {
    width: 330px;
    margin: 10px;
    overflow: hidden;
	background:#222;
}

#pfnav li {
	float: left;
	width: 286px;
	margin-right: 30px;
}

#pfnav li img {
	width: 100%;
}

#pfnav li:last-child {
	margin-right: 0px;
}


body {
	font-size: 14px;
}

.logo li {
	float: left;
	margin-right: 22px;
	margin-bottom: 10px;
	text-align: center;
}

.logo li:last-child  {
	margin-right: 0px;
}

.time {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.button {
	display: inline-block;
	position: relative;
	z-index: 2;
	border: 2px solid #f0ff00;
	color: #f0ff00;
	line-height: 50px;
	width: 220px;
	height: 54px;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	margin-right: 20px;
	font-size: 18px;
}

.button:hover {
	color: #000;
}

.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #f0ff00;
}


.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btns {
	text-align: center;
	margin-bottom: 50px;
}

dl.photo {

	color: #000;
}

dl.photo dd{
	background: #D6FC00;
	width: 48%;
	position: relative;
	font-size: 24px;
	margin-bottom: 15px;
}

dl.photo dd:hover{
	background: #79FF00;
}

dl.photo dd span{
	position: absolute;
	right: 20px;
	top: 20px;
	background: #050505;
	color: #FFF;
	font-size:14px;
	padding: 5px;
}

dl.photo dd a{
	color: #000;
	text-decoration: none;
	display: block;
	padding: 20px;
}

dl.photo dd.fL{
	float: left;
}

dl.photo dd.fR{
	float: right;
}



}