/* reset */

* { zoom:1; }
html,body { margin: 0; padding: 0; box-sizing: border-box; }
header,footer,div,article,section,p,span,a,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; list-style-type: none; box-sizing: border-box; }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
form,fieldset,input,textarea { margin:0 ; padding: 0; border: 0; outline: none; }
img { margin: 0; padding: 0; max-width: 100%; height: auto; vertical-align: bottom; border: none; }
table,tr,td { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; box-sizing: border-box; }
th { margin: 0; padding: 0; font-weight: normal; text-align: left; box-sizing: border-box; }
q:before,q:after { content: " "; }
abbr,acronym { border:0;font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; }
legend { color: #4d4d4d; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
fieldset { border:0; }
.alpha { transition: all .5s ease; }
.alpha:hover { opacity: 0.7; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
@media screen and (min-width: 861px) {
.sp { display: none; }
}
@media screen and (max-width: 860px) {
.pc { display: none; }
}