@charset "utf-8";
/* rest */
html,body, main, div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; font-size:100%; font: inherit; outline: none;vertical-align:baseline;}
address, caption, cite, code, dfn,em, strong, th, var, optgroup { font-style: normal; font-weight: normal;}
h1, h2, h3, h4, h5, h6,abbr,acronym{ font-weight: normal;}
input,button,textarea,select,optgroup,option{ font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
input,button,textarea,select { font-size: 100%; -webkit-appearance: none; appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ol,ul,li{ list-style: none;}
table{ border-collapse: collapse; border-spacing: 0;}
caption,th{ text-align: left;}
a,ins{ text-decoration: none;}
a, img { -webkit-touch-callout: none; }
blockquote,q{ quotes: none;}
:focus, :active { outline:none;}
a:link, a:hover {text-decoration: none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
/* float */
.left{float:left;}
.right{float:right;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { zoom:1;}

/* html */
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  touch-action: pan-y;
  pointer-events: auto;
  scroll-behavior: smooth;
  /* background-image: url(about:blank); */
  background-attachment: fixed;
  scrollbar-gutter: stable;
  scrollbar-width: none;
}

body {
  touch-action: pan-y;
  pointer-events: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  scrollbar-width: none;
}

/* html, body {
  height: -webkit-fill-available;
} */

/* html,body,.wrap,.box{ width:100%; height:100%; overflow:hidden;} */

/* ::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent;
}

::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset;
  background-color: rgba(233, 226, 226, 0.5);
}

::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  background-color: rgba(140, 149, 166, 0.3);
  box-shadow: 0 0 0 5px rgba(0, 0, 0, .2) inset;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #b6b7b9;
}

::-webkit-scrollbar-corner {
  background: transparent;
}



input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset !important;
}

:-webkit-autofill {
  transition: background-color 5000s ease-in-out 0s !important;
} */

/* a:link { color:#000;}
a:hover{ color:#d00; text-decoration:underline;} */