@charset "utf-8";
/*CommonCSS*/

body {
	background-image: url(../img/fesbg.jpg);
	background-position: center 0%;
	background-repeat: no-repeat;
	background-color: #000628;
	background-attachment: fixed;
}
#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;
}
a.brain{
	display: block !important;
	color: #888 !important;
	border: 2px solid #888 !important;
	pointer-events: none !important;
	text-decoration: none !important;
}
a.brain02{
	display: inline-block !important;
	color: #888 !important;
	border: 2px solid #888 !important;
	pointer-events: none !important;
	text-decoration: none !important;
}
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;
}
div.covid_area {
	border: 5px solid #f00;
	width: 960px;
    padding: 40px;
	margin: 0 auto;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.60);
	margin-bottom: 50px;
}
div.covid_area h2.ttl_block {
	font-size: 170%;
	text-align: center;
}
div.covid_area div.covid {
}
div.covid_area div.covid p {
	margin-bottom: 1em;
	margin-top: 1em;
}
div.covid_area div.covid h3 {
	font-size: 140%;
	text-align: center;
}
div.covid_area div.covid ul {
	margin-bottom: 1em;
	margin-top: 1em;
}
div.covid_area div.covid ul li {
	text-indent: -1em;
}
div.covid_area div.covid figure.covid_img {
	text-align: center;
	margin-top: 2em;
}
div.covid_area div.covid figure.covid_img img {
}
.bold{
	font-weight: bold;
	font-size: 17px;
}
.archive_area{
	text-align: center;
	margin-bottom: 150px;
	margin-top: 100px;
}
.archive_area p{
	width: 600px;
	margin: 0 auto;
}
.archive_area p a{
	padding: 20px 20px;
	font-size: 26px;
	width: 600px;
	height: 100px;
	background:rgba(0,0,0,0.5);
	text-decoration: none;
}
/* End: Recommended Isotope styles */


@media screen and (min-width:300px) and ( max-width:700px) {
	.pc{
		display: none !important;
	}
	body {
		background-image: none;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	body:before{
	  content:"";
	  display:block;
	  position:fixed;
	  top:0;
	  left:0;
	  z-index:-1;
	  width:100%;
	  height:100vh;
	  background:url(../img/spbg.jpg) center no-repeat;
	  background-size:cover;
	}
	.mtup{
		margin-top: 50px;
	}
	.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: 110px;
	}
	#header ul {
		margin-bottom: 50px;
		padding: 10px 10px 0px 10px;
		font-size: 12px;
		position: fixed;
        z-index: 100;
		background-color: rgba(0, 0, 0, 0.65);
	}
	#header ul li {
		float: left;
		margin-right: 10px;
		border: 1px solid #FFF;
		padding: 3px 10px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	#contents {
		width: calc(100% - 20px);
		padding: 20px 10px;
		background-color: rgba(0,0,0,0.60);
	}
	#contents img {
		width: 90%;
	}
	#contents_home {
		padding: 20px 0px;
		/*background-color:rgba(0,0,0,0.40);*/
		width: 100%;
	}
	#contents_home img {
		width: 90%;
	}
	.home01 {
		text-align: center;
	}
	.home02 {
		text-align: center;
		margin-top: 20px;
	}
	.home03 {
		margin-top: 20px;
		text-align: center;
	}
	.home03 .caution {
		color: #fcff00;
		font-size: 11px;
		text-align: center;
		margin-bottom: 14px;
		font-weight: bold;
	}
	.home03 .btn{
		width: calc(100% - 50px);
		margin: 0 auto;
		background-color: #000;
	}
	.home03 .btn a {
		background-color: #fffe00;
		padding: 15px;
		display: block;
		color: #000628;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
	}
	.home03 .btn a:before {
		content: '';
		background: url(../img/icon_arrow.png);
		width: 11px;
		height: 19px;
		display: inline-block;
		margin-right: 10px;
		-webkit-background-size: 11px 19px;
		background-size: 11px 19px;
	}
	.home04 {
		margin-top: 20px;
		text-align: center;
	}
	.home05 {
		margin-top: 20px;
		text-align: center;
	}
	#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: 250px;
		height: 54px;
		text-align: center;
		overflow: hidden;
		text-decoration: none;
		line-height: 54px;
		outline: none;
		margin-right: 20px;
		font-size: 18px;
	}
	.archive .button {
		width: 140px;
	}
	.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;
		padding-left: 20px;
	}
	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;
	}
	div.covid_area {
		border: 5px solid #f00;
		width: 100%;
		padding: 20px;
		margin: 0 auto;
		box-sizing: border-box;
		background-color: rgba(0,0,0,0.60);
		margin-bottom: 40px;
	}
	div.covid_area h2.ttl_block {
		font-size: 170%;
		text-align: center;
	}
	div.covid_area div.covid {
	}
	div.covid_area div.covid p {
		margin-bottom: 1em;
		margin-top: 1em;
	}
	div.covid_area div.covid h3 {
		font-size: 140%;
		text-align: center;
	}
	div.covid_area div.covid ul {
		margin-bottom: 1em;
		margin-top: 1em;
	}
	div.covid_area div.covid ul li {
	}
	div.covid_area div.covid figure.covid_img {
		text-align: center;
		margin-top: 2em;
	}
	div.covid_area div.covid figure.covid_img img {
		width: 100%;
	}
	.archive_area{
		text-align: center;
		margin-bottom: 100px;
	}
	.archive_area p{
		width: 90%;
		margin: 0 auto;
	}
	.archive_area p a{
		padding: 10px 20px;
		font-size: 20px;
		width: 100%;
		height: 80px;
		background:rgba(0,0,0,0.5);
		text-decoration: none;
	}
}

@media screen and (min-width:700px) and ( max-width:900px) {
	.sp{
		display: none !important;
	}
	.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.60);
	}
	#contents img {
		width: 90%;
	}
	#contents_home {
		padding: 20px 0px;
		/*background-color:rgba(0,0,0,0.40);*/

		width: 100%;
	}
	#contents_home img {
		width: 90%;
	}
	.home01 {
		text-align: center;
	}
	.home02 {
		text-align: center;
		margin-top: 40px;
	}
	.home03 {
		margin-top: 40px;
		text-align: center;
	}
	.home04 {
		margin-top: 40px;
		text-align: center;
	}
	.home05 {
		margin-top: 40px;
		text-align: center;
	}
	#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: 230px;
		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;
	}
	div.covid_area {
		border: 5px solid #f00;
		width: 100%;
		padding: 40px;
		margin: 0 auto;
		box-sizing: border-box;
		background-color: rgba(0,0,0,0.60);
		margin-bottom: 50px;
	}
	div.covid_area h2.ttl_block {
		font-size: 170%;
		text-align: center;
	}
	div.covid_area div.covid {
	}
	div.covid_area div.covid p {
		margin-bottom: 1em;
		margin-top: 1em;
	}
	div.covid_area div.covid h3 {
		font-size: 140%;
		text-align: center;
	}
	div.covid_area div.covid ul {
		margin-bottom: 1em;
		margin-top: 1em;
	}
	div.covid_area div.covid ul li {
		text-indent: -1em;
	}
	div.covid_area div.covid figure.covid_img {
		text-align: center;
		margin-top: 2em;
	}
	div.covid_area div.covid figure.covid_img img {
	}
}

@media screen and (min-width:900px) {
	.sp{
		display: none !important;
	}
	.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.60);
		margin-left: auto;
		margin-right: auto;
	}
	#contents img{
		width: 100%;
	}
	#contents_home {
		padding: 20px;
		/*background-color:rgba(0,0,0,0.40);*/
		margin-left: auto;
		margin-right: auto;
		width: calc(100% - 40px);
		max-width: 1200px;
	}
	#contents_home .responsive {
	}
	#contents_home .responsive img {
		width: 100%;
	}
	.home01 {
		max-width: 977px;
		margin: 0 auto;
		width: 100%;
	}
	.home01 img {
		width: 100%;
	}
	.home02 {
		text-align: center;
		margin-top: 40px;
	}
	.home03 {
		margin-top: 40px;
		text-align: center;
	}
	.home03 .caution {
		color: #fcff00;
		font-size: 18px;
		text-align: center;
		margin-bottom: 18px;
		font-weight: bold;
	}
	.home03 .btn{
		width: 650px;
		margin: 0 auto;
		background-color: #000;
	}
	.home03 .btn a {
		background-color: #fffe00;
		padding: 30px;
		display: block;
		color: #000628;
		font-size: 32px;
		font-weight: bold;
		text-decoration: none;
	}
	.home03 .btn a:before {
		content: '';
		background: url(../img/icon_arrow.png);
		width: 11px;
		height: 19px;
		display: inline-block;
		margin-right: 10px;
		-webkit-background-size: 11px 19px;
		background-size: 11px 19px;
	}
	.home04 {
		margin-top: 170px;
		text-align: center;
	}
	.home05 {
		margin-top: 40px;
		text-align: center;
	}
	#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;
	}
	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;
	}
	.chosei .button {
		width: 400px;
	}
	.button {
		display: inline-block;
		position: relative;
		z-index: 2;
		border: 2px solid #f0ff00;
		color: #f0ff00;
		line-height: 50px;
		width: 230px;
		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;
	}
}