/*--------------------------------------------
    共通設定(body,header)
--------------------------------------------*/

/*文字セット*/
@charset  "UTF-8";

/* body のスタイル設定 */
body {
    width: 100%;
    min-width: 1000px; /* 最小幅を1000pxに設定 */
}

/* ヘッダー全体のスタイル設定 */
header {
    display: flex;
    width: 100%;
    background-color: #090f1c; /* 背景色を設定 */
}

/* ヘッダーの内容のスタイル設定 */
.header-contents {
    display: flex;
    align-items: center; /* 中央揃え */
    width: 90%;
    padding: 0.5em 1em; /* 上下と左右の余白を設定 */
}

/* ヘッダーの画像のスタイル設定 */
.header-img-salmon {
    width: 10%;
    height: 4.4em; /* 固定高さを設定 */
}

/* ヘッダーのタイトルスタイル設定 */
header h1 {
    width: 20%;
    min-width: 350px; /* 最小幅を設定 */
    font-family: "sample01"; /* フォントを設定 */
    background: linear-gradient(to right, #FFD700, #FCF6BA, #FFD700, #FCF6BA, #FFD700);
    -webkit-background-clip: text; /* テキストのクリッピングを設定 */
    background-clip: text;
    color: transparent; /* テキストカラーを透明に設定 */
    font-size: 3em; /* フォントサイズを設定 */
    letter-spacing: -0.37em; /* 文字間隔を設定 */
}

/* ナビゲーション全体のスタイル設定 */
header nav {
    width: 80%;
}

/* ナビゲーションリストのスタイル設定 */
header ul {
    display: flex;
    width: 100%;
}

/* ナビゲーションアイテムのスタイル設定 */
header li {
    font-family: "sample02"; /* フォントを設定 */
    background: linear-gradient(to right, #FFD700, #FCF6BA, #FFD700, #FCF6BA, #FFD700);
    -webkit-background-clip: text; /* テキストのクリッピングを設定 */
    background-clip: text;
    color: transparent; /* テキストカラーを透明に設定 */
    font-size: 1.25em; /* フォントサイズを設定 */
    border: 2px solid #FFD700; /* 枠線を設定 */
    border-radius: 100px; /* 角丸を設定 */
    padding: 0.5em; /* 内側の余白を設定 */
    margin-left: 1em; /* 左の余白を設定 */
}

/*footerのスタイル設定*/
footer{
    background-color: #090f1c; /* 背景色を設定 */
    padding:0.5em 0;
    margin-top: 2em;
    text-align: center;
}
footer p{
    font-family: "sample02"; /* フォントを設定 */
    background: linear-gradient(to right, #FFD700, #FCF6BA, #FFD700, #FCF6BA, #FFD700);
    -webkit-background-clip: text; /* テキストのクリッピングを設定 */
    background-clip: text;
    color: transparent; /* テキストカラーを透明に設定 */
    font-size: 1.25em; /* フォントサイズを設定 */
}