@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.bg-primary {
  background-color: rgb(33,37,41)!important;
}

body {
/*  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;**/
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	color: #454545;
	line-height: 1.8;
  overflow-y: scroll;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
}

body::-webkit-scrollbar {
  display:none;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  line-height: 1.8;
}

#mainNav, #mainNav .navbar-brand {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

/** 
.table-c {border-collapse: collapse;width: 100%;font-size: 14px;text-align: left;}

.table-c th{widht: 30%; color: #333;font-weight: bold;padding: 10px;border-bottom: 1px solid #0CC;}

.table-c td{widht: 70%; padding: 10px;color: #666;border-bottom: 1px solid #CCC;}

**/

.table-c{
  width: 100%;
  border-collapse: collapse;
}

.table-c tr{
  border-bottom: solid 2px white;
}

.table-c tr:last-child{
  border-bottom: none;
}

.table-c th{
  position: relative;
  text-align: left;
  width: 20%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.table-c th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.table-c td{
  text-align: left;
  width: 80%;
  background-color: #eee;
  padding: 10px 30px;
}

.box1 {
  color:#000000;
  font-size: 1 em;
  padding: 0.2em 0.5em;
  margin: 1em 0;
  border: solid 0px #000000;
}

.box1 a, a:hover {
  color:#000000;
}

.box2 {
  font-size: 1 em;
  padding: 0.2em 0.5em;
  margin: 1em 0;
  border: solid 1px #000000;
  display:inline-block;
  margin-right: 10px ;
}

section{border-bottom: 1px solid rgba(33,37,41,.1)}

#mainNav.navbar-shrink .navbar-brand, #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
  color: #000000;
}

@media screen and (max-width: 640px) {
  header.masthead h1{font-size: 1.4rem;}
}

@media screen and (max-width: 992px) {
  #mainNav .navbar-brand{color: #000000;}
  #mainNav .navbar-brand:visited{color: #000000;}
}

@media (min-width: 992px) {
  #mainNav .navbar-brand {color: hsla(0,0%,100%,.7);}
  #mainNav .navbar-brand:focus {color: hsla(0,0%,100%,.7);}
}