@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_ban{
		font-size:2.7vw;
	}
	.fontsize2{
		font-size:3.1vw;
	}
	.fontsize3{
		font-size:2.23vw;
	}
	.fontsize4{
		font-size:2.10vw;
		//line-height:1.65;
		//letter-spacing: -0.08vw;
	}
	
	.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.energy{
		width:3.8vw;
		height:3.8vw;
		margin-bottom:-1vw;
	}
	
	
	span.myTurn{
		background-color:#ff0000;
		font-weight:bold;
		color:#fff;
		border-radius:100vw;
		margin:0 0.3vw;
		padding:0 0.6vw;
		padding-bottom:0.2vw;
		//white-space:nowrap;
	}
	
	span.oppTurn{
		background-color:#f18200;
		font-weight:bold;
		color:#fff;
		border-radius:100vw;
		margin:0 0.3vw;
		padding:0 0.6vw;
		padding-bottom:0.2vw;
		//white-space:nowrap;
	}

	span.timing{
		background-color:rgb(60,180,238);
		font-weight:bold;
		color:#fff;
		border-radius:0.6vw;
		margin:0 0.3vw;
		padding:0 0.6vw;
		padding-bottom:0.2vw;
		//white-space:nowrap;
	}
	span.timing_disguise{
		background-color:#eb288e;
		font-weight:bold;
		color:#fff;
		border-radius:0.6vw;
		margin:0 0.3vw;
		padding:0 0.6vw;
		padding-bottom:0.2vw;
		//white-space:nowrap;
	}
	
	span.times{
		background-color:rgb(0,174,183);
		font-weight:bold;
		color:#fff;
		border-radius:100vw;
		margin:0 0.3vw;
		padding:0 0.6vw;
		padding-bottom:0.2vw;
		//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.keyword{
		margin:0 0.3vw;
		padding:0 0.6vw;
		border-radius: 0.6vw;
		font-weight:bold;
		//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.keyword{
		height:3.6vw;
		margin:0 0.3vw;
		margin-bottom:-0.9vw;
	}
	
	span.redText{
		color:#FF0000;
		font-weight:bold;
		-webkit-text-stroke: 2px #FFF;
		paint-order: stroke fill;
		margin-left:0.5vw;
		margin-right:0.5vw;
	}
	
	span.skillKeyword{
		color:#000000;
		//font-size:2.5vw;
		font-weight:bold;
		//white-space:nowrap;
		//text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
		-webkit-text-stroke: 2px #FFF;
		paint-order: stroke fill;
		margin-left:0.5vw;
		margin-right:0.5vw;
	}
	span.skillKeyword a.link{
		//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.keyword_kizuna{
		border:0.25vw solid #000;
		padding:0;
		margin:0;
		background-color:#fff;
		color:#000;
	}
	
	span.kizuna{
		background-color:#444444;
	color:#FFF;
	}
	
	span.keyword_kizuna a{
		color:#000;
	}
	
	span.keyword_hirameki{
		//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:#f7e4d4;
		color:#333;
	}
	span.keyword_cutin{
		//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:#e2eef2;
		color:#333;
	}

	span.keyword_disguise{
		//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:#faeef2;
		color:#333;
	}
	
	span.keyword_MR{
		//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:#FFFFFF;
		color:#333;
	}
	
	
	span.blue{
		background-color:#283aa8;
		color:#FFF;
		//white-space:nowrap;
		border-radius:100px;
		margin-left:0.3vw;
		//padding:0.2vw;
		border: 1px solid #FFF;
	}
	span.green{
		background-color:#29c721;
		color:#FFF;
		//white-space:nowrap;
		border-radius:100px;
		margin-left:0.3vw;
		//padding:0.2vw;
		border: 1px solid #FFF;
	}
	span.white{
		background-color:#e2e2e2;
		color:#000;
		//white-space:nowrap;
		border-radius:100px;
		margin-left:0.3vw;
		//padding:0.2vw;
		border: 1px solid #FFF;
	}
	span.red{
		background-color:#ff0000;
		color:#FFF;
		//white-space:nowrap;
		border-radius:100px;
		margin-left:0.3vw;
		//padding:0.2vw;
		border: 1px solid #FFF;
	}
	span.yellow{
		background-color:#ffa800;
		color:#FFF;
		//white-space:nowrap;
		border-radius:100px;
		margin-left:0.3vw;
		//padding:0.2vw;
		border: 1px solid #FFF;
	}


	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;
	}
	div.infoBox span.LimitedCard a{
		color:#000;
	}
	
	div.infoBox span.BannedCard{
		background-color:#ff0000;
	}
	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);
	}
}