@charset "UTF-8";
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * 汎用ミックスイン
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * 汎用変数
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * 基本カラー
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * フォントサイズ
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * コンテンツサイズ
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- *
 * グリッドシステム
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

.post-section-events {
  width: calc(50% - 10px);
  margin: 0 0 30px;
  float: right; }
  .post-section-events .item__meta {
    display: none; }
  @media screen and (max-width: 768px) {
    .post-section-events {
      width: 100%;
      float: none; } }

.post-section-news {
  width: calc(50% - 10px);
  margin: 0 0 30px;
  float: left; }
  .post-section-news .item__category {
    display: none; }
  .post-section-news .item__title {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px 0; }
  @media screen and (max-width: 768px) {
    .post-section-news {
      width: 100%;
      float: none; } }

.post-section a.post-section__button {
  display: block; }
  .post-section a.post-section__button img {
    display: block; }
    @media screen and (max-width: 768px) {
      .post-section a.post-section__button img {
        max-width: 100%;
        margin: 0 auto; } }

.post-section-officialblog {
  width: 467.5px;
  margin: 0 0 30px;
  float: left;
  clear: left; }
  .post-section-officialblog .item__meta {
    display: none; }
  @media screen and (max-width: 768px) {
    .post-section-officialblog {
      width: 100%;
      float: none; } }

.post-section-works {
  width: 980px;
  clear: both;
  margin: 0 0 30px; }
  .post-section-works .item__meta {
    display: none; }
  .post-section-works .item__title {
    display: none; }
  .post-section-works .item__desc {
    display: none; }
  @media screen and (max-width: 768px) {
    .post-section-works {
      width: 100%;
      float: none; } }