/* 
リセットコード 
　・全要素のボーダーボックス化
　・a,li要素のスタイル消去
　・a要素ホバー時のトランジション時間指定
　・imgタグの幅最適化
*/

@font-face {
	font-family: 'MyFont';
	src: url(./Staatliches-Regular.ttf);
}

html,body{
  margin:0;
  font-family:sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100vw;
  overflow-x: hidden;
}

html{
  font-size:62.5%;
  color: #222;
  background-color: #F5F5F5;
}

*{
  box-sizing: border-box;
  margin:0;
}

a{
    text-decoration: none;
    transition: all .6s ease;
}

a:hover { 
    transition: all .6s ease;
    opacity: .6;
  }

li{
    list-style: none;
}

ul{
    padding: 0;
}

img {
    width: 100%;
    vertical-align: bottom;
  }