

a { text-decoration:none;color:black } 

/* mobile */
@media screen and (max-width: 768px) {
.title{ text-align:center;font-size:0.9em; width:100%;}
.content{ text-align:center;font-size:0.9em; width:100%;}
.content div{display: inline-block;text-align:center;width:99%;border:1px solid #AA1F24;border-radius:10px;background:#AA1F24;color:white}
.content input{width:70px;}
input[type='checkbox'] {margin:0;padding:0;width:20px;}
ul{list-style:none}

.result{margin-top:10px; text-align:center;font-size:1.1em; width:100%;}
.result div {display: inline-block;text-align:center;width:99%;border:1px solid red;border-radius:5px;background:#FED801;height:500px;}
.cround{width:90%;height:30px;border-radius:10px;background:white;border:1px solid black;line-height:30px}

#searchbtn{ width:80%;background:#978674;height:30px;color:white;font-weight:bold;border:1px solid black;margin-top:10px}
#kwd{display:none}
#menutree{ width:80%}
#pcmenu{display:none}
#mobilemenu{display:visible}
}





/* pc */
@media  screen and  (min-width:768px ) {
.title{ text-align:center;font-size:1.5em; width:100%;}
.content{ text-align:center;font-size:1.5em; width:100%;}
.content div{display: inline-block;text-align:center;width:60%;border:1px solid #AA1F24;border-radius:10px;background:#AA1F24;color:white}
.content input{width:100px;}
input[type='checkbox'] {margin:0;padding:0;width:20px;}
.result{margin-top:10px; text-align:center;font-size:1.1em; width:100%;}
.result div {display: inline-block;text-align:center;width:60%;border:1px solid red;border-radius:5px;background:#FED801;height:500px;}
.cround{width:90%;height:30px;border-radius:10px;background:white;border:1px solid black;line-height:30px}
#searchbtn{ width:30%;background:#978674;height:30px;color:white;font-weight:bold;border:1px solid black;margin-top:10px}
#kwd{display:none}
#menutree{ width:80%}
#pcmenu{display:visible}
#mobilemenu{display:none}

}


