@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-duration: 0.5s;}.ac-logo_wako.hide{  visibility: hidden;  opacity: 0;  transition-duration: 0.5s;}.ac-logo,.ac-logo-top{  width: 155px;  position: absolute;  top: 17px;  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: 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: 18px;  line-height: 1.75;  margin: 0 0 29px 0;}.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 20px 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);  min-height: 701px;  margin: 0 30px 66px 0;  float: left;}#btnStories{  position: absolute;  top: 155px;  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: 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: 16px;  font-size: 11px;}.date .enTxt{  font-size: 12px;}.topStoriesThumbTtl{  margin-bottom: 20px;  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),#topStoriesThumb li:nth-child(3){  width: calc(100% / 2 - 30px);}#fs_CustomPage #topStoriesThumb li:nth-child(1),#fs_CustomPage #topStoriesThumb li:nth-child(2),#fs_CustomPage #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: right;  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% - 20px);  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;  position: absolute;  bottom: 14px;  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{  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: 30px;  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;}.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;}.roman{  font-size: 1.05em;  position: relative;  top: -0.01em;}.parent{  position: relative;  top: -0.05em;}}@media only print, only screen and (min-width: 1800px){.shopThumb li{  width: calc(100% / 5 - 10px);}}/*リストビューの崩れ修正*/.category {    width: 180px;  }