#main.twocolumn {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}

#leftMain {
  flex: 0 0 68%;
  margin: 10px 0;
}
#rightMain {
 flex: 0 0 28%;
  margin: 10px 0;
}

#wnDiv {
  margin: 0px 0px 10px;
}

/**************/
/** 各エリア **/
/**************/
#linkDiv {
  width: 100%;
}
#linkimg {
  border: 1px solid #CCC;
  margin-bottom: 5px;
  text-align: center;
}

/**********************
 * レスポンシブ対応
 **********************/
/* スマホ（480px以下） */
@media screen and (max-width: 480px) {
  .blogDiv {
    max-height: 320px;       /* 表示できる高さを制限 */
    overflow-y: auto;         /* 縦スクロールを許可 */
    overflow-x: hidden;       /* 横スクロールはなし */
    border: 1px solid #ccc;   /* 視認しやすくする（任意） */
    padding: 4px;
  }
}