@charset "UTF-8";
/**
メディアクエリ
SP フォーストで記述する。
Twitter Bootstrap デフォルト準拠 */
@font-face { font-family: 'GillSansBold'; src: url("../fonts/GillSans-Bold-02.eot?") format("eot"), url("../fonts/GillSans-Bold-02.woff2") format("woff2"), url("../fonts/GillSans-Bold-02.woff") format("woff"), url("../fonts/GillSans-Bold-02.ttf") format("truetype"); }
BODY .ec-layoutRole { background-color: #e8e8e0; }

.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .menuBtn > SPAN { background-color: #FFF; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .menuBtn > SPAN::before { background-color: #FFF; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .menuBtn > SPAN::after { background-color: #FFF; }
.ec-layoutRole.is_active .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .menuBtn > SPAN { background-color: transparent !important; }
.ec-layoutRole.is_active .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .menuBtn > SPAN::before { background-color: #002e24; }
.ec-layoutRole.is_active .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .menuBtn > SPAN::after { background-color: #002e24; }
.bgTransparent.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .menuBtn > SPAN { background-color: #002e24; }
.bgTransparent.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .menuBtn > SPAN::before { background-color: #002e24; }
.bgTransparent.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .menuBtn > SPAN::after { background-color: #002e24; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .searchBtnSp { display: flex; display: block; margin-left: 20px; width: 19px; height: 19px; }
@media only screen and (min-width: 768px) { .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .searchBtnSp { display: none; } }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .searchBtnSp A { display: block; width: 19px; height: 19px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .searchBtnSp SVG { width: 19px; height: 19px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .searchBtnSp SVG CIRCLE { transition: all .5s; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .searchBtnSp SVG LINE { transition: all .5s; }
.bgTransparent.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .searchBtnSp SVG CIRCLE { stroke: #002e24; }
.bgTransparent.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__left .ec-headerRole__navSP .ec-headerNavSP .searchBtnSp SVG LINE { stroke: #002e24; }
.ec-layoutRole__header .ec-headerNaviRole .logo H1 { display: flex; justify-content: center; text-align: center; }
@media only screen and (max-width: 767px) { .ec-layoutRole__header .ec-headerNaviRole .logo H1 { display: flex; justify-content: center; } }
.ec-layoutRole__header .ec-headerNaviRole .logo H1 A { display: block; display: flex; justify-content: center; align-items: center; width: 163px; width: 131.69px; height: 45px; }
@media only screen and (max-width: 767px) { .ec-layoutRole__header .ec-headerNaviRole .logo H1 A { width: 100px !important; height: 34px !important; overflow: hidden; } }
.ec-layoutRole__header .ec-headerNaviRole .logo H1 A IMG { height: 45px; }
.ec-layoutRole__header .ec-headerNaviRole .logo H1 A SVG { width: 131.69px; height: 45px; }
@media only screen and (max-width: 767px) { .ec-layoutRole__header .ec-headerNaviRole .logo H1 A SVG { height: 100% !important; transform: translateZ(0) !important; } }
.ec-layoutRole__header .ec-headerNaviRole .logo H1 A SVG PATH { fill: #FFF; transition: all .5s; }
.bgTransparent.ec-layoutRole__header .ec-headerNaviRole .logo H1 A SVG PATH { fill: #002e24; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav { max-width: 274px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.logout { max-width: 23px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.logout A { width: 23.06px; height: 23px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.global { max-width: 23px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.global A { width: 23px; height: 23px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.mypage { max-width: 23px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.mypage A { width: 23px; height: 23px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.favorite { max-width: 27px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.favorite A { width: 27px; height: 23px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.cart { max-width: 23px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item.cart A { width: 23.16px; height: 23px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item A SVG { height: 100%; height: 23px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item A SVG#svg_headerNavIconShop { width: 16px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item A SVG#svg_headerNavIconFavorite { width: 26px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item A SVG PATH { transition: all .5s; }
.bgTransparent.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item A SVG PATH { stroke: #002e24 !important; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item A SVG CIRCLE { transition: all .5s; }
.bgTransparent.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item A SVG CIRCLE { stroke: #002e24; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item A SVG LINE { transition: all .5s; }
.bgTransparent.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item A SVG LINE { stroke: #002e24; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item A SVG POLYLINE { transition: all .5s; }
.bgTransparent.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerNaviRole__nav .ec-headerNav .ec-headerNav__item A SVG POLYLINE { stroke: #002e24; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerRole__cart .spCartBtn A { display: block; width: 23px; height: 24px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerRole__cart .spCartBtn A SVG { width: 23px; height: auto; height: 24px; }
.bgTransparent.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerRole__cart .spCartBtn A SVG PATH { stroke: #002e24; }
.bgTransparent.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .ec-headerRole__cart .spCartBtn A SVG CIRCLE { stroke: #002e24; }
@media only screen and (max-width: 767px) { .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .headerIcon { margin-left: 10px; }
  .ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .headerIcon A { display: block; width: 19px; } }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .headerIcon A { display: block; width: 19px; height: 27px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .headerIcon A IMG { width: 19px; height: auto; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .headerIcon A SVG { width: 19px; height: 27px; }
.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .headerIcon A SVG PATH { transition: all .5s; }
.bgTransparent.ec-layoutRole__header .ec-headerNaviRole .ec-headerNaviRole__right .headerIcon A SVG PATH { fill: #002e24; }

.headerBg { position: absolute; top: 0; width: 100%; height: 65px; background-color: #002e24; }
@media only screen and (max-width: 767px) { .headerBg { height: 60px; } }

.freeShippingBar { background-color: #FFF; }
.freeShippingBar .freeShippingBarInner { max-width: 1150px; margin: 0 auto; padding: 11px 13px; text-align: center; font-size: 15px; color: #000; }

.searchModalSp { position: fixed; top: 0; left: 0; z-index: 100001; width: 100%; height: 100vh; opacity: 0; pointer-events: none; transition: background-color .3s; }
.searchModalSp.open { opacity: 1; pointer-events: all; background-color: rgba(0, 0, 0, 0.7); }
.searchModalSp .searchModalSpInner { position: relative; background-color: #FFF; }
.searchModalSp .searchModalSpInner .logo { display: flex; justify-content: center; width: 100px; margin: 0 auto; padding: 15px 50px; padding: 13px 0 17px; }
.searchModalSp .searchModalSpInner .logo SVG { width: auto; height: 34px; }
.searchModalSp .searchModalSpInner .closeBtn { position: absolute; top: 10px; right: 10px; display: flex; justify-content: center; align-items: center; width: 20px; height: 10px; transition: all .5s; }
.searchModalSp .searchModalSpInner .closeBtn SPAN { display: block; }
.searchModalSp .searchModalSpInner .closeBtn SPAN::before, .searchModalSp .searchModalSpInner .closeBtn SPAN::after { position: absolute; left: 0; content: ""; top: 50%; bottom: auto; display: block; width: 100%; height: 2px; background-color: #002e24; }
.searchModalSp .searchModalSpInner .closeBtn SPAN::before { transform: rotate(45deg); }
.searchModalSp .searchModalSpInner .closeBtn SPAN::after { transform: rotate(-45deg); }
.searchModalSp .searchModalSpInner .ec-headerSearch { padding: 20px; }
.searchModalSp .searchModalSpInner .ec-headerSearch .ec-headerSearch__keyword { border-radius: 0; border-width: 0; border-bottom: 1px solid #000; }
.searchModalSp .searchModalSpInner .ec-headerSearch .ec-headerSearch__keyword .ec-input INPUT { padding-left: 10px; background-color: #FFF; border-width: 0; }

.ec-layoutRole__footer .ec-footerRole { background-color: #FFF; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .snsArea H2 { color: #000; border-bottom-color: #000; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .snsArea .snsAreaInner .item { align-items: center; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .snsArea .snsAreaInner .item:nth-of-type(2) H3 { margin-right: 90px; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .snsArea .snsAreaInner .item UL LI { margin-right: 50px; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .snsArea .snsAreaInner .item UL LI A I { color: #000; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .shoppingGuide .title { border-bottom-color: #000; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .shoppingGuide .title H2 { color: #000; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .shoppingGuide .title .toggleBtn::before { background-color: #000; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .shoppingGuide .title .toggleBtn::after { background-color: #000; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .shoppingGuide .shoppingGuideList LI::before { background-color: #000; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .shoppingGuide .shoppingGuideList LI A { color: #000; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .mailaMagazine .left H2 { color: #000; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .mailaMagazine .left FORM .subscribeArea .subscribeBtn INPUT { background-color: #FFF; border: 1px solid #000; color: #000; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .footerNaviWrap .ec-footerNavi LI A { color: #000; }
.ec-layoutRole__footer .ec-footerRole .ec-footerRole__inner .ec-footerTitle .ec-footerTitle__copyright { color: #000; }

.ec-layoutRole__contentTop .ec-sliderRole .main_visual .slick-dots { position: static; margin-top: 40px; }
.ec-layoutRole__contentTop .ec-sliderRole .main_visual .slick-dots LI.slick-active BUTTON::before { background-color: #000 !important; }
.ec-layoutRole__contentTop .ec-sliderRole .main_visual .slick-dots LI BUTTON::before { width: 8px; height: 8px; border-width: 0; background-color: #c8c8c8; }

.topMessage { display: flex; flex-direction: column; align-items: center; margin: 0 0 60px 0; text-align: center; }
.topMessage .msg { margin-bottom: 6px; font-weight: 700; line-height: 30px; }
.topMessage .toEntry { position: relative; font-weight: 700; text-decoration: none; color: #a10000; }
.topMessage .toEntry::after { position: absolute; bottom: 0; content: ""; display: block; width: 100%; height: 1px; background-color: #000; }

.hotKeywordsArea { margin: 0 0 120px 0; }
.hotKeywordsArea H2 { margin: 0 0 40px 0; text-align: center; font-size: 21px; }
.hotKeywordsArea .hotKeywordList { display: flex; justify-content: center; gap: 16px 16px; flex-wrap: wrap; padding: 0 8px; }
@media only screen and (max-width: 767px) { .hotKeywordsArea .hotKeywordList { padding: 0 6px; gap: 10px 10px; } }
.hotKeywordsArea .hotKeywordList .item A { display: block; padding: 9px 18px 7px; background-color: #FFF; border: 1px solid #002e24; border-radius: 30px; text-decoration: none; line-height: 14px; font-size: 14px; color: #000; }
@media only screen and (max-width: 767px) { .hotKeywordsArea .hotKeywordList .item A { padding: 9px 12px 7px; } }

.discountLinkArea { display: flex; justify-content: center; gap: 0 80px; margin: 0 0 140px 0; }
@media only screen and (max-width: 767px) { .discountLinkArea { align-items: center; flex-direction: column; gap: 40px 0; } }
.discountLinkArea .item { width: 278px; }
.discountLinkArea .item A { display: flex; flex-direction: column; align-items: center; text-decoration: none !important; }
.discountLinkArea .item A .discountRate { display: flex; justify-content: center; align-items: center; width: 100%; margin: 0 0 18px 0; padding: 24px 10px; background-color: #002e24; font-family: 'Yantramanav', sans-serif !important; font-size: 38px; color: #FFF; }
.discountLinkArea .item A .viewMore { padding: 0 6px !important; border-bottom: 1px solid #000; letter-spacing: 1px !important; font-family: 'Yantramanav', sans-serif !important; font-weight: 500 !important; font-size: 16px !important; color: #000; }

.relationInfo { margin-top: 30px; margin-bottom: 140px; }
@media only screen and (max-width: 767px) { .relationInfo { margin-bottom: 80px; } }
.relationInfo .slickWrap { position: relative; }
.relationInfo .slickWrap .outletTitle { margin-bottom: 30px; }
.relationInfo .slickWrap .slick .item { margin: 0 6px 0; position: relative; text-decoration: none; color: #000; }
.relationInfo .slickWrap .slick .item .name { margin: 12px 6px 0; letter-spacing: 0; color: #000; }
.relationInfo .slickWrap .slick .item .fitTypes { display: flex; gap: 4px 6px; flex-wrap: wrap; margin: 4px 0 0 0; padding: 0 6px; list-style: none; }
.relationInfo .slickWrap .slick .item .fitTypes LI { display: flex; justify-content: center; align-items: center; padding: 4px 8px; border-radius: 20px; border: 1px solid #777; font-weight: 700; font-size: 10px; line-height: 10px; letter-spacing: -1px; color: #000; }
.relationInfo .slickWrap .slick .item .price { margin-top: 10px; margin-right: 6px; margin-left: 6px; text-indent: 0; }
.relationInfo .slickWrap .slick .item .price .orgPrice { color: #000; }
.relationInfo .slickWrap .slick .item .price .salePrice { display: flex; align-items: center; margin-bottom: 8px; text-indent: -1px; color: #000; }
.relationInfo .slickWrap .slick .item .price .discountRate { padding: 2px 5px 2px 5px; background-color: #000; line-height: 15px; font-weight: 300; font-size: 15px; color: #FFF; }
.relationInfo .slickWrap .slick IMG { width: 100%; }
.relationInfo .slickWrap .slick .slick-arrow { position: absolute; top: 140px; width: 50px; height: 50px; margin: -56px 0 0; margin: 0; background: rgba(0, 0, 0, 0.7); z-index: 1; opacity: 0.7; cursor: pointer; transform: unset !important; }
.relationInfo .slickWrap .slick .slick-arrow::before { position: absolute; content: ""; top: 50%; width: 26px; height: 26px; border: solid 1px #FFF; top: 11px; border-width: 1px 0px 0px 1px; }
.relationInfo .slickWrap .slick .slick-prev { left: 25px; }
.relationInfo .slickWrap .slick .slick-next { right: 25px; }
.relationInfo .slickWrap .slick .slick-prev::before { transform: rotate(-45deg); left: 21px; }
.relationInfo .slickWrap .slick .slick-next::before { transform: rotate(130deg); right: 21px; }
@media only screen and (max-width: 767px) { .relationInfo .slickWrap .slick .item { margin: 0px 5px 0; }
  .relationInfo .slickWrap .slick .slick-arrow { top: 100px; width: 30px; height: 30px; }
  .relationInfo .slickWrap .slick .slick-arrow::before { top: 7px; width: 16px; height: 16px; }
  .relationInfo .slickWrap .slick .slick-prev { left: 0; }
  .relationInfo .slickWrap .slick .slick-next { right: 0; }
  .relationInfo .slickWrap .slick .slick-prev::before { left: 12px; }
  .relationInfo .slickWrap .slick .slick-next::before { right: 12px; } }

.rankingArea { margin-top: 30px; margin-bottom: 200px; }
.rankingArea #rankingProudcts .item { margin: 0 6px 0; position: relative; text-decoration: none; color: #000; }
.rankingArea #rankingProudcts .item .name { margin: 12px 6px 0; letter-spacing: 0; color: #000; }
@media only screen and (max-width: 767px) { .rankingArea #rankingProudcts .item .name { margin: 6px 2px; } }
.rankingArea #rankingProudcts .item .fitTypes { display: flex; gap: 4px 6px; flex-wrap: wrap; margin: 4px 0 0 0; padding: 0 6px; list-style: none; }
@media only screen and (max-width: 767px) { .rankingArea #rankingProudcts .item .fitTypes { padding: 0 2px; } }
.rankingArea #rankingProudcts .item .fitTypes LI { display: flex; justify-content: center; align-items: center; padding: 4px 8px; border-radius: 20px; border: 1px solid #777; font-weight: 700; font-size: 10px; line-height: 10px; letter-spacing: -1px; font-family: Roboto, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif; }
@media only screen and (max-width: 767px) { .rankingArea #rankingProudcts .item .fitTypes LI { padding: 3px 4px; } }
.rankingArea #rankingProudcts .item .price { margin-top: 10px; margin-right: 6px; margin-left: 6px; text-indent: 0; }
@media only screen and (max-width: 767px) { .rankingArea #rankingProudcts .item .price .orgPrice { letter-spacing: 0px; } }
.rankingArea #rankingProudcts .item .price .salePrice { display: flex; align-items: center; margin-bottom: 8px; text-indent: -1px; }
@media only screen and (max-width: 767px) { .rankingArea #rankingProudcts .item .price .salePrice { letter-spacing: 0px; } }
.rankingArea #rankingProudcts .item .price .discountRate { padding: 2px 5px 2px 5px; background-color: #000; line-height: 15px; font-weight: 300; font-size: 15px; color: #FFF; }
.rankingArea #rankingProudcts .slick-arrow { position: absolute; top: 140px; width: 50px; height: 50px; margin: 0; background: rgba(0, 0, 0, 0.7); z-index: 1; opacity: 0.7; cursor: pointer; transform: unset !important; }
@media only screen and (max-width: 767px) { .rankingArea #rankingProudcts .slick-arrow { top: 100px; width: 30px; height: 30px; } }
.rankingArea #rankingProudcts .slick-arrow::before { position: absolute; content: ""; top: 50%; width: 26px; height: 26px; border: solid 1px #FFF; top: 11px; border-width: 1px 0px 0px 1px; }
@media only screen and (max-width: 767px) { .rankingArea #rankingProudcts .slick-arrow::before { top: 7px; width: 16px; height: 16px; } }

.officialBanner { margin-top: 80px; }

.ec-layoutRole__contents .categoryBar { margin: 30px 0 46px 0; }
.ec-layoutRole__contents .categoryBar.narrow { padding-right: 20px; padding-left: 20px; }
@media only screen and (max-width: 767px) { .ec-layoutRole__contents .categoryBar.narrow { padding-right: 12px; padding-left: 12px; } }
.ec-layoutRole__contents .categoryBar > UL { display: flex; gap: 0 34px; margin: 0; padding: 0 0 4px 0; list-style: none; overflow-x: scroll; }
@media only screen and (max-width: 767px) { .ec-layoutRole__contents .categoryBar > UL { gap: 0 24px; } }
.ec-layoutRole__contents .categoryBar > UL:hover { padding-bottom: 0px; }
.ec-layoutRole__contents .categoryBar > UL:hover::-webkit-scrollbar { height: 8px; }
.ec-layoutRole__contents .categoryBar > UL::-webkit-scrollbar { height: 4px; }
.ec-layoutRole__contents .categoryBar > UL::-webkit-scrollbar-thumb { background-color: #c8c8c8; border-radius: 8px; }
.ec-layoutRole__contents .categoryBar > UL::-webkit-scrollbar-track { /* 上下に余白を付ける */ margin-top: 4px; margin-bottom: 4px; }
.ec-layoutRole__contents .categoryBar > UL > LI { flex-shrink: 0; }
.ec-layoutRole__contents .categoryBar > UL > LI A { font-size: 18px; font-weight: 500; text-decoration: none; color: #000; }
@media only screen and (max-width: 767px) { .ec-layoutRole__contents .categoryBar > UL > LI A { font-size: 13px; } }

@media only screen and (max-width: 767px) { .itemList { margin-bottom: 70px; } }

@media only screen and (max-width: 767px) { .itemList .ec-shelfRole { margin-bottom: 0; } }
.ec-shelfRole .gill.tCenter .ja { display: block; margin-top: 6px; font-size: 12px; }
.ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .productNames { margin: 0; }
.ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .productNames .productName { letter-spacing: 0; color: #000; }
.ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .productNames .productName .ja { padding: 0 0 0 1px; font-size: 11px; }
.ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .productNames .productName .ja::before { position: relative; content: "/"; margin-right: 3px; font-size: 14px; }
.ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .fitTypes { display: flex; gap: 4px 6px; flex-wrap: wrap; margin: 4px 0 0 0; padding: 0 10px; list-style: none; }
@media only screen and (max-width: 767px) { .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .fitTypes { padding: 0 3px; } }
.ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .fitTypes LI { display: flex; justify-content: center; align-items: center; padding: 4px 8px; border-radius: 20px; border: 1px solid #777; font-weight: 700; font-size: 10px; line-height: 10px; letter-spacing: -1px; }
.ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .price02-default { margin-top: 10px; text-indent: 0; }
@media only screen and (max-width: 767px) { .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .price02-default { letter-spacing: 0 !important; } }
@media only screen and (max-width: 767px) { .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .price02-default .orgPrice .taxin { font-size: 12px; } }
.ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .price02-default .salePrice { display: flex; align-items: center; text-indent: -1px; }
@media only screen and (max-width: 767px) { .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .price02-default .salePrice { gap: 3px 0; flex-wrap: wrap; } }
@media only screen and (max-width: 767px) { .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .price02-default .salePrice .taxin { margin-right: 10px; font-size: 12px; } }
.ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .price02-default .salePrice .discountRate { margin-left: 14px; padding: 2px 5px 2px 8px; background-color: #000; line-height: 15px; font-weight: 300; font-size: 15px; color: #FFF; }
@media only screen and (max-width: 767px) { .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item A .price02-default .salePrice .discountRate { margin-left: 0; padding: 2px 2px 2px 5px; line-height: 14px; font-size: 14px; } }

.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__title .ec-headingTitle .ja { padding: 0 0 0 3px; font-size: 16px; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__title .ec-headingTitle .ja::before { position: relative; content: "/"; margin-right: 3px; font-size: 19px; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__code .product-code-default { font-size: 14px !important; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .fitTypes { display: flex; gap: 6px 8px; margin: 10px 0 0 0; padding: 0; list-style: none; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .fitTypes LI { display: flex; justify-content: center; align-items: center; padding: 5px 10px; border-radius: 20px; border: 1px solid #777; font-weight: 500; font-size: 12px; line-height: 12px; letter-spacing: -1px; color: #000; }
@media only screen and (min-width: 768px) { .ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .priceFavoriteArea { border-width: 0; } }
@media only screen and (max-width: 767px) { .ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .priceFavoriteArea .priceArea .ec-productRole__price { padding-top: 18px; } }
@media only screen and (min-width: 768px) { .ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .priceFavoriteArea .priceArea .ec-productRole__price { padding-top: 24px; } }
@media only screen and (max-width: 767px) { .ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .priceFavoriteArea .priceArea .ec-productRole__price .ec-price { display: flex; align-items: baseline; } }
@media only screen and (min-width: 768px) { .ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .priceFavoriteArea .priceArea .ec-productRole__price .ec-price { display: flex; align-items: baseline; } }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .priceFavoriteArea .priceArea .ec-productRole__price .ec-price .ec-price__price { font-size: 19px !important; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .priceFavoriteArea .priceArea .ec-productRole__price .ec-price .ec-price__price.strike { text-decoration: line-through; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .priceFavoriteArea .priceArea .ec-productRole__price .ec-price .ec-price__tax { letter-spacing: 0 !important; }
@media only screen and (min-width: 768px) { .ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .priceFavoriteArea .priceArea .ec-productRole__price .ec-price .ec-price__tax { margin-left: 18px !important; } }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .priceFavoriteArea .priceArea .ec-productRole__price .ec-price .salePrice { display: flex; align-items: center; margin-left: 20px; font-family: 'Yantramanav', sans-serif !important; font-weight: 500 !important; letter-spacing: 1px; line-height: 25px; font-size: 25px; color: #ff0000; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .priceFavoriteArea .priceArea .ec-productRole__price .ec-price .salePrice .discountRate { margin-left: 7px; padding: 0px 4px 0px 6px; background-color: #000; line-height: 15px; font-weight: 300; font-size: 15px; color: #FFF; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__actions { margin-top: 10px; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__actions .sizeTitle { display: flex; align-items: center; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__actions .sizeTitle .remaining { margin-left: 70px; font-size: 12px; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__actions #classCategory2BtnArea UL { position: relative; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__actions #classCategory2BtnArea UL LI.noStock .remaining { display: none !important; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__actions #classCategory2BtnArea UL LI.selected .remaining { bottom: calc(100% + 8px); left: 100px; position: absolute; display: block; font-weight: 500; font-size: 12px; color: #000; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__actions #classCategory2BtnArea UL LI .remaining { display: none; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__actions .numberInputWrap { display: flex; justify-content: space-between; align-items: flex-end; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__actions .numberInputWrap .ec-numberInput INPUT { background-color: transparent; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__actions .numberInputWrap .toContact { border-bottom: 1px solid #000; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__actions .numberInputWrap .toContact A { display: block; padding: 0 0 4px 0; text-decoration: none; color: #000; line-height: 14px; font-weight: 600; font-size: 12px; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .ec-productRole__btn.favorite { background-color: transparent !important; }
.ec-productRole .ec-grid2 .ec-grid2__cell .ec-productRole__profile .freeArea .ec-productRole__description TABLE.sizeBox TR TH { background-color: #DCDCD5; }
.ec-productRole .relationInfo #slickOutfitArea .outletTitle { font-family: 'Yantramanav', sans-serif !important; font-weight: 500 !important; font-weight: 400 !important; letter-spacing: 2px !important; font-size: 25px !important; color: #000 !important; }
.ec-productRole .relationInfo .slick-arrow { display: block !important; }
.ec-productRole .relationInfo:last-child { margin-bottom: 180px; }

.ec-cartRole .ec-cartRole__cart .ec-cartTable .ec-cartRow .ec-cartRow__contentColumn .ec-cartRow__summary .ec-cartRow__name .ja { padding: 0 0 0 6px; }
.ec-cartRole .ec-cartRole__cart .ec-cartTable .ec-cartRow .ec-cartRow__contentColumn .ec-cartRow__summary .ec-cartRow__name .ja::before { position: relative; content: "/"; margin-right: 3px; }

#plugin_payjp_creditcart_input .PayjpElement { background-color: #FFF; }
#plugin_payjp_creditcart_input .inputWrap { background-color: #FFF; }

.ec-telInput INPUT { max-width: 200px; }

.ec-historyRole .ec-historyRole__contents .ec-historyRole__detail .ec-imageGrid .ec-imageGrid__content .ec-historyRole__detailTitle .ja { margin-left: 6px; padding: 0 0 0 0px; }
.ec-historyRole .ec-historyRole__contents .ec-historyRole__detail .ec-imageGrid .ec-imageGrid__content .ec-historyRole__detailTitle .ja::before { position: relative; content: "/"; margin-right: 3px; }

.ec-orderRole .ec-orderDelivery .ec-orderDelivery__item .ec-imageGrid .ec-imageGrid__content .ja { margin-left: 4px; padding: 0 0 0 0px; }
.ec-orderRole .ec-orderDelivery .ec-orderDelivery__item .ec-imageGrid .ec-imageGrid__content .ja::before { position: relative; content: "/"; margin-right: 3px; }

.ec-mypageRole .ec-favoriteRole .ec-favoriteRole__detail .ec-favoriteRole__itemList .ec-favoriteRole__item .ec-favoriteRole__itemTitle .ja { padding: 0 0 0 1px; font-size: 14px; }
.ec-mypageRole .ec-favoriteRole .ec-favoriteRole__detail .ec-favoriteRole__itemList .ec-favoriteRole__item .ec-favoriteRole__itemTitle .ja::before { position: relative; content: "/"; margin-right: 3px; font-size: 15px; }

.ec-pagerRole { margin-top: 80px; }
.ec-pagerRole .ec-pager__item--active { background-color: #DDDDD5; }

.outletTitle, .ec-layoutRole__contents .ec-layoutRole__main .outletTitle, .ec-layoutRole__contents .ec-layoutRole__main .ec-productRole .outletTitle { line-height: 25px !important; text-align: left !important; font-size: 25px !important; font-family: 'Yantramanav', sans-serif !important; font-weight: 500 !important; font-weight: 400 !important; letter-spacing: 2px !important; color: #000 !important; }
@media only screen and (max-width: 767px) { .outletTitle, .ec-layoutRole__contents .ec-layoutRole__main .outletTitle, .ec-layoutRole__contents .ec-layoutRole__main .ec-productRole .outletTitle { padding-right: 12px !important; padding-left: 12px !important; } }
.outletTitle.narrow, .ec-layoutRole__contents .ec-layoutRole__main .outletTitle.narrow, .ec-layoutRole__contents .ec-layoutRole__main .ec-productRole .outletTitle.narrow { padding-right: 20px; padding-left: 20px; }
@media only screen and (max-width: 767px) { .outletTitle.narrow, .ec-layoutRole__contents .ec-layoutRole__main .outletTitle.narrow, .ec-layoutRole__contents .ec-layoutRole__main .ec-productRole .outletTitle.narrow { padding-right: 12px; padding-left: 12px; } }
.outletTitle.center, .ec-layoutRole__contents .ec-layoutRole__main .outletTitle.center, .ec-layoutRole__contents .ec-layoutRole__main .ec-productRole .outletTitle.center { text-align: center !important; }
.outletTitle .ja, .ec-layoutRole__contents .ec-layoutRole__main .outletTitle .ja, .ec-layoutRole__contents .ec-layoutRole__main .ec-productRole .outletTitle .ja { display: block; margin-top: 10px; line-height: 13px; letter-spacing: 0; font-weight: 400; font-size: 13px; }
@media only screen and (max-width: 767px) { .outletTitle .ja, .ec-layoutRole__contents .ec-layoutRole__main .outletTitle .ja, .ec-layoutRole__contents .ec-layoutRole__main .ec-productRole .outletTitle .ja { margin-top: 4px; } }

.ec-layoutRole__contents .ec-layoutRole__main .ec-productRole .outletTitle { margin-bottom: 22px; }

.outletCenterBtn { text-align: center; }
.outletCenterBtn > A { display: inline-block; opacity: 1; transition: opacity .2s; background-color: transparent !important; color: #000; }
.outletCenterBtn > A:hover { text-decoration: none; opacity: .8; }
.outletCenterBtn > A > SPAN { display: block; }
.outletCenterBtn > A .en { padding: 0 6px !important; border-bottom: 1px solid #000; letter-spacing: 1px !important; font-family: 'Yantramanav', sans-serif !important; font-weight: 500 !important; font-size: 16px !important; }
.outletCenterBtn > A .ja { margin: 8px 0 0 0; font-weight: 500; font-size: 13px; }
@media only screen and (max-width: 767px) { .outletCenterBtn > A { font-size: 140%; } }

.orgPrice { display: inline-block; position: relative; font-size: 15px; line-height: 15px; }
.orgPrice::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; width: 100%; height: 1px; background-color: #000; }

.salePrice { font-family: 'Yantramanav', sans-serif !important; font-weight: 400 !important; letter-spacing: 1px; font-size: 18px; line-height: 18px; }

.taxin { margin: 0 0 0 8px; letter-spacing: 0; line-height: 14px; font-size: 14px; }