@charset "utf-8";


/* Reset
------------------------------------------------------------*/
* {
	box-sizing: border-box;
	color: #333333;
/*	border: 1px solid #2c7873;*/
}
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,a,img,select,header,nav,section,footer {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}
th,td {
	margin: 0;
	padding: 0px 5px 0px 5px;
	word-wrap: break-word;
}
th {
	color: #FFFFFF; background-color: #2c7873;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	background:white url("/image/h3_02.png") no-repeat;
	width:800px;
	height:53px;
	padding: 5px 0px 0px 40px;
	margin: 20px 0px 0px 0px;
	color: #000000;
	text-shadow:
		 3px 3px 0px #ffffff, -3px -3px 0px #ffffff,
		-3px 3px 0px #ffffff,  3px -3px 0px #ffffff,
		 3px 0px 0px #ffffff, -3px -0px 0px #ffffff,
		 0px 3px 0px #ffffff,  0px -3px 0px #ffffff;
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 12px 0px 2px 30px;
	padding: 3px 0px 2px 5px;
	border-left: solid 8px #2c7873;
}
h5,h6 {
	font-size: 1.1em;
	font-weight: bold;
}

img { border: 0; }
hr { border-width: 1px 0 0 0; border-style: solid; border-color: #666666; }

/* aタグ */
a:link { color: #0000EE; }
a:visited { color: #551A8B; }
a:hover {}
a:active { color: #FF0000; }


/**** 入力系 ****/
input,textarea,select { margin: 3px; padding: 3px 6px; background-color: #f2f4f5; border: 3px solid #2c7873; border-radius: 5px; font-size: 1.2em; color: #333; flex-grow: 1; }
textarea { width: 600px; max-width: 100%; }
button { margin: 3px; cursor: pointer; padding: 3px 20px; border: none; border-radius: 5px; font-size: 1.15em; font-weight: bold; color: #fff; background-color: #2c7873; }
label { font-size: 1.0em; font-weight: bold; }
.inputID {
	width: 6em;
}



/**** チェックボックス系 ****/
.checkboxItem {
	display: inline-flex;
	align-items: center;
	column-gap: 2px;
	line-height: 1;
	cursor: pointer;
}
.checkboxItem:not(:last-of-type) {
	margin-right: 4px;
}
.checkbox {
	appearance: none;
	position: relative;
	width: 20px;
	height: 20px;
	border: 1px solid #2c7873;
	border-radius: 2px;
	cursor: pointer;
}
.checkbox:checked {
	background-color: #2c7873;
}
.checkbox:checked::after {
	content: "";
	position: absolute;
	top: 5px;
	left: 3px;
	width: 12px;
	height: 6px;
	border-bottom: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	transform: rotate(-45deg);
}


/**** デッキ表示系 ****/
.Deckframe {
	background-color: #F0F9F9;
	padding: 10px 5px 10px 5px;
	margin: 20px 0px 20px 0px;
	border: 2px solid #2c7873;
}
.DeckTitle {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0px 0px 8px 0px;
  background-image: linear-gradient( 90deg, #B5E4E1, #F0F9F9 );
  background-size: 100% 30%;
  background-position: bottom;
  background-repeat: no-repeat;
}
.PointWrapper {
	display: flow-root;
}
.Pointframe {
	float: right;
	font-size: 1.6em;
	font-weight: bold;
}
.GenesysVersion {
	float: left;
	font-size: 0.8em;
}
.DeckClass {
	column-span: all;
	font-size: 1.1em;
	font-weight: bold;
}
.DeckWrapper {
	columns: 380px;
	gap: 0px 0px;
}
.Cardframe{
	break-inside: avoid; 
	width: 380px;
	border: 1px solid #2c7873;
	padding: 3px 4px 2px 4px;
	display: flow-root;
}
.CardName{
	float: left;
	display: inline-block;
	line-height: 1.0;
	max-width: 320px;
	padding: 4px 0px 0px 0px;
}
.CardNum{
	float: right;
	display: inline-block;
	font-size: 0.8em;
	width: 20px;
	text-align: center; 
}
.CardPoint{
	float: right;
	display: inline-block;
	width: 30px;
	text-align: center; 
}


body { background:green url("/image/back06.png"); }

.ImageFrameBig { width:750px; }
.ImageFrameMiddle { width:500px; }
.ImageFrameSmall { width:300px; }
.PChidden { visibility:hidden; }
.datatable { width:800px; border-collapse: collapse; border: 1; }
.external { font-weight: bold; }
.footerframe { width:940px;padding: 20px 20px 0px 20px; height:100%; text-align:left;margin-right:auto;margin-left:auto; }
.footerlink { text-align: center; }
.footernote1 { background:#004445; width:940px;padding:20px 150px 10px 150px; height:100%; text-align:center;margin-right:auto;margin-left:auto; }
.footernote2 { text-align:left; column-count:3; }
.headlink { text-align: right; }
.headspace { height:165px; width:100%; }
.index { font-size: 0.8em; }
.indexframe { column-count: 2; }
.indexpack { break-inside: avoid; margin: 0px 0px 1em 0px; }
.largeimg { max-width:100%; }
.smallimg { max-width:300px; }
.mainframe { background:white url("/image/maintitle01.jpg?ver=1.01") no-repeat; width:940px;padding: 0px 20px 50px 20px; height:100%; text-align:left;margin-right:auto;margin-left:auto; }
.maintext { margin: 0px 0px 0px 55px; }
.mainlist { margin: 0px 0px 0px 85px; }
.newsdate { font-size: 0.5em; color: #666666; }
.pagetitle01 { background:url("/image/pagetitle01.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle02 { background:url("/image/pagetitle02.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle03 { background:url("/image/pagetitle03.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle04 { background:url("/image/pagetitle04.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle05 { background:url("/image/pagetitle05.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle06 { background:url("/image/pagetitle06.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle07 { background:url("/image/pagetitle07.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle08 { background:url("/image/pagetitle08.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle09 { background:url("/image/pagetitle09.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle10 { background:url("/image/pagetitle10.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle11 { background:url("/image/pagetitle11.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle12 { background:url("/image/pagetitle12.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle13 { background:url("/image/pagetitle13.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle14 { background:url("/image/pagetitle14.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.pagetitle15 { background:url("/image/pagetitle15.png?ver=1.03") no-repeat; width:800px; height:75px; margin: 20px 0px 10px 0px; }
.rightPlacement { text-align: right; }
.text_s { font-size: 0.8em; }
.thdeck { width:100px; }
.thpoint { width:50px; }
.thpointL { width:80px; }
.warning { color:red; font-size: 1.2em; font-weight: bold; margin: 30px 0px 20px 0px; }
.change { background: linear-gradient(transparent 80%, #FF9999 80%); }
.container { 
	display: inline-block;
}

.flex-container {
  width:800px;
  display: flex;
  justify-content: space-between; /* 要素を左端と右端に飛ばす */
  flex-wrap: wrap;                /* 幅が足りない時に折り返す */
  align-items: center;            /* 上下中央揃え（お好みで） */
  gap: 20px;                      /* 折り返す直前にくっつかないための隙間 */
}

.note { font-size: 0.8em; color: #cccccc; }
.note:link { font-size: 0.8em; color: #cccccc; }
.note:visited { font-size: 0.8em; color: #cccccc; }
.note:active { font-size: 0.8em; color: #cccccc; }

#box-parent { display: flex; }
#box-main { flex-grow: 1; }
#box-sub { width:80px; margin:0px 10px 0px 25px; text-align:right; }

.cC { font-size 5vw; }
.cCM { font-size: 0.8em; }

/* N #FEF2E7 F7953B R E6EAFF 3354FF F F2EEF7 9A74BE Sy  X E0E0E0 999999 Sp F0F7EE 85BE74 T F7EDF2 C07299 */
.N { background-color:#FEF2E7; }
.R { background-color:#E6EAFF; }
.F { background-color:#F2EEF7; }
.Sy { background-color:#FFFFFF; }
.X { background-color:#E0E0E0; }
.Sp { background-color:#F0F7EE; }
.T { background-color:#F7EDF2; }