@charset "UTF-8";
/* CSS Document */

/***
* common_pc.css
*/

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

.sp, .tab, .tab_sp {
  display: none;
}

.pc, .pc_tab, .pcw_pc {
  display: block;
}

.hyphen {
  position: relative;
  top: -0.1vw;
}

a {
  color: #000;
  transition-duration: 0.5s;
}

.categoriesSort .active a {
  text-decoration: underline;
}

#topStories #btnWrap {
  margin-bottom: 240px;
  text-align: center;
}

.btn {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: inline-block;
  padding: 10px 100px 11px;
  font-size: 11px;
  text-align: center;
  outline: none;
  transition-duration: 0.5s;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.btn:hover {
  border: 1px solid #000;
  border-radius: 0;
  transition-duration: 0.5s;
}

.jp {
  font-family: 'NeueHaasGroteskText W01', a-otf-gothic-bbb-pr6n, sans-serif;
  font-feature-settings: "palt"1;
}

/***
* layout
*/
body {
  background: #fff;
  transition-duration: 1s;
}

body.active {
  background: #f6f6f4;
  transition-duration: 1s;
}

/* ac-header */
header {
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transition-duration: 0.5s;
}

#ac-header a {
  position: absolute;
  display: block;
}

.ac-header_menu {
  width: 45px;
  height: 11px;
  top: 33px;
  left: 48px;
  background: url("https://wako.itembox.design/item/assets/images/ac/ac_menu.svg") center no-repeat;
  background-size: 45px auto;
}

.ac-header_search {
  width: 18px;
  height: 18px;
  top: 30px;
  left: 116px;
  background: url("https://wako.itembox.design/item/assets/images/ac/ac_search.svg") center no-repeat;
  background-size: 18px auto;
}

.ac-logo_wako a {
  width: 127px;
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translateX(-50%);
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s, visibility 0s 0.5s; /* visibilityの遅延を追加 */
}

.ac-logo_wako.hide {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s, visibility 0s 0.5s;
}

.ac-logo, .ac-logo-top {
  width: 155px;
  position: absolute;
  top: 17px;
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s, visibility 0s 0.5s;
  z-index: 1111;
}

.ac-logo.show, .ac-logo-top.show {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s;
}

.ac-header_fav {
  width: 17px;
  height: 18px;
  top: 30px;
  right: 196px;
  background: url("https://wako.itembox.design/item/assets/images/ac/ac_fav.svg") center no-repeat;
  background-size: 17px auto;
}

.ac-header_mypage {
  width: 17px;
  height: 19px;
  top: 29px;
  right: 156px;
  background: url("https://wako.itembox.design/item/assets/images/ac/ac_mypage.svg") center no-repeat;
  background-size: 17px auto;
}

.ac-header_cart {
  width: 16px;
  height: 19px;
  top: 29px;
  right: 117px;
  background: url("https://wako.itembox.design/item/assets/images/ac/ac_cart.svg") center no-repeat;
  background-size: 16px auto;
}

.ac-header_lang {
  width: 46px;
  height: 11px;
  top: 34px;
  right: 48px;
  background: url("https://wako.itembox.design/item/assets/images/ac/ac_lang.svg") center no-repeat;
  background-size: 46px auto;
}

.l-header.is-scroll .l-header__nav {
  top: 0;
}

/* main */
#main {
  padding: 114px 0 20px;
  position: relative;
}

#ac-nav {
  width: auto;
  position: fixed;
  bottom: 26px;
  left: auto;
  transform: translateX(0);
  right: 30px;
  z-index: 3333;
  visibility: visible;
  opacity: 1;
  transition-duration: 0.5s;
}

#ac-nav.hide {
  visibility: hidden;
  opacity: 0;
  transition-duration: 0.5s;
}

#ac-nav li {
  font-size: 15px;
  display: inline-block;
}

#ac-nav a {
  padding: 6px 12px 5px;
  border-radius: 20px;
  background-color: rgba(230, 230, 220, 0.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  display: block;
  text-decoration: none;
  transition-duration: 0.5s;
}

#ac-nav a:hover {
  background-color: rgba(100, 100, 100, 0.3);
  transition-duration: 0.5s;
}

#ac-nav a.active {
  background-color: rgba(100, 100, 100, 0.3);
  transition-duration: 0.5s;
}

#breadCrumb {
  margin: 0 0 17px 33px;
  font-size: 11px;
}

#breadCrumb li {
  display: inline-block;
}

#breadCrumb li::after {
  content: ' >';
}

.ac-title {
  font-size: 28px;
  margin: 0 0 120px 29px;
}

.ac-title small {
  font-size: 16px;
}

.ac-subtitle {
  font-size: 16px;
  line-height: 1.625;
  margin: 0 0 16px 0;
}

#detailShop .ac-subtitle {
  font-size: 16px;
  line-height: 1.625;
  margin: 0 0 16px 30px;
}

.ac-title .enTxt {
  font-size: 32px;
}

#mainContents {
  margin-bottom: 0;
}

/* Stories */
.categoriesSort {
  width: auto;
  height: auto;
  position: relative;
  top: auto;
  left: auto;
  margin-top: 0;
  padding-top: 0;
  z-index: 111;
  background: none;
  opacity: 0.94;
  overflow-y: scroll;
  transform: translate3d(0, 0, 0);
  transition: all 800ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -webkit-transition: all 800ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  pointer-events: none;
}

.categoriesSort {
  margin: 0 0 15px 30px;
}

#aside ul, .categoriesSort ul {
  margin-left: 0;
}

.categoriesSort li {
  width: auto;
  margin-right: 10px;
  font-size: 11px;
  display: inline-block;
  pointer-events: auto;
}

.categoriesSort li .enTxt {
  font-size: 12px;
}

#topStories {
  width: 100%;
  position: relative;
}

#topStoriesThumb {
  width: calc(100% - 60px);
  margin: 0 auto;
  position: relative;
}

#topStoriesThumb ul {
  width: calc(100% + 30px);
}

#topStoriesThumb li {
  width: calc(100% / 4 - 30px);
  margin: 0 30px 66px 0;
  float: left;
}

#btnStories {
  position: absolute;
  top: 70px;
  right: 30px;
  z-index: 10;
}

#btnStories dd {
  display: inline-block;
}

#btnStories a {
  width: 33px;
  height: 26px;
  border-radius: 3px;
  position: relative;
  display: block;
}

#btnStories dd.active a {
  background: #f2f2f2;
}

#btnStoriesThumb img {
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#btnStoriesList img {
  width: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

.topStoriesImg {
  overflow: hidden;
  margin-bottom: 20px;
}

#topStoriesThumb li img {
  transition-duration: 0.5s;
}

#topStoriesThumb li:hover img {
  transform: scale(1.1);
  transition-duration: 0.5s;
}

.date {
  margin-bottom: 10px;
  font-size: 11px;
}

.date .enTxt {
  font-size: 12px;
}

.topStoriesThumbTtl {
  margin-bottom: 14px;
  font-size: 15px;
  line-height: 1.667;
}

.topStoriesThumbTtl .enTxt {
  font-size: 16px;
}

.topStoriesThumb h3 {
  margin-bottom: 10px;
  font-size: 11px;
}

.topStoriesThumb .enTxt {
  font-size: 15px;
}

#topStoriesThumb li:nth-child(1), #topStoriesThumb li:nth-child(2){
  width: calc(100% / 2 - 30px);
}

#detailStories #topStoriesThumb li:nth-child(1), #detailStories #topStoriesThumb li:nth-child(2), #detailStories #topStoriesThumb li:nth-child(3) {
  width: calc(100% / 4 - 30px);
}

/* topStoriesList */
#topStoriesList {
  width: calc(100% - 60px);
  margin: 0 auto 200px;
  position: relative;
  display: none;
}

#topStoriesList ul {
  margin-bottom: 140px;
  border-top: 1px solid #000;
}

#topStoriesList li a {
  padding: 10px 0;
  font-size: 11px;
  border-bottom: 1px solid #ccc;
  position: relative;
  display: block;
}

#topStoriesList li h5, #topStoriesList li h4, #topStoriesList li h3 {
  font-size: 11px;
  display: inline-block;
  margin: 0;
}

#topStoriesList li .enTxt {
  font-size: 12px;
}

.category {
  width: 150px;
}

.date {
  width: 137px !important;
}

.topStoriesList {
  display: none;
}

.topStoriesListImg {
  width: 453px;
  position: fixed;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  z-index: 1111;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

#topStoriesList li:hover a {
  color: #999;
}

#topStoriesList li:hover .topStoriesListImg {
  visibility: visible;
  opacity: 1;
}

/* shop Index */
#aside {
  width: 262px;
  height: auto;
  float: left;
  position: sticky;
  top: 114px;
  margin-top: -4px;
  margin-bottom: 125px;
  padding-top: 0;
  display: block;
  background: none;
  overflow-y: hidden;
  transform: translate3d(0, 0, 0);
  transition: all 800ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  -webkit-transition: all 800ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

#aside ul {
  margin-left: 33px;
  font-size: 11px;
  line-height: 1.818;
}

#aside ul ul {
  margin-left: 10px;
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 1.818;
}

#aside li {
  width: 210px;
  word-break: break-all;
  cursor: pointer;
}

#aside li li {
  width: 100%;
}

#aside ul .enTxt {
  font-size: 12px;
}

#aside .active {
  text-decoration: underline;
}

.l-product-page__itemcart--inner, .l-pd-page__itemimage {
  margin-bottom: 200px;
}

#article {
  width: calc(100% - 322px);
  float: none;
  margin-right: 30px;
  margin-bottom: 80px;
  padding: 0;
  position: relative;
}

.shopSort ul {
  position: absolute;
  top: -35px;
  right: 0;
  font-size: 11px;
}

.shopSort li {
  margin-left: 12px;
  display: inline-block;
}

.shopSort a.active {
  text-decoration: underline;
}

#topShop .btn {
  margin-top: 100px;
}

.shopThumb {
  padding: 0;
}

.shopThumb ul {
  width: calc(100% + 10px);
}

.shopThumb li {
  width: calc(100% / 4 - 10px);
  float: left;
  margin: 0 10px 30px 0;
}

#detailShop #article {
  width: calc(100% - 60px);
  float: right;
  margin-right: 30px;
  margin-bottom: 80px;
  padding: 0;
  position: relative;
}

#detailShop .shopThumb li {
  width: calc(100% / 5 - 10px);
  float: left;
  margin: 0 10px 30px 0;
}

.shopThumbImg {
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
}

.shopThumbImg img {
  transition-duration: 0.5s;
}

.shopThumb li:hover .shopThumbImg img {
  transform: scale(1.1);
  transition-duration: 0.5s;
}

.shopThumbInfo {
  width: calc(100% - 60px);
  padding: 15px 20px 14px;
  border-radius: 40px;
  background: #fff;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.5s;
}

.shopThumb li:hover .shopThumbInfo {
  opacity: 1;
  visibility: visible;
  transition-duration: 0.5s;
}

.shopThumbFav {
  width: 15px;
  height: 15px;
  background: url("https://wako.itembox.design/item/assets/images/ac/ac_fav.svg") center;
  background-size: 15px 15px;
  position: absolute;
  bottom: 15px;
  right: 20px;
}

.shopThumbPrice {
  font-size: 13px;
}

.shopThumbName {
  height: 21px;
  font-size: 12px;
  line-height: 1.75;
  margin-bottom: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shopThumbName .enTxt {
  font-size: 15px;
}

.shopThumbBrand {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.75;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.shopThumbBrand.enTxt {
  font-size: 13px;
}

.tag {
  font-size: 10px;
  padding: 5px 8px;
  border-radius: 3px;
  background: #ececec;
  display: inline-block;
}

#footer {
  padding-top: 110px;
}

#ac-footer {
  width: 100%;
  padding: 163px 0 160px;
}

#ac-footerList {
  width: 960px;
  margin: 0 auto 250px;
}

#ac-footerList ul {
  width: 1080px;
  margin: 0 auto;
}

#ac-footerList li {
  width: 318px;
  padding: 18px 60px 10px;
  display: block;
  float: left;
  font-size: 13px;
  text-align: center;
  border-bottom: none;
  border-right: 1px solid #ccc;
  transition: all 800ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

#ac-footerList li:last-child {
  border-right: none;
}

#ac-footer a.btn {
  width: 260px;
  padding: 10px 0 11px;
}

#ac-footerList h5 {
  position: relative;
  font-size: 13px;
  z-index: 1111;
  color: #000;
}

#ac-footerList li .ac-footerImg {
  margin-bottom: 30px;
  filter: grayscale(100%);
  mix-blend-mode: multiply;
  transition-duration: 0.5s;
}

#ac-footerList li:hover .ac-footerImg {
  filter: grayscale(0);
  mix-blend-mode: normal;
  transition-duration: 0.5s;
}

#ac-footerMenu {
  width: 960px;
  margin: 0 auto;
  text-align: center;
}

#ac-footerMenu li {
  margin-bottom: 0;
  margin-right: 12px;
  display: inline-block;
}

#ac-footerMenu li:last-child {
  margin-right: 0;
}

#sliderDots {
  width: 280px;
  position: fixed;
  bottom: 10px;
  left: 35px;
}

/* shop detail */
.fs-l-main {
  width: 100%;
}

.fs-l-page {
  padding-top: 0;
}

/* breadCrumb  */
.fs-c-breadcrumb {
  width: 100%;
}

.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
  position: relative;
  top: -1px;
}

.fs-c-breadcrumb__list, .fs-c-breadcrumb__list a {
  font-size: 11px;
  color: #000;
}

/* product */
.fs-c-featuredProduct {
  width: 100%;
  overflow: hidden;
}

.l-pd-page .l-pd-page__itemcart {
  width: 50%;
  position: relative;
}

.l-product-page__itemcart__meta_inner {
  margin-bottom: 20px;
}

.l-product-page__itemcart__meta--number {
  margin-right: 40px;
}

.l-product-page__itemcart__meta--price {
  float: left;
  margin-top: -8px;
}

.fs-c-productNameHeading__name {
  position: relative;
  top: 4px;
}

.l-product-page__itemcart__description {
  padding-bottom: 0;
  border-bottom: none;
}

.l-product-page__itemcart--inner {
  top: 114px;
  padding-left: 34px;
}

.fs-c-productNumber {
  padding: 0;
  font-size: 11px;
}

.fs-c-productNumber:before {
  content: '';
  padding-right: 0;
}

.fs-c-productNameHeading {
  padding: 0;
}

.fs-p-productDescription {
  width: 440px;
  font-size: 11px;
  line-height: 1.818;
}

.p-page-title__text, .fs-c-heading {
  margin: 0;
  font-size: 16px;
}

.fs-c-productPrices--productDetail .fs-c-productPrice {
  margin: 0;
  padding: 0;
}

.fs-c-price__value {
  font-size: 14px;
}

.fs-c-price:after, .fs-c-orderTotalTable__subtotal td:after, .fs-c-orderTotalTable__postageFee td:after {
  font-size: 14px;
  margin-left: -2px;
  margin-right: -1px;
  padding: 0;
}

.fs-c-productPointDisplay__label, .fs-c-productPointDisplay__quantity {
  font-size: 12px;
}

.fs-c-productPointDisplay__unit {
  font-size: 12px;
}

.fs-c-productPointDisplay {
  margin: 0;
}

.fs-c-productPrices--productDetail .fs-c-productPrice {
  color: #000;
}

.l-pd-page .l-pd-page__itemimage {
  width: 50%;
  padding-top: 0;
  padding-bottom: 34px;
}

.fs-c-productPlainImage {
  margin-bottom: 25px;
}

.fs-c-productPlainImage:last-child {
  margin-bottom: 0;
}

.shipping_price_upper {
  display: none;
}

.l-product-page__itemcart__cart--inner {
  margin: 0;
  background: none;
}

.fs-c-productNotice--outOfStock, .fs-c-productNotice--subscriptionOutOfStock {
  padding: 0;
  background: none;
}

.l-product-page__itemcart__cart .fs-c-productQuantityAndWishlist {
  padding: 25px 0;
}

[type="hidden"], [type="text"], [type="search"], [type="tel"], [type="url"], [type="email"], [type="password"], [type="datetime"], [type="date"], [type="month"], [type="week"], [type="time"], [type="datetime-local"], [type="number"], select, textarea {
  border: none;
  font-size: 11px;
}

.l-product-page__itemcart__meta .fs-c-productMarks {
  margin: 0 0 22px;
  padding: 0;
}

.c-mark--ea7b3e {
  font-size: 10px;
  color: #000;
  background: #f0f0f0;
  border: none;
}

.c-mark--bg_ff0000 {
  font-size: 10px;
  color: #000;
  background: #f0f0f0;
  border: none;
}

.fs-c-productSalesPeriod {
  display: none;
}

.fs-c-button--addToCart--detail {
  padding: 8px 0 9px;
  border-radius: 0;
  font-size: 11px;
}

.b1-product-detail__box {
  font-size: 10px;
}

.l-product-page__itemcart__cart .fs-c-productActionButton {
  padding: 0 10px;
}

.fs-c-button--addToCart--detail.fs-c-button--primary {
  width: 314px;
  color: #fff;
  background: #444;
  border: 1px solid #444;
}

.fs-c-button--particular.fs-c-button--addToWishList--detail:before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background: url("https://wako.itembox.design/item/assets/images/ac/ac_fav.svg") center local;
  background-size: 16px auto;
  position: relative;
  top: 4px;
  left: 6px;
}

.fs-c-button--particular.fs-c-button--addToWishList--detail:hover:before {
  width: 16px;
  height: 16px;
}

.fs-c-productQuantityAndWishlist .fs-c-quantity {
  display: block;
}

.fs-c-productQuantityAndWishlist .fs-c-quantity:before {
  content: '';
}

.ac-radiobtans {
  display: flex;
  font-size: 11px;
}

.ac-radiobtans h3 {
  margin-right: 30px;
}

fieldset {
  margin: -4px 0 0 0;
  line-height: 2;
}

legend {
  margin-bottom: 4px;
}

label {
  padding-right: 30px;
}

.ac-radiobtans input {
  margin-right: 5px;
  position: relative;
}

input[type="radio"] {
  position: relative;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  border: 1px solid #444;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="radio"]:checked:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4.5px;
  height: 4.5px;
  border-radius: 50%;
  background: #444;
}

/* WebKit ブラウザで、input type="number" のスピンボタンを非表示にする。 */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.input-group {
  display: inline;
}

#output-number-of-unit {
  display: none;
}

/* Firefox で、input type="number" のスピンボタンを非表示にする。また、入力欄の値表示を中央寄せにし、高さをボタンのサイズに合わせる。 */
input[type="number"] {
  -moz-appearance: textfield;
  text-align: center;
  height: 30px;
  width: 30px;
  float: left;
}

/*ボタンのサイズを 44 × 44 CSS ピクセルにする。*/
button.btn-number {
  width: 30px;
  height: 30px;
}

/* ステッパーコンポーネントの横幅を指定する。 */
div.input-group {
  width: 300px;
}

.input-group-prepend {
  float: left;
}

#number-of-unit {
  display: inline;
}

.input-group-append {
  display: inline;
}

button, html [type=button], [type=reset], [type=submit] {
  -webkit-appearance: none;
  background: none;
  border: 1px #444 solid;
}

.b1-product-detail__box {
  font-size: 10px;
  line-height: 1.7;
  padding-right: 26px;
}

.b1-product-detail__box-title {
  padding-top: 10px;
  border-top: 1px solid #bbb;
}

.b1-product-detail__title, .b1-product-detail__content, .b1-product-detail__content p, .b1-product-detail__title-notes, .b1-product-detail__content-notes, .b1-product-detail__content-notes p, .b1-product-detail__content p {
  display: inline;
}

.b1-product-detail__title {
  width: 140px;
}

.b1-product-detail__content {
  width: calc(100% - 140px);
}

.b1-product-detail__item, .b1-product-detail__item-notes, .b1-product-detail__item-freespace {
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #bbb;
  display: block;
}

/* 後で表示確認 */
.l-pd-page__itemcart {
  width: calc(50% - 60px);
}

.fs-l-productLayout fs-system-product {
  width: 50%;
  float: left;
}

.l-pd-page__itemimage {
  width: calc(50% + 30px);
}

.ac-sliderlist {
  width: 100%;
  float: right;
}

.l-pd-page__detail--sp {
  margin-top: 15px;
}

#counter {
  position: fixed;
  bottom: 31px;
  left: calc(50% - 30px);
  font-size: 11px;
  text-align: right;
  z-index: 3333;
}

#counter.unfixed {
  position: absolute;
  left: auto;
  right: 23px;
}

#pageNationInner {
  width: 280px;
  height: 1.5px;
  position: fixed;
  bottom: 30px;
  left: 30px;
  z-index: 3333;
}

.c-pd-comment__cart {
  display: none;
}

.fs-c-productNotice {
  display: none;
}

/* 関連する商品 */
.fs-c-wishlistProduct .fs-c-wishlistProduct__title, .fs-c-featuredProduct .fs-c-featuredProduct__title {
  color: #000;
  text-align: left;
}

.l-footer__menu .menu-information .menu-information-item > a {
  font-size: 14px;
  line-height: 1.75;
}

.p-menu-sns-list li:nth-child(1) {
  width: 23px;
  margin-top: 0.5px;
}

.p-menu-sns-list li:nth-child(2) {
  width: 24px;
}

.p-menu-sns-list li:nth-child(3) {
  width: 29px;
}

.p-menu-sns-list li:nth-child(4) {
  width: 23px;
}

.p-menu-sns-list li:nth-child(5) {
  width: 24px;
}

.l-footer__copyright {
  color: #848484;
  font-size: 12px;
  letter-spacing: 0.07em;
}

.arrBtn {
  margin-top: 10px;
  font-size: 11px;
  position: relative;
}

.arrBtn:hover .arr:after {
  animation: aniArrow01 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}

.arrBtn .arr {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  overflow: hidden;
  margin: -1px 3px 0 0;
}

.arrBtn .arr:after {
  content: "";
  display: block;
  background: url("https://wako.itembox.design/item/assets/images/ac/arr_btn.svg") center no-repeat;
  background-size: 12px auto;
  width: 15px;
  height: 15px;
}

#topAbout .arrBtn .arr:after {
  background: url("https://wako.itembox.design/item/assets/images/ac/arr_btn_wh.svg") center no-repeat;
  background-size: 12px auto;
}

#topStoriesThumb li, #topStoriesList li {
  display: none;
  transition: 0.5s;
}

#topStoriesThumb li.active, #topStoriesList li.active {
  display: block;
  animation: show 1s linear 0s;
}

#topStoriesThumb .active a, #topStoriesList .active a {
  text-decoration: none;
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.topStoriesListTtl br {
  display: none;
}

}

@media only print, only screen and (min-width: 1800px) {
.shopThumb li {
  width: calc(100% / 5 - 10px);
}

}

/*実装用CSS*/
/*body {
box-sizing: content-box;
}*/

.fs-c-listControl__status {
display: none;
}

.fs-c-productListItem__viewMoreImageButton {
display: none;
}

.fs-c-productList__controller:first-of-type .fs-c-listControl {
display: none;
}

.fs-c-productMarks span {
display: none;
}

.fs-c-productMarks span.fs-c-productMark__mark.ac_mark {
font-size: 10px;
padding: 5px 8px;
background: #f5f5f7;
display: inline-block;
}

.fs-c-productMarks span.fs-c-productMark__mark.ac_mark span {
display: inline-block;
}

span.fs-c-productName__copy {
color: #000;
}

.fs-c-productListItem__outOfStock {
font-size: 12px;
margin-top: 10px;
}

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

.ac-product-group {
  padding: 114px 0 20px;
  position: relative;
}

.fs-c-breadcrumb {
  margin: 0 0 17px 33px;
  font-size: 11px;
}

.fs-c-breadcrumb__list {
  padding: 0px;
}

.fs-c-productList {
  padding: 0;
}

.fs-c-productList .fs-c-productList__list {
  width: calc(100% + 10px);
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.fs-c-productList__list__item {
  width: calc(100% / 4 - 10px);
  margin: 0 10px 30px 0;
  float: none;
}

.fs-c-productListItem__imageContainer {
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
}

.productListItem-image__wrapper {
  position: relative;
}

.fs-c-productList__list__item:hover .fs-c-productListItem__image img {
  transform: scale(1.1);
  transition-duration: 0.5s;
}

.shopThumbInfo {
  display: flex;
  justify-content: space-between;
}

.fs-c-productList__list__item:hover .shopThumbInfo {
  opacity: 1;
  visibility: visible;
  transition-duration: 0.5s;
}

.fs-c-button--particular.fs-c-button--addToWishList--detail .fs-c-button__label, .fs-c-button--particular.fs-c-button--removeFromWishList--detail .fs-c-button__label, .fs-c-button--addToWishList--icon .fs-c-button__label, .fs-c-button--removeFromWishList--icon .fs-c-button__label {
  display: none;
}

.fs-c-button--addToWishList--icon:before {
  content: "";
  width: 18px;
  height: 16px;
  display: block;
  background: url(https://wako.itembox.design/item/assets/images/common/ico_wish.png) no-repeat;
  background-size: 18px 16px;
}

.fs-c-productListItem__prices {
  font-size: 13px;
  text-align: left;
  line-height: 1;
}

.fs-c-productListItem__prices .fs-c-price {
  display: inline;
}

.shopThumbInfo .fs-c-button--addToWishList--icon {
  border: none;
}

.fs-c-productList__list__item .shopThumbInfo {
  width: calc(100% - 60px);
  padding: 15px 20px 14px;
  border-radius: 40px;
  background: #fff;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.5s;
  box-sizing: content-box;
}

.fs-c-button--addToWishList--icon:before {
  content: "";
  width: 15px;
  height: 15px;
  background: url(https://wako.itembox.design/item/assets/images/ac/ac_fav.svg) center no-repeat;
  position: absolute;
  bottom: 16px;
  right: 20px;
}

.fs-c-button--removeFromWishList--icon:before {
  content: "";
  width: 15px;
  height: 15px;
  background: url(https://wako.itembox.design/item/assets/images/ac/ac_fav_on.svg) center no-repeat;
  position: absolute;
  bottom: 16px;
  right: 20px;
}

.fs-c-button--removeFromWishList--icon {
  border: none !important;
}

.fs-c-productListItem__productName {
  font-size: 12px;
  line-height: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}

.fs-c-productList__controller .fs-c-sortItems__label {
  display: none;
}

.fs-c-sortItems ul.fs-c-sortItems__list {
  position: absolute;
  top: -35px;
  right: 0;
  font-size: 11px;
}

.fs-c-sortItems li.fs-c-sortItems__list__item {
  margin-left: 12px;
  display: inline-block;
}

.fs-c-sortItems li.fs-c-sortItems__list__item.is-active a {
  text-decoration: underline;
}

.fs-c-productList__controller:last-of-type .fs-c-sortItems {
  display: none;
}

/*ハンバーガーメニューとの重なり対応*/
.ac-logo {
  z-index: 100 !important;
}

.topSubTtl {
  z-index: 90 !important;
}

#ac-nav {
  z-index: 90 !important;
}

#aside {
  z-index: 90 !important;
}

.parent{
  position: relative;
  top: -0.05em;
}

#mainArticle p .slash{
  font-size: 12px;
}

.slash{
  position: relative;
  top: -0.075em;
}

#modal{
  width: 100%;
  height: 100vh;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3333;
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.5s;
}

#modal.active{
  opacity: 1;
  visibility: visible;
  transition-duration: 0.5s;
}

#modalImg{
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  background: #ff0;
}

#modalImg img.land{
  width: 50vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

#modalImg img.port{
  width: 30vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

#btnClose{
  position: absolute;
  top: 0;
  right: 0;
  padding: 32px;
  display: block;
  z-index: 1111;
}

#btnClose img{
  width: 20px;
}

.swiper-button-prev,
.swiper-button-next{
  width: 85px;
  height: 100vh;
  position: fixed;
  top: 0;
  text-indent: -9999px;
  background: #0ff;
  margin-top: 0;
}

.swiper-button-prev{
  left: 0;
  background: url("../img/icon_prev.svg") center no-repeat;
  background-size: 10px;
}

.swiper-button-next{
  right: 0;
  background: url("../img/icon_next.svg") center no-repeat;
  background-size: 10px;
}

#modal .swiper-pagination{
  position: fixed;
  left: 0;
  bottom: 10px;
}

}

@media only print, only screen and (min-width: 1800px) {

.fs-c-productList__list__item {
  width: calc(100% / 5 - 10px);
}

}

header#header.is-open {
  backdrop-filter: none;
  transition-duration: 0s;
}

.fs-c-breadcrumb {
  width: auto !important;
}

#ac-footer {
  box-sizing: border-box;
}

/*リストビューの崩れ修正*/
.category {
  width: 180px;
}

}