@import url(common.css);
.single-main {
  padding: 60px 20px;
  background-color: #f9f9f9;
}

.single-section .container {
  max-width: 800px;
  margin: 0 auto;
  background: #fff;
  padding: 40px;
  border-radius: 10px;
}

.single-header {
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.single-meta {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 10px;
}

.single-categories .cat {
  background: #eee;
  padding: 4px 8px;
  margin-right: 5px;
  border-radius: 4px;
  font-size: 0.8rem;
}

.single-title {
  font-size: 2rem;
  color: #222;
  margin: 0;
}

.single-content {
  line-height: 1.8;
  color: #333;
}

.single-content p {
  margin-bottom: 1.5em; /* 1.5行分くらいの余白 */
  line-height: 1.8; /* 段落内の行間もやや広めに */
}