/* ///////////////////////BASE/////////////////////// */
/* BASE */
div.screen1 {
 float:none;
}

/* BASE */
table.monster_data {
  border-collapse: separate;
  border-spacing: 0;
  position: relative;
}

/* BASE */
table.monster_data th,tr,td {
 border: 1px #808080 solid;
 border-spacing: 0;
 text-align: center;
}

/* BASE */
table.monster_data thead {
  position: sticky;
  top: 0;
  left: 0;
  background-color: rgba(13,51,40,1);
}

/* BASE */
table.monster_data th {
}

div.monster_data {
  overflow:scroll;
}
/* ///////////////////////BASE/////////////////////// */

/* ///////////////////////MP用/////////////////////// */
@media screen and (max-width:1100px){

 html {
   font-size: calc(100% + 0.20vw);
 }

 DIV.main {
  width : 100%;
/*
  width : 4096px;
*/
  margin: 0 auto ;
  border: solid 0px #ff3333;
 }

 img.map {
  width : 100%;
 }

 table {
  width : 100%;
 }

 /* MP */
 table.monster_data{
  width: 100%;
 }

 /* MP */
 div.monster_data {
   height: 75vh;
 }
}

/* ///////////////////////MP用/////////////////////// */

/* ///////////////////////PC用/////////////////////// */
@media screen and (min-width:1100px){

/*
 DIV.main {
  width : 4096px;
  margin: 0 auto ;
  border: solid 0px #ff3333;
 }
*/

 A:hover img{
  opacity:1.0;
  filter:alpha(opacity=100);
  -ms-filter: galpha( opacity=100 )h;
 }

 /* PC */
 table.monster_data{
  width: 1200px;
 }

 div.monster_data {
   height: 500px;
 }
}
/* ///////////////////////PC用/////////////////////// */