/*-------------------- body --------------------*/



body {
/* ボディに一括してフォント指定 */

font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-size: 1rem;
line-height: 1.6;/* ←行間指定 */
}


  /*　全然うまくいかない。親要素が指定ないから？？画像の左右にできる余白が10％ずつ。*/
img{
	max-width: 100%;
  height: auto;
  display: inline-block;
  padding: 1rem 0rem;
  text-align: center;
}



a:link{
color: pink;
text-decoration: none;
}



a:hover{
color: deeppink;
}




a:visited{
color: pink;
text-decoration : none;
}



/* --無効中

h1{
 font-size: 70px;
 color: pink;
}



h2{
 font-size: 18px;
 color: pink;
}

*/