@charset "UTF-8";

/* anchor_link
++++++++++++++++++++++++++++++++++++++++ */
.anchor_link-wrap {
  border:2px solid #8e99ae;
}
.anchor_link-box {
  margin:2px;
  border:1px solid #8e99ae;
}
ul.anchor_link_service {
  list-style: none;
  margin:0;
  font-size: 12px;
  line-height: 18px;
}
ul.anchor_link_service li {
  float:left;
  background:url(/common/images/link_page_icon.png) no-repeat left;
  padding-left:20px;
  margin-bottom:8px;
  margin-left:0 !important;
}

/* heading
++++++++++++++++++++++++++++++++++++++++ */
h1 {
  display: none;
}

/* table
++++++++++++++++++++++++++++++++++++++++ */
.about-icon {
  width: 800px;
}
.about-icon th {
  width: 100px;
}
.about-icon th,
.about-icon td {
  padding: 3px 4px;
  border: 1px solid #ccc;
}
.about-icon th img {
  margin: 4px auto -2px;
  padding: 0;
  width: 70px;
}
/* ctg-icon
++++++++++++++++++++++++++++++++++++++++ */
.ctg-icon {
  color: #fff;
  border-radius: 10px;
  display: block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin: 4px auto;
  text-align: center;
  width: 70px;
}
.ctg-icon.icon-jp { background: #f79a84; }
.ctg-icon.icon-ov { background: #52bfb1; }
.ctg-icon.icon-emg { background: #f0b54f; }
.ctg-icon.icon-kabu { background: #3f84b3; }
.ctg-icon.icon-bond { background: #3f84b3; }
.ctg-icon.icon-balance { background: #3f84b3; }
.ctg-icon.icon-reit { background: #3f84b3; }
.ctg-icon.icon-other { background: #3f84b3; }
.ctg-icon.icon-nisa { background: #49c0d9; }
.ctg-icon.icon-reserve { background: #49c0d9; }
.ctg-icon.icon-noload { background: #49c0d9; }
.ctg-icon.icon-accumulation { background: #49c0d9; }
.ctg-icon.icon-accumulation span { font-size: 8px;letter-spacing: -0.8px; }
.ctg-icon.icon-growth { background: #49c0d9; }
.ctg-icon.icon-growth span { font-size: 10px; }

/* layout
++++++++++++++++++++++++++++++++++++++++ */
.sharpe-ratio {
  margin-top: 10px;
  padding: 20px 30px;
  overflow: hidden;
  /*border: 1px solid #d5d5d5;*/
  display: inline-block;
}
.sharpe-ratio div {
  text-align: center;
  padding: 5px 15px;
}
.sharpe-ratio .left:nth-child(1),
.sharpe-ratio .left:nth-child(2) {
    padding: calc(1rem + 15px) 15px;
}
.sharpe-ratio .border-bottom {
  border-bottom: 1px solid #d5d5d5
}