body {
  background-color: white;
  font-family: sans-serif;
}


@media screen and (min-width:480px) { 
    /*　for iPhone Landscape　(iPhone 横)　*/
 
}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　for iPad 　*/
 
}
@media screen and (min-width:1024px) {
    /*　for PC　*/
 
}





p {
  font-size: 20px;
}

h1 {
  font-family: serif;
  width: 540px;
  color: #66ccff;/*文字色*/
  padding: 0.8em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: #333333;/*背景色*/
  vertical-align: middle;
  border-radius: ;/*左側の角を丸く*/
}




h2 {
  width: 550px;
  color: #2222cc;/*文字色*/
  border: solid 3px #364e96;/*線色*/
  padding: 0.5em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
}

h3 {
  font-size: px;
  width: 560px;
  background: darkblue;
  color: white;/*文字色*/
  box-shadow: 0px 0px 0px 5px #111133;
  border: dashed 2px white;
  padding: 0.6em 0.5em;
}


h4 {
  width: 550px;
  font-size: 18px;
  color: black;/*文字色*/
  padding: 1.0em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: white;/*背景色*/
  vertical-align: middle;
  border-radius: ;/*左側の角を丸く*/
}






.haba1{
  width: 600px;
  height:;

}
.haba2{
  width: 200px;
  height: 50px;
  background-color: blue;
}
.haba3{
  width: 300px;
  height: 50px;
 background-color: green;
}