.page-ttl {
  font-size: 24px;
  font-size: 2.4rem;
  color: #333333;
  margin: 0 0 20px;
  padding: 0 0 15px;
  border-bottom: #DDDDDD solid 1px;
  text-align: left; }

.page-wrap {
  max-width: 780px;
  margin: 0 auto; }

.date {
  text-align: right;
  color: #666666; }

.page-img {
  margin-top: 20px;
  text-align: center; }

.page-detail {
  margin: 30px 0 0;
  font-size: 16px;
  font-size: 1.6rem; }
  .page-detail p {
    margin-top: 30px; }
    .page-detail p:last-child {
      margin-top: 0; }

.index-link {
  text-align: center;
  margin: 45px 0 0;
  font-family: "Noto Serif JP", serif;
  font-size: 16px;
  font-size: 1.6rem; }
  .index-link a {
    display: inline-block;
    width: 200px;
    color: #333333;
    text-decoration: none;
    border: #CCCCCC solid 1px;
    border-radius: 5px;
    padding: 11px 0; }
    .index-link a:hover {
      background-color: #f5f5f3;
      opacity: 1; }
    @media only screen and (max-width: 640px) {
    .page-ttl {
      font-size: 2.2rem; } }