body {
  border-top: 3px solid #007248;
}

#contents {
  background: url(../../../images/bg-information.png) repeat-y center;
  width: auto;
}

#contents .flex {
  display: flex;
}

#yearColumn {
  background: #fffeee;
}

#yearColumn .inner {
  width: 224px;
  margin: 0 0 0 auto;
}

#yearColumn ul {
  list-style: none;
}

#yearColumn ul li span {
  display: block;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  padding: 10px;
  background: #e39602;
  position: relative;
  text-align: center;
}

#yearColumn ul li span small {
  font-size: 14px;
}

#yearColumn ul li div {
  display: block;
  line-height: 55px;
  font-size: 16px;
  text-decoration: none;
  color: #393939;
  padding: 0 15px;
  border-bottom: 1px solid #e39602;
  position: relative;
}

#yearColumn ul li div a {
  display: inline-block;
  font-size: 14px;
  position: relative;
  top: 1em;
  margin: 0 2px;
}

#postColumn .inner {
  width: 756px;
  padding-left: 30px;
}

#postColumn .inner .contentsInfoText {
    width: 100%;
    margin: 0 auto 5px;
}

#postColumn .inner p.contentsInfoText:nth-child(2) {
    margin: 0 auto 25px;
}

#postColumn .inner .contentsInfoText.lnk {
    text-align: right;
}

.contentsInfoLink::before {
    content: "\25b8";
}

#postColumn .inner .flex > div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 4000px;
}

#postColumn .inner .flex dl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

#postColumn .inner .flex dl dt {
  width: 37px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #f0a800;
  margin-right: 25px;
}

#postColumn .inner .flex dl dd {
  width: 290px;
  font-size: 14px;
}

#postColumn .inner .flex dl dd div {
  color: #9f4d20;
}

.freeword {
  width: 570px;
  margin: 60px auto;
  padding: 30px 40px;
  background: #f4f4f4;
}

.freeword input {
  vertical-align: bottom;
}

.freeword input[type="text"] {
  height: 42px;
  border: 1px solid #919191;
  border-radius: 4px 0 0 4px;
  font-size: 14px;
  width: 389px;
}

#filtering {
  margin-top: 40px;
}

#filtering ul {
  display: flex;
  justify-content: center;
}

#filtering li {
  text-align: center;
  color: #fff;
  width: 161px;
  line-height: 41px;
  list-style: none;
  background: #6d6d6d;
  background: url(../../../images/bg-btn03.png);
  margin: 0 10px;
}

#filtering li a {
  color: #fff;
  width: 161px;
  line-height: 41px;
  display: block;
  text-decoration: none;
}

#filtering li.current {
  cursor: pointer;
  background: url(../../../images/bg-btn4.png);
}

.detail {
  border: 1px solid #f0a800;
  margin-bottom: 30px;
}

.detail .heading {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #f0a800;
}

.detail .heading .kana {
  width: 37px;
  line-height: 37px;
  height: 37px;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid #f0a800;
  background: #f0a800;
}

.detail .heading h3 {
  width: 686px;
  line-height: 37px;
  padding: 0 20px;
  background: #fff;
  font-weight: normal;
}

.detail .body {
  padding: 15px 30px;
  background: #fff;
  font-size: 14px;
}

.detail .body p {
  margin-bottom: 10px;
}

.detail .body h4 {
  margin-bottom: 10px;
  color: #c12305;
  font-size: 14px;
  font-weight: normal;
}

.detail .body a {
  color: inherit;
}