@charset "UTF-8";
/*==============================================================================
	全体
==============================================================================*/
* {
        margin: 0;                                                         /* 領域間のスペースを「0」に指定 */
        padding: 0;                                                        /* 領域内のスペースを「0」に指定 */
}
body {
        background-image: url("../images/world_map_archive_bg.jpg");       /* 背景画像の指定 */
        background-attachment: fixed;                                      /* 背景画像の「固定」 */
        font-family: sans-serif;                                           /* フォントの種類を「sans-serif」に指定 */
        text-align: center;                                                /* 横に「中央揃え」 */
}
/*==============================================================================
        アーカイブ
==============================================================================*/
#Archive {
        background-color: rgba(255, 255, 255, 0.9);                        /* 背景の色を「255,255,255」、透明度を「0.9」に指定 */
        max-width: 900px;                                                  /* 領域の幅の最大値を「900px」に制限 */
        margin: 100px auto auto auto;                                      /* 上(領域間)に「100px」のスペースを空ける */
}
/*==============================================================================
        アーカイブタイトル
==============================================================================*/
h1 {
        font-family: Gabriola, 'Apple Chancery', serif;                    /* フォントの種類を「Gabriola」、「Apple Chancery」、「serif」に指定 */
        font-size: 48px;                                                   /* フォントのサイズを「48px」に指定 */
        line-height: 1em;                                                  /* 行の高さを「1em」に指定 */
        padding-top: 0.5em;                                                /* 上(領域内)に「0.5em」のスペースを空ける */
        padding-bottom: 0.5em;                                             /* 下(領域内)に「0.5em」のスペースを空ける */
}
/*==============================================================================
        アーカイブセクションタイトル
==============================================================================*/
h2 {
        font-family: Gabriola, 'Apple Chancery', serif;                    /* フォントの種類を「Gabriola」、「Apple Chancery」、「serif」に指定 */
        font-size: 36px;                                                   /* フォントのサイズを「36px」に指定 */
        line-height: 1em;                                                  /* 行の高さを「1em」に指定 */
        padding-top: 0.2em;                                                /* 上(領域内)に「0.2em」のスペースを空ける */
        padding-bottom: 0.2em;                                             /* 下(領域内)に「0.2em」のスペースを空ける */
        padding-left: 0.5em;                                               /* 左(領域内)に「0.5em」のスペースを空ける */
        text-align: left;                                                  /* 横に「左端揃え」 */
        background: linear-gradient(to right, rgba(47, 79, 79, 1), rgba(255, 255, 255, 0)); /* 背景を右に「47,79,79,1」から「255,255,255,0」に変化する線形グラデーションに指定 */
        
}
h2 a {
        text-decoration: none;                                             /* リンクテキストの下線を「非表示」に指定 */
        color: black;                                                      /* テキストの色を「black」に指定 */
}
h2 a:hover {
        text-decoration: underline;                                        /* カーソルが乗っているときに下線を表示する */
}
/*==============================================================================
        アーカイブセクションテキスト
==============================================================================*/
.text1 {
        text-align: left;                                                  /* 横に「左端揃え」 */
        padding-left: 2em;                                                 /* 左(領域内)に「2em」のスペースを空ける */
        margin: 20px auto auto auto;                                       /* 上(領域間)に「20px」のスペースを空ける */
}
cite {
        font-style: normal;                                                /* フォントを「標準」フォントで表示 */
}
.text2 {
        text-align: left;                                                  /* 横に「左端揃え」 */
        padding-left: 2em;                                                 /* 左(領域内)に「2em」のスペースを空ける */
        padding-bottom: 1em;                                               /* 下(領域内)に「1em」のスペースを空ける */
        margin: 20px auto auto auto;                                       /* 上(領域間)に「20px」のスペースを空ける */
}
dfn {
        font-style: normal;                                                /* フォントを「標準」フォントで表示 */
}
/*==============================================================================
        権利表記
==============================================================================*/
footer {
        font-size: 12px;                                                   /* フォントのサイズを「12px」に指定 */
        margin: 20px auto 10px auto;                                       /* 上(領域間)に「20px」、下(領域間)に「10px」のスペースを空ける */
        color: white;                                                      /* テキストの色を「white」に指定 */
}
/*==============================================================================
        権利表記 リンク
==============================================================================*/
footer p {
        margin: auto auto 10px auto;                                       /* 下(領域間)に「10px」のスペースを空ける */
}
footer p a {
        text-decoration: none;                                             /* リンクテキストの下線を「非表示」に指定 */
        color: white;                                                      /* テキストの色を「white」に指定 */
}