/*
Theme Name: chmics 02
Description: Used to style blocks.
*/
/* 共通のスタイル */
.pcsp {
  padding: 20px;           /* 内側の余白を20pxに設定 */
  margin-bottom: 20px;     /* 下側のマージンを20pxに設定 */
  background-color: #f5f5f5; /* 背景色を設定 */
  border-radius: 5px;      /* 角を丸める */
}

/* PCでのみ表示（デフォルト） */
.pc-only {
  display: block;          /* 通常は表示 */
}

/* スマホでのみ表示（デフォルト） */
.sp-only {
  display: none;           /* 通常は非表示 */
}

/* スマホサイズ向けの設定 */
@media (max-width: 767px) {
  .pc-only {
    display: none;         /* スマホサイズでは非表示 */
  }
  
  .sp-only {
    display: block;        /* スマホサイズでは表示 */
  }
}