@charset "UTF-8";

#main_inner { min-height: 500px; }
.innermenu li.current a,
.oshiraseindex .innermenu li:last-child a {
  background-color: #eeeeee;
}
.pagetitle {
  border: 2px solid #9b7404;
  background: transparent;
  color: #9b7404;
  font-size: 160%;
  padding: 1em 0.5em;
  margin-bottom: 0;
}
.post_list {
  background: #fbf7ee;
  padding: 1.5em 0;
  margin-bottom: 3em;
}
.post_list > li {
  background: #ffffff;
  padding: 1em 1em 0.1em 1em;
  margin: 0 1.5em 1.5em;
  display: block;
}
.post_list li:last-child {
  margin-bottom: 0;
}
.post_head {}
.post_title {
  font-size: 150%;
  line-height: 1.1;
  padding: 0.2em 0 1em;
  color: #782121;
}
#main_inner .post_date {
  float: left;
  width: 10em;
  border-right: 1px solid #999999;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
  padding: 0.2em 0 0.2em 0.5em;
  font-size: 116%;
  letter-spacing: 1px;
  font-weight: bold;
}
.post_cont {}
#main_inner .post_cont p {
  margin-bottom: 1em;
  line-height: 1.5;
}


@media only screen and (max-width: 896px) {

  #main_inner { min-height: 0; }
  .post_title {
    font-size: 150%;
    clear: both;
  }
  #main_inner .post_date {
    width: 10em;
    margin-bottom: 0.5em;
    padding: 0.2em 0 0.2em 0;
  }

}

@media only screen and (max-width: 480px) {


}

@media only screen and (max-width: 414px) {

  .pagetitle {
    font-size: 140%;
  }
  .post_list > li {
    margin: 0 1em 1.5em;
  }
  .post_title {
    font-size: 140%;
  }

}

@media only screen and (max-width: 320px) {

  .pagetitle {
    font-size: 132%;
  }
  .post_title {
    font-size: 123%;
  }

}