/*タイトル用webフォントのインポート*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic",Verdana, 
Arial, Helvetica, sans-serif;font-size: 14px;line-height: 1.6;}
h1,h2,h3,h4,h5 {font-weight: bold;font-family: 'Noto Sans Japanese', sans-serif; margin-top: 10px !important;margin-bottom: 10px !important;}
h1 { font-size: 20px; font-weight: normal;margin: 0;color: #FFFFFF;}
h2 { font-size: 24px; font-weight: normal;margin: 0;color: #666;}
h3 { font-size: 18px; font-weight: bold;margin-top: 0 !important;color: #FFFFFF;background: #326eae
;padding: 10px;}
h4 { font-size: 18px; font-weight: bold;color: #0099cc;margin: 0;}
h5 { font-size: 14px; font-weight: bold;color: #0099cc;}

.navbar-static-top{background-color: #FFF;}
.navbar-brand{padding:0;}
.navbar{margin-bottom:0;}

.jumbotron{background-color: #d7f0fd;padding: 0;margin-bottom: 0;border-top:3px solid #00428a;border-bottom:3px solid #00428a;}

.top-read h1{margin-top: 0;margin-bottom: 10px;line-height: 1.4;}
.top-read h1 .emphasis{color:#FE771C;}
.top-read .col-md-7{margin-bottom: 10px;}
.top-read .attention{background-color: #d9edf7;color:#FE771C;font-size:20px;font-weight: bold;}

.bg-info,.bg-success{padding: 30px 0;background:#326eae;}
.bg-info nav{margin-top: 10px;}
.bg-success {background-color: #DBEDFF;padding:5px 10px;margin-bottom: 10px;height: 120px;}
.bg-success h4{font-size:16px;color:#FE771C;}

.txt_attention{color:#996633;font-weight: normal;}
.txt_emphasis{color:#FF3333;}
.info-top{margin-top: 40px;}
.btn-group{margin-top: 20px;}
.at-list{background-color:#E0F6FF;padding: 10px;color:#0099cc;font-size: 14px;font-weight: normal;border-radius: 10px;margin-bottom: 10px;}


/*ボタン色の指定*/
.btn-success,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.btn-success:active:hover,
.btn-success.active:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.btn-success:active.focus,
.btn-success.active.focus{
  color: #fff !important;
  background-color: #00428a;
  border:3px solid #FFF;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 16px;
}
.btn-success:hover {
  color: #fff !important;
  background-color: #FE771C;
  border:3px solid #FFF;
  text-decoration: none !important;
}

.footer{background-color: #00428a;color:#FFF;position: relative;padding: 20px 10px;}
.footer a{color:#FFF}
.footer a:hover{text-decoration: underline;}
.footer p{margin-bottom:0;}

ul, ol {
  color: #1e366a;
  padding: 0.5em 0 0.5em 1.5em;
}

ul li, ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}

.underline{text-decoration: underline;}
.underline-font{font-size: 14pt; color: #FFF}

/*PCのときSPのトップ画を見えなくする*/
@media (min-width: 768px) {
  .sp{display: none;}
}

/*スマホ用指定*/
@media (max-width: 768px) {
  body {font-size: 14px;line-height: 1.6;}
  h1 {font-size: 15px;}
  h2 {font-size: 18px;margin-bottom: 5px;}
  h3 {font-size: 16px;margin-top: 15px;}
  h4 {font-size: 16px;margin-top: 15px;}
  h5 {font-size: 16px;margin-top: 15px;}
  .pc{display: none;}
  .navbar-header{float: left;width: 60%;margin: 0;}
  .navbar-header img{width: 90%;margin-left: 15px;position: absolute;top: 5%;}
  .navbar-right{float: right;width: 40%;padding: 0;margin: 0;}
  .navbar-brand {height: 65px;position: relative;width: 100%;}
  .bg-info .attention{font-size: 16px;}
  .bg-info{padding: 20px 0;}
  .bg-primary ul li{font-size:14px;line-height:1.6;}
  .bg-primary {border: 5px solid #62453c;}
  .Lead:after {border-width: 30px 80px;bottom: -90px;}
  .text-muted {font-size: 12px;}
  .page-header {padding-bottom: 9px;margin: 20px 0 10px;}
  .bg-success {height: auto;}
  .btn-group{margin-top: 0px;}
  .info-top {margin-top: 10px;}
  .btn-group a{font-size: 14px;}
}






.comTable {
  margin-bottom: 20px;
  width: 100%;
  border-collapse: collapse;
}

.comTable th,
.comTable td {
  padding:  6px 10px;
  line-height: 1.6;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #D3BA91;
}

.comTable th {
  color: #381D10;
  background-color: #E3DECC;
}

.comTable td {
  padding: 6px 14px;
  background-color: #FFF;
}

#content .comTableA {
  margin-bottom: 7px;
}

#content .comTableA th,
#content .comTableA td {
  padding: 7px;
  text-align: center;
}

#content .comTableA .special{
  font-weight: normal;
  word-break: break-all;
  background-color: #EEEBDA;
}

.Emphasis_box{
  position: relative;
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
  color: #19283C;
  text-align: center;
  background: #FFF;
  border: 3px solid #4f3305;
  z-index: 0;}
.Emphasis_box:before {
  content: "";
  position: absolute;
  bottom: -8px; left: 50%;
  margin-left: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: #FFF transparent transparent transparent;
  z-index: 0;
}
.Emphasis_box:after {
  content: "";
  position: absolute;
  bottom: -12px; left: 50%;
  margin-left: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #4f3305 transparent transparent transparent;
  z-index: -1;
}