@charset "utf-8";

/* リセット */
html, body, header, footer, main, section, h1, h2, h3, ul, li, div, p, dl {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #555555;
  line-height: 1;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-feature-settings: "palt";
}
body{
  max-width: 600px;
  margin: 0 auto;
}

a {
  /*色を消す*/
  color: inherit;
  /*下線を消す*/
  text-decoration: none;
  transition: .3s;
}

a:hover {
  opacity: .7;
}

ul {
  /*左の「・」を消す*/
  list-style: none;
}

img {
  width: 100%;
  max-width: 100%;
  border: none;
  vertical-align: bottom;
}
/* # =================================================================
     # Forms
     # ================================================================= */
input {
  border-radius: 0;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
  /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  /* Correct the outline style in Safari */
  -webkit-appearance: textfield;
  outline-offset: -2px;
  /* Correct the odd appearance in Chrome and Safari */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button, input, optgroup, select, textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button, select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button, [type=button], [type=reset], [type=submit], [role=button] {
  color: inherit;
  cursor: pointer;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button, input, select, textarea {
  border-style: none;
  background-color: transparent;
}

a:focus, button:focus, input:focus, select:focus, textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  -webkit-appearance: none;
  /* Chrome 41+ */
     -moz-appearance: none;
  /* Firefox 36+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the color inheritance from `fieldset` elements in IE */
  border: 0;
  /* Correct the text wrapping in Edge and IE */
  color: inherit;
  /* Correct the text wrapping in Edge 18- and IE */
  white-space: normal;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
}

::-webkit-file-upload-button {
  /* Change font properties to `inherit` in Chrome and Safari */
  color: inherit;
  font: inherit;
  /* Correct the inability to style clickable types in iOS and Safari */

  -webkit-appearance: button;
}
