html {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

main {
  min-height: 1px;
}

footer {
  margin-top: auto;
}

body {
  overflow-x: hidden;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 16px;
  color: #333333;
  background: #ffffff;
  border: 40px solid #b1daf0;
  background-image: -webkit-linear-gradient(rgba(210, 210, 210, 0.3) 1px, transparent 1px), -webkit-linear-gradient(left, rgba(210, 210, 210, 0.3) 1px, transparent 1px);
  background-image: linear-gradient(rgba(210, 210, 210, 0.3) 1px, transparent 1px), linear-gradient(to right, rgba(210, 210, 210, 0.3) 1px, transparent 1px);
  background-size: 30px 30px;
  background-color: #fff;
  background-position: -14px 14px;
}
@media (max-width: 767px) {
  body {
    border: 15px solid #b1daf0;
    background-size: 24px 24px;
  }
}

p {
  line-height: 1.6;
}

a {
  text-decoration: none;
  color: #1a0dab;
}
a:hover {
  text-decoration: none;
  opacity: 0.8;
  color: #1a0dab;
}
a.btn {
  text-decoration: none;
}

:focus,
button:focus {
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}

iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border: none;
}

ul {
  list-style: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}

dt,
dd {
  line-height: 1;
  margin: 0;
}

.list-attention {
  list-style: none;
  margin-bottom: 0;
}
.list-attention li {
  padding-left: 1em;
  text-indent: -1em;
}
.list-attention li + li {
  margin-top: 12px;
}

.maker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #f8e96b));
  background: -webkit-linear-gradient(transparent 70%, #f8e96b 70%);
  background: linear-gradient(transparent 70%, #f8e96b 70%);
}

@media (min-width: 768px) {
  .container {
    max-width: 840px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

footer {
  text-align: center;
  background: #b1daf0;
  padding: 30px 0 0 0;
}
@media (max-width: 575px) {
  footer {
    padding: 20px 0 0 0;
  }
}
footer .link-pageup {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 60px;
}
@media (max-width: 991px) {
  footer .link-pageup {
    width: 30px;
  }
}
footer .copyright {
  display: block;
  color: #00a0c9;
  font-size: 14px;
}
@media (max-width: 575px) {
  footer .copyright {
    font-size: 12px;
  }
}
footer .logo-movic {
  display: inline-block;
  width: 120px;
  margin-top: 30px;
}
@media (max-width: 575px) {
  footer .logo-movic {
    width: 100px;
    margin-top: 20px;
  }
}

.img-kv {
  text-align: center;
  margin-top: 30px;
}
@media (max-width: 575px) {
  .img-kv {
    padding: 0 6px;
    margin-top: 15px;
  }
}

.area-about {
  text-align: center;
  margin-top: 40px;
}
@media (max-width: 575px) {
  .area-about {
    margin-top: 20px;
  }
}

.nav-tabs .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border: none;
  background-color: transparent;
  opacity: 1;
}

.nav-tabs {
  position: sticky;
  top: 0;
  max-width: 900px;
  border: none;
  margin: 0 auto 20px auto;
  z-index: 3;
}
.nav-tabs .nav-item {
  width: 20%;
  max-width: 180px;
  margin: 0 6% 20px 0;
}
@media (max-width: 575px) {
  .nav-tabs .nav-item {
    max-width: 142px;
    margin: 0 6% 10px 0;
  }
}
.nav-tabs .nav-item:nth-of-type(4n) {
  margin-right: 0;
}
.nav-tabs .nav-item .nav-link {
  display: block;
  border-radius: 0;
  padding-bottom: 20.56%;
}
@media (max-width: 767px) {
  .nav-tabs .nav-item .nav-link {
    padding-bottom: 32%;
  }
}
.nav-tabs .nav-item .nav-link.active {
  cursor: default;
}

#button-ginpachi a {
  background: url(../img/button-ginpachi_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-ginpachi a {
    background: url(../img/button-ginpachi_sp.png) no-repeat left top;
    background-size: contain;
  }
}
#button-ginpachi a.active {
  background: url(../img/button-ginpachi-on_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-ginpachi a.active {
    background: url(../img/button-ginpachi-on_sp.png) no-repeat left top;
    background-size: contain;
  }
}

#button-shinpachi a {
  background: url(../img/button-shinpachi_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-shinpachi a {
    background: url(../img/button-shinpachi_sp.png) no-repeat left top;
    background-size: contain;
  }
}
#button-shinpachi a.active {
  background: url(../img/button-shinpachi-on_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-shinpachi a.active {
    background: url(../img/button-shinpachi-on_sp.png) no-repeat left top;
    background-size: contain;
  }
}

#button-kagura a {
  background: url(../img/button-kagura_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-kagura a {
    background: url(../img/button-kagura_sp.png) no-repeat left top;
    background-size: contain;
  }
}
#button-kagura a.active {
  background: url(../img/button-kagura-on_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-kagura a.active {
    background: url(../img/button-kagura-on_sp.png) no-repeat left top;
    background-size: contain;
  }
}

#button-hijikata a {
  background: url(../img/button-hijikata_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-hijikata a {
    background: url(../img/button-hijikata_sp.png) no-repeat left top;
    background-size: contain;
  }
}
#button-hijikata a.active {
  background: url(../img/button-hijikata-on_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-hijikata a.active {
    background: url(../img/button-hijikata-on_sp.png) no-repeat left top;
    background-size: contain;
  }
}

#button-okita a {
  background: url(../img/button-okita_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-okita a {
    background: url(../img/button-okita_sp.png) no-repeat left top;
    background-size: contain;
  }
}
#button-okita a.active {
  background: url(../img/button-okita-on_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-okita a.active {
    background: url(../img/button-okita-on_sp.png) no-repeat left top;
    background-size: contain;
  }
}

#button-katsura a {
  background: url(../img/button-katsura_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-katsura a {
    background: url(../img/button-katsura_sp.png) no-repeat left top;
    background-size: contain;
  }
}
#button-katsura a.active {
  background: url(../img/button-katsura-on_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-katsura a.active {
    background: url(../img/button-katsura-on_sp.png) no-repeat left top;
    background-size: contain;
  }
}

#button-takasugi a {
  background: url(../img/button-takasugi_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-takasugi a {
    background: url(../img/button-takasugi_sp.png) no-repeat left top;
    background-size: contain;
  }
}
#button-takasugi a.active {
  background: url(../img/button-takasugi-on_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-takasugi a.active {
    background: url(../img/button-takasugi-on_sp.png) no-repeat left top;
    background-size: contain;
  }
}

#button-kamui a {
  background: url(../img/button-kamui_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-kamui a {
    background: url(../img/button-kamui_sp.png) no-repeat left top;
    background-size: contain;
  }
}
#button-kamui a.active {
  background: url(../img/button-kamui-on_pc.png) no-repeat left top;
  background-size: 100% 100%;
}
@media (max-width: 767px) {
  #button-kamui a.active {
    background: url(../img/button-kamui-on_sp.png) no-repeat left top;
    background-size: contain;
  }
}

.area-goods {
  margin-top: 100px;
}
@media (max-width: 575px) {
  .area-goods {
    margin-top: 50px;
  }
}

.title-category {
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .title-category {
    display: none;
  }
}

.list-goods-left li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 240px;
  padding: 0 10px 0;
  margin: 0 0 48px 0;
}
@media (max-width: 767px) {
  .list-goods-left li {
    max-width: 340px;
    margin: 30px 0 0 0;
  }
}
.list-goods-left li:nth-of-type(3) {
  margin-right: 25%;
}
@media (max-width: 767px) {
  .list-goods-left li:nth-of-type(3) {
    margin-right: 0;
  }
}

.info-goods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  border-radius: 12px 12px 0 0;
  padding-bottom: 6px;
}
@media (max-width: 991px) {
  .info-goods {
    background: rgba(255, 255, 255, 0.85);
  }
}
.info-goods dt img {
  border: 4px solid #f4f4f4;
  border-radius: 12px;
}
.info-goods dd {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}
.info-goods .name {
  font-size: 16px;
  margin: 10px 0 12px 0;
}
@media (max-width: 991px) {
  .info-goods .name {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .info-goods .name {
    margin: 8px 0 12px 0;
  }
}
.info-goods .name span {
  display: block;
  font-size: 14px;
  margin-top: 3px;
}
@media (max-width: 575px) {
  .info-goods .name span {
    font-size: 12px;
  }
}
.info-goods .price {
  font-size: 16px;
  text-align: right;
  margin: 0 0 0 0;
}
@media (max-width: 991px) {
  .info-goods .price {
    font-size: 14px;
  }
}
.info-goods .price .tax {
  font-size: 12px;
}
@media (max-width: 575px) {
  .info-goods .price .tax {
    font-size: 10px;
  }
}
.info-goods .price .pack {
  display: block;
  font-size: 13px;
  margin-bottom: 2px;
}
@media (max-width: 575px) {
  .info-goods .price .pack {
    font-size: 12px;
  }
}
.info-goods .random {
  display: block;
  font-size: 11px;
  text-align: left;
  line-height: 1.1;
  margin-top: 14px;
  padding-left: 1em;
  text-indent: -1em;
}
@media (max-width: 575px) {
  .info-goods .random {
    font-size: 10px;
  }
}
.info-goods .button {
  margin-top: auto;
}
.info-goods .button-order,
.info-goods .button-detail {
  display: block;
  color: #ffffff;
  font-size: 16px;
  border-radius: 22px;
  padding: 12px 10px 13px 10px;
  margin: 10px 0 0 0;
}
@media (max-width: 991px) {
  .info-goods .button-order,
  .info-goods .button-detail {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .info-goods .button-order,
  .info-goods .button-detail {
    font-size: 13px;
    padding: 8px 10px 10px 10px;
    margin: 8px 0 0 0;
  }
}

#tab-ginpachi {
  background: url(../img/img-ginpachi_pc.png) no-repeat right top 40px;
  background-size: 416px auto;
}
@media (max-width: 1199px) {
  #tab-ginpachi {
    background: url(../img/img-ginpachi_pc.png) no-repeat right -59px top 20px;
    background-size: 300px auto;
  }
}
@media (max-width: 767px) {
  #tab-ginpachi {
    background: url(../img/title-ginpachi_sp.png) no-repeat right top;
    background-size: contain;
    padding-top: 45%;
  }
}
#tab-ginpachi .info-goods dt img {
  border-color: #d2f0fb;
}
#tab-ginpachi .button-order {
  border: 1px solid #37bef0;
  background: #37bef0 url(../img/arrow-white.png) no-repeat right 12px center;
  background-size: 5px auto;
}
#tab-ginpachi .button-detail {
  color: #37bef0;
  border: 1px solid #37bef0;
  background: #ecfaff url(../img/arrow-ginpachi.png) no-repeat right 12px center;
  background-size: 5px auto;
}

#tab-shinpachi {
  background: url(../img/img-shinpachi_pc.png) no-repeat right top 60px;
  background-size: 401px auto;
}
@media (max-width: 1199px) {
  #tab-shinpachi {
    background: url(../img/img-shinpachi_pc.png) no-repeat right -60px top 60px;
    background-size: 300px auto;
  }
}
@media (max-width: 767px) {
  #tab-shinpachi {
    background: url(../img/title-shinpachi_sp.png) no-repeat right top;
    background-size: contain;
    padding-top: 45%;
  }
}
#tab-shinpachi .info-goods dt img {
  border-color: #e3eaf7;
}
#tab-shinpachi .button-order {
  border: 1px solid #5b98d2;
  background: #5b98d2 url(../img/arrow-white.png) no-repeat right 12px center;
  background-size: 5px auto;
}
#tab-shinpachi .button-detail {
  color: #5b98d2;
  border: 1px solid #5b98d2;
  background: #edf2fc url(../img/arrow-shinpachi.png) no-repeat right 12px center;
  background-size: 5px auto;
}

#tab-kagura {
  margin-top: 70px;
  background: url(../img/img-kagura_pc.png) no-repeat right top;
  background-size: 398px auto;
}
@media (max-width: 1199px) {
  #tab-kagura {
    background: url(../img/img-kagura_pc.png) no-repeat right -45px top;
    background-size: 300px auto;
  }
}
@media (max-width: 767px) {
  #tab-kagura {
    background: url(../img/title-kagura_sp.png) no-repeat right top;
    background-size: contain;
    padding-top: 45%;
    margin-top: 0;
  }
}
#tab-kagura .info-goods dt img {
  border-color: #fce9f1;
}
#tab-kagura .button-order {
  border: 1px solid #ec7aac;
  background: #ec7aac url(../img/arrow-white.png) no-repeat right 12px center;
  background-size: 5px auto;
}
#tab-kagura .button-detail {
  color: #ec7aac;
  border: 1px solid #ec7aac;
  background: #fef5f9 url(../img/arrow-kagura.png) no-repeat right 12px center;
  background-size: 5px auto;
}

#tab-hijikata {
  background: url(../img/img-hijikata_pc.png) no-repeat right top 60px;
  background-size: 396px auto;
}
@media (max-width: 1199px) {
  #tab-hijikata {
    background: url(../img/img-hijikata_pc.png) no-repeat right -48px top 20px;
    background-size: 300px auto;
  }
}
@media (max-width: 767px) {
  #tab-hijikata {
    background: url(../img/title-hijikata_sp.png) no-repeat right top;
    background-size: contain;
    padding-top: 45%;
  }
}
#tab-hijikata .info-goods dt img {
  border-color: #e1f0e4;
}
#tab-hijikata .button-order {
  border: 1px solid #0eae71;
  background: #0eae71 url(../img/arrow-white.png) no-repeat right 12px center;
  background-size: 5px auto;
}
#tab-hijikata .button-detail {
  color: #0eae71;
  border: 1px solid #0eae71;
  background: #edfcf0 url(../img/arrow-hijikata.png) no-repeat right 12px center;
  background-size: 5px auto;
}

#tab-okita {
  background: url(../img/img-okita_pc.png) no-repeat right top 60px;
  background-size: 396px auto;
}
@media (max-width: 1199px) {
  #tab-okita {
    background: url(../img/img-okita_pc.png) no-repeat right -58px top 40px;
    background-size: 300px auto;
  }
}
@media (max-width: 767px) {
  #tab-okita {
    background: url(../img/title-okita_sp.png) no-repeat right top;
    background-size: contain;
    padding-top: 45%;
  }
}
#tab-okita .info-goods dt img {
  border-color: #fdebd1;
}
#tab-okita .button-order {
  border: 1px solid #f39800;
  background: #f39800 url(../img/arrow-white.png) no-repeat right 12px center;
  background-size: 5px auto;
}
#tab-okita .button-detail {
  color: #f39800;
  border: 1px solid #f39800;
  background: #fef6ea url(../img/arrow-okita.png) no-repeat right 12px center;
  background-size: 5px auto;
}

#tab-katsura {
  background: url(../img/img-katsura_pc.png) no-repeat right top 60px;
  background-size: 396px auto;
}
@media (max-width: 1199px) {
  #tab-katsura {
    background: url(../img/img-katsura_pc.png) no-repeat right -62px top 20px;
    background-size: 300px auto;
  }
}
@media (max-width: 767px) {
  #tab-katsura {
    background: url(../img/title-katsura_sp.png) no-repeat right top;
    background-size: contain;
    padding-top: 45%;
  }
}
#tab-katsura .info-goods dt img {
  border-color: #dbe1f2;
}
#tab-katsura .button-order {
  border: 1px solid #3071b9;
  background: #3071b9 url(../img/arrow-white.png) no-repeat right 12px center;
  background-size: 5px auto;
}
#tab-katsura .button-detail {
  color: #3071b9;
  border: 1px solid #3071b9;
  background: #e4e9f8 url(../img/arrow-katsura.png) no-repeat right 12px center;
  background-size: 5px auto;
}

#tab-takasugi {
  background: url(../img/img-takasugi_pc.png) no-repeat right top 60px;
  background-size: 396px auto;
}
@media (max-width: 1199px) {
  #tab-takasugi {
    background: url(../img/img-takasugi_pc.png) no-repeat right -60px top 20px;
    background-size: 300px auto;
  }
}
@media (max-width: 767px) {
  #tab-takasugi {
    background: url(../img/title-takasugi_sp.png) no-repeat right top;
    background-size: contain;
    padding-top: 45%;
  }
}
#tab-takasugi .info-goods dt img {
  border-color: #e6e2f1;
}
#tab-takasugi .button-order {
  border: 1px solid #856daf;
  background: #856daf url(../img/arrow-white.png) no-repeat right 12px center;
  background-size: 5px auto;
}
#tab-takasugi .button-detail {
  color: #856daf;
  border: 1px solid #856daf;
  background: #eae6f5 url(../img/arrow-takasugi.png) no-repeat right 12px center;
  background-size: 5px auto;
}

#tab-kamui {
  margin-top: 70px;
  background: url(../img/img-kamui_pc.png) no-repeat right top;
  background-size: 400px auto;
}
@media (max-width: 1199px) {
  #tab-kamui {
    background: url(../img/img-kamui_pc.png) no-repeat right -54px top 20px;
    background-size: 300px auto;
  }
}
@media (max-width: 767px) {
  #tab-kamui {
    background: url(../img/title-kamui_sp.png) no-repeat right top;
    background-size: contain;
    padding-top: 45%;
    margin-top: 0;
  }
}
#tab-kamui .info-goods dt img {
  border-color: #fde8dd;
}
#tab-kamui .button-order {
  border: 1px solid #ee7959;
  background: #ee7959 url(../img/arrow-white.png) no-repeat right 12px center;
  background-size: 5px auto;
}
#tab-kamui .button-detail {
  color: #ee7959;
  border: 1px solid #ee7959;
  background: #fef1ea url(../img/arrow-kamui.png) no-repeat right 12px center;
  background-size: 5px auto;
}