/* Juggernauts stylesheet for TCG catalog  だよ */
@charset "UTF-8";
@import "http://";

/* heading */
h1	{ background: navy ; color: white ; font-size: 2.0em ; text-align: center ; margin: 0.5em 10% 0.5em 10% ; border-width: 0em 0em 0.01em 0em ; padding: 0.1em }
h1 em	{ color: gold }
h2	{ color: #008811 } 
h3	{ color: #007733 } 
h5	{ color: #006633 ; font-size: medium } 

h3::before	{ content: "\25c6\25c7\a0" }
h3::after	{ content: "\a0\25c7\25c6" }
h5::before	{ content: "\25b2\25bd\a0" }
h5::after	{ content: "\a0\25bd\25b2" }

/* body */

body	{ background: #ccffcc ; color: black }
a:link		{ color: #ff9933 }
a:visited	{ color: #44cccc }
a:active	{ color: #cc4444 }
.br::before	{ content: "\A" ; white-space: pre }

.boxmido	{ text-align: center ; margin: 0em 0.5% 0em 0.5% ; border-width: 0em 0em 0.01em 0em ; padding: 0.1em ; background: #225522 ; color: #eeeeee }
.boxturn	{ margin: 0em 0.5% 0em 0.5% ; border-width: 0.01em 0em 0em 0em ; padding: 0.8em 0.5em 0.5em 0.3em ; background: #aaeeff }
.boxfight	{ margin: 0em 0.5% 0em 0.5% ; border-width: 0.01em 0em 0em 0em ; padding: 0.5em 0.3em 0.5em 0.3em ; background: #99ee99 }
.boxspace	{ padding: 1em 0em 0em 0em }
.brspace	{ padding: 0em 0em 0em 0em }

.tblttl	{ border-collapse: collapse ; border: none ;	width: 100% }
.ttl	{ background: #225522 ; color: #eeeeee ; text-align: center ; padding: 0.5em 0em 0em 0em }
.ttl2	{ color: #225522 ; font-size: 0.5em }
.ttx	{ border: 2px solid #888888 ; border-style: ridge ; text-align: center }
.ttxl	{ border: 2px solid #888888 ; border-style: ridge ; text-align: left ; padding-left: 0.5em }
.null	{ border: none }

.bunseki	{ text-align: right ;	color: #666600 }
.jnadd		{ text-align: center }
.jncolor	{ color: #666600 }
.thead		{ background: darkslategray ; color: #eeeeee ;	border: 2px solid #888888 ; border-style: ridge }
.bglink		{ background: navy ; border: 2px solid #888888 ; border-style: ridge }
.tolink		{ background: navy ; color: gold ; padding: 0.1em 0.5em 0.0em 0.5em }
.backlink	{ background: navy ; color: gold ; padding: 0.1em 0.5em 0.1em 0.5em ; font-size: large }

/* phase title */
.aoi	{ background: navy ;	color: #dddddd ; padding: 0.1em 0.5em 0em 0.5em }
.aka	{ background: #992222 ;	color: #eeeeee ; padding: 0.1em 0.5em 0em 0.5em ; margin: 0em 0em 0em 0.5em }
.mar	{ background: maroon ;	color: #eeeeee ; padding: 0.1em 0.5em 0em 0.5em ; margin: 0em 0em 0em 0.5em }
.aku::before	{ content: "\25cf\a0" }
.asi::before	{ content: "\25cb\a0" }
.asisa::before	{ content: "\25bd\a0" }
.akome::before	{ content: "\203b\a0" }

/* comment */
.stb	{ color: #3333ff }
.stg	{ color: #33aa33 }
.stp	{ color: #aa33ff }
.str	{ color: #ff0066 }
.sty	{ color: #ffaa33 }
.stwb	{ color: #003366 }
.stwr	{ color: #ff3333 }
.stwy	{ color: #ff6600 }

/* battle field */
.ta1	{ background: #0055dd ; color: #0055dd ; text-align: center ; border: 2px solid #888888 ; border-style: ridge }
.ta2	{ background: #00ccee ; color: #00ccee ; text-align: center ; border: 2px solid #888888 ; border-style: ridge }
.te1	{ background: #ee0000 ; color: #ee0000 ; text-align: center ; border: 2px solid #888888 ; border-style: ridge }
.te2	{ background: #ee8888 ; color: #ee8888 ; text-align: center ; border: 2px solid #888888 ; border-style: ridge }
.tc1	{ background: #008800 ; color: #008800 ; text-align: center ; border: 2px solid #888888 ; border-style: ridge }
.tc2	{ background: #008800 ;	color: #00eeee ; text-align: center ; border: 2px solid #888888 ; border-style: ridge }

/* table for smartphone */
.tbljp1	{ border-collapse: collapse ; border: ridge ;	overflow: auto ; white-space: nowrap ; border: 1px }
.tbljp2	{ border-collapse: collapse ; border: ridge ;	overflow: auto ; white-space: nowrap ; border: 1px }
.tblmg	{ border-collapse: collapse ; border: ridge ;	overflow: auto ; white-space: nowrap }
.tblmc	{ overflow: auto ; white-space: nowrap }
.tblfd	{ border-collapse: collapse ; border: ridge ;	overflow: auto ; white-space: nowrap ; border: 1px }
.tbllst	{ border-collapse: collapse ; border: ridge ;	overflow: auto ; white-space: nowrap ; border: 1px }

@media screen and (min-width: 640px) {
	h2::before	{ content: "\25c6\25c7\25c6\25c7\25c6\25c7\3000" }
	h2::after	{ content: "\3000\25c7\25c6\25c7\25c6\25c7\25c6" }

	.tbljp1	{ overflow: visible ; white-space: normal ;	width: 90% }
	.tbljp2	{ overflow: visible ; white-space: normal ;	width: 33% }
	.tblmg	{ overflow: visible ; white-space: normal ;	width: 70% }
	.tblmc	{ overflow: visible ; white-space: normal ;	width: 90% }
	.tblfd	{ overflow: visible ; white-space: normal ;	width: 50% }
	.tbllst	{ overflow: visible ; white-space: normal ;	width: 90% }
}