/* -----------------------------------------------------------------
   reset
----------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, em, img, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, section, summary, div, input, select {    
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight:normal;
  /* font: inherit; */
  vertical-align: baseline;
  box-sizing: border-box; 
}

main, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; 
}

html {
  font-family: 'Yu Gothic','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  font-size: 62.5%;
  touch-action: manipulation;
  box-sizing: border-box; 
  height:100%;
}

body {
  font-size: 1.4rem;
  font-family: 'Yu Gothic','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  line-height: 2.6rem;
  letter-spacing: 0.1rem;
  font-weight: 300;
  font-feature-settings: "palt";
  overflow-x: hidden;
  height:100%;
}

.wrap {
    min-height: 100vh;
    position: relative;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none; 
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none; 
}

img {
    max-width: 100%;
    max-height: 100%;
}
.img-fluid{
  width:100%;
  height:auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0; 
}

a {
    text-decoration: none;
    /* color: #5d737e; */
    color: #5e5e5e;
    transition: .3s ease-in-out;
}

a:hover, a:active {
    color:#333333;
    opacity: 0.75;
}

input,select,option {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background-color: #F7F8F8;
    border: none;
    padding: 1rem;
}

/*
::-webkit-scrollbar{
  width: 4px;
}
*/

::-webkit-scrollbar-track{
  background: #fff;
  border-left: solid 1px #ececec;
}

::-webkit-scrollbar-thumb{
  background: #ccc;
  border-radius: 4px;
  box-shadow: inset 0 0 0 2px #fff;
}

@media screen and (max-width: 768px) {
    body {
        line-height: 2.4rem;
        /* letter-spacing: 0.05; */
    }
}