/* ===== Webサイト全体のスタイル ===== */
/* html */
html {
  height: 100%;
}
 
@font-face {
font-family: 'myfont';
src: url(font/font.ttf);
}

/* body */
body {
 height: 100%;
  margin: 0;
font-family: 'myfont';
}

/* h1見出し */
h1 {
  color: #ffff00;/* フォントの色 */
  font-size: 40px;/* フォントの大きさ */
}

p {
  color: #ffffee;/* フォントの色 */
  font-size: 15px;/* フォントの大きさ */
}

.title {
  color: #222222;/* フォントの色 */
}

ul, ol {
  padding: 0;
}

ul li, ol li {
  color: #ffffff;
  border-left: solid 6px #ff5050;/*左側の線*/
  background: #333333;/*背景色*/
  margin-bottom: 3px;/*下のバーとの余白*/
   line-height: 1.5;
  padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
}

hr {
height: 5px;
background-color: #ff5050;
 border: none;
 width: 100%;
}

.big {
 width: 100%;
}

.icon {
 float: left;
}

/* ヘッダーの箱 */
.header {
  background-color: #ff9365;
  position: fixed;
 width: 100%;
display: flex;
color: #ffffff;
}

.new {
  background-color: #222222;
  color: #ffffff;
}

.title {
  color: #ffffff;
padding: 20px;
}

.main {
  background-color: #ffffff;
  color: #222222;
  padding: 30px;
}