@charset "UTF-8";

body{
    margin: 0;
    height: 100%;
    font-family: 'Noto Sans JP','Meiryo','sans-serif'; 
    font-size: 16px;
/* backgroundカラーはあとで修正 */
    background: #FFFFEB
}
a{
    color: #1596ff; /* 青色 */
    text-decoration: underline; /* 下線付き */
  }
.notification{
    display: grid; /*グリッドレイアウトの有効化*/
    place-items: center; /* 中央寄せ */
    width: 1200px; /* ボックスの幅 */
    height: 600px; /* ボックスの幅 */
    background-color: #ffffff; /*背景色*/
    margin: auto; /*マージンサイズ*/
}
.notification-header{
    width: 800px; /*ボックス幅*/
    background: #ffffff; /*背景色*/
    text-align: center; /*テキスト中央寄せ*/
}
.title{
    font-size: 24px; /* フォントサイズ */
    font-style: bold; /* 字体 */
    padding: 10px; /* 余白 */
    border-bottom: 2px solid #fdbe00; /* タイトル区切り線 */
}
.explain{
    width: 800px; /* ボックスの幅 */
    padding: 10px; /* 内側の余白 */
    background-color: white;
    word-wrap: break-word; /* テキストを自動で折り返す */
    overflow-wrap: break-word; /* ブラウザ互換性のための指定 */
    overflow: hidden; /* はみ出したテキストを非表示に */
}
.date{
    text-align: right;
}
.filelinks{
    width: 800px; /* ボックスの幅 */
    padding: 10px; /* 内側の余白 */
    background-color: white;
    word-wrap: break-word; /* テキストを自動で折り返す */
    overflow-wrap: break-word; /* ブラウザ互換性のための指定 */
    overflow: hidden; /* はみ出したテキストを非表示に */
}
.license_explain{
    font-size: 12px;
}
footer{
    margin: auto;
    text-align: right;
}