<@charset "UTF-8";>

/* ------------------------------------------------------ */
/* ▼なぜか1つ目のcssが適用されないのでダミーとしての記述 */
/* ------------------------------------------------------ */
* {
}

/* ----------------------------------------- */
/* ▼横線の装飾 長さ95%（aboutページで利用） */
/* ----------------------------------------- */
.hr_about {
   border-width : thin;                  /* 線の太さ(細い) */
   width: 95%;                           /* 線の長さ(95%) */
   margin:auto;                          /* 表の配置(中央寄せ) */
   border-style : solid none none none;  /* 線の種類(上に実線、右は線なし、下は線なし、左は線なし） */
   border-color : #ebebeb;               /* 線の色(灰色のとても明るい色) */
}

/* ------------------------------------------ */
/* ▼横線の装飾 長さ16rem（linkページで利用） */
/* ------------------------------------------ */
.hr_link {
   border-width : midium;                /* 線の太さ(普通) */
   width: 16rem;                         /* 線の長さ(16rem) */
   border-style : solid none none none;  /* 線の種類(上に実線、右は線なし、下は線なし、左は線なし） */
   border-color : #eaeaea;               /* 線の色(灰色のとても明るい色) */
}

/* -------------------------------------- */
/* ▼横線の装飾 長さ55%（フッターで利用） */
/* -------------------------------------- */
.hr_footer {
   border-width : midium;                /* 線の太さ(普通) */
   width: 55vw;                          /* 線の長さ(55% viewport width) */
   border-style : solid none none none;  /* 上に実線、右は線なし、下は線なし、左は線なし */
   border-color : #eaeaea;               /* 線の色(灰色のとても明るい色) */
}

/* -------------------------------------------- */
/* ▼枠線の装飾（サンプルのため利用していない） */
/* -------------------------------------------- */
.h1 {
   border-top-width : thin;      /* 上線の太さ(細い) */
   border-bottom-width : thick;  /* 下線の太さ(太い) */
   border-left-width : thick;    /* 左線の太さ(太い) */
   border-right-width : thin;    /* 右線の太さ(細い) */
   border-style : solid;         /* 線の種類(実線) */
   border-color : #ff8000;       /* 線の色(オレンジ) */
}

/* -------------------------------------------- */
/* ▼横線の装飾（サンプルのため利用していない） */
/* -------------------------------------------- */
.line {
   border-top: 1px solid black;  /* ショートハンドでの記述、border-width（線の太さ）、border-style（線の種類）、border-color（線の色） */
}