@media (orientation: portrait){ 
	select, input[type='submit'], input[type='button'], table#menu span{
		font-size:3vw;
		width:31vw;
		max-width:31vw;
		line-height:2;
	}
	
	input[type='text']{
		font-size:3vw;
		width:100%;
		max-width:100%;
		margin: 0.8vw;
		line-height:2;
	}
	
	.fontsize_cardname{
		font-size:2.8vw;
	}
	.fontsize2{
		font-size:3.1vw;
	}
	.fontsize3{
		font-size:2.23vw;
	}
	.fontsize4{
		font-size:2.03vw;
	}
	
	.cards{
		width: 49vw;
		max-width: 49vw;
		height: 68.4vw;
		border-radius:2.5vw;
		margin-right:1.2vw;
	}
	
	.cardHolder{
		width: 97vw;
		max-width: 97vw;
		height: 68.4vw;
		font-size:2.4vw;
		line-height:1.6;
		border-radius:2.5vw;
		//border: 0.5vw groove #ddd;
		margin:0.8vw;
	}
	
	.cardHolder div{
		padding:1vw 0.8vw;
		//padding-bottom:2vw;
	}

	
	.cardHolder.ads span.pages{
		width:8vw;
		height:68.4vw;
		line-height:68.4vw;
	}
	@keyframes movingleft {
		0%   {margin-left:0;}
		100% {margin-left:-0.6vw; }
	}
	@keyframes movingright {
		0%   {margin-right:-0vw;}
		100% {margin-right:-0.6vw; }
	}
	.cardHolder.ads span.pages img{
		width:8vw;
		padding-top:26.2vw;
	}
	.cardHolder.ads span.pages img:hover{
		padding-top:24.4vw;
	}
	.cardHolder.ads span.pages#next{
		margin-left:90vw;
	}
	
	.cardHolder.ads div{
		width: 98vw;
		height: 68.4vw;
	}
	.cardHolder.ads iframe.youtube{
		border: 0px;
		width:98vw;
		height:55.125vw;
		padding-top:6.6375vw;
	}
	
	table#heading p{
		font-size:2vw;
		//margin:0.5vw 0.2vw;
	}
	
	table#heading p span.larger{
		font-size:2.5vw;
	}
	
	table#heading .linkButton {
		width:32vw;
		margin:0.4vw;
	}
	
	table#menu{
		border-spacing:0 1.3vw;
		width:95%;
		margin:0;
		font-size:3.5vw;
	}
	
	
	img.icon{
		width:8vw;
		margin:0.4vw;
		margin-top:2vw;
	}
	
	input[type='submit'].smallButton, input[type='button'].smallButton{
		width:20.5vw;
		max-width:20.5vw;
	}

	div.infoBox{
		border-bottom:0.4vw solid #fff;
		margin-left:49vw;
	}
	
	a#onTop{
		position:fixed;
		z-index:1;
		bottom:0vw;
		right:0vw;
		//-moz-animation: movingUp 1s infinite;
		//-webkit-animation: movingUp 1s infinite;
		//animation: movingUp 1s infinite;
	}
	a#onTop .blueButton{
		font-size:3.6vw;
		width:30vw;
		max-width:30vw;
		height:8.5vw;
	}
	
	
	
	
	div.effect{
		background-color:rgba(0,0,0,60%);
		//margin-left:16vw;
	}
	
	img.raidIcon{
		height:3.2vw;
		margin-bottom:-0.8vw;
	}
	
	img.raidIcon2{
		height:2.8vw;
		margin-bottom:-0.6vw;
	}

	img.energy{
		width:3.8vw;
		height:3.8vw;
		margin-bottom:-1vw;
	}

	span.timing{
		background-color:rgb(60,180,238);
		//font-weight:bold;
		color:#fff;
		border-radius:100px;
		margin:0 0.3vw;
		padding:0 0.6vw;
		//white-space:nowrap;
	}

	span.times{
		background-color:#fff;
		//font-weight:bold;
		color:#000;
		border:0.3vw solid #fff;
		box-shadow:inset 0 0 0 0.15vw #000;
		//outline:0.3vw solid #fff;
		margin:0 0.3vw;
		padding:0 0.6vw;
		//white-space:nowrap;
	}

	span.underline{
		//font-weight:bold;
		color:#fff;
		border-bottom:0.4vw solid #FF0089;
		margin:0 0.3vw;
		padding:0 0.6vw;
		//text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
		-webkit-text-stroke: 2px #000;
		paint-order: stroke fill;
		//white-space:nowrap;
	}
	
	span.raidBorder{
		border:0.3vw solid #fff;
		border-radius:0.6vw;
		padding:0.6vw;
		margin:0;
		margin-left:49vw;
		margin-top:0.6vw;
		display:block;
		background-color:rgba(255,0,0,0.2);
		//font-size:2.23vw;
	}

	span.raidKeyword{
		background-color:rgb(255,0,0);
		//font-weight:bold;
		color:#fff;
		margin:0 0.3vw;
		padding:0 0.6vw;
		border:0.3vw solid #fff;
		border-radius: 0.6vw;
	}

	span.effectKeyword{
		background-color:rgb(255,230,0);
		//font-weight:bold;
		color:#000;
		margin:0 0.3vw;
		padding:0 0.6vw;
		//white-space:nowrap;
	}

	span.trigger{
		background:linear-gradient(to bottom,#BBBBBB,#FFFFFF);
		//font-weight:bold;
		color:#000;
		border-radius: 0.6vw;
		padding:0.3vw 0.6vw;
		display:block;
		margin-left:49vw;
		font-size:2.23vw;
	}

	span.triggerKeyword{
		background-color:#404040;
		//font-weight:bold;
		color:#fff;
		border:0.3vw solid #fff;
		border-radius:0.6vw;
		margin:0 0.3vw;
		padding:0 0.6vw;
		font-size:2.4vw;
	}

	span.colorKeyword{
		background:linear-gradient(130deg,#FF0000,#FFFF00,#00FF00 85%,#00FFFF,rgb(60,180,238));
		font-weight:bold;
		color:#fff;
		border:0.3vw solid #000;
		border-radius:0.6vw;
		margin:0 0.3vw;
		//text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
		-webkit-text-stroke: 2px #000;
		paint-order: stroke fill;
	}

	span.finalKeyword{
		background:linear-gradient(to right,#404040,#CCCCCC,#404040);
		font-weight:bold;
		color:#CCCCCC;
		border:0.3vw solid #404040;
		border-radius:0.6vw;
		margin:0 0.3vw;
		//text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
		-webkit-text-stroke: 2px #000;
		paint-order: stroke fill;
	}
	
	span.specialKeyword{
		background:linear-gradient(to right,rgb(121,97,56),rgb(222,210,161),rgb(121,97,56));
		font-weight:bold;
		color:rgb(222,210,161);
		border:0.3vw solid #000;
		border-radius:0.6vw;
		margin:0 0.3vw;
		//text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
		-webkit-text-stroke: 2px #000;
		paint-order: stroke fill;
	}
	
	img#closeButton{
		width:10vw;
		height:10vw;
		right:0;
		top:0;
		cursor:pointer;
		position:fixed;
		display:none;
		z-index:100;
	}
	img#closeButton:hover{
		transform: scale(1.05);
	}
	
	div.infoBox span.LimitedCard{
		background-color:#ffff00;
		//padding:0 13vw;
	}
	div.infoBox span.LimitedCard a{
		color:#000;
	}
	
	div.infoBox span.BannedCard{
		background-color:#ff0000;
		//padding:0 14vw;
	}
	div.infoBox span.BannedCard a{
		color:#fff;
	}
	
	input[type='button'].QA_Button{
		width:5.5vw;
		font-size:2vw;
		line-height:1.8;
		padding:0;
		margin:0vw;
	}
		
	img.magnifier{
		width:3vw;
		height:3vw;
		float:right;
		margin-top:1vw;
		cursor:pointer;
	}
	img.magnifier:hover{
		transform:scale(1.2);
	}
}