/* 
リセットコード 
　・全要素のボーダーボックス化
　・a,li要素のスタイル消去
　・a要素ホバー時のトランジション時間指定
　・imgタグの幅最適化
*/
@font-face {
  font-family: 'notoR';
  src: url(../notoR.ttf);
}

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

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

html,body{
  margin:0;
  font-family:sans-serif;
}

html{
  font-size:62.5%;
}

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

main a{
    text-decoration: none;
    transition: all .6s ease;
    font-size: 1.6rem;
    line-height: 2;
}

#wContents p{
  font-size: 1.6rem;
  font-family: 'notoR';
  line-height: 2;
margin:0;
}

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

main li{
    list-style: none;
}

main ul{
    padding: 0;
}

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