h1, h1+div 
{
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 4px;
}

h2, h2+div 
{
  display: inline-block;
  border-bottom: 0px;
}

h4
{
	margin-block-end: 0.1em;
}

img.elemType {
	object-fit: contain;
	width: 4.0vw;
	height: 3.0vw;
}

section.skills {
	display:inline-block;
	
	margin-left: auto;
	margin-right: auto;
	
}

article {
	clear: both;
	overflow: auto;
	width: 100%;
}

hgroup {
	margin-top: 10px;
}

* {
	box-sizing: border-box;
}

.column {
	float: left;
	width: 50%;
	padding: 5px;
}

.row::after {
	content: "";
	clear: both;
	display: table;
}

/* Two-Column or Four-Column Layouts */
.column1, .column2, .column3, .column4 {
	width: 24%;
	display: inline-block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	/*margin: 1%;*/
}

/* Two-Column Center-Wide */
.columnL, .columnR {
	width: 32%;
	display: inline-block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	/*margin: 1%;*/
}

/* Three-Column or Five-Column Layouts */
.columnA, .columnB, .columnC, .columnD, .columnE {
	width: 24%;
	display: inline-block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	/*margin: 1%;*/
}
.columnA, .columnE {
	width: 10%;
}

/*
.columnA, .columnB {
	width: 45%;
	display: inline-block;
	text-align: center;
}
.columnA {
	margin-left: auto;
	margin-right: 0;
}
.columnB {
	margin-left: 0;
	margin-right: auto;
}
*/

.honmon-move {
	display: inline-block;
	/* margin: 10px 10px 10px 0px; */
	/* height: 210px; */
	/*background-image: url("images/shadow.png");*/
	background-repeat: no-repeat;
	background-position: bottom;
	justify-content: center;
	text-align: center;
}

.move-img {
	/* max-width: 100%; */
	/* max-height: 100%; */
	/* background-size:100% 100%; */
	background-repeat:no-repeat; 
	background-position:center;
	width: 100%;
	aspect-ratio: 1 / 1;
	/* border-radius: 16px; */
	margin-left:auto;
	margin-right:auto;
}

figure img {
	display: block;
	width: calc(25vw - 22px);
	height: calc(25vw - 22px);
	max-width: 200px;
	max-height: 200px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #fddec2;
	border-radius: 16px;
	/* padding: 10px 10px 10px 10px; */
	aspect-ratio: 1 / 1;
}

div.app
{
	max-width: 20vw;
	max-height: 300px;
}

figure.goodsFigure
{
	width: 110%;
	height: 110%;
	max-height: 330px;
}

figure img.goods 
{
	max-width: 300px;
	max-height: 300px;
}
/*
figure.skillsFigure 
{
	width: 18vw;
	//height: 18vw;
	min-width: 100px;
	max-width: 98%;
	//max-height: 300px;
}

figure img.skills
{
	width: 10vw;
	height: 10vw;
	
	max-width: 300px;
	max-height: 300px;
}
*/
figure.honmonerFigure
{
	width: 23vw;
	//height: 25vw;
	min-width: 100px;
	max-width: 98%;
	//max-height: 300px;
}

figure img.honmoner
{
	width: 25vw;
	height: 25vw;
	
	max-width: 300px;
	max-height: 300px;
}

figure.campusFigure
{
	width: 23vw;
	//height: 25vw;
	min-width: 100px;
	max-width: 98%;
	//max-height: 300px;
}

figure img.campus
{
	width: 25vw;
	height: 25vw;
	
	max-width: 300px;
	max-height: 300px;
}

.honmoner-image {
	background-size:25vw 25vw;
	background-position:center center;
	background-repeat:no-repeat;
}

.campus-image {
	background-size:25vw 25vw;
	background-position:center center;
	background-repeat:no-repeat;
}

.dextable {
	border-spacing: 2px;
	border-collapse: separate;
}
.dextable td {
	padding: 3px;
	font-size: 1em;
}

.dexheader {
	background: clear; /* #3A2700; */
	color: black;
	text-align: center;
	width: 20%;
	font-weight: bold;
	border: 1px solid #fddec2;
	border-radius: 6px;
}

.dexcell {
	background: #3A2700;
	color: white;
	text-align: center;
	width: 2%;
	border: 1px solid #3A2700;
	border-radius: 6px;
}

td, th {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 0;
	padding-top: 4;
}

.weaknesses {
  width: 60%;
  min-width: 100px;
  max-width: 600px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  /* border: dashed red 1px; */
}

.weaknesses img {
  max-height: 100%;
  max-width: 100%;
}

.sprite {
	display: inline-block;
	width: 96px;
	height: 96px;
}