@charset "Utf-8";

body {
    color:black;
    background-color:white;
}

/*漢字への変換アルファベッド名前の入力***********************************************************/
article {
    width 970px;
    margin: auto;
    overflow: hidden;
}

#article1 {
    width:410px;
    float: left;
    #position: relative;
}

#article1 p {
 margin:10px auto 15px 15px;
 font-size:18px;
}

#article1 form #ename {
 width:250px;
 height:35px;
 font-size:22px;
 border: solid 1;
 margin-left:15px;
}

#article2 {
width:430px;
float:right;
}


#article2 p {
margin:10px auto auto auto;
font-size:18px;
}

form #engname {
 font-family: 'Lobster', cursive;
 font-size:50px;
 color:mediumpurple;
}

#article3{
 position: absolute;
 left:420px;
 top:40px;
}

#error {
    color:red;
}

/*ここからスマホ用******************************************************************************/
@media screen and (max-width:768px){
    #article3{
        display:none;
    }   
    
    #article1, #article2 {
        width:100%
    }
    
}