h1{
background-color: powderblue;
padding: 10px 10px;}

a {
  font-weight: bold;
  text-decoration: none;
  color:brack;}

p.namendrk{
background-color: powderblue;
padding: 10px 10px;
}

a:visited {color:brack;}

textarea{
resize: none;
border: 2px solid powderblue;}

textarea:focus {outline: 0;}

.aikotoba{
resize: none;
border: 2px solid powderblue;}

.aikotoba:focus {outline: 0;}


button {
  color: brack;
  background-color: powderblue;
width: 200px;
padding: 10px;
}

.undertext{
background-color: powderblue;
padding: 10px 10px;}

.three_block_item {
width: 15%;
border-radius: 20px;
margin:5px;
border: 2px solid powderblue;
text-decoration: none;
display: inline-block;
text-align: center;
float:left;
}

.three_block_item p{
text-align:center;
padding: 5px;
margin:0px;
}

a.blocklink {
display:block;
padding: 0.5em;
border: 2px solid powderblue;
}




@media screen and (max-width:480px) { 
    /*　画面サイズが480pxまで　*/
textarea {
  width:95%;
  height: 120px; }

.aikotoba {
  width:90%;
  height: 50px; }

h1{
text-align:center;
font-size:8vw;}

.bottomlink{text-align:center;}

.three_block_item {
width: 25%;
}


}


@media screen and (min-width:480px) {
 /*　画面サイズが480px以上　*/
h1{
width : 70％;
}

textarea {
  width: 60%; /* 幅 */
  height: 120px; /* 高さ */
}

.aikotoba {
  width:40%;
  height: 40px; }

}