@charset "utf-8";

/* CONTENTS */

.mainimage {
  margin-bottom: 20px;
  padding-bottom: 0;
  width: 740px;
  height: 140px;
  text-indent: -999em;
}

.main-area-index .mainimage {
  background: url('../images/img_index-mainimage.gif') left top no-repeat;
}

.option-block {
  background-color: #edeaf1;
}

.left.txt-block {
  width: 480px;
}

.right.img {
  width: 240px;
}

/* backbone_map.html */
.main-area-backbone .txt-block table th.head {
  width: 20%;
}

.main-area-backbone .txt-block table th.connect {
  width: 12%;
}

.main-area-backbone #explain p.foot {
  margin-bottom: 20px;
  font-size: 100%;
  font-weight: bold;
  text-align: right;
}

.main-area-backbone #network p.foot {
  margin-bottom: 15px;
  font-size: 133.3%;
  font-weight: bold;
  text-align: right;
}

/* facility.html */
.explain-block {
  margin-bottom: 15px;
}

#explain .explain-block .left {
  width: 117px;
}

#explain .explain-block .right {
  width: 600px;
}

/* --------------------
 RESPONSIVE
-------------------- */

@media (max-width: 779px) {
  .float-list {
    width: 100%;
  }

  .float-list .option-block {
    float: none;
    width: 100%;
  }

  .float-list .option-block .set-2column-left {
    display: block;
    float: none;
    margin: 0 auto 10px;
  }

  .float-list .option-block .set-2column-right {
    float: none;
  }

  .float-list .option-block .set-2column-right .name {
    text-align: center;
  }

  #explain .explain-block .right {
    float: left;
    margin-left: 20px;
    width: calc(100% - 137px);
  }
}

@media (max-width: 420px) {
  .txt-block table tr th,
  .txt-block table tr td {
    font-size: 10px;
    padding: 8px;
  }
}


/*
playback timings (ms):
  captures_list: 0.655
  exclusion.robots: 0.024
  exclusion.robots.policy: 0.012
  esindex: 0.012
  cdx.remote: 4.673
  LoadShardBlock: 65.339 (3)
  PetaboxLoader3.datanode: 91.397 (5)
  load_resource: 179.396 (2)
  PetaboxLoader3.resolve: 86.979 (2)
*/