/* BASE */
table th {
 text-align: left;
}

/* BASE */
div.magazine_toc {
  overflow:scroll;
  width: 100%;
}
/* BASE */
table.magazine_toc {
  border-collapse: separate;
  border-spacing: 0;
  position: relative;
  table-layout: fixed;
  white-space: nowrap;
}
/* BASE */
table.magazine_toc thead {
  /* 縦スクロール固定  */
  position: sticky;
  top: 0;
  background-color: rgba(13,51,40,1);
  z-index: 2;
}
/* BASE */
table.magazine_toc th:first-child {
  /* 横スクロール固定  */
  position: sticky;
  left: 0;
  background-color: rgba(13,51,40,1);
  z-index: 1;
}

/* BASE */
table.magazine_toc > thead > tr > th {
 padding-left: 0px;
}
/* BASE */
table.magazine_toc > tbody > tr > th {
 border: 1px #808080 solid;
 border-spacing: 0;
 text-align: left;
 padding-left: 16px;
 padding-right: 16px;
}
/* BASE */
table.magazine_toc tr,td {
 border: 1px #808080 solid;
 border-spacing: 0;
 text-align: center;
 background-color: #000000;
}
table.magazine_toc > tbody > tr > td img{
 border: none;
}

/* スマートフォン用 */
@media screen and (max-width:1100px){

 /* MP */
 IMG.linkmap {
    width:25%;
 }
 /* MP */
 div.magazine_toc {
   height: 40vh;
 }
 table.magazine_toc > tbody > tr > td img{
  vertical-align: -3px;
 }
 table.magazine_toc th:first-child {
  width: 50%;
  position: relative;
  overflow: auto;
 }

}
/* /スマートフォン用 */

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

 /* PC */
 DIV.area_map{
    width:1000px;
 }
 /* PC */
 DIV.height_auto{
  height: auto;
 }
 /* PC */
 DIV.width_auto{
  width: auto;
 }
 /* PC */
 div.magazine_toc {
  overflow:scroll;
  height: 320px;
 }

}
/* /PC用 */