@charset "UTF-8";


/* テーブル
   ========================================================================== */
/* ==========================================================================
   基本設定
   ========================================================================== */
.best-tbl .ame-risk {
  overflow: hidden;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  width: 63%;
  margin-bottom:70px;
}

/* テーブル
   ========================================================================== */
/* ==========================================================================
   基本設定
   ========================================================================== */
.ame-risk {
  overflow: hidden;
  border: 1px solid black;
  border-radius: 10px;
}
.ame-risk td{
  padding-left: 10px;
  padding-right: 10px;
}
.ame-risk td.risk06{
  color: #fff;
  background: #d60f1e;
  vertical-align: middle;
}
.ame-risk td.risk05{
  color: #fff;
  background: #000000;
  vertical-align: middle;
}
.ame-risk td.risk04{
  color: #fff;
  background: #800080;
  vertical-align: middle;
}
.ame-risk td.risk03{
  color: black;
  background: #ffccff;
  vertical-align: middle;
}
.ame-risk td.risk02{
  color: black;
  background: #FF9900;
  vertical-align: middle;
}
.ame-risk td.risk01{
  color: black;
  background: #FFFF00;
  vertical-align: middle;
}
.ame-risk td.risk-ds{
  text-align: left;
  vertical-align: middle;
}
.ame-risk td.risk00-blue{
  color: black;
  background: #99ccff;
  vertical-align: middle;
}
.ame-risk td:last-child{
  vertical-align: middle;
}
.ame-risk td:first-child{
  vertical-align: middle;
}
.ame-risk .tbl-head-multi td.ex_border{
  border-bottom:3px solid;
}
.ame-risk .mail05{
  color: #fff;
  background: #800080;
  text-align: left;
}
.ame-risk .mail04{
  color: black;
  background: #ffccff;
  text-align: left;
}
.ame-risk .mail03{
  color: black;
  background: #FF9900;
  text-align: left;
}
.ame-risk .under span{
  font-weight:bold;
  border-bottom: solid 3px;
}
.ame-risk td[class^="risk0"] span{
  font-size: 2.3rem;
  font-weight:700;
}
.ame-risk td.risk-ds span{
  color: #f90;
  font-weight:bold;
}
.ame-risk td.risk-lv{
  font-weight:700;
}
.ame-risk .tbl-head-multi {
  background: #fff;
  width: 100%;
  text-align: center;
}

.ame-risk .tbl-head-multi tr td,
.ame-risk .tbl-head-multi tr th {
  box-sizing: border-box;
}

.ame-risk .tbl-head-multi tr th {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  background-color: #efefef;
  line-height: 1.3;
  box-sizing: border-box;
  padding: 18px 0;
}

.ame-risk .tbl-head-multi tr th span {
  font-size: 22px;
  font-size: 2.2rem;
}

.ame-risk .tbl-head-multi tr th.bg-blue {
  background-color: #c5edff;
}

.ame-risk .tbl-head-multi tr td {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

.ame-risk .tbl-head-multi tr td:last-child {
  border-right: none;
}

.ame-risk .tbl-head-multi thead th:last-child {
  border-right: none;
}

.ame-risk .tbl-head-multi tbody tr:last-child th {
  border-bottom: none;
}

.ame-risk .tbl-head-multi tbody tr:last-child td {
  border-bottom: none;
}

.ame-risk .tbl-head-side {
  background: #fff;
  width: 100%;
  text-align: center;
}

.ame-risk .tbl-head-side tbody tr td,
.ame-risk .tbl-head-side tbody tr th {
  box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0;
}

.ame-risk .tbl-head-side tbody tr th {
  background-color: #efefef;
}

.ame-risk .tbl-head-side tbody tr:last-child td,
.ame-risk .tbl-head-side tbody tr:last-child th {
  border-bottom: none;
}

.ame-risk .tbl-head-top {
  background: #fff;
  width: 100%;
  text-align: center;
}

.ame-risk .tbl-head-top tbody tr td,
.ame-risk .tbl-head-top tbody tr th {
  box-sizing: border-box;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}

.ame-risk .tbl-head-top tbody tr td:last-child,
.ame-risk .tbl-head-top tbody tr th:last-child {
  border-right: none;
}

.ame-risk .tbl-head-top tbody tr th {
  background-color: #efefef;
}

.ame-risk .tbl-head-top tbody tr:last-child td,
.ame-risk .tbl-head-top tbody tr:last-child th {
  border-bottom: none;
}

@media screen and (min-width: 751px) {
  .ame-risk .tbl-head-multi tr th span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* ==========================================================================
その他のtable
========================================================================== */
/* テーブル内のフォントサイズをthと同じように28px、2.8remに変更 */
@media screen and (max-width: 750px) {
  .ame-risk .tbl-head-other tr th {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .ame-risk .tbl-head-other tr td {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
/* ==========================================================================
title
========================================================================== */
.osirase-txt{
  text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  color: #015db2;
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: -20px;
}
@media screen and (max-width: 750px) {
  .osirase-txt{
    text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
    color: #015db2;
    font-size: 35px;
    font-size: 3.5rem;
    margin-bottom: -20px;
  }
}
/* ==========================================================================
cmn-sttl7
========================================================================== */
.cmn-sttl7 {
  margin-bottom: -30px;
  color: #015db2;
  font-size: 32px;
  font-size: 3.2rem;
  -webkit-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  -moz-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  -ms-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  -o-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
}


@media screen and (min-width: 751px) {
  .cmn-sttl7 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: -30px;
  }
  .cmn-sttl7:after, .cmn-sttl7:before {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

/* ==========================================================================
cmn-sttl8
========================================================================== */
.cmn-sttl8 {
  margin-bottom: -25px;
  line-height:44px;
  color: #015db2;
  font-size: 32px;
  font-size: 3.2rem;
  -webkit-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  -moz-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  -ms-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  -o-text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
  text-shadow: -2px -2px 0px #fff, 2px -2px 0px #fff, 2px 2px 0px #fff, -2px 2px 0px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
}


@media screen and (min-width: 751px) {
  .cmn-sttl8 {
    line-height: 30px;
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: -30px;
  }
  .cmn-sttl8:after, .cmn-sttl8:before {
    font-size: 24px;
    font-size: 2.4rem;
  }
}