@charset "utf-8";

	*:focus {outline: none;}
	*{font-family: "Yu Gothic","游ゴシック" !important;}
	*:lang(zh-cn){ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;}
	body{
		background: #000;
		text-align: center;
		position: relative;
		color: #fff;
		
	}
	body *{
		font-size: 1em;
	}
	.wrapper{
		background: url(../images/background-sparks.jpg) center top repeat-y;
		animation: sparks-move 70s infinite linear;
		position: relative;
	}
		@keyframes sparks-move{
			0%    { background-position: center top; }
			100%  { background-position: center -1150px; }
		}
		.wrapper::before , .wrapper::after{
			content: "";
			position: absolute;
			width: 100%; height: 100%;
			top: 0; left: 0;
		}
		.wrapper::before{
			opacity: .7;
			background:
				url(../images/background-fixed-tl.png) left top fixed no-repeat,
				url(../images/background-fixed-rb.png) right bottom fixed no-repeat,
				url(../images/background-blueflex.png) center center fixed;
			background-size:
				auto, 
				auto,
				100% 100%;
		}
		.wrapper::after{
			background: repeating-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5) 1px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 3px);
			z-index: 10;
		}
	.wrapper > .particle{
		position: fixed;
		top: 0; left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 5;
	}
	.wrapper > *:not(.particle){
		position: relative;
		z-index: 20;
	}	


	a{
		text-decoration: none;
	}
	img{
		max-width: 100%;
		vertical-align: bottom;
		image-rendering: -webkit-optimize-contrast;
	}
	body > .konami-header{
		position: absolute;
		position: relative;
		z-index: 5000;
		top: 0; left: 0;
		background: rgba(0,0,0,.6);
		border-bottom: 1px solid rgba(150,150,150,.2);
	}
	
	


	header.main{
		z-index: 100;
		position: relative;
		align-items: center;
		display: flex;
		justify-content: center;
	}
	header.main.top{
		padding: 22em 0 4em;
		position: relative;
	}
	header.main.top::after{
		content: "";
		position: absolute;
		width: 100%; height: 100%;
		left: 0; top: 0;
		background-position: center top;
		background-repeat: no-repeat;
		opacity: 0;
		z-index: 1;
		animation: mainvisual .1s ease-in-out .5s 1 normal forwards;
	}

	@keyframes mainvisual{
		0%{
			opacity: 0;
			filter: brightness(0.2) blur(200px);
		}
		80%{
			opacity: .5;
			filter: brightness(120) blur(10px);
		}
		100%{
			opacity: 1;
			filter: brightness(1) blur(0);
		}
	}
	
	header.main.top.mon1::after{background-image: url(../images/mainvisual-monster1.png); background-position: center -50px;}
	header.main.top.mon2::after{background-image: url(../images/mainvisual-monster2.png);}
	header.main.top.mon3::after{background-image: url(../images/mainvisual-monster3.png);}
	header.main.top.mon4::after{background-image: url(../images/mainvisual-monster4.png);}
	header.main.top.mon5::after{background-image: url(../images/mainvisual-monster5.png);}
	header.main.top.mon6::after{background-image: url(../images/mainvisual-monster6.png);}
	header.main.top.mon7::after{background-image: url(../images/mainvisual-monster7.png);}
	header.main.top.mon8::after{background-image: url(../images/mainvisual-monster8.png);}
	header.main.top.mon9::after{background-image: url(../images/mainvisual-monster9.png);}
	header.main.top.mon10::after{background-image: url(../images/mainvisual-monster10.png);}
	
@media screen and (min-width:768px) and (max-width:979px){
	header.main.top{
		
	}
	header.main.top.mon1{
		background-size: 120% auto;
	}
}

@media screen and (max-width:767px){
	header.main.top{
		padding: 65% 0 2em;
	}
	header.main.top::after{
		background-size: 220% auto;
	}
	header.main.top.mon1::after{
		background-position: left 15% top;
		transition: .2s;
	}
}

/*-Anniv style */
	header.main.anniv{
		padding: 0;
		text-align: center;
		height: 560px;
	}
	header.main.anniv::after{
		content: none;
	}
		.header-main-anniv{
			width: 100%;
			overflow: hidden;
			height: 0px;
			box-shadow: 0 0 0 1px #ffffff55;
			background-position: center center;
			background-repeat: no-repeat;
			position: relative;
			animation: annivvisual .2s ease-in .5s normal forwards;
		}
		.header-main-anniv.a1{	background-image: url(/yugioh/masterduel/images/1stanniv-bk.jpg);}
		.header-main-anniv.a2{	background-image: url(/yugioh/masterduel/images/2ndanniv-bk.jpg);}
@media screen and (min-width: 768px){	
	@keyframes annivvisual{
		0%{
			height: 0px;
			box-shadow: 0 0 0 1px #ffffff55;
		}
		80%{
			height: 580px;
			box-shadow: 0 0 .5em 1 #fff;
		}
		100%{
			height: 510px;
			box-shadow: 0 0 .2em 0 #ee0;
		}
	}
}
		
@media screen and (min-width: 1314px){
		.header-main-anniv{
			background-size: 120% auto;
			transition: .1s;
		}
}
@media screen and (max-width: 1313px){
		.header-main-anniv{
			background-size: auto 120%;
			transition: .1s;
		}
}
@media screen and (max-width: 767px){
	header.main.anniv{
		height: auto;
		padding: 2em 0;
	}
		.header-main-anniv{
			background: none;
			height: auto;
		}
}

		.header-main-anniv h1{
			position: absolute;
			max-width: 940px;
			width: 100%;
			height: 0;
			overflow: hidden;
			padding-top: 600px;
			left: 50%; top: 50%;
			transform: translate(-50%,-50%);
			background-position:  center center;
			background-repeat: no-repeat;
		}
		.header-main-anniv.a1 h1{	background-image: url(/yugioh/masterduel/images/1stanniv-image.png);}
		.header-main-anniv.a2 h1{	background-image: url(/yugioh/masterduel/images/2ndanniv-image.png);}
@media screen and (max-width: 920px){
		.header-main-anniv h1{
			background-size: 110% auto;
			transition: .1s;
		}
}
@media screen and (max-width: 767px){
		.header-main-anniv h1{
			position: relative;
			left: 0; top: 0;
			transform: translate(0,0);
			padding-top: 100%;
			background-size: 100% auto;
			transition: .1s;
		}
		.header-main-anniv.a1 h1{	background-image: url(/yugioh/masterduel/images/1stanniv-sp.jpg);}
		.header-main-anniv.a2 h1{	background-image: url(/yugioh/masterduel/images/2ndanniv-sp.jpg);}
}
		
/*-Anniv style */
	
		header.main.top h1{
			margin-bottom: 1em;
			padding: 0 1.5em;
			position: relative;
			z-index: 2;
		}
		header.main.top h1 img{
			width: 540px;
			position: relative;
			z-index: 2;
		}	
	header.main.page{
		padding: 2em 0;
	}
	header.main.top .header-main p{
		font-size: 2.5em;
		font-weight: bold;
		text-shadow: 0 0 .5em #2137bd , 0 0 .5em #2137bd;
	}
	header.main.page h1 img{
		width: 350px;
	}
		
@media screen and (max-width:767px){
	header.main.top .header-main p{
		font-size: 1.5em;
	}
}

	main{
		position: relative;
		z-index: 100;
		padding: 1em;
		padding: .5em 1em 1em;
	}
	main section:not(.news-entry-main) h3{
		text-align: left;
		border-bottom: 1px solid #333;
		color: #aaa;
		margin: auto auto 1em;
		line-height: 1em;
		padding-bottom: .8em;
		letter-spacing: .3em;
		font-size: 1rem;
		max-width: 980px;
	}


	main > section{}
	
		main > section > *{
			margin: auto auto 1em;
		}
		
		
		
		
		main > section.message{
			position: relative;
		}
			main > section.message::before , main > section.message::after{
				content: "";
				position: absolute;
				display: block;
				left: 0;
				width: 100%; height: 1px;
				background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 15%,rgba(255,255,255,0.3) 85%,rgba(255,255,255,0) 100%);
			}
			main > section.message::before{ top: 0; }
			main > section.message::after{ bottom: 0; }
			main > section.message a{
				padding: .8em 1em .6em; 
				font-weight: bold;
				display: block;
				color: #fff;
			}
			main > section.message a::before{
				content: "» ";
			}
			main > section.message a:hover{
				background: rgba(50,50,255,.1);
				transition: .2s;
			}
		

		main > section.sp-banner{
			margin: 2em -1em auto;
			margin: auto -1em 4em;
		}
			.carousel{
				max-width: 100%;
				
			}
				.carousel figure{
					box-sizing: border-box;
					padding: 0 .3%;
				}
				.carousel figure a{
					padding: 0 1%;
				}
				.carousel figure a img{
					border-radius: .3em;
					box-shadow: 0 0 0 1px rgba(80,80,80,.4);
					width: 100%;
				}

				.slick-next,.slick-prev {
					width: 30px;
					height: 30px;
				}
				.slick-next::before,.slick-prev::before{
					font-size: 30px;
				}
				.slick-next {right: 15px;}
				.slick-prev {left: 15px;z-index: 5;}
				.slick-dots li{
					width: 52px;
					height: 5px;
				}
				.slick-dots li button::before{
					background: rgba(80,80,80,1);
					width: 50px;
					height: 5px;
					background: rgba(80,80,80,1);
					content: "";
					border-radius: 10em;
				}
				.slick-dots li.slick-active button::before{
					background: rgba(80,80,80,1);
				}
			@media screen and (max-width:767){
				.slick-next,.slick-prev {
					display: none;
				}
			}
		
			
			
		main > section.download{
			padding: 1em 0;
			max-width: 900px;
			margin: auto;
		}
			main > section.download div.pickup{
				padding-top: 2em;
			}
			main > section.download div.pickup a{
				color: #fff;
				display: inlie-block;
				line-height: 1em;
				padding: .3em 1.5em;
			}
			main > section.download div.pickup a:hover{
				text-decoration: underline;
				transition: .2s;
			}
			main > section.download p span{
				display: block;
				color: #294ac4;
				font-weight: bold;
			}
			main > section.download p em{
				display: block;
				font-size: 1.8em;
				font-weight: bold;
			}
			main > section.download .download-btn{
				letter-spacing: -.40em;
				margin: auto; 
				max-width: 800px;
			}
				main > section.download .download-btn li{
					letter-spacing: normal;
					display: inline-block;
					width: 25%;
				}
				main > section.download .download-btn li > *{
					display: block;
					margin: auto .6em 1em;
				}
				main > section.download .download-btn:not(.mb) li > * img{
					border-radius: 3.135% 3.135% 3.135% 3.135% / 9.79% 9.79% 9.79% 9.79%;
		border: 1px solid #a6a6a6;
				}
				main > section.download .download-btn li span img{
					opacity: .5;
				}
				main > section.download .download-btn:not(.mb) li a img:hover{
					border: 1px solid #ddd;
					transition: .2s;
				}
				
			main > section.download span.notes{
				background: rgba(50,50,50,.7);
				color: #aaa;
				border-radius: 50em;
				display: inline-block;
				line-height: 1em;
				padding: .6em 1.8em .5em;
				font-size: .8em;
			}
@media screen and (max-width:767px){
				main > section.download .download-btn li{
					width: 50%;
					box-sizing: border-box;
				}
				main > section.download .download-btn li > *{
					display: block;
					margin: auto .4em .6em;
				}
}
		
		main > section.basic-style{
			padding: 4em 1em 3em;
			margin: auto -1em;
		}
		main > section.basic-style h1{
			font-size: 2.2em;
		}
@media screen and (max-width:767px){
		main > section.basic-style h1{
			font-size: 1.3em;
			
		}
}
		main > section.basic-style p:not(.em){
			opacity: .6;
		}
		main > section.basic-style p.em{
			font-size: 1.3em;
		}
		main > section.basic-style p.em span{
			font-style: italic;
		}
		
		
		main > section.introduction{
			background: url(../images/background-colud.jpg) center center fixed;
			background-size: 100% auto;
			
		}

		main > section div.trailer{
			padding: 2em 0;
			/*background-color: rgba(150,0,0,.3);*/
			background-repeat: repeat-x;
			background-size: auto 60%;
			overflow: hidden;
			
			animation: ss-move 45s infinite linear;
			}
			@keyframes ss-move{
				0%    { background-position: 0 center; }
				100%  { background-position: -3100px center; }
			}
		
		main > section div.trailer:lang(ja){background-image: url(../images/ja/ssline.png);}
		main > section div.trailer:not(:lang(ja)){background-image: url(../images/en/ssline.png);}
		
		main > section a.movie{
			display: inline-block;
			border: 1px solid #ddd;
			box-shadow: 0 0 .5em 0 #0054ff , 0 0 .5em 0 #0054ff;
			max-width: 500px;
			overflow: hidden;
			position: relative;
			vertical-align: bottom;
		}
		main > section a.movie.mini{
			border: none;
			box-shadow: 0 0 .3em 0 #14007b , 0 0 .5em 0 #14007b;
		}
		main > section a.movie::before , main > section a.movie::after{
			content: "";
			position: absolute;
			left: 0; top: 0;
			width: 100%; height: 100%;
		}
		main > section a.movie::before{
			background:
				url(../images/play-icon.png) center center no-repeat,
				rgba(0,0,0,.1);
			background-size:
				20% auto,
				auto;
		}
		main > section a.movie.mini::before{
			background:
				url(../images/play-icon.png) center center no-repeat,
				rgba(0,0,0,.1);
			background-size:
				20% auto,
				auto;
		}
		main > section a.movie:hover::before{
			opacity: 0;
			transition: .2s;
		}
@media screen and (max-width: 767px){
		main > section.introduction{
			background-size: auto 100%;
		}
		main > section a.movie{
			border-radius: .2em;
		}
}

	main > section.movies{
		
	}
		main > section.movies div{
			padding: 3em 0 1em;
		}
		main > section.movies div > p{
			margin-bottom: 1em;
		}
		main > section.movies ul{
			letter-spacing: -.40em;
		}
		main > section.movies ul li{
			letter-spacing: normal;
			display: inline-block;
		}
		main > section.movies ul li span{
			display: block;
			opacity: .5;
		}
		main > section.movies div{
			text-align: center;
		}

	.line-title{
		margin: 3em auto 2em;
		display: flex;
		max-width: 980px;
		text-align: center;
		line-height: 1em;
		align-items: center;
		justify-content: center;
	}
	.line-title span{
		display: inline-block;
		margin: auto;
		flex: 2em;
		line-height: 1em;
		color: #aaa;
	}
	.line-title::before , .line-title::after{
		content: "";
		flex: 4;
		height: 1px;
	}
	.line-title::before{
		background: linear-gradient(to right, rgba(255,255,255,.0) 0%,rgba(255,255,255,.5) 100%);
	}
	.line-title::after{
		background: linear-gradient(to right, rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
	}
		
	
	ul.movieline{
		max-width: 980px;
	}
	.movieline li{
		text-align: center;
		letter-spacing: normal;
		display: inline-block;
		font-size: .7em;
		box-sizing: border-box;
		vertical-align: top;
	}
	.movieline.tutorial li{
		width: 40%;
		padding: 0 1.2%;
	}
	.movieline.stratesy li{
		width: 25%;
		padding: 0 .7%;
	}
	.movieline li a{
		margin-bottom: 1em;
	}
@media screen and (max-width:767px){
	.movieline{
		
	}
	.movieline.tutorial li{
		width: 50%;
		padding: 0 1.2%;
	}
	.movieline.stratesy li{
		width: 50%;
		padding: 0 1.2%;
		margin-bottom: 2em;
	}
}



	main > section.events{
		background: rgba(0,0,0,.8);
		
	}
		main > section.events ul{
			letter-spacing: -.40em;
			max-width: 980px;
		}
		main > section.events ul li{
			letter-spacing: normal;
			display: inline-block;
			width: 33.333%;
			box-sizing: border-box;
			padding: .3em .5em 2em;
			vertical-align: top;
		}
			main > section.events ul li figure{
				border: 1px solid #333;
				overflow: hidden;
			}
			main > section.events ul li div{
				box-sizing: border-box;
				padding-top: 1em;
				line-height: 1.2em;
			}
			main > section.events ul li div em{
				display: block;
				font-size: 1.1em;
				opacity: 1;
				letter-spacing: -.05em;
			}
			main > section.events ul li div span{
				font-size: .8em;
				opacity: .6;
				letter-spacing: -.05em;
			}
@media screen and (max-width:767px){
		main > section.events ul li{
			width: auto;
			padding: 0;
			display: flex;
			border: 1px solid #333;
			margin-bottom: .5em;
			align-items: center;
		}
			main > section.events ul li figure{
				width: 33%;
				border: none;
				vertical-align: bottom;
			}
			main > section.events ul li figure img{
				margin-top: -.2em;
				margin-bottom: -.2em;
			}
			main > section.events ul li div{
				padding: 1em 0 1em 1em;
				text-align: left;
				font-size: .85em;
			}
}


		main > section.onlinehelp{
			padding: 3em 0em;
		}
			a.box-link{
				display: inline-block;
				max-width: 400px;
				width: 400px;
				border: 1px solid rgba(255,255,255,.5);
				color: #fff;
				padding: .8em;
				margin: auto;
			}
			a.box-link::before{
				content: "» ";
			}
			a.box-link:hover{
			    background: rgba(50,50,255,.1);
				border: 1px solid rgba(255,255,255,.8);
				transition: .2s;
			}
@media screen and (max-width:767px){
			a.box-link{
				display: block;
				width: auto;
			}
}




		main > section.information{
			letter-spacing: -.40em;
			padding: 2em 1em;
			margin: auto auto 3em;
		}
			main > section.information section{
				letter-spacing: normal;
				display: inline-block;
				margin: auto;
				vertical-align: top;
			}
			main > section.information section.news{
				max-width: 560px;
				width: 57.14285714285714%;
				box-sizing: border-box;
				padding-right: 1em;
			}
			main > section.information section.news ul{
				text-align: left;
			}
				main > section.information section.news ul li{
					text-align: left;
				}
				main > section.information section.news ul li a,
				main > section.information section.news ul li span{
					display: block;
					color: #fff;
					font-size: .95em;
					padding: .5em;
					position: relative;
					line-height: 1.2em;
				}
				main > section.information section.news ul li span{
					color: #bbb;
				}
				main > section.information section.news ul li .txt{
					padding-left: 6em;
					border-bottom: 1px solid rgba(50,50,50,.7);
				}
				main > section.information section.news ul li .txt time{
					position: absolute;
					left: 0;
					opacity: .6;
				}
				main > section.information section.news ul li a figure{
					border: 1px solid #333;
				}
				main > section.information section.news ul li a figure img{
					vertical-align: bottom;
				}
				main > section.information section.news ul li a p{
					
				}
				main > section.information section.news ul li a:hover{
					background: rgba(30,30,30,.6);
				}
				main > section.information section.news ul li a:hover figure{
					border: 1px solid #999;
					transition: .2s;
				}
				main > section.information section.news ul li.more{
					padding: 0 .5em;
				}
				main > section.information section.news ul li.more a{
					margin: auto;
					display: block;
					border: 1px solid rgba(255,255,255,.5);
					color: #fff;
					padding: 0.3em 2em;
					text-align: center;
				}
				main > section.information section.news ul li.more a.more:hover{
					background: rgba(50,50,50,.1);
					border: 1px solid rgba(255,255,255,.8);
					transition: .2s;
				}
				
				
				
			main > section.information section.sns{
				max-width: 420px;
				width: 42.85714285714286%;
			}
				main > section.information section.sns iframe.facebook{
					width: 100%;
				}
			
/* 背景を黒くする、全体の文字色を白くする */
.fb-page{
	width: 100% !important;
}
			
		.mCustomScrollbar{
			height: 400px;
		}
		.no-mCustomScrollbar{
			height: 420px;
			
		}
		
		
@media screen and (max-width:767px){
		main > section.information{
			padding: 2em 0;
		}
			main > section.information section.news{
				display: block;
				max-width: 100%;
				width: 100%;
				padding-right: 0;
				margin-bottom: 3em;
			}
			main > section.information section.sns{
				display: block;
				max-width: 100%;
				width: 100%;
			}	
}
	
	

	main > .product{
		padding: 1em 0 2em;
	}
	main > .product > *:not(h3){
		max-width: 980px;
		font-size: .8em;
		text-align: left;
	}
	dl.product-information{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 2em; 
	}
		dl.product-information dt{
			width: 23%;
		}
		dl.product-information dd{
			padding-left: 2%;
		}
@media screen and (max-width:767px){
	dl.product-information{
		display: block;
	}
	dl.product-information dt{
			width: 100%;
			text-align: center;
			padding-bottom: 1.5em;
	}
	dl.product-information dd{
			padding-left: 0;
		}
	dl.product-information dt img{
			width: 50%;
	}
}
			

	.product table{
		color: #aaa;
		text-align: left;
		width: 100%;
	}
	.product table caption{
		background: rgba(50,50,50,.5);
		line-height: 1em;
		padding: .65em .5em .5em;
		margin-bottom: .5em;
	}
	.product table tr > *{
		padding: .4em .5em;
	}
	.product table th{
		color: #777;
	}
	.product table td{
		
	}
	.product table tr.border > *{
		border-bottom: 1px solid rgba(50,50,50,.7);
	}
	.product table.require tr > *{
		padding: .2em .5em;
		
	}
	
	.product div.mobile{
		letter-spacing: -.40em;
	}
		.product div.mobile div{
			width: 49.5%;
			letter-spacing: normal;
			display: inline-block;
			vertical-align: top;
		}
		.product div.mobile div.left{margin-right: .5%;}
		.product div.mobile div.right{margin-left: .5%;}

@media screen and (max-width: 767px){
		.product div.mobile div{
			width: 100%;
			margin-bottom: 1em;
		}
		.product div.mobile div.left{margin-right: auto;}
		.product div.mobile div.right{margin-left: auto;}	
}	
	
	
/*other*/	
	
		main > section figure.platform{
				max-width: 780px;
		}
			main > section figure.platform > img{
				max-width: 50%;
			}
@media screen and (max-width: 767px){
			main > section figure.platform > img{
				max-width: 100%;
			}
}

		main > section p.trademark{
			padding-top: 2em;
			opacity: .5;
			opacity: 1;
			font-size: .7em;
			color: #adadad;
			line-height: 1.8em;
		}
			main > section p.trademark span{
				display: block;
			}
			main > section p.trademark img{
				height: .85em;
				vertical-align: middle;
				filter: invert(60%) sepia(97%) saturate(5%) hue-rotate(103deg) brightness(96%) contrast(90%);
			}
			main > section p.trademark img:first-child{
				height: 1.2em;
			}
@media screen and (max-width: 767px){
		main > section p.trademark{
			line-height: 1.2em;
		}
}

		main > section figure.rating{
			padding: 1em 0 0;
			
		}
			main > section figure.rating img{
				height: 80px;
				margin: auto .2em;
			}
			main > section figure.rating img.pegicon{
				height: 60px;
			}
			main > section figure.rating figcaption{
				font-size: .6em;
				padding: .5em 0;
				font-weight: bold;
			}
	
@media screen and (max-width:767px){
			main > section figure.rating img{
				height: 50px;
			}
			main > section figure.rating img.pegicon{
				height: 37px;
			}
}

		main div.toppage{
			padding: 1em 0 3em;
			text-align: center;
		}
			main div.toppage a{
				margin: auto;
				display: block;
				max-width: 300px;
				border: 1px solid rgba(255,255,255,.5);
				color: #fff;
				padding: .3em 2em;
			}
			main div.toppage a:hover{
			    background: rgba(50,50,50,.1);
				border: 1px solid rgba(255,255,255,.8);
				transition: .2s;
			}


.footer-wrapper{
	background: rgba(0,0,0,.6);
	border-top: 1px solid rgba(150,150,150,.2);
}
	.page-top{
		border-color: #222;
	}
	.copyright{
		max-width: 980px;
		text-align: center;
		margin: auto;
		padding: 0 0 .5em;
	}
		.copyright small{
			font-size: .75em;
			line-height: 1.3em;
			color: #888;
			display: block;
			padding-bottom: .2em;
		}
	


/*

	.development{
		display: block !important;
		padding: .5em 0;
		text-align: center;
	}
	.development small{
		background: #1a1a1a;
		color: #ccc;
		display: inline-block;
		line-height: 1em;
		padding: .6em 2em .4em;
		font-size: .8em;
		border-radius: 20em;
		margin: auto;
	}
@media screen and (max-width:767px){
	.development small{
		margin: auto 1em;
	}
}

*/