@charset "utf-8";

/*-- 分類アイコンスタイル --*/
.class{
	border-style: solid;
	vertical-align: middle;
	color: #fff;
	line-height: 1em;
	text-align: center;
	display: inline-block;
}
	/*- 基本パック -*/
	.class.basic{
		background: #790000;
		background: linear-gradient(to bottom,  #790000 1%,#9a0000 25%,#cb000c 75%,#dc0010 100%);
		border-color: #790000;
	}
	/*- 構築済みデッキ -*/
	.class.structure{
		background: #001961;
		background: linear-gradient(to bottom,  #001961 1%,#002870 25%,#005ba8 75%,#0065b4 100%);
		border-color: #001961;
	}
	/*- エントリーパック -*/
	.class.entry{
		background: #004e1a;
		background: linear-gradient(to bottom,  #004e1a 1%,#004f1a 26%,#007d36 75%,#009341 100%);
		border-color: #004e1a;
	}
	/*- コンセプトパック -*/
	.class.concept{
		background: #004e1a;
		background: linear-gradient(to bottom,  #004e1a 1%,#004f1a 26%,#007d36 75%,#009341 100%);
		border-color: #004e1a;
	}
	/*- スペシャルパック -*/
	.class.special{
		background: #ba9f2b;
		background: linear-gradient(to bottom,  #ba9f2b 0%,#b48d06 25%,#d9bb53 75%,#ebd178 100%);
		border-color: #ba9f2b;
	}
	/*- デュエリストアイテム -*/
	.class.item{
		background: #888;
		background: linear-gradient(to bottom, #595959 0%,#919191 100%);
				border-color: #928f91;
	}
	/*- その他 -*/
	.class.other{
		color: #666;
		background: #fff;
		border-color: #000;
		box-shadow: 0 0 0 1px #666 inset;
	}

	

/* cardDB */
	.card-db > a{
		display: block;
		position: relative;
		background: linear-gradient(to bottom , #e29f00 , #f1c100);
		box-shadow: 0 0 0 2px #d18a00 inset, 0 0 0 3px #efca73 inset;
		color: #fff;
		text-decoration: none;
		font-weight: bold; 
		padding: .9em 2em .7em 4em;
		width: fit-content;
		margin: auto;
		text-align: center;
	}
	.card-db > a:hover{
		box-shadow: 0 0 0 2px #d18a00 inset, 0 0 0 4px #fff inset;
		transition: .2s;
	}
	.card-db > a br{
		display: none;
	}
	.card-db > a::before{
		content: "";
		position: absolute;
		width: 1.2em;
		height: 1.2em;
		left: 2em;
		top: 50%;
		transform: translate(0,-50%);
		background-image: url(/japan/assets/svg/external.svg);
		background-size: 100% auto;
		filter: invert(99%) sepia(2%) saturate(273%) hue-rotate(253deg) brightness(116%) contrast(100%);
	}
		
@media screen and (max-width:767px){
	.card-db{
		padding: .5em;
	}
	.card-db > a{
		font-size: .9em;
		width: auto;
		padding: 1em 1em .8em 3em;
	}
	.card-db > a::before{
		left: 1.5em;
	}

}