body{background-color:#FBF9F4;}
.lower-top-text{
  font-size: 1.2vw;
  text-align: center;
  line-height: 1.8;
  margin: 3vw auto 0;}
.category-title{
  color: #fff;
  display: inline-block;
  padding: .5vw 3vw;}
.category-nav{
  display: flex;
  justify-content: center;
  gap: 3vw;
  margin: 5vw auto;}
.category-nav p,
.category-nav a{
  font-size: 1.3vw;}
.category-nav a,
.category-nav a:hover,
.category-nav a:visited{
  color: #0000ee;}
.category-nav a{
  text-decoration: underline;}

/* ボックス全体 */
.column-blog-box{
  width: 70%;
  margin:4vw auto;
  padding:5vw;
  background:#fff;
  border:3px solid #DCD5C4;
  border-radius:3vw;
  box-shadow:0 10px 24px rgba(0,0,0,.04);}
.column-blog-subtitle{
  width: 50%;
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-style: normal;
  text-align:center;
  font-size:2vw;
  margin:0 auto 1vw;
  border-bottom: 4px dotted #DCD5C4;
  padding-bottom: 1.5vw;
  position:relative;}
.column-blog-subdesc{
  text-align:center;
  margin:0 0 3vw;
  line-height:1.8;
  font-size:1.3vw;}
.column-blog-list{
  display:grid;
  gap:3vw;
  margin-bottom:3vw;}
.column-blog-item{
  display:flex;
  gap:2vw;
  align-items:flex-start;
  text-decoration: none;
  color: #000;}
a.column-blog-item:hover,
a.column-blog-item:visited{
  color: #000;}
.column-blog-thumb img{
  width: 14vw;
  height: 14vw;
  object-fit: cover;}
.column-blog-date{
  font-size:1vw;
  margin:.5vw 0;}
.column-blog-heading{
  font-size:1.5vw;
  margin:0 0 .5vw;
  font-weight:800;
  line-height:1.8;}
.column-blog-text{
  margin:0;
  line-height:1.8;
  font-size:1.2vw;
  /* 2行で省略（対応ブラウザ） */
  display:-webkit-box;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;}
.column-blog-btnwrap{
  text-align:center;}
.column-blog-morebtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:1vw;
  width:80%;
  padding:2vw;
  border-radius:1vw;
  background-color:#58CEB0;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  position:relative;}

@media screen and (max-width:700px){
.lower-top-text{
  font-size: 3.5vw;
  width: 90%;
  text-align: left;}
.category-title{
  padding: .5vw 3vw;}
.category-nav{
  flex-wrap: wrap;
  margin: 10vw auto;}
.category-nav p,
.category-nav a{
  font-size: 3.5vw;}

/* ボックス全体 */
.column-blog-box{
  width: 90%;}
.column-blog-subtitle{
  width: 90%;
  font-size:5vw;
  margin:0 auto 3vw;
  border-bottom: 3px dotted #DCD5C4;}
.column-blog-subdesc{
  margin:0 0 7vw;
  font-size:3.5vw;}
.column-blog-list{
  margin-bottom:10vw;}
.column-blog-item{
  flex-direction: column;
  padding: 3vw;
  border: 1px solid #ccc;
  border-radius: 3vw;}
.column-blog-thumb{
  width: 100%;}
.column-blog-thumb img{
  width: 100%;
  height: 30vw;
  object-fit: cover;}
.column-blog-date{
  font-size:3vw;
  margin:0 0 1vw;}
.column-blog-heading{
  font-size: 4vw;
  margin: 0 0 1vw;
  font-weight: 800;
  line-height: 1.5;}
.column-blog-text{
  font-size: 3vw;}
.column-blog-morebtn{
  width: 95%;}
}