body{
   background-color:	#e0e0e0; 
   color: #b33e5c;
}
h1{
   color:#b33e5c;
}

h2{
    color:#1a2b4c;
}

h3{
   
    border: 10p,;
    text-decoration: none;
    color:		#6a7ba2;

}


p{
    border: 10px #9cc6eb none;
    text-decoration: none;
    color: 			#1a2b4c;
}

#moji {
    color:	#1a2b4c;
}

img {
    width:600px;  
    height: 150px;
    
}
label{
     color:		#1a2b4c;

}

/*　正方形　*/
.seihoukei {
    width: 200px;  
    height: 200px; 
}

small{
    
    display:inline-block;
    color: #b33e5c;
    

}

#maze{
    width:900px;
    height:600px;
    touch-action:none;
}

/*　タブ　*/
nav li{

    display:block;
    width: 80px;
    float:left;

}

/*　ページタブ　*/
nav a{

    color: #fff;
    background:	#6a7ba2;
    display:block;
    line-height: 1.0;
    padding:6px;
    border-left: 1px solid #fff;
    text-align: center;
    text-decoration: none;

}

nav a:hover{
    background:#9ea3b0
}

nav #current a {
    color:#b33e5c;
    background: #fff;
}

a {
    color: 	#1a2b4c;
    text-decoration: none;
}

button {
    font-weight: bold;
    padding: 12px 30px;
    font-size: 16px;
    color: #ffffff;
    background:#6a7ba2;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(173, 216, 230, 0.4);
    margin: 20px 0;
}

#none button{
    all: unset;
    color:#1a2b4c; 
    background: #ffffff;
    margin: 5px 5px;  
    border: 0.2px solid black;
}

#box{
    position: relative;
    margin: 30px 0 20px 0;
    padding: 10px;
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 12px #b4b4ff4d;
}



/*　整う　*/
#page{

    margin: 0a auto;
    width:900px;

}

#main{
    float:left;
    width:900px;
   
    position: relative;
    margin: 0 0 20px 0;
    padding: 20px;
    background: #fff;
    border: none ;
    border-radius: 20px;
    box-shadow: 0 4px 12px #b4b4ff4d;
}

    
footer{

    clear:both;
    color: #b33e5c;
    background-color:none
}

header{
    background-color:none

}