/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
  color: #222;
  font-size: 62.5%;
  line-height: 1.6
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none
}

::selection {
  background: #b3d4fc;
  text-shadow: none
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

.browserupgrade {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0
}

* {
  box-sizing: border-box
}

@media screen and (min-width:768px) {
  img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
  }
}

@media screen and (max-width:767px) {
  img {
    width: 100%
  }
}

p, ul {
  margin: 0;
  padding: 0
}

li {
  list-style: none;
  margin: 0;
  padding: 0
}

section {
  margin: 0 auto
}

.grid {
  display: inline-block
}

p {
  font-size: 1.8em
}

a, a:active, a:hover, a:link, a:visited {
  color: #04c;
  cursor: pointer
}

@media screen and (max-width:767px) {
  span.orange {
    color: #eb7015;
    font-weight: 700;
    font-size: 110%
  }
  #copywright {
    width: 90%;
    margin: 10px auto 0;
    padding: 10px 0;
    border-top: 1px solid #888;
    text-align: center;
    font-size: 1rem
  }
  #kakaku {
    width: 100%;
    padding: 0;
    background: #1f6c08;
    text-align: center
  }
  #kakaku_camp {
    width: 95%;
    box-sizing: border-box;
    margin: 0 auto 20px;
    padding: 20px 10px 10px 10px;
    border: 1px solid #b59915
  }
  h5#kakaku_camp_tit {
    width: 95%;
    box-sizing: border-box;
    height: auto;
    margin: 20px auto 0;
    color: #fff;
    text-align: left;
    border-radius: 0;
    font-size: 2rem;
    padding: 5px 15px
  }
}

.hidden {
  display: none!important;
  visibility: hidden
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.invisible {
  visibility: hidden
}

.clearfix:after, .clearfix:before {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both
}

@media print {
  *, :after, :before {
    background: 0 0!important;
    color: #000!important;
    box-shadow: none!important;
    text-shadow: none!important
  }
  a, a:visited {
    text-decoration: underline
  }
  blockquote, pre {
    border: 1px solid #999;
    page-break-inside: avoid
  }
  thead {
    display: table-header-group
  }
  img, tr {
    page-break-inside: avoid
  }
  img {
    max-width: 100%!important
  }
  h2, h3, p {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
  .spOnly {
    display: none
  }
  ul {
    list-style: none;
    letter-spacing: -.4em;
    padding: 0;
    margin: 0
  }
  li {
    letter-spacing: normal;
    padding: 0;
    margin: 0
  }
  .notes ul {
    list-style: none;
    padding: 0!important;
    margin: 0!important
  }
  .notes_pad li {
    padding-left: 1.3em!important;
    text-indent: -1.3em!important
  }
  .notes_number li {
    padding-left: 2em!important;
    text-indent: -2em!important
  }
}