@charset "utf-8";
/* ===================
 reset
=================== */
.content {
  padding-top: 100px !important;
}
.main h3 {
    margin-bottom: 0 !important;
    text-align: left !important;
    padding-bottom: 1rem;
    border-bottom: 1px solid #333;
    font-size: 120%;
}
.day {
  padding-top: .5rem;
  font-size: 80%;
  color: #666;
}
.sns_area {
  width: 100%;
  text-align: right;
}
.diary_content {
  margin-bottom: 3rem;
}
.diary_content p {
  width: 100%;
  padding-top: 2rem;
}
.btn_area {
  padding-top: 2rem;
  width: 100%;
  display: block !important;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
.btn_area li {
  width: auto !important;
}
.btn_area li:nth-child(1) {
  float: left !important;
}
.btn_area li:nth-child(2) {
  float: right !important;
}
@media all and (max-width: 768px) {
  .content {
    padding-top: 0 !important;
  }
}