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

/***
* common_sp.css
*/

@media only print, only screen and (min-width: 18.75em){
  
.tab,
.pc,
.pc_tab{
  display:none;
}

.sp{
  display:block;
}

.hover:hover{
  opacity:1;
  filter:alpha(opacity=100);
}

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

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

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

#btnWrap{
  text-align: center;
}

#topStories #btnWrap{
  margin-bottom: 140px;
  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{
  width: 100%;
/*  height: 63px;*/
  position: fixed;
  z-index: 3333;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

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

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

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

.ac-logo_wako a{
  width: 94px;
  position: absolute;
  top: 19px;
  left: 50%;
  transform: translateX(-50%);
  visibility: visible;
  opacity: 1;
  transition-duration: 0.5s;
}

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

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

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

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

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

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

.ac-header_lang{
  display: none;
}

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

.l-header.is-scroll.is-open .l-header__menu{
  margin-top: 0;
}

/* main */

#main{
  padding: 77px 0 20px;
  position: relative;
/*  z-index: 111;*/
}

#ac-nav{
  width: auto;
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 111;
  visibility: visible;
  opacity: 1;
  transition-duration: 0.5s;
  white-space: nowrap;
}

#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 20px;
  font-size: 11px;
}

#breadCrumb li{
  display: inline-block;
}

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

.ac-title{
  font-size: 22px;
  margin: 0 0 75px 18px;
}

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

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

#detailShop .ac-subtitle {
  font-size: 16px;
  line-height: 1.625;
  margin: 0 0 10px 20px;
  display: inline-block;
}

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

#mainContents{
  margin-bottom: 150px;
}

/* Stories */

.categoriesSort{
  margin: 0 0 20px 0;
}

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

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

#topStories{
  position: relative;
}

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

#topStoriesThumb ul{
  width: 100%;
}

#topStoriesThumb li{
  width: 100%;
  margin: 0 0 50px 0;
  float: left;
}

#btnStories{
  position: absolute;
  top: 60px;
  right: 20px;
}

#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: 18px;
  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.867;
}

.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% / 1);
}

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

/* topStoriesList */

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

#topStoriesList ul{
  margin-bottom: 50px;
  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;
  line-height: 1.45;
  display: inline-block;
  margin: 0;
}

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

.category{
  width: 100%s !important;
  display: block;
}

.date{
  width: 100% !important;
  display: block;
}

.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: hidden;
  opacity: 0;
}

/* shop Index */

#aside,
.categoriesSort{
  width: 80%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  margin-top: -8px;
  padding-top: 81px;
  z-index: 111;
  background: #fff;
  opacity: 0.94;
  overflow-y: scroll;
  transform: translate3d(-100%,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::-webkit-scrollbar,
.categoriesSort::-webkit-scrollbar{
  display:none;
}

#aside.active,
.categoriesSort.active{
  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,
.categoriesSort ul{
  margin-left: 20px;
  font-size: 11px;
  line-height: 2.818;
}

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

#aside li,
.categoriesSort li{
  width: 210px;
  word-break: break-all;
}

#aside li li{
  width: 100%;
}

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

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

#closeOverlay{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 110;
  display: none;
}

#article{
  width: calc(100% - 40px);
  float: none;
  padding: 0;
  margin: 0 auto;
  position: relative;
}

.shopFilter a,
.shopFilterClose a{
  font-size: 11px;
  padding-left: 24px;
  position: absolute;
  top: -32px;
}

.storyFilter a{
  font-size: 11px;
  padding-left: 24px;
  position: absolute;
  top: 70px;
  left: 20px;
}

.shopFilterClose{
  margin-left: 20px;
}

.shopFilterClose a{
  position: relative;
  top: 0;
}

.storyFilter  a::before,
.shopFilter a::before{
  content: '';
  width: 16px;
  height: 12px;
  background: url("https://wako.itembox.design/item/assets/images/ac/icon_filter.svg") center no-repeat;
  background-size: 16px 12px;
  position: absolute;
  left: 0;
}

.shopFilterClose a::before{
  content: '';
  width: 14px;
  height: 12px;
  background: url("https://wako.itembox.design/item/assets/images/ac/icon_close.svg") center no-repeat;
  background-size: 14px 12px;
  position: absolute;
  top: 1px;
  left: 0;
}

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

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

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

.shopThumb{
  width: 100%;
  overflow: hidden;
}

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

.shopThumb li{
  width: calc(100% / 2 - 10px);
  float: left;
  margin: 0 10px 40px 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: 10px;
  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;
  position: absolute;
  bottom: 14px;
  right: 20px;
}

.shopThumbPrice{
  font-size: 13px;
}

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

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

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

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

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

#footer{
  padding-top: 0;
}

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

#ac-footerList{
  width: 200px;
  height: auto;
  margin: 0 auto 80px;
  transition-duration: 0.5s;
  text-align: center;
}

#ac-footerList li{
  margin-bottom: 80px;
  padding-bottom: 60px;
  border-bottom: 1px solid #ccc;
}

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

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

#ac-footerList h5{
  font-size: 13px;
}

#ac-footerMenu{
  text-align: center;
}

#ac-footerMenu li{
  margin-bottom: 10px;
  display: block;
}

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

.ac-footerImg img{
  margin-bottom: 0;
  width: 100%;
}

/* item_deatil */
.fs-c-price__value .enTxt{
  font-size: 15px;
}

/* shop detail */

.fs-l-main{
  width: 100%;
}

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

/* breadCrumb  */

.fs-c-breadcrumb{
  width: 100%;
  padding-top: 0;
}

.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%;
  margin: 0 auto;
}

.l-pd-page .l-pd-page__itemcart{
  width: 100%;
}

.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: none;
  margin: 0;
  text-align: left;
}

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

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

.l-product-page__itemcart--inner{
  top: 114px;
  padding: 0 20px;
}

.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: 100%;
  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-featuredProduct .fs-c-productPrice__main{
  font-size: 14px;
  display: none;
}

.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: calc(100% - 40px);
  margin: 0 auto;
  padding-top: 63px;
}

.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;
  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{
  color: #fff;
  background: #444;
  border: 1px solid #444;
}

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

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

.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: 100%;
}

.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: 0;
}

.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: 100%;
}

.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: 100%;
}

.fs-body-product .fs-c-featuredProduct {
  margin-top: 150px;
}

.fs-l-productLayout fs-system-product{
  width: 100%;
  float: none;
}

.l-pd-page__itemimage{
  width: 100%;
}

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

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

#counterSp{
  position: absolute;
  bottom: 65px;
  right: 20px;
  font-size: 13px;
  text-align: right;
  z-index: 3333;
}

#pageNationInner{
  width: 100%;
  height: 1.5px;
  background: #0ff;
  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.5;
}

.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: 10px;
  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;
}

.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;
  }
}

}

/*実装用CSS*/
/*body {
box-sizing: content-box;
}*/
@media only print, only screen and (min-width: 18.75em){

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

.fs-c-breadcrumb {
  margin: 0 0 15px 20px;
  font-size: 11px;
  width: auto;
}

.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 {
  float: none;
  width: calc(100% / 2 - 10px);
  margin: 0 10px 40px 0;
}

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

.productListItem-image__wrapper {
  position: relative;
}

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

.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: 14px;
  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: 14px;
  right: 20px;
}

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

.fs-c-productListItem__productName {
  font-size: 12px;
  line-height: 1.75;
  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: -32px;
  right: 20px;
  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;
}

#article {
  box-sizing: content-box;
}

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

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

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

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

.topStoriesListTtl br {
  display: none;
}

#topStoriesList li:hover .topStoriesListImg{
  visibility: hidden;
  opacity: 0;
}

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

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

}

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

.fs-c-productListItem__productName { 
  width: calc(50vw - 25px);
}

.fs-c-sortItems ul.fs-c-sortItems__list {
  right: 0px;
}

}