@charset "utf-8";
*{margin: 0;padding: 0;font-family: "微软雅黑",'Microsoft YaHei',Arial,"宋体";}
body{margin: 0; font-size: 16px;}
img:focus,a:focus{border: none ;outline: none !important;}
a:active{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul,ol{list-style: none;}
h1,b,h2,h3,h4{font-weight: normal;}
a{text-decoration: none;color: #888888;}
em{font-style: normal;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.clearfix{}
.clearfix::after{content: ""; display: block;clear: both;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent;}

.ClassList_b3 {text-align: center;margin-bottom: 4vw;}
.ClassList_b3 li{display: inline-block;box-sizing: border-box;margin: 0 2vw;line-height: 1.0;}
.ClassList_b3 li a{color: #424242;font-size: 18px;border-bottom: 2px solid transparent;padding: 7px 0;display: block;}
.ClassList_b3 li a:hover{color: #670011;border-color: #670011;}
.ClassList_b3 .on a{color: #670011;border-color: #670011;}

@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
	.ClassList_b3{display: none;}
    body{font-size: 3.8vw;}
}