* { margin: 0; 
    padding: 0; 
}

body { font-family: "Georgia", "Osaka", "Tahoma", "MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif; }

body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
background:url(https://alicex.jp/data/cinq/img/cinq_upld_10.png) center no-repeat;
  background-size:cover;
}

.my-white {
    color: white;
    opacity: 0.7;
}

.my-black {
    opacity: 0.7;
}

.my-gray {
    color: #aaaaaa;
}

.my-blue {
     color: #a0d8ef;
}

.kakomi-kage1 {
 margin: 2em auto;
 padding: 1em 1em 1em 2em;
 width: 82%;
 color: #543f32;
 background-color: rgba(255,252,244,0.5);
box-shadow: 0 0 10px 10px rgba(255,252,244,0.5);

}

input[type="submit"] {
	width: 8%;
    font-size: 15px;
    color: #543f32;	
    display: inline-block;
    padding: 1px 0px;
    text-align: center;
    background-color: #eeeeee;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 1s;
}

select {
  width: 10%;
    font-size: 15px ;
    font-weight: bold;
    color: #543f32;	
    display: inline-block;
    padding: 1px 0px;
    text-align: center;
    background-color: #eeeeee;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 1s;
}


@media screen and (min-width: 768px){
}

@media screen and (min-width: 1023px){
}