@charset "utf-8";

/*
====================================================
■ PROFILE
====================================================
*/
#option_box {
    overflow: hidden;
    padding: 3% 0;
		text-align:center;
}
#option_box ul {
	    list-style: outside none none;
    overflow: hidden;
		margin:10px 0 0 0;
		/*display:inline;*/
}
#option_box li {
	border-style: solid;
	border-width: 1px;
    display: inline-block;
    font-size: 1.2rem;
    margin: 0.35% 0.2%;
    padding: 0.8% 0 0.4%;
    width: 24%;
		text-align:center;
    box-sizing: border-box;
    font-weight: bold;
}
#option_box li.out {
  font-weight: normal;
}
@media screen and (max-width: 768px){
  #option_box ul {
  	  width:96%;
  		margin:10px auto 0 auto;
  }

#option_box li {
    float: left;
    margin: 0.5%;
    width: 49%;
    font-size: 1rem;
}
}
@media screen and (max-width: 320px){
#option_box li {
    font-size: 12px;
}
}