main {
  padding-top: calc(75px + 50px + 30px)
}

header {
  border-bottom: none
}

header .site-title {
  display: block;
  margin: 0;
  padding: 8px 8px;
  text-align: center;
  background-color: #A52227;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.0em
}

header .header-logo img {
  width: 200px
}

header .header-inner {
  height: 75px
}

header .header-search,
header .header-nav-favorite,
header .header-nav-mypage,
header .header-nav-faq {
  display: block
}

header .header-nav>ul li a {
  display: block;
  text-align: center
}

header .header-nav>ul li span {
  display: block;
  color: #000;
  font-size: 11px;
  line-height: 1.0em;
  margin-top: 8px
}

header .header-nav>ul li .header-nav-search,
header .header-nav .overlay-open {
  display: none
}

header .header-search {
  width: calc(100% * 514/1140)
}

header .header-search .dropdown-toggle {
  display: none
}

header .header-search .form-control {
  height: 48px
}

header .header-search .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
header .header-search .input-group:not(.has-validation)>.custom-select:not(:last-child),
header .header-search .input-group:not(.has-validation)>.form-control:not(:last-child) {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

header .header-search .btn {
  padding: 10px 11px;
  background-color: #CC0001;
  color: #fff;
  font-size: 24px;
  line-height: 1.0em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none
}

header .header-gnav {
  display: block;
  border-top: solid 1px #000;
  border-bottom: solid 1px #000
}

header .header-gnav .container {
  display: flex;
  justify-content: space-between
}

header .header-gnav ul {
  margin: 0;
  padding: 0;
  display: flex
}

header .header-gnav ul li {
  list-style: none
}

header .header-gnav .container>ul li a {
  color: #000;
  font-size: 14px;
  line-height: 1.0em;
  font-weight: normal;
  padding: 16px 0;
  width: 160px;
  display: inline-block;
  text-align: center;
  position: relative
}

header .header-gnav .container>ul.header-gnav-pages li:last-child a {
  background-color: #0089CA;
  color: #fff
}

header .header-gnav ul.header-gnav-category li a {
  background-color: #cc0001;
  color: #fff
}

header .header-gnav ul.header-gnav-pages li a:before,
header .header-gnav ul.header-gnav-pages li:last-child a:after {
  content: '';
  width: 1px;
  height: 80%;
  position: absolute;
  top: 10%;
  background-color: #000
}

header .header-gnav ul.header-gnav-pages li a:before {
  left: 0
}

header .header-gnav ul.header-gnav-pages li:last-child a:after {
  right: 0
}

header .header-gnav .header-gnav-list-category {
  position: absolute;
  display: none;
  background-color: #fff;
  top: 48px;
  left: 0;
  width: 100vw;
  padding: 20px;
  z-index: 3900;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5)
}

header .header-gnav .header-gnav-list-category .container {
  display: block
}

header .header-gnav .header-gnav-list-category ul {
  display: block
}

header .header-gnav .header-gnav-list-category ul li {
  line-height: 2.0em
}

header .header-gnav .header-gnav-list-category ul li a {
  font-size: 14px;
  color: #000;
  display: inline-block
}

header .header-gnav .header-gnav-list-category ul ul {
  padding-left: 2.0em
}

body.gnav-open header .header-gnav .header-gnav-list-category {
  display: block
}

#kv_top {
  display: none
}

#kv_top2 {
  display: none
}

#kv_top_lg {
  display: block
}

#kv_top_lg2 {
  display: block
}

.area-news {
  margin-top: 20px
}

.area-news ul li {
  padding: 12px 8px 8px 8px
}

.area-news ul li span {
  font-size: 14px
}

.area-news ul li span.title span:first-child {
  width: 120px
}

aside.area-banner {
  display: block
}

article.article .list-manufacturer,
article.article .list-category {
  margin-left: 0;
  margin-right: 0
}

article.article-list-new_arrivals,
article.article-list-recommended {
  margin-left: 0;
  margin-right: 0
}

article.article-list-column h2 {
  margin-left: 0;
  margin-right: 0
}

article.article-list-column .area-list-column {
  margin-left: 0;
  margin-right: 0
}

article.article-list-column .area-list-column ul li a {
  width: 210px
}

footer {
  padding-bottom: 16px
}

footer .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start
}

footer .footer-nav {
  order: 2;
  width: calc(100% - 50%);
  display: flex
}

footer .footer-nav ul {
  margin: 0;
  padding: 0 16px
}

footer .footer-logo {
  order: 1;
  width: 50%;
  margin-bottom: 0;
  text-align: left
}

footer .footer-logo img {
  margin-left: 0
}

footer .copyright {
  order: 3;
  width: 100%;
  margin-top: 30px
}

.area-contact {
  display: none
}

article.article-category-description .wrap-category-description {
  display: flex
}

article.article-category-description .wrap-category-description .category-description {
  min-width: 70%;
  margin-bottom: 0;
  padding: 16px
}

article.article-category-description .wrap-category-description .category-description .embed-responsive {
  min-width: 30%;
  margin-bottom: 0
}

article.article-category-description .wrap-category-description .embed-responsive {
  min-width: 30%;
  margin-bottom: 0
}

article.article-category-description .wrap-category-description ul li {
  width: 25%
}

article.article-list-product .list-product li {
  width: calc(100% / 5 - 6.4px);
  margin-bottom: 10px
}

article.article-list-product .list-product li.store-kawasaki-hazawa {
  width: calc(100% / 3 - 8px);
  margin-bottom: 10px;
  margin-left: 8px !important
}

article.article-list-product .list-product li:hover {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16), 0 3px 3px rgba(0, 0, 0, 0.23);
  transition: .3s
}

article.article-list-product .list-product li:nth-child(3n+2),
article.article-list-product .list-product li:nth-child(3n+3) {
  margin-left: 0;
  width: calc(100% / 5 - 6.4px)
}

article.article-list-product .list-product li:nth-child(5n+2),
article.article-list-product .list-product li:nth-child(5n+3),
article.article-list-product .list-product li:nth-child(5n+4),
article.article-list-product .list-product li:nth-child(5n+5) {
  margin-left: 8px;
  width: calc(100% / 5 - 6.4px);
  margin-bottom: 10px
}

.btn.payment-btn {
  margin-left: 8px
}

.box-calender div.cal_wrapper {
  width: calc(100% + 20px);
  transform: scale(0.93);
  transform-origin: left top
}

.wrap-store-info-card {
  padding: 8px 24px
}

.article-shop-info .row [class*="col-"] a.card img {
  height: 100%;
  object-fit: cover
}

.article-shop-info .row [class*="col-"] a.card .card-body {
  padding: 16px 4px
}

/* 髴托ｽｽ陷会ｿｽ 5/31 */

/* 隴鯉ｽ｢陝�€･�ｽ郢ｧ�ｹ郢ｧ�ｿ郢ｧ�､郢晢ｽｫ 陞溽判蟲ｩ */
header .header-gnav {
  border: none;
}

header .header-nav>ul li span {
  color: #fff;
}

header .header-inner {
  height: auto;
  padding-top: 20px;
}

header .header-gnav .header-gnav-list-category {
  display: none;
  overflow: hidden;
  top: 8px;
}

body.gnav-open header .header-gnav .header-gnav-list-category {
  display: none;
  overflow: hidden;
}

header .header-gnav .header-gnav-list-category ul li,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  border: solid 1px #707070;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background: #707070 !important;
}

header .header-gnav .header-gnav-list-category ul li a {
  color: #707070 !important;
  font-size: 14px;
  border: none;
}

header .header-gnav-list-category a .card {
  border: none;
}

header .header-gnav .header-gnav-list-category ul {
  margin-bottom: 32px !important;
}

/* 闔蛾宦螻馴ｩ包ｽｩ陟｢�ｽ */
header {
  padding: 0;
  /* background-color: inherit; */
  /* box-shadow: none; */
  padding-bottom: 20px;
}

.wrap-img p {
  left: 40px;
  bottom: 16px;
  font-size: 53px;
  font-weight: bold;
  text-align: left;
  color: #fff;
  z-index: 100;
  word-break: keep-all;
}

header .header-gnav .header-gnav-list-category ul li:first-child,
header .header-gnav .header-gnav-list-category ul li:first-child a {
  border-radius: 18px 0 0 18px;
}

header .header-gnav .header-gnav-list-category ul li:last-child,
header .header-gnav .header-gnav-list-category ul li:last-child a {
  border-radius: 0 18px 18px 0;
}

#pills-tabContent .row .row {
  flex-direction: column;
  text-align: center;
}

.wrap-area-swiper {
  height: 12.24vw;
}

.swiper {
  padding: 0 3.15vw;
}

.wrap-card-content {
  width: 30.47vw;
  height: 9.64vw;
  margin: 1.3vw auto;
  padding: 0.52vw;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.8);
}

.swiper1 .swiper-slide.swiper-slide-active .wrap-card-content {
  margin: 1.3vw auto;
}

.swiper1 .swiper-slide.swiper-slide-next .wrap-card-content {
  margin: 1.3vw auto;
}

.wrap-card-content a img {
  width: 11.56vw;
  height: 8.59vw;
  /* margin-right: 1.79vw; */
}

.wrap-card-content span.text {
  font-size: 1.53vw;
}

.wrap-card-content span.arrow-border {
  right: calc(0.94vw + 0.79vw);
  bottom: 16.8px;
  border-right: 2px solid #f83600;
  border-bottom: 2px solid #f83600;
  width: calc(5.89vw + 3px);
  height: 1.15vw;
  transform: skewX(45deg);
}

.swiper-button-prev,
.swiper-button-next {
  width: 1.82vw !important;
  height: 1.82vw !important;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 0.78vw !important;
}

.swiper-button-next {
  right: 0.73vw !important;
}

.swiper-button-prev {
  left: 0.73vw !important;
}

.area-news .container {
  padding: 0 15px;
}

.area-news ul li span.title span:first-child {
  width: calc(100% - 54.3%);
  margin-right: 16px;
}

.area-news ul li span.title span:last-child {
  width: 54.3%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.area-news ul li span.title span:last-child {
  font-size: 12px;
}

.area-news ul li span.title span:last-child p {
  font-size: 12px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.area-news ul li span.title span.space {
  width: 12px;
  display: inline-block;
}

.wrap-store-card-inner {
  display: flex;
  height: 169px !important;
}

.wrap-store-card-inner img {
  width: 11.72vw;
  height: 100%;
}

.store-card-items {
  height: auto;
  padding: 35px 14px;
}

.store-card-items h5 {
  font-family: NotoSansJP;
  font-size: 1.35vw !important;
  font-weight: bold;
  padding-bottom: 21px;
}

.store-card-items p.card-text {
  font-size: 0.99vw !important;
}

.store-card-items a {
  font-size: 0.99vw !important;
  position: absolute;
  /* width: 116px; */
  max-width: 30%;
  right: 9px;
  bottom: 9px;
  padding: 11px 20px;
  border-radius: 19px;
}

.wrap-swiper2 .swiper-button-prev {
  left: calc(-11px - 15px) !important;
}

.wrap-swiper2 .swiper-button-next {
  right: calc(-11px - 15px) !important;
}

.wrap-swiper2 {
  width: calc(100% - 0px);
}

/* .wrap-swiper2 .swiper2 .swiper-wrapper {
  transform: translate3d(0px, 0px, 0px) !important;
} */

.wrap-swiper3 .wrap-store-card-inner {
  display: block;
}

.wrap-swiper3 {
  /* height: 340px; */
  /* height: 380px; */
  height: 350px;
  /* height: 360px; */
}

article.article-list-column .area-list-column ul li {
  width: 19%;
}

.wrap-swiper4 {
  /* height: 487px; */
  height: 237px;
}

.wrap-swiper2 .wrap-swiper4 {
  width: calc(100% - 0px);
}

main {
  padding-top: calc(66px + 8px + 28px);
}

.col-12.p-0 .wrap-swiper2 {
  width: calc(100% - 55px);
}

header .header-logo img {
  width: 200px;
}

/* header .header-logo.top img {
  height: 31.2px;
} */
.swiper .swiper-button-next,
.swiper .swiper-rtl .swiper-button-prev {
  top: calc(50% + 10px) !important;
}

.article-card-area .wrap-card-content {
  width: 100%;
}

article.article-product-detail .product-detail .product-detail-add-to-cart>div:nth-child(2) {
  width: 100% !important;
}

article.article-product-detail .product-detail .product-detail-add-to-cart>div:nth-child(1) {
  margin-bottom: 8px;
}

footer .box-calendar-wrap {
  order: 3;
}

footer .footer-logo,
footer .box-calendar-wrap {
  width: 23%;
}

.footer-nav {
  width: calc(100% - (23% + 23%));
  justify-content: center;
}

/* .wrap-area-swiper .swiper-button-next,
.wrap-area-swiper .swiper-button-prev {
  display: none;
} */

.top .swiper1 .swiper-wrapper {
  /* transform: translate3d(0px, 0px, 0px) !important; */
}