@charset "utf-8";
/*
 * 記事ページのスタイルシート
 * ======= ====== ||    \\    ====
 * ||        ||   ||  \\    ||    ||
 * ||=====   ||   ||\\     ||      ||
 * ||        ||   ||  \\    ||    ||
 * ======= ====== ||    \\    ====
 *
 * モバイルファースト
 * => 基本の CSS は、モバイル用のデザインとする
 * => PC対応 (768px以上) は、スマートフォン、タブレット用と異なる部分だけを下部に記述する
 *
 * できるだけシンプルに分かりやすくする
 * => 複雑にしない
 */
/*--------------------------------------------------
>>> 見出し
--------------------------------------------------*/
h1 {
    margin: 1.2rem 0 0 0;
    padding: 0;
    font-size: 130%;
    color: #333;
}
/*--------------------------------------------------
>>> 段落
--------------------------------------------------*/
p {
    font-size: 90%;
    color: #333;
}
/*--------------------------------------------------
>>> お知らせ
--------------------------------------------------*/
.notice_title {
    margin: 1.2rem 0 0 0;
    padding: 0;
}
.notice_date {
    margin: 0 0 0.3rem 0;
    padding: 0;
    font-size: 90%;
    color: #333;
}
.notice_title h1 {
    margin: 0;
}