html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {

  margin: 0;

  padding: 0; }



header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {

  display: block; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



caption, th {

  text-align: left;

  font-weight: normal; }



html, body, fieldset, img, iframe, abbr {

  border: 0; }



i, cite, em, var, address, dfn {

  font-style: normal; }



[hidefocus], summary {

  outline: 0; }



li {

  list-style: none; }



h1, h2, h3, h4, h5, h6, small {

  font-size: 100%; }



sup, sub {

  font-size: 83%; }



pre, code, kbd, samp {

  font-family: inherit; }



textarea {

  overflow: auto;

  resize: none; }



label, summary {

  cursor: default; }



a, button {

  cursor: pointer; }



h1, h2, h3, h4, h5, h6, em, strong, b {

  font-weight: bold; }



del, ins, u, s, a, a:hover {

  text-decoration: none; }


@font-face{
            font-family: 'NotoSansHans';
            src : url('../images/NotoSansHans-Light.otf');
        } 

body, textarea, input, button, select, keygen, legend {
  font: 14px / 1.5 "NotoSansHans";
  color: #333;
  background-color: #f9f5f7;
  outline: 0; }




body {

  background: #fff;

  -webkit-tap-highlight-color: transparent;

 }



html {

  overflow-x: hidden;

  overflow-y: auto; }



a {

  color: #333; }



a:hover {

  color: #000; }



h2 {

  font-size: 20px; }



h3 {

  font-size: 16px; }



input[type="button"], input[type="submit"], input[type="reset"], button, input[type="text"] {



  border: none; }



input[type="button"], input[type="submit"], input[type="reset"], button {

  -webkit-appearance: none;

  -moz-appearance: none;

  -ms-appearance: none;

  -o-appearance: none;

  appearance: none;

  }



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

  color: #666 !important; }



/* mask */

.dialog-mask{

  position: fixed;

  width: 100%;

  height: 100%;

  z-index: 9999999;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background-color: rgba(119,119,119,.7);

  display: none;

}

.dialog-wrap{

  position: absolute;

  width: 65vh;

  background-color: #fff;

  height: 90vh;

  left: 50%;

  top: 50%;

  transform: translate(-50%,-50%);

  padding: 20px;

  box-sizing: border-box;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

}

.dialog-wrap img{

  max-width: 100%;

  max-height: 100%;

  

}

.dialog-close{

  position: absolute;

  right: -10px;

  top: -10px;

  background-color: #000;

  width: 20px;

  height: 20px;

  border-radius: 50%;

  text-align: center;

  line-height: 18px;

  font-size: 12px;

  color: #fff;

  cursor: pointer;

}