/* 色のカスタマイズ */
.bg-sky {
	background-color: #cbe6fc;
}

.bg-green {
	background-color: #008040;
}

.bg-lightyellow {
	background-color: #ffffe0;
}

.bg-white {
	background-color: #ffffff;
}

.footer {
	background-color: #8f6606;
}

.text-gray {
	color: #333333;
	font-weight: bold;
}

.text-white {
	color: #FFFFFF;
	font-weight: bold;
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(51,51,51,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler{
  border-color: #333333;
}

.btn-primary {
    background: #008844;
    color: #FFFFFF;
}




/* 見出しをおしゃれに */
h4 {
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #169f0a;
}

h4::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}


/* タイムライン */
.header-timeline-date {
	color: #169f0a;
	font-weight: bold;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: yellow;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #169f0a;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}


/* Container holding the image and the text */
.img-overlay-container {
  position: relative;
  text-align: center;
  color: white;
}

/* Centered text */
.img-overlay-centered {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0%, -50%);
}

/* 表の枠線 */
table {
	border: 2px solid #000000;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}
th, td {
	border: 1px solid #000000;
}