@charset "utf-8";

*:focus {
  outline: none;
}

.news {
  margin-bottom: 15px
}

#main-contents {
  min-height: 600px;
}

.b {
  font-weight: bold;
}

.row {
  margin: 0 auto;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}

.row .col-2 {
  width: 50%;
}

.row .col-3 {
  width: 33%;
}

.pc20 {
  padding: 0 5%;
}

.pc5 {
  padding: 0 5px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb60 {
  margin-bottom: 60px;
}

.m0 {
  margin-bottom: 0;
}

.c {
  text-align: center;
  width: 100%;
}

.p-col-2 {
  display: flex;
  margin: 30px auto;
}

.p-col-2 div {
  width: 50%;
  text-align: center;
  padding: 0 5%;
}

.main {
  padding-bottom: 40px;
}

.menuinner {
  display: none;
  text-indent: 10px
}

.drawer-open {
  overflow: hidden !important
}

.drawer-nav {
  position: fixed;
  z-index: 101;
  top: 0;
  overflow: hidden;
  width: 100% !important;
  height: 100%;
  color: #222;
  background-color: #fff
}

.drawer-brand {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 3.75rem;
  display: block;
  padding-right: .75rem;
  padding-left: .75rem;
  text-decoration: none;
  color: #222
}

.drawer-menu {
  margin: 0;
  padding: 0;
  list-style: none
}

.drawer-menu-item-subgroup {
  position: absolute;
  left: 12em;
  list-style: none;
  margin-top: -2.75rem
}

.drawer-menu-item-sub {
  font-size: 1rem;
  padding: .75rem 0;
  display: inline-block;
  position: relative
}

.drawer-menu-item-sub:hover:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 1.2rem;
  text-decoration: none;
  position: absolute;
  left: -1.2rem;
  color: #aaa
}

.drawer-menu-item:hover {
  color: #555;
  background-color: transparent;
  text-decoration: none
}

/* overlay */
.drawer-overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2)
}

.drawer-open .drawer-overlay {
  display: block
}

.drawer--top .drawer-nav {
  top: -100%;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  transition: top .6s cubic-bezier(.19, 1, .22, 1)
}

.drawer--top.drawer-open .drawer-nav {
  top: 0
}

.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
  right: 0
}

.drawer--left .drawer-nav {
  left: -100vw;
  transition: left .6s cubic-bezier(.19, 1, .22, 1)
}

.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-nav,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0
}

.drawer--left.drawer-open .drawer-hamburger {
  left: 100vw
}

.drawer--right .drawer-nav {
  right: -100vw;
  transition: right .6s cubic-bezier(.19, 1, .22, 1)
}

.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-nav,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 100vw
}

.drawer-hamburger {
  position: fixed;
  z-index: 104;
  top: 0;
  display: block;
  box-sizing: content-box;
  width: 2rem;
  padding: 18px 0 0;
  padding-right: .75rem;
  padding-bottom: 30px;
  padding-left: .75rem;
  transition: all .6s cubic-bezier(.19, 1, .22, 1);
  transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: transparent
}

.drawer-hamburger:hover {
  cursor: pointer
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  width: 100%;
  height: 2px;
  transition: all .6s cubic-bezier(.19, 1, .22, 1);
  background-color: #222
}

.drawer-hamburger-icon {
  position: relative;
  display: block;
  margin-top: 10px
}

.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  position: absolute;
  left: 0;
  content: " "
}

.drawer-hamburger-icon:before {
  top: -10px
}

.drawer-hamburger-icon:after {
  top: 10px
}

.drawer-hamburger:hover,
.drawer-open .drawer-hamburger-icon {
  background-color: transparent
}

.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before {
  top: 0
}

.drawer-open .drawer-hamburger-icon:before {
  transform: rotate(45deg)
}

.drawer-open .drawer-hamburger-icon:after {
  transform: rotate(-45deg)
}

/*
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */
.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0
}

a:active,
a:hover,
a:link,
a:visited {
  text-decoration: none;
}

/* edit start *****************************************/
.p-top-image-col a:hover,
.p-top-image-col a:visited,
.p-top-image-col a:active,
.p-top-image-col a:link {
  text-decoration: underline;
  -webkit-text-decoration: underline;
}

/* edit end *****************************************/

/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0
}

.drawer--sidebar,
.drawer--sidebar .drawer-contents {
  background-color: #fff
}

/* 0225 */
@media (min-width:64em) {
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden
  }

  .drawer--sidebar .drawer-nav {
    display: block;
    transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%
  }

  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem
  }

  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem
  }

  .drawer--sidebar .drawer-container {
    max-width: 48rem
  }
}

@media (min-width:75em) {
  .drawer--sidebar .drawer-nav {
    width: 100vw
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 100vw
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 100vw
  }

  .drawer--sidebar .drawer-container {
    max-width: 60rem
  }
}

.drawer--navbarTopGutter {
  padding-top: 3.75rem
}

.drawer-navbar .drawer-navbar-header {
  border-bottom: 1px solid #ddd;
  background-color: #fff
}

.drawer-navbar {
  z-index: 102;
  top: 0;
  width: 100%
}

.drawer-navbar--fixed {
  position: fixed
}

.drawer-navbar-header {
  position: relative;
  z-index: 102;
  box-sizing: border-box;
  width: 100%;
  height: 3.75rem;
  padding: 0 .75rem;
  text-align: center
}

.drawer-navbar .drawer-brand {
  line-height: 3.75rem;
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none
}

.drawer-navbar .drawer-brand:hover {
  background-color: transparent
}

.drawer-navbar .drawer-nav {
  padding-top: 3.75rem
}

@media (min-width:64em) {
  .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff
  }

  .drawer-navbar .drawer-navbar-header {
    position: relative;
    display: block;
    width: auto;
    padding: 0;
    border: 0
  }

  .drawer-navbar .drawer-menu--right {
    float: right
  }

  .drawer-navbar .drawer-menu li {
    float: left
  }

  .drawer-navbar .drawer-menu-item {
    line-height: 3.75rem;
    padding-top: 0;
    padding-bottom: 0
  }

  .drawer-navbar .drawer-hamburger,
  .drawer-navbar .drawer-nav {
    display: none
  }

  .drawer-navbar .drawer-menu {
    padding: 0
  }

  .drawer-navbar .drawer-dropdown-menu {
    position: absolute;
    width: 100vw;
    border: 1px solid #ddd
  }

  .drawer-navbar .drawer-dropdown-menu-item {
    padding-left: .75rem
  }
}

.drawer-dropdown-menu {
  display: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff
}

.drawer-dropdown-menu>li {
  width: 100%;
  list-style: none
}

.drawer-dropdown-menu-item {
  line-height: 3.75rem;
  display: block;
  padding: 0;
  padding-right: .75rem;
  padding-left: 1.5rem;
  text-decoration: none;
  color: #222
}

.drawer-dropdown-menu-item:hover {
  text-decoration: underline;
  color: #555;
  background-color: transparent
}

.drawer-dropdown.open>.drawer-dropdown-menu {
  display: block
}

.drawer-dropdown .drawer-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 4px;
  transition: transform .2s ease, opacity .2s ease;
  transform: rotate(0deg);
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.drawer-dropdown.open .drawer-caret {
  transform: rotate(180deg)
}

.drawer-container {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 64em) {
  .drawer-container {
    max-width: 60rem;
  }
}

@media (min-width: 75em) {
  .drawer-container {
    max-width: 70rem;
  }
}

.drawer-navbar,
.drawer-navbar .drawer-navbar-header {
  background-color: initial !important;
  border-bottom: none !important;
}

.drawer-navbar .drawer-nav {
  font-size: 1rem;
  font-family: "Open Sans", sans-serif !important;
}

.drawer-navbar .drawer-brand {
  padding-top: 5px !important;
}

.drawer-navbar .drawer-brand img {
  height: 30px;
  vertical-align: inherit !important;
  line-height: 3.75rem;
}

.drawer-navbar .drawer-hamburger-icon,
.drawer-navbar .drawer-hamburger-icon:after,
.drawer-navbar .drawer-hamburger-icon:before {
  background-color: #ccc !important;
}

.drawer-navbar .drawer-menu-item,
.drawer-navbar .drawer-menu-item-sub,
.inquirySection h1 {
  color: #000;
}

#baseMenu {
  box-sizing: border-box;
  right: 0;
  position: fixed;
  top: 0;
  z-index: 2002;
  padding: 10px !important;
}

#baseMenu ul {
  margin: 0;
  padding: 0;
}

#baseMenu .base a,
#baseMenu .cart a {
  box-shadow: none !important;
  padding: 0 !important;
  display: block;
  cursor: pointer;
  margin: 1px 0 0;
  transition-duration: 0.2s;
}

#baseMenu .base a:link,
#baseMenu .cart a:link {
  text-decoration: none;
}

#baseMenu>ul>li.base {
  margin: 0 10px 0 0;
}

#baseMenu>ul>li {
  float: left;
  list-style: none;
}

main .p-home-image .cd-fixed-bg:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

@media screen and (min-width: 1000px) {
  .l-footer {
    width: 90%;
  }

  .l-footer-link {
    float: left;
    font-size: 11px;
  }

  .l-footer-link ul {
    display: block;
    margin: 0;
  }

  .l-footer-link ul li:nth-child(2n + 1):last-child {
    margin-right: 11px;
  }

  .l-footer-link ul li {
    float: left;
    margin-right: 11px;
    width: auto;
  }

  .l-footer .copyright {
    float: right;
    font-size: 11px;
  }

  main .p-home-image {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

main .p-home-image .cd-fixed-bg {
  height: auto;
  width: 100%;
  margin-bottom: 1em;
}

@media screen and (min-width: 1000px) {
  main .p-home-image .cd-fixed-bg {
    width: 48%;
    height: auto;
  }
}

main .p-collection-box-image img,
main .p-collection-image img,
main .p-home-image .cd-fixed-bg img,
main .p-product .swiper-slide img {
  width: 100%;
  height: auto;
}

main .p-collection-image {
  width: 100%;
}

main .p-collection-next {
  text-align: center;
  margin: 2em 0;
  font-family: "Open Sans", sans-serif;
}

main .p-collection-next:after {
  content: "";
  font-family: "FontAwesome", sans-serif;
  display: block;
}

main .p-collection-box {
  display: block;
  margin-bottom: 4em;
}

@media screen and (min-width: 1000px) {
  main .p-collection-box {
    width: 48%;
    float: left;
  }

  main .p-collection-box:nth-child(2n) {
    float: right;
  }
}

main .p-collection-box-outer:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

main .p-collection-box-image {
  width: 100%;
}

main .p-collection-box-caption {
  margin: 1em 0;
  font-family: "Open Sans", sans-serif;
}

main .p-collection-box-price {
  font-size: 1.2rem;
  font-family: "Open Sans", sans-serif;
}

main #law h2,
main #privacy h2,
main .p-about-title {
  text-align: center;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  color: #000;
}

main .p-about-title {
  font-size: 2.2rem;
}

@media screen and (min-width: 1000px) {
  main .p-about-title {
    font-size: 1.1em;
  }
}

main .p-about-caption,
main .p-about-name {
  margin-bottom: 2em;
  color: #000;
}

main .p-about-history {
  margin-bottom: 2em;
}

main .p-about-history th {
  width: 20%;
  text-align: left;
  font-weight: 400;
}

@media screen and (min-width: 1000px) {
  main .p-about-history th {
    width: 10%;
  }
}

main .p-about-history td,
main .p-about-history th {
  vertical-align: top;
  padding-bottom: 1em;
  color: #000;
}

main .p-dealer-title {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 400;
  color: #000;
}

@media screen and (min-width: 1000px) {
  main .p-dealer-title {
    font-size: 1.1em;
  }
}

main .p-dealer-box {
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #888;
  color: #000;
}

main .p-dealer-box-addr,
main .p-dealer-box-name {
  margin-bottom: 1em;
}

main .p-dealer-box-tel {
  margin-bottom: 2em;
}

main .p-dealer-box-link {
  margin-bottom: 1em;
}

main .p-dealer-box-link a {
  margin-right: 1em;
  color: #000;
}

main .p-dealer-box-link a:before {
  content: "";
  font-family: "FontAwesome", sans-serif;
  padding-right: 0.3em;
}

main .p-product .swiper-button-next,
main .p-product .swiper-button-prev {
  background-image: none;
}

main .p-product .swiper-button-next:before,
main .p-product .swiper-button-prev:before {
  font-family: "FontAwesome", sans-serif;
  font-size: 2.2rem;
}

main .p-product .swiper-button-prev:before {
  content: "";
}

main .p-product .swiper-button-next:before {
  content: "";
}

main .p-product .itemTitle {
  font-size: 1rem;
  color: #999;
}

main .p-product .itemPrice {
  margin-bottom: 2em;
}

main .p-product .itemPrice h2 {
  font-size: 1.2rem !important;
  font-family: "Noto Sans JP", sans-serif !important;
  color: #999 !important;
}

@media screen and (min-width: 1000px) {
  main .p-product .itemPrice h2 {
    font-size: 1.1em;
  }
}

main .p-product #itemSelect #amountSelectWrap,
main .p-product #itemSelect #variationSelectWrap {
  margin: 2em 0;
}

main .p-product #itemSelect #amountSelectWrap label,
main .p-product #itemSelect #variationSelectWrap label {
  display: block;
  font-size: 1rem;
  padding-bottom: 0.6em;
  color: #000 !important;
}

@media screen and (min-width: 1000px) {

  main .p-product #itemSelect #amountSelectWrap label,
  main .p-product #itemSelect #variationSelectWrap label {
    font-size: 1.1em;
  }
}

main .p-product #itemSelect #amountSelectWrap select,
main .p-product #itemSelect #variationSelectWrap select {
  font-size: 1rem;
  width: 100%;
  padding: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: #eee;
  background-size: 20px, 100%;
  height: auto !important;
  max-width: inherit !important;
  color: #000;
}

@media screen and (min-width: 1000px) {

  main .p-product #itemSelect #amountSelectWrap select,
  main .p-product #itemSelect #variationSelectWrap select {
    font-size: 1.1em;
  }
}

main .p-product #buyButton .button {
  margin: 2em 0;
  border-radius: 5px;
  width: 100%;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  transition-duration: 0.2s;
  background: #000;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  padding: 2em 0;
  text-decoration: none;
}

@media screen and (min-width: 1000px) {
  main .p-product #buyButton .button {
    font-size: 1.1em;
  }
}

main .p-product .itemDescription {
  margin-top: 2em;
  color: #000 !important;
}

main .p-category,
main section {
  margin-bottom: 4em;
}

@media screen and (min-width: 768px) {
  main .p-category {
    width: 48%;
    float: left;
  }

  main .p-category:nth-child(2n) {
    float: right;
  }
}

main .p-category-select {
  display: none;
}

@media screen and (min-width: 768px) {
  main .p-category-select {
    display: block;
    list-style: none;
    padding-left: 0;
    margin-bottom: 1em;
  }

  main .p-category-select:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }

  main .p-category-select li {
    float: left;
    margin-right: 1em;
    padding-right: 1em;
    line-height: 1;
  }

  main .p-category-select li:not(:last-child) {
    border-right: 1px solid #333;
  }
}

main .p-category-box-image img {
  height: auto;
}

main .p-category-box-name {
  margin: 1em 0 0.3em;
}

main .p-category-box-price {
  font-size: 1.2rem;
}

main #law,
main #privacy {
  box-sizing: content-box;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  line-height: 1.7em;
  width: auto;
  padding: 0;
}

@media screen and (min-width: 1000px) {

  main #law,
  main #privacy {
    font-size: 1.1em;
  }
}

main #law h2,
main #privacy h2 {
  font-size: 22px;
}

@media screen and (min-width: 1000px) {

  main #law h2,
  main #privacy h2 {
    font-size: 1.1em;
  }
}

.inquirySection dl dt,
.inquirySection p,
main #law dl dt,
main #law h3,
main #privacy dl dt,
main #privacy h3 {
  font-size: 16px;
  color: #000;
}

@media screen and (min-width: 1000px) {

  main #law h3,
  main #privacy h3 {
    font-size: 1.1em;
  }
}

main #law .privacy_intro,
main #law dl dd,
main #privacy .privacy_intro,
main #privacy dl dd {
  font-size: 15px;
  color: #000;
}

@media screen and (min-width: 1000px) {

  main #law .privacy_intro,
  main #law dl dd,
  main #law dl dt,
  main #privacy .privacy_intro,
  main #privacy dl dd,
  main #privacy dl dt {
    font-size: 1.1em;
  }
}

#slider div,
.main {
  width: 100% !important;
}

.inquirySection {
  padding: initial !important;
}

.inquirySection h1 {
  font-size: 1.1em;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 400 !important;
  line-height: normal !important;
  margin: 0 0 20px;
  text-transform: uppercase;
  text-align: center;
}

@media screen and (min-width: 1000px) {
  .inquirySection h1 {
    font-size: 1.1em;
  }
}

.inquirySection p {
  line-height: 13px;
  text-align: center;
}

@media screen and (min-width: 1000px) {
  .inquirySection p {
    font-size: 1.1em;
  }
}

.inquirySection form,
body,
html {
  width: 100%;
  margin: 40px auto 0;
}

body,
html {
  margin: 0;
  padding: 0;
}

.inquirySection dl {
  text-align: left;
}

.inquirySection dl dt {
  line-height: 16px;
  margin-bottom: 10px;
}

.inquirySection dl dt span {
  font-size: 11px;
  line-height: 11px;
  margin-left: 5px;
  color: #fb7c8a;
  vertical-align: baseline;
}

.inquirySection dl dd {
  margin-bottom: 20px;
  -webkit-margin-start: 0;
}

.inquirySection dl dd input,
.inquirySection dl dd textarea {
  width: 100%;
  max-width: inherit !important;
  box-sizing: border-box !important;
  padding: 5px 10px;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
}

.inquirySection dl dd textarea {
  height: 135px;
  padding: 10px;
}

@-moz-document url-prefix() {
  .inquirySection dl dd textarea {
    font-size: 11px;
  }
}

.inquirySection .control-panel {
  margin: 55px auto 0 !important;
}

#inquiryCompleteSection a,
.inquirySection .control-panel input#buttonLeave {
  text-align: center;
  font-weight: 700;
  letter-spacing: 5px;
  background-color: #000;
  -webkit-font-smoothing: antialiased;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.inquirySection .control-panel input#buttonLeave {
  width: 100%;
  margin: 2em 0;
  font-size: 1rem;
  border-radius: 5px;
  color: #fff;
  border: 0;
  display: inherit;
  background: #000;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  padding: 2em 0;
  text-decoration: none;
}

@media screen and (min-width: 1000px) {
  .inquirySection .control-panel input#buttonLeave {
    font-size: 1.1em;
  }
}

.inquirySection .control-panel input#buttonLeave:hover {
  cursor: pointer;
}

#inquiryConfirmSection p {
  font-size: 13px;
  color: #000;
  line-height: 13px;
}

#inquiryConfirmSection dd {
  padding-left: 15px;
  font-size: 12px;
}

#inquiryCompleteSection p {
  margin: 30px 0 0;
  line-height: 1.4em;
}

#inquiryCompleteSection a {
  width: 290px;
  margin: 35px auto 0;
  padding: 14px 0;
  font-size: 12px;
  color: #ccc;
  display: block;
}

#inquiryCompleteSection a:hover,
.inquirySection .control-panel input#buttonLeave:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
}

#l-pcmenu,
.u-lang-en {
  font-family: "Open Sans", sans-serif;
}

@media screen and (min-width: 768px) {

  body,
  html {
    margin: 0 auto;
  }
}

#l-wrapper:after,
.l-footer:after,
main:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

@media screen and (min-width: 1000px) {
  #l-wrapper {
    max-width: 90%;
    overflow: hidden;
  }
}

main {
  width: 90%;
  margin: 0 auto;
}

/*
@media screen and (min-width: 1000px) {
  main {
    min-height: 50vh;
    max-width: 70%;
    float: right;
    position: relative;
    font-size: 1.1em;
  }

  #l-pcmenu {
    font-size: 1.1em;
    display: block;
    float: left;
    width: 25%;
    position: fixed;
  }

  #l-pcmenu ul {
    list-style: none;
    line-height: 2;
    padding-left: 0;
    margin: 0;
  }
}
*/
#container {
  margin: 78px auto 0;
  padding: 10px 0;
  width: 100%;
}

/*
@media screen and (min-width: 1000px) {
  #container {
margin: 170px auto 0;
  }
}
*/
#baseMenu .base a:link,
#baseMenu .base a:visited,
#baseMenu .cart a:link,
#baseMenu .cart a:visited,
a:active {
  color: #000;
}

#container,
#l-wrapper {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 1.5px;
  font-feature-settings: "palt" 1;
  font-kerning: auto;
  line-height: 1.75;
}

#l-wrapper {
  margin: 35px auto !important;
  font-size: 55% !important;
  overflow-x: hidden;
}

#l-pcmenu ul,
li {
  list-style: none;
}

.l-footer-link ul li a,
a,
a:link,
a:visited {
  color: #000;
}

#container {
  font-size: 62.5% !important;
}

#l-pcmenu {
  font-size: 11px;
  display: block;
  float: left;
  width: 25%;
  position: fixed;
}

#l-pcmenu ul {
  line-height: 2;
  padding-left: 0;
  margin: 0;
}

.prd-lst-name {
  margin: 1em 0 0.3em;
}

.prd-lst-price {
  font-size: 1.2rem;
}

.copyright {
  float: right;
  font-size: 1.1em;
}

.l-footer {
  font-size: 62.5% !important;
  font-family: "Open Sans", sans-serif;
  width: 90%;
  margin: 0 auto;
}

.l-footer-link ul {
  list-style-type: none;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 0;
}

@media screen and (min-width: 1000px) {
  .l-footer-link ul li:nth-child(2n + 1):last-child {
    margin-right: 11px;
  }

  .l-footer-link ul li {
    float: left;
    margin-right: 11px;
    width: auto;
  }
}

.l-footer .copyright {
  color: #000;
  text-align: center;
  font-size: 11px;
  line-height: 2;
}

@media screen and (min-width: 1000px) {
  .l-footer .copyright {
    float: right;
    font-size: 11px;
  }

  main .p-home-image {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.l-footer-link {
  font-size: 11px;
}

@media screen and (min-width:1000px) {
  .l-footer-link {
    float: left
  }


  .l-footer-link ul {
    display: block;
    margin: 0
  }
}

.l-footer-link ul li {
  width: 48%;
  line-height: 2
}

.l-footer-link ul li:nth-child(2n

  /**/
  +1):last-child {
  margin-left: auto;
  margin-right: 51%
}

@media screen and (min-width:1000px) {
  .l-footer-link ul li:nth-child(2n

    /**/
    +1):last-child {
    margin-right: 1em
  }

  .l-footer-link ul li {
    float: left;
    margin-right: 11px;
    width: auto
  }


  .l-footer .copyright {
    float: right;
    font-size: 11px
  }

  main .p-home-image {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
}

.header_logo img {
  display: block;
  z-index: 10001;
  position: relative;
}


#header-logo * img {
  width: 165px;
  height: 30px;
}

#page-wrapper {
  position: relative;
}

#wrapper {
  padding-top: 1em;
}

.container {
  max-width: 900px;
}

.uneditable-input,
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
  border: 1px solid #ccc;
  background-color: #fff;
}

.uneditable-input:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus {
  outline: 0;
  outline: thin dotted \	;
  border-color: rgba(82, 168, 236, 0.8);
}

.muted {
  color: #999;
}

body {
  color: #000;
  background-color: #fff;
}

a:hover {
  color: #5e5e5e;
}

a.muted:focus,
a.muted:hover {
  color: gray;
}

.text-warning {
  color: #c09853;
}

a.text-warning:focus,
a.text-warning:hover {
  color: #a47e3c;
}

.text-error {
  color: #b94a48;
}

a.text-error:focus,
a.text-error:hover {
  color: #953b39;
}

.text-info {
  color: #3a87ad;
}

a.text-info:focus,
a.text-info:hover {
  color: #2d6987;
}

.text-success {
  color: #468847;
}

a.text-success:focus,
a.text-success:hover {
  color: #356635;
}

h2 {
  margin: 30px 0;
  text-align: center;
}

.ttl-h2 {
  position: relative;
}

.ttl-h2:before {
  position: absolute;
  top: 50%;
  z-index: -1;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  content: "";
}

.ttl-h2 span {
  padding: 0 2em;
  background-color: #fff;
}

.btn-01 {
  border: 1px solid #4d4d4d;
  background-color: #4d4d4d;
  color: #fff;
  *background-color: #4d4d4d;
}

.btn-01.active,
.btn-01.disabled,
.btn-01:active,
.btn-01:focus,
.btn-01:hover,
.btn-01[disabled] {
  border: 1px solid #5e5e5e;
  background-color: #5e5e5e;
  color: #fff;
  *background-color: #5e5e5e;
}

.btn-02 {
  border: 1px solid #d8d8d8;
  background-color: #d8d8d8;
  color: #4d4d4d;
  *background-color: #d8d8d8;
}

.btn-02.active,
.btn-02.disabled,
.btn-02:active,
.btn-02:focus,
.btn-02:hover,
.btn-02[disabled] {
  border: 1px solid #d8d8d8;
  background-color: #d8d8d8;
  color: #4d4d4d;
  *background-color: #d8d8d8;
}

.product-order-num input {
  border-color: #d8d8d8;
}

.google-font {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  font-family: "Karla", sans-serif;
}

.google-font.fwb {
  font-weight: 700;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz--device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }
}

.icon-user {
  background-position: -208px 0;
}

.icon-adduser {
  background-position: -240px 0;
}

.icon-logout {
  background-position: -32px -80px;
}

.icon-login {
  background-position: -48px -80px;
}

.icon-twitter {
  background-position: -144px -264px;
}

.icon-facebook {
  background-position: -192px -264px;
}

.icon-instagram {
  background-position: -168px -288px;
}

.icon-mail {
  background-position: -96px 0;
}

.icon-lg-w.icon-cart {
  background-position: -264px -96px;
}

.icon-lg-w.icon-chevron_up {
  background-position: 0
    /**/
    -216px;
}

.icon-lg-w.icon-chevron_down {
  background-position: -528px -192px;
}

.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#header-wrapper {
  margin-bottom: 4em;
}

.header-link a {
  color: #4d4d4d;
}

.header-link a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.header-line-nav li {
  padding-top: 5px;
}

.header-line-nav a {
  cursor: pointer;
}

.header-line-nav span {
  float: left;
  padding-left: 4px;
  font-size: 12px;
  line-height: 1.5em;
}

.header-line-nav .icon-b,
.header-line-nav .icon-w {
  float: left;
}

.view-cart {
  top: -6px;
  padding-top: 0 !important;
}

.btn-viewcart {
  padding: 1px 15px 0 13px;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  border-radius: 3em;
}

.shop-name {
  clear: both;
  margin: 2em 0;
  text-align: center;
  font-size: 24px;
}

.shop-description {
  font-size: 12px;
  font-weight: 400;
  color: #4d4d4d;
}

#header-global-nav {
  margin: 1.8em 0;
  text-align: center;
  font-size: 16px;
}

#header-global-nav li {
  margin: 0 1em;
}

.incart-delivery ul {
  margin: 0;
  padding: 10px 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #d9edf7;
  color: #31708f;
  list-style: none;
  font-size: 12px;
}

.slider {
  margin-top: 2em;
  padding: 0 0.1%;
  position: relative;
}

.bx-viewport {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  left: 0 !important;
  border: 0 !important;
}

.prd-lst-unit {
  margin-bottom: 60px;
  padding: 0 30px;
  text-align: center;
}

.prd-lst-img {
  display: block;
  margin: 0 auto 1em;
}

.prd-lst-span {
  display: block;
  margin: 0.3em 0;
  font-size: 12px;
}

.prd-lst-name {
  font-size: 14px;
}

.prd-lst-price {
  color: #abaaaa;
}

.prd-lst-regular {
  text-decoration: line-through;
}

.prd-lst-discount {
  color: #b81717;
}

.prd-lst-sort {
  margin: 3em 0;
  color: #888;
}

.prd-lst-pager,
.prd-lst-sort {
  text-align: center;
}

.prd-lst-pos b {
  font-size: 18px;
  font-weight: 400;
}

.product-image-thumb img {
  border: 2px solid #fff;
}

.thumb-active img {
  border: 2px solid #4d4d4d;
}

#footer-wrapper {
  padding-top: 3em;
}

.footer-nav {
  list-style: none;
}

.footer-primary li {
  margin-right: 25px;
  margin-left: 5px;
}

.footer-primary a {
  color: #4d4d4d;
}

.freepage-nav {
  margin-right: 10%;
  margin-bottom: 1.5em;
  padding-bottom: 0.8em;
  border-bottom: 1px solid #e7e7e7;
}

.footer-secondary {
  font-size: 12px;
}

.footer-secondary li {
  margin-left: 10%;
}

.footer-secondary li:before {
  margin-right: 4px;
  color: #abaaaa;
  content: "-";
}

.footer-secondary a {
  color: #abaaaa;
}

.social-nav {
  text-align: center;
  margin: 2em 0;
}

.powered {
  display: block;
  margin: 0.5em auto 0;
  width: 180px;
  height: auto;
}

#pagetop {
  position: fixed;
  right: 0;
  bottom: 100px;
  display: none;
}

.btn-pagetop {
  display: block;
  padding: 0.8em 0.4em 0.8em 0.5em;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

@media (max-width: 980px) {

  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }

  .container {
    max-width: 900px;
    width: 90%;
  }

  #l-pcmenu {
    display: none;
    font-family: "Open Sans", sans-serif;
  }
}

@media (max-width: 768px) {
  #wrapper {
    padding-top: 3em;
  }

  .container {
    width: auto;
  }
}

.header-dropdown {
  position: absolute;
  top: 0;
  z-index: 200;
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
  background-color: #fff;
}

.header-dropdown.affix {
  position: fixed;
}

.header-dropdown .dropdown-nav li {
  border-bottom: 1px solid #dbdbdb;
  text-align: center;
}

.header-dropdown .dropdown-nav a {
  display: block;
  padding: 10px;
}

.header-dropdown .btn-dropdown {
  padding-left: 34px;
  font-size: 16px;
  line-height: 1.6;
}

.header-dropdown .btn-dropdown-close {
  opacity: 0.4;
}

.view-cart {
  position: static;
}

.view-cart a {
  background-color: #4d4d4d;
  color: #fff;
}

.view-cart span {
  display: block;
  width: 130px;
  margin: 0 auto;
}

.view-cart .icon-w {
  float: left;
  margin-top: -2px;
}

.incart-delivery {
  padding-top: 20px;
  float: none;
}

.prd-lst-sort {
  font-size: 14px;
}

.footer-primary,
.footer-secondary {
  padding: 0;
  border: 0;
}

.footer-nav {
  margin: 0;
  padding: 0;
  border-bottom: 3px double #e7e7e7;
}

.footer-primary .footer-nav:first-child {
  border-top: 3px double #e7e7e7;
}

.footer-nav li {
  margin: 0;
  font-size: 14px;
  border-top: 1px solid #e7e7e7;
}

.footer-nav li:first-child {
  border-top: none;
}

.footer-nav li:before {
  display: none;
}

.footer-nav a {
  display: block;
  padding: 1em;
  color: #4d4d4d;
}

.footer-nav a:hover {
  text-decoration: none;
}

.icon-b,
.icon-w {
  display: inline-block;
  width: 24px;
  height: 24px;
  *display: inline;
  *zoom: 1;
}

.icon-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_b.png);
}

.icon-w {
  background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_w.png);
}

.icon-cart {
  background-position: -264px -96px;
}

.icon-list {
  background-position: -288px -144px;
}

.icon-chevron_thin_up {
  background-position: -192px -216px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz--device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

  .icon-b,
  .icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_b.png);
  }

  .icon-lg-w,
  .icon-w {
    background-image: url(https://img.shop-pro.jp/tmpl_img/69/icon24_2x_w.png);
  }

  .icon-b,
  .icon-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }
}

@media (max-width: 480px) {
  .ttl-h2 span {
    padding: 0 10px;
    font-size: 14px;
  }

  .prd-lst-unit {
    margin-bottom: 30px;
    height: auto !important;
  }
}

.ie_wrapper.container {
  width: 900px;
  overflow: auto;
}

#page-wrapper {
  margin-top: 60px;
}

@media screen and (max-width: 1001px) {

  /* 111 */
  .header-dropdown {
    position: absolute;
    top: 0;
    z-index: 200;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    background-color: #fff;
  }

  .header-dropdown.affix {
    position: fixed;
  }

  .header-dropdown .dropdown-nav li {
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
  }

  .header-dropdown .dropdown-nav a {
    display: block;
    padding: 10px;
  }

  .header-dropdown .btn-dropdown {
    padding-left: 34px;
    font-size: 16px;
    line-height: 1.6;
  }

  .header-dropdown .btn-dropdown-close {
    opacity: 0.4;
  }

  .view-cart {
    position: static;
  }

  .view-cart a {
    background-color: #4d4d4d;
    color: #fff;
  }

  .view-cart span {
    display: block;
    width: 130px;
    margin: 0 auto;
  }

  .view-cart .icon-w {
    float: left;
    margin-top: -2px;
  }
}

.product-order-discount {
  color: #b81717;
}

.econly {
  display: none
}

h1 {
  margin: 0
}

@media screen and (min-width:768px) {
  .br-sp {
    display: none
  }
}

.submenu-button {
  padding-left: 20px
}

.spmenu {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: red !important
}



.drawer-nav {
  position: fixed;
  z-index: 20;
  top: 0;
  overflow: hidden;
  width: 100% !important;
  height: 100%;
  color: #222;
  background-color: #fff
}



.drawer-menu {
  background-color: #fff;
  margin: 0;
  padding: 0;
  list-style: none
}

.drawer-menu-item {
  font-size: 1rem;
  display: inline-block;
  padding: .75rem;
  text-decoration: none;
  color: #222;
  position: relative
}









/*! overlay */














































/*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links;
 see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */




@media (min-width:2000px) {

  /* 222*/
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden
  }

  .drawer--sidebar .drawer-nav {
    display: block;
    transform: none;
    position: fixed;
    width: 12.5rem;
    height: 100%
  }

  .drawer--sidebar.drawer--left .drawer-nav {
    left: 0;
    border-right: 1px solid #ddd
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 12.5rem
  }

  .drawer--sidebar.drawer--right .drawer-nav {
    right: 0;
    border-left: 1px solid #ddd
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 12.5rem
  }

  .drawer--sidebar .drawer-container {
    max-width: 48rem
  }
}

@media (min-width:1000px) {
  .drawer--sidebar .drawer-nav {
    width: 100vw
  }

  .drawer--sidebar.drawer--left .drawer-contents {
    margin-left: 100vw
  }

  .drawer--sidebar.drawer--right .drawer-contents {
    margin-right: 100vw
  }

  .drawer--sidebar .drawer-container {
    max-width: 60rem
  }
}





.drawer-navbar {
  z-index: 0;
  top: 0;
  width: 100%
}

/*! .drawer-navbar modifier */










@media (min-width:890px) {
  .drawer-navbar {
    height: 3.75rem;
    border-bottom: 1px solid #ddd;
    background-color: #fff
  }

  .drawer-navbar .drawer-navbar-header {
    position: relative;
    display: block;
    width: auto;
    padding: 0;
    border: 0
  }

  .drawer-navbar .drawer-menu--right {
    float: right
  }

  .drawer-navbar .drawer-menu li {
    float: left
  }

  .drawer-navbar .drawer-menu-item {
    line-height: 3.75rem;
    padding-top: 0;
    padding-bottom: 0
  }

  .drawer-navbar .drawer-hamburger,
  .drawer-navbar .drawer-nav {
    display: none
  }

  .drawer-navbar .drawer-menu {
    padding: 0
  }

  .drawer-navbar .drawer-dropdown-menu {
    position: absolute;
    width: 100vw;
    border: 1px solid #ddd
  }

  .drawer-navbar .drawer-dropdown-menu-item {
    padding-left: .75rem
  }


  .drawer-container {
    max-width: 60rem
  }
}

@media (min-width:1000px) {
  .drawer-container {
    max-width: 70rem
  }
}



.drawer-navbar .drawer-nav {
  font-size: 1rem;
  font-family: "Jost", "Renner*", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif !important
}







.drawer-navbar .drawer-menu-item,
.drawer-navbar .drawer-menu-item-sub {
  color: #000
}





#baseMenu .base a,
#baseMenu .cart a {
  box-shadow: none !important;
  padding: 0 !important;
  display: block;
  cursor: pointer;
  margin: 1px 0 0;
  transition-duration: .2s
}



#baseMenu .base a:link,
#baseMenu .base a:visited,
#baseMenu .cart a:link,
#baseMenu .cart a:visited,
.l-footer-link ul li a {
  color: #000
}





.l-footer {
  width: 90%;
  margin: 0 auto
}

.l-footer:after,
main .p-home-image .cd-fixed-bg:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}

/* 0225 
@media screen and (min-width:1000px) {
  .l-footer {
    width: 90%
  }


  main .p-home-image .cd-fixed-bg {
    width: 48%;
    height: auto
  }
}
*/
main .p-category-box-image img,
main .p-collection-box-image img,
main .p-collection-image img,
main .p-home-image .cd-fixed-bg img,
main .p-product .swiper-slide img {
  width: 100%;
  height: auto
}



main .p-collection-next {
  text-align: center;
  margin: 2em 0;
  font-family: "Jost", "Renner*", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif
}





@media screen and (min-width:1000px) {
  main .p-collection-box {
    width: 48%;
    float: left
  }

  main .p-collection-box:nth-child(2n) {
    float: right
  }
}

main .p-category-select:after,
main .p-collection-box-outer:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}



main .p-collection-box-caption {
  margin: 1em 0
}

.p-news-title,
main #law,
main #law h2,
main #privacy,
main #privacy h2,
main .p-about-title,
main .p-about-title2,
main .p-collection-box-caption,
main .p-collection-box-price {
  font-family: "Jost", "Renner*", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif
}

main .p-collection-box-price {
  font-size: 1.2rem
}

main section {
  margin-bottom: 4em
}

.p-news-title,
main .p-about-title,
main .p-about-title2 {
  font-weight: 400;
  color: #000
}

main .p-about-title {
  text-align: center;
  font-size: 1.7rem
}

.p-news-title {
  font-size: .75rem
}

main .p-about-title2 {
  text-align: center;
  font-size: 2.2rem
}

@media screen and (max-width:1000px) {
  .p-news-title {
    font-size: 1.1em !important;
    color: #000 !important
  }
}







@media screen and (min-width:1000px) {
  main .p-about-history th {
    width: 10%
  }
}



main .p-dealer-title {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 400;
  font-family: "Jost", "Renner*", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  color: #000
}

@media screen and (min-width:1000px) {
  main .p-dealer-title {
    font-size: 1.1em
  }
}



main .p-dealer-box-addr,
main .p-dealer-box-name,
main .p-dealer-box-tel {
  margin-bottom: 1em
}

main .p-dealer-box-items {
  margin-bottom: 2em
}





main .p-dealer-box-link a:before {
  content: "";
  font-family: "FontAwesome", sans-serif;
  padding-right: .3em
}













main .p-product .itemPrice h2 {
  font-size: 1.2rem !important;
  font-family: "Jost", "Renner*", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif !important;
  color: #999 !important
}

@media screen and (min-width:1000px) {
  main .p-product .itemPrice h2 {
    font-size: 1.1em
  }
}



main .p-product #itemSelect #amountSelectWrap label,
main .p-product #itemSelect #variationSelectWrap label {
  display: block;
  font-size: 1rem;
  padding-bottom: .6em;
  color: #000 !important
}

@media screen and (min-width:1000px) {

  main .p-product #itemSelect #amountSelectWrap label,
  main .p-product #itemSelect #variationSelectWrap label {
    font-size: 1.1em
  }



  main .p-product #itemSelect #amountSelectWrap select,
  main .p-product #itemSelect #variationSelectWrap select {
    font-size: 1.1em
  }
}

main .p-product #buyButton .button {
  margin: 2em 0;
  border-radius: 5px;
  width: 100%;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  transition-duration: .2s;
  background: #000;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  padding: 2em 0;
  text-decoration: none
}

@media screen and (min-width:1000px) {
  main .p-product #buyButton .button {
    font-size: 1.1em
  }
}



main .p-category-select {
  list-style: none;
  padding-left: 0
}

main .p-category-select li {
  float: left;
  margin-right: 1em;
  padding-right: 1em;
  line-height: 1
}

main .p-category-select li:not(:last-child) {
  border-right: 1px solid #333
}

main .p-category-box {
  width: 48%;
  margin-bottom: 4em;
  float: left
}

main .p-category-box:nth-child(2n) {
  float: right
}

main .p-category-box-name {
  margin: 1em 0 .3em
}



main #law,
main #privacy {
  box-sizing: content-box;
  font-size: 16px;
  line-height: 1.7em;
  width: auto;
  padding: 0
}

@media screen and (min-width:1000px) {

  main #law,
  main #privacy {
    font-size: 1.1em
  }
}

main #law h2,
main #privacy h2 {
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  color: #000
}

@media screen and (min-width:1000px) {

  main #law h2,
  main #privacy h2 {
    font-size: 1.1em
  }



  main #law h3,
  main #privacy h3 {
    font-size: 1.1em
  }
}



@media screen and (min-width:1000px) {

  main #law .privacy_intro,
  main #law dl dd,
  main #law dl dt,
  main #privacy .privacy_intro,
  main #privacy dl dd,
  main #privacy dl dt {
    font-size: 1.1em
  }
}

.main {
  width: 100% !important
}



.inquirySection h1 {
  font-size: 2.2rem !important;
  font-family: "Jost", "Renner*", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif !important;
  font-weight: 400 !important;
  line-height: normal !important;
  margin: 0 0 20px;
  color: #000 !important;
  text-transform: uppercase;
  text-align: center
}

@media screen and (min-width:1000px) {
  .inquirySection h1 {
    font-size: 1.1em
  }


  .inquirySection p {
    font-size: 1.1em
  }
}

















@-moz-document url-prefix() {
  .inquirySection dl dd textarea {
    font-size: 11px
  }
}



#inquiryCompleteSection a,
.inquirySection .control-panel input#buttonLeave {
  text-align: center;
  font-weight: 700;
  letter-spacing: 5px;
  background-color: #000;
  -webkit-font-smoothing: antialiased;
  -webkit-transition-duration: .2s;
  -moz-transition-duration: .2s;
  -o-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out
}



@media screen and (min-width:1000px) {
  .inquirySection .control-panel input#buttonLeave {
    font-size: 1.1em
  }
}



#inquiryCompleteSection a:hover,
.inquirySection .control-panel input#buttonLeave:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  -moz-opacity: .7;
  -khtml-opacity: .7
}

#l-wrapper,
.u-lang-en {
  font-family: "Jost", "Renner*", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif
}

@media screen and (min-width:768px) {

  body,
  html {
    margin: 0 auto
  }
}

#l-wrapper {
  margin: 50px auto;
  font-size: 62.5% !important;
  letter-spacing: 1.5px;
  font-feature-settings: "palt" 1;
  font-kerning: auto;
  line-height: 1.75;
  overflow: hidden
}

#l-wrapper:after,
main .p-home-image .cd-half::after,
main:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden
}

@media screen and (min-width:1000px) {
  #l-wrapper {
    max-width: 90%;
    overflow: hidden
  }
}

main {
  font-size: 12px;
  width: 90%;
  margin: 0 auto
}


#l-pcmenu {
  display: none;
  font-family: "Jost", "Renner*", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif
}

@media screen and (min-width:1000px) {
  /* 見せない
  #l-pcmenu {
    display: block;
    float: left;
    width: 12%;
    position: fixed;
    z-index: 1000
  }

  #search-window {
    width: 80% !important;
    margin-left: 12%;
  }

  #l-pcmenu ul {
    background-color: #fff;
    list-style: none;
    line-height: 2;
    padding-left: 0;
    margin: 0
  }


  #container {
    margin: 170px auto 0
  }
*/
}

a:active,
a:hover,
a:link,
a:visited {
  text-decoration: none;
  color: #000
}

.p-dealer-box-list {
  list-style-type: none
}

.holiday-notice,
.l-footer {
  font-family: "Jost", "Renner*", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif
}

.l-footer {
  font-size: 62.5% !important
}

@media screen and (min-width:1000px) {
  h1.p-about-title {
    text-align: left
  }

  h1.p-about-title-first {
    margin-top: 30px
  }
}

.holiday-notice {
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0 auto;
  text-align: center;
  width: 80%;
  font-weight: 400;
  z-index: 50000;
  color: #000;
  top: 10px
}

@media screen and (max-width:896px) {
  .p-news-title {
    font-size: .75rem;
    font-weight: 400;
    font-family: "Jost", "Renner*", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
    color: #000
  }

  .holiday-notice {
    font-size: .9rem !important;
    top: 10px
  }
}


@media screen and (max-width:480px) {
  .p-news-title {
    font-size: 1.05rem !important;
    font-weight: 400;
    font-family: "Jost", "Renner*", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
    color: #000
  }

  .holiday-notice {
    font-size: .9rem !important;
    top: 0
  }
}

.mr20 {
  margin-right: 20px
}

.fs-c-variationMatrix__radio {
  margin-right: 8px;
  min-height: 1.4em
}

.l-footer {
  z-index: 4000
}

.fs-c-dropdown__menu {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  background: #fff;
  color: #333;
  width: 100%;
  padding: 4px 8em 4px 8px
}

.button-white {
  color: #000;
  border: solid 1px #000;
  background-color: #fff;
  padding: 3px 10px;
  margin: 0 6px
}

a.button-white {
  display: inline-block;
  text-decoration: none !important;
  min-width: 8em
}

.m10 {
  margin: 10px
}

.m20 {
  margin: 20px
}

main .p-home-image .cd-half h3 {
  margin: 10px;
  font-size: 1.3em
}

main .p-home-image {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

main .p-home-image .cd-half {
  width: 50%;
  height: auto;
  margin: 0
}


@media (max-width:1000px) {
  .p-home-image {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    font-size: .7em
  }

  main .p-home-image .cd-half h3 {
    margin: 10px;
    font-size: 1.1em
  }
}

.button-input {
  background-color: #000;
  border: 0;
  padding: 5px;
  margin-top: 5px
}

.button-input:link,
.button-input:visited {
  color: #fff
}

.c {
  text-align: center
}

.point-table,
.point-table td,
.point-table th {
  border-style: solid;
  border-width: 1px;
  padding: 4px;
}

.point-table .rd {
  min-width: 12em;
}

th {
  font-weight: normal;
}

.bd,
.bd td {
  border-bottom-style: double;
}

.rd,
.rd td {
  border-right-style: double;
}

.table-responsive {
  overflow: auto;
  white-space: nowrap;
  border: none;

  table {
    margin: 0;
    border: none;
  }
}



.sale0629 {
  color: red;
}

.r {
  color: red !important;
}

.r * {
  color: red !important;
}

.r a:active,
.r a:hover,
.r a:link,
.r a:visited {
  color: red !important;

}

.item_list_detail {
  font-size: 10px;
}

.spbr {
  display: none;
}

@media screen and (max-width: 1000px) {
  .pcbr {
    display: none;
  }

  .spbr {
    display: inline-block;
  }
}


.p-fit-images {
  font-size: 0;
  margin: 0;
  padding: 0;
}

@media (max-width:1000px) {
  .p-fit-images {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

}

.secret_back_button {
  padding: 10px;
}

.secret_back_button a {
  display: block;
  padding: 10px;
  margin: 0px auto;
  border: 1px solid #000;
  text-align: center;

}

.p-sale-info {
  text-align: center;
}

.c-sales-list a {
  display: block;
  background-color: white;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
  margin: 15px auto;
  max-width: 60%;
  font-size: 1.5em;
  display: block;
  border: solid 2px black;
}

.li-back a {
  border: initial;
}

.p-contact-info {
  font-size: 0.6em;
  line-height: 1.1em !important;
}

a.ymark:link,
a.ymark:hover,
a.ymark:active,
a.ymark:visited {
  background-color: yellow;
  color: red;
}

.search-form-group {
  width: 100%;
  position: relative;
  display: table;
  border-collapse: separate;
}

.search-form-form {
  width: 100%;
  line-height: 30px !important;
  height: 30px !important;
  vertical-align: top;
  display: table-cell;

  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  border-bottom: solid 1px #000 !important;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;

  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;

}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: none;

  background-color: white !important;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  border-bottom: solid 1px #000 !important;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.search-form-button {

  position: relative;
  white-space: nowrap;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;

  padding: 0;
  right: 0;
  outline: 0;
  width: 30px;
  line-height: 30px !important;
  height: 30px !important;
  vertical-align: top;
}

/* login page start */
.mypage_login_area {
  border: solid 1px #000;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 6%;
}

.mypage_login_area h2 {
  margin: 5px;
  margin-bottom: 20px;
}

.fs-c-inputInformation__button button,
.mypage_login_area .fs-c-button--memberRegister {
  display: block;
  width: 100%;
  color: white;
  background-color: black;
  margin: 10px auto;
  text-align: center;
  border: none;
  padding: 5px;
}

.fs-c-inputInformation__link {
  text-align: center;
}

.fs-c-newUsers {
  margin-bottom: 0;
}

#AmazonPayButton {
  margin: 0 auto;
  text-align: center;
}

/* login page end */
/* pcmenu add line */
.pcmenu>li {
  border: solid 1px #000;
  border-width: 0;
  /* border-bottom-width: 1px;*/
}

.pcmenu>li:nth-child(1) {
  border-bottom-width: 0;
}

.pcmenu>li>li {
  border: solid 1px #000;
  border-width: 0;
  border-bottom-width: 1px;
}

.pcmenu .ul {
  border: solid 1px #000;
  border-width: 0;
  border-bottom-width: 1px;
}

/* pcmenu add line end */
.fs-c-cartPayment__button {
  text-align: center;
}

a.fs-c-button--unregisteredUserPurchase.fs-c-button--secondary {
  background-color: black;
}

.fs-c-button--loginAndPurchase {
  background-color: black;
}

.fs-c-button--displayPassword {
  display: none;
}

.submenu-title-wide {
  padding: 5px 0;
}

.spmenu-wide {
  padding: 8px 0;
}

.other-image-list {
  display: none;
}

.mark-chips {
  width: 18px;
  height: 18px;
  overflow: hidden;
  margin: 4px;
  padding: 0;
}

.mark-chips:hover {
  cursor: pointer;
}

.fs-c-productMarks {
  margin-top: 5px;
}

.p-top-wrap-news {
  text-align: center;
}

.p-journal-title {
  display: none;
}

.box-journal {
  text-align: center;
}

.box-journal * {
  color: #808080 !important;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
}

.box-journal a:link,
.box-journal a:active,
.box-journal a:hover,
.box-journal a:visited {
  color: #808080 !important;
}


.btn-white {
  display: block;
  margin: 0px auto;
}

.btn-white a {
  display: block;
  margin: 5px auto;
  padding: 5px 30px;
  height: 100%;
  border: solid 1px #000 !important;
}



.link-button::before {
  content: ">";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}

.link-button {
  display: block;
  padding: 8px;
  text-align: center;
  font-size: 12px;
  position: relative;
}

.ds {
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.fs-c-productList__list__item .fs-c-button--addToWishList--icon {
  display: none;
}

.fs-c-productList__list__item .fs-c-button--removeFromWishList--icon::after {
  display: none;
}

.fs-c-photoswipe.pswp {
  top: 0px;
  z-index: 8000000;
}


.fs-client-cart-count {
	display: none;
	align-items: center;
	justify-content: center;
	height: 14px;
	min-width: 14px;
	padding: 0 4px;
	/* background: #000; */
	color: white;
	/* border-radius: 9999px; */
	font-size: 11px;
	line-height: 1;
	font-weight: 700;
	box-sizing: border-box;
	white-space: nowrap;
	transform: translateY(-1px);
	position: relative;
	left: -1px;
	top: -15px;
}

.top-menu-button .fa-shopping-bag {
/*  display: none;*/
}