@charset "UTF-8";
/*ベース*/
#fs-header { -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); }

#fs-header input, #fs-header button, #fs-header textarea, #fs-header select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#fs-header ul { margin: 0; padding: 0; list-style-type: none; }

#fs-header a { color: #595757; }

#fs-header p { margin: 0; }

#fs-header .pcv { display: none; }

@media screen and (min-width: 1200px) { #fs-header .pcv { display: block; }
  #fs-header .spv { display: none; } }

#fs-header { position: fixed; top: 0; left: 0; background-color: #fff; width: 100%; -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); z-index: 100; }

#fs-header .header-wrap { padding: 0 15px; }

#fs-header .header-flex { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

#fs-header .drawer-hidden { display: none; }

#fs-header .drawer-open { display: -webkit-box; display: -ms-flexbox; display: flex; height: 20px; width: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 100; cursor: pointer; margin: auto; left: -6px; }

#fs-header .drawer-open span, #fs-header .drawer-open span:before, #fs-header .drawer-open span:after { content: ""; display: block; height: 2px; width: 20px; border-radius: 3px; background: #595757; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: absolute; }

#fs-header .drawer-open span:before { bottom: 7px; }

#fs-header .drawer-open span:after { top: 7px; }

#fs-header #drawer-check:checked ~ .drawer-open span { background: rgba(255, 255, 255, 0); }

#fs-header #drawer-check:checked ~ .drawer-open span::before { bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

#fs-header #drawer-check:checked ~ .drawer-open span::after { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

#fs-header .drawer-content { width: 100%; height: 100%; position: fixed; top: 61px; right: 100%; /* メニューを画面の外に飛ばす */ background: #fff; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; margin-right: 70px; padding-left: 70px; padding-bottom: 60px; overflow: scroll; }

#fs-header .drawer-content-bg { width: 100%; height: 100%; position: fixed; top: 60px; right: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background: rgba(0, 0, 0, 0.7); border-top: 1px solid #eee; }

#fs-header #drawer-check:checked ~ .drawer-content { right: 0; }

#fs-header #drawer-check:checked ~ .drawer-content-bg { left: 0; }

#fs-header .drawer-open-txt { font-size: 7px; -webkit-transform: scale(0.7); -webkit-transform-origin: 0 0; display: block; margin: auto; width: 40px; margin-top: 2px; text-align: center; position: relative; z-index: 100; }

#fs-header .drawer-content-wrap { padding: 30px 15px 0px; }

#fs-header .drawer-content-txt { margin-bottom: 30px; }

#fs-header .drawer-content-form { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 18px; }

#fs-header .drawer-content-form-txt { border: 1px solid #c7c8c8; text-indent: 10px; font-size: 13px; }

#fs-header .drawer-content-form-btn { -webkit-box-flex: 0; -ms-flex: 0 0 37px; flex: 0 0 37px; width: 37px; height: 37px; background-color: #595757; margin-left: 6px; background-image: url(../img/header/search.svg); background-repeat: no-repeat; background-size: 12px; background-position: center; }

#fs-header .drawer-content-tag-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 35px; }

#fs-header .drawer-content-tag-flex-item { border: 1px solid #c7c8c8; padding: 3px 5px; margin-right: 5px; margin-bottom: 5px; border-radius: 5px; font-size: 10px; }

#fs-header .drawer-content-ttl { font-size: 13px; font-weight: bold; margin-bottom: 15px; }

#fs-header .drawer-content-login-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; }

#fs-header .drawer-content-login-btn { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; background-color: #595757; color: #fff; height: 37px; line-height: 37px; font-size: 14px; text-align: center; }

#fs-header .drawer-content-cate-ttl { padding-bottom: 12px; font-size: 13px; font-weight: bold; }

#fs-header .drawer-content-cate-list { border-top: 1px solid #c7c8c8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; margin: auto; margin-bottom: 40px; }

#fs-header .drawer-content-cate-list li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

#fs-header .drawer-content-cate-list a { border-bottom: 1px solid #c7c8c8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 45px; background-image: url(../img/header/arrow.svg); background-repeat: no-repeat; background-size: 10px; background-position: right 10px center; font-size: 13px; position: relative; }

#fs-header .drawer-content-cate-list-toggle { border-bottom: 1px solid #c7c8c8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 45px; background-image: url(../img/top/plus.svg); background-repeat: no-repeat; background-size: 11px; background-position: right 10px center; font-size: 13px; position: relative; cursor: pointer; }

#fs-header .drawer-content-cate-list-toggle.clicked { background-image: url(../img/top/minus.svg); }

#fs-header .drawer-content-cate-list-child { width: 100%; display: none; }

#fs-header .drawer-content-cate-list-child li { background-color: #f5f6f6; }

#fs-header .drawer-content-cate-list-child li a { padding-left: 20px; }

#fs-header .drawer-content-cate-list-child a { border-bottom: 1px solid #c7c8c8; }

#fs-header .drawer-content-cate-list-thum { padding-left: 60px; text-indent: 0; }

#fs-header .drawer-content-cate-list-thum:before { content: ""; width: 40px; height: 40px; margin-left: 10px; margin-right: 10px; background-repeat: no-repeat; background-size: 40px; background-position: center; background-image: url(../img/top/cate-haircare.jpg); position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }
#fs-header .drawer-content-cate-list-thum-nihonsyu::before { background-image: url(../img/top/cate-nihonsyu.jpg); }

#fs-header .drawer-content-cate-list-thum-syotyu::before { background-image: url(../img/top/cate-shotyu.jpg); }

#fs-header .drawer-content-cate-list-thum-syokuhin::before { background-image: url(../img/top/cate-shokuhin.jpg); }

#fs-header .drawer-content-cate-list-thum-syuki::before { background-image: url(../img/top/cate-shuki.jpg); }

#fs-header .drawer-content-cate-list-thum-zakka::before { background-image: url(../img/top/cate-zakka.jpg); }

#fs-header .drawer-content-cate-list-thum-sukin::before { background-image: url(../img/top/cate-sukin.jpg); }

#fs-header .drawer-content-cate-list-thum-nyuyoku::before { background-image: url(../img/top/cate-nyuyoku.jpg); }

#fs-header .drawer-content-cate-list-thum-brand-osake::before { background-image: url(../img/top/brand-sake.jpg); }

#fs-header .drawer-content-cate-list-thum-brand-shokuhin::before { background-image: url(../img/top/brand-syokuhin.jpg); }

#fs-header .drawer-content-cate-list-thum-brand-kosume::before { background-image: url(../img/top/brand-kosume.jpg); }

#fs-header .drawer-content-brand-list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 45px; border-bottom: 1px solid #c7c8c8; background-image: url(../img/header/arrow.svg); background-repeat: no-repeat; background-size: 10px; background-position: right center; font-size: 12px; }

#fs-header .drawer-content-brand-list li a:before { content: ""; width: 33px; height: 33px; margin-right: 35px; background-repeat: no-repeat; background-size: 33px; background-position: center; background-image: url(../img/header/drawer-brand-img01.jpg); }

#fs-header .drawer-content-brand-list li:first-child a { border-top: 1px solid #c7c8c8; }

#fs-header .drawer-content-nav { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #c7c8c8; }

#fs-header .drawer-content-nav li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

#fs-header .drawer-content-nav li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 45px; border-bottom: 1px solid #c7c8c8; border-right: 1px solid #c7c8c8; font-size: 12px; text-indent: 10px; background-image: url(../img/header/arrow.svg); background-repeat: no-repeat; background-size: 10px; background-position: right 10px center; }

#fs-header .drawer-content-nav-sns { margin: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#fs-header .drawer-content-nav-sns li { margin: 0 8px; }

#fs-header .header-logo-link { display: block; width: 170px; }

#fs-header .header-rig-icon { display: -webkit-box; display: -ms-flexbox; display: flex; }

#fs-header .header-rig-icon-item { position: relative; padding-bottom: 15px; }

#fs-header .header-rig-icon-item.header-rig-icon-item-01 { margin-right: 15px; width: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#fs-header .header-rig-icon-item.header-rig-icon-item-02 { width: 21px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#fs-header .header-rig-icon-item-01 .header-rig-icon-item-txt { font-size: 7px; -webkit-transform: scale(0.7); -webkit-transform-origin: 0 0; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 50px; text-align: center; }

#fs-header .header-rig-icon-item-02 .header-rig-icon-item-txt { font-size: 7px; -webkit-transform: scale(0.7); -webkit-transform-origin: 0 0; position: absolute; left: 0; bottom: 0; margin: auto; width: 30px; margin-left: 2px; text-align: center; }

#fs-header .fs-client-cart-count { background: #595757; border-radius: 1em; color: #fff; display: none; font-size: 1rem; line-height: 1; padding: 0.2em 0.4em; position: absolute; top: -8px; right: -8px; display: block; font-weight: normal; }

#fs-header .search-megamenu { display: none; position: fixed; top: 60px; left: 0; right: 0; background: #fff; padding: 80px 0; width: 100%; margin: auto; }

#fs-header .search-megamenu-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 30px; }

#fs-header .search-megamenu-flex-item { border: 1px solid #c7c8c8; margin-right: 8px; margin-bottom: 5px; border-radius: 3px; padding: 2px 5px; font-size: 14px; }

#fs-header .search-megamenu-form { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 18px; max-width: 655px; width: 100%; margin: auto; }

#fs-header .search-megamenu-form-txt { border: 1px solid #c7c8c8; text-indent: 10px; }

#fs-header .search-megamenu-form-btn { -webkit-box-flex: 0; -ms-flex: 0 0 108px; flex: 0 0 108px; width: 108px; height: 45px; background-color: #595757; margin-left: 10px; color: #fff; font-size: 16px; cursor: pointer; }

@media screen and (min-width: 370px) { #fs-header .drawer-content-nav li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } }

@media screen and (min-width: 1200px) { #fs-header .header-wrap { padding: 0 25px; }
  #fs-header .header-lft { display: none; }
  #fs-header .header-logo-link { width: 237px; }
  #fs-header .header-rig { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #fs-header .heaader-nav { padding: 0 20px; margin-right: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; }
  #fs-header .header-nav-list:last-child .header-nav-link { border-right: none; }
  #fs-header .header-nav-list .header-nav-link:before { content: ""; padding: 5px 0; padding-left: 15px; margin-right: 3px; background-repeat: no-repeat; background-size: 15px; background-position: center; }
  #fs-header .header-nav-list:first-child .header-nav-link:before { background-image: url(../img/header/faq.svg); }
  #fs-header .header-nav-list:nth-child(2) .header-nav-link:before { background-image: url(../img/header/first.svg); padding-left: 11px; background-size: 11px 15px; }
  #fs-header .header-nav-list:last-child .header-nav-link:before { background-image: url(../img/header/login.svg); }
  #fs-header .header-nav-link { padding: 0 13px; display: block; border-right: 1px solid #595757; line-height: 1; width: 160px; }
  #fs-header .header-rig-sendfree { color: #fff; margin-right: 35px; position: relative; border-top: solid 2px #595757; border-bottom: solid 2px #595757; max-width: 278px; width: 100%; }
  #fs-header .header-rig-sendfree span { display: block; padding: 7px; text-align: center; background-color: #595757; max-width: 264px; width: 100%; position: relative; left: 6px; }
  #fs-header .header-rig-sendfree span:before { content: ""; padding-left: 23px; background-image: url(../img/header/truck.svg); background-repeat: no-repeat; background-size: 23px 13px; background-position: center; margin-right: 5px; }
  #fs-header .header-rig-sendfree:before, #fs-header .header-rig-sendfree:after { content: ''; position: absolute; top: -6px; width: 2px; height: -webkit-calc(100% + 12px); height: calc(100% + 12px); background-color: #595757; }
  #fs-header .header-rig-sendfree:before { left: 6px; }
  #fs-header .header-rig-sendfree:after { right: 6px; }
  #fs-header .header-rig-icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #fs-header .header-rig-icon-item { padding: 0; display: block; }
  #fs-header .header-rig-icon-item.header-rig-icon-item-01 { display: none; width: auto; }
  #fs-header .header-rig-icon-item.header-rig-icon-item-02 { display: block; width: auto; margin-right: 30px; position: relative; }
  #fs-header .fs-client-cart-count { padding: 0.3em 0.5em; top: -6px; right: -6px; }
  #fs-header .header-center { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; }
  #fs-header .header-rig-icon-item-search { cursor: pointer; display: block; }
  #fs-header .header-flex { height: 90px; }
  #fs-header .search-megamenu { top: 129px; } }

@media screen and (min-width: 1350px) { #fs-header .heaader-nav { padding: 0 50px; margin-right: 80px; }
  #fs-header .header-logo-link { width: 300px; }
  #fs-header .header-nav-link { padding: 0 20px; width: 160px; text-align: center; }
  #fs-header .heaader-nav { margin-right: 50px; } }

/*ナビ*/
#fs-nav { display: none; }

@media screen and (min-width: 1200px) { #fs-nav { display: block; }
  #fs-nav .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #fs-nav .nav-li { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571428571429%; flex: 0 0 14.28571428571429%; text-align: center; }
  #fs-nav .nav-li:hover .nav-li-link { border-bottom: 3px solid #595757; }
  #fs-nav .nav-li .nav-li-link span { display: block; border-right: 1px solid #c7c8c8; }
  #fs-nav .nav-li:last-child .nav-li-link span { border-right: none; }
  #fs-nav .nav-li-link { font-size: 16px; display: block; font-weight: bold; padding: 0 0 15px; height: 39px; }
  #fs-nav .nav-li-link { text-decoration: none; }
  #fs-nav .nav-megamenu { display: none; position: fixed; top: 129px; left: 0; right: 0; background: #fff; padding: 60px 0; width: 100%; margin: auto; -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); }
  /*#fs-nav .nav-li:hover .nav-megamenu { display: block; }*/
  #fs-nav .nav-megamenu-list { max-width: 1100px; width: 100%; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
  #fs-nav .nav-megamenu-list li { -webkit-box-flex: 0; -ms-flex: 0 0 24.4%; flex: 0 0 24.4%; margin-left: -1px; margin-top: -1px; }
  #fs-nav .nav-megamenu-list a { border: 1px solid #c7c8c8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 70px; background-image: url(../img/header/arrow.svg); background-repeat: no-repeat; background-size: 10px; background-position: right 10px center; font-size: 16px; text-align: center; position: relative; }
  #fs-nav .nav-megamenu-ttl { max-width: 1100px; width: 100%; margin: auto; font-size: 25px; text-align: left; margin-bottom: 20px; position: relative; padding-left: 20px; }
  #fs-nav .nav-megamenu-ttl:before { content: ""; position: absolute; top: 50%; left: 0; display: inline-block; width: 20px; height: 3px; background-color: #998e87; -webkit-transform: rotate(-70deg); -ms-transform: rotate(-70deg); transform: rotate(-70deg); }
  #fs-nav .nav-megamenu-ttl02 { margin-top: 30px; } }

/*------------------------------
2022.6.16　hnb開閉
------------------------------*/
#fs-header.hnb_head .nav-li-link{cursor: pointer;}
#fs-header.hnb_head .nav-megamenu .area{
overflow: hidden;
  height: 0;
-moz-transition: .4s;
  -webkit-transition: .4s;
  -o-transition: .4s;
  -ms-transition: .4s;
  transition: .4s;
padding: 0;
}
#fs-header.hnb_head #fs-nav .nav-li:hover .nav-megamenu .area{
overflow: visible;
height:100%;

}
#fs-header.hnb_head #fs-nav .nav-megamenu{padding: 0 !important;}
#fs-header.hnb_head #fs-nav .nav-megamenu .type2,
#fs-header.hnb_head #fs-nav .nav-megamenu .type1{padding: 50px 0}