@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 450px) {
  section.fs-l-pageMain > .fs-c-breadcrumb::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
  }
}
@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
  .sp {
    display: block !important;
  }
  .fs-l-main {
    padding: 0;
  }
  section.fs-l-pageMain > * {
    padding: 0 10px;
  }
  section.fs-l-pageMain > section.top_recommend, section.fs-l-pageMain > section.top_new, section.fs-l-pageMain > section.top_sale, section.fs-l-pageMain > section.top_kategory {
    padding-right: 0;
  }
  .sp {
    display: block;
  }
  .fs-pt-menu * {
    transition-duration: unset;
  }
  section.fs-l-pageMain > .fs-c-breadcrumb {
    border-bottom: 1px solid #bb8e6a;
    padding-bottom: 4px;
    padding-right: 0;
  }
  .fs-c-breadcrumb__list, .f-breadcrumb__list {
    padding: 5px 0;
    white-space: nowrap;
	margin-left: 5px;
  }
  .fs-c-breadcrumb__list > li:last-child, .f-breadcrumb__list > li:last-child {
    padding-right: 10px;
  }
  section.fs-l-pageMain > .fs-c-breadcrumb {
    overflow-x: scroll !important;
    -webkit-overflow-scrolling: touch !important;
    transform: translateZ(0);
  }
  section.fs-l-pageMain > .fs-c-breadcrumb::-webkit-scrollbar {
    height: 10px;
  } /*バーの太さ*/
  section.fs-l-pageMain > .fs-c-breadcrumb::-webkit-scrollbar-track {
    background: #fff;
  } /*バーの背景色*/
  .top_scroll::-webkit-scrollbar-thumb {
    background: #ddd;
  }
  /*header
***************************************************************/
  header.fs-l-header {
    margin: 0 0 4vw;
  }
  .fs-p-logo__image {
    max-height: 33px;
  }
  .fs-l-header__contents {
    -ms-grid-columns: 1fr 170px 37px;
    grid-template-columns: 1fr 170px 37px;
    padding: 1vw 8px;/*old4vw 8px*/
    align-items: center;
  }
  .fs-l-header__logo {
    -ms-grid-column: 1;
    grid-column: 1;
    padding: 0;
  }
  .fs-p-logo__image {
    /*max-height: 8.5vw;*/
	  max-height: 7vw; /*新ロゴ20211125*/
  }
  .hd_nav {
    width: 100%;
    margin: 0;
    padding: 0 8px 0 0;
  }
  .hd_nav li {
    font-size: 10px;
  }
  .hd_nav li p {
    margin: 0;
  }
  .hd_nav ul.flex {
    justify-content: space-around;
  }
  .hd_nav li + li {
    padding-left: 2vw;
  }
  section.nav_sp_search {
    background: #fff;
    padding: 5px 0;
  }
  .fs-p-searchForm {
    margin: 0 auto;
    padding: 0 8px;
    width: 100%;
  }
  span.fs-p-searchForm__inputGroup.fs-p-inputGroup > p {
    width: 50%;
  }
  span.fs-p-searchForm__inputGroup.fs-p-inputGroup select {
    padding: 8px 24px 8px 8px;
  }
  span.fs-p-searchForm__inputGroup.fs-p-inputGroup select option {
    background: #fff;
  }
  /*ハンバーガーメニュー
***************************************************************/
  .Toggle {
    display: block;
    position: relative;
    padding: 0;
    height: 37px;
    background: #c99f7d;
    margin-bottom: 3px;
     }
  .Toggle span {
    display: block;
    position: absolute;
    width: 60%;
    border-bottom: solid 1px #fff;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    right: 0;
    left: 0;
    margin: auto;
  }
  .Toggle span:nth-child(1) {
    top: 10px;
  }
  .Toggle span:nth-child(2) {
    top: 18px;
  }
  .Toggle span:nth-child(3) {
    top: 26px;
  }
  /* 最初のspanをマイナス45度に */
  .Toggle.active span:nth-child(1) {
    top: 18px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /* 2番目と3番目のspanを45度に */
  .Toggle.active span:nth-child(2), .Toggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  section.menu_sp {
    position: relative;
  }
  nav.NavMenu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    color: #874e4c;
    text-align: center;
    width: 100%;
    height: 95vh;/*90vh;*/
    display: none;
    overflow: scroll !important;
     }
  section.menu_sp .fs-clientInfo.is-ready {
    padding: 0 16px;
  }
  .login-false .flex p a {
    /*font-weight: 500;*/
  }
  ul.flex.hd_menu_sp li {
    font-size: 13px;
    width: 33.3333%;
    border-top: 1px solid #bb8e6a;
    border-bottom: 1px solid #bb8e6a;
    text-align: left;
    font-weight: bold;
    letter-spacing: -0.5px;
    background: #fff;
  }
  ul.flex.hd_menu_sp li + li {
    border-left: 1px solid #bb8e6a;
  }
  ul.flex.hd_menu_sp li a {
    padding: 2.5vw 8px;
    position: relative;
  }
  ul.flex.hd_menu_sp li a::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-right: 1px solid;
    border-top: 1px solid;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 13px;
    color: #874e4c;
  }
  section.menu_sp section.top_kategory {
    padding: 6.5vw 0 30vw;
    text-align: left;
  }
  section.menu_sp section.top_kategory h2.top_title {
    font-size: 18px;
    margin: 0 auto 5.5vw;
    padding: 0 8px;
  }
	
	
	h2.top_title span {
		font-size: 10px;
		vertical-align: middle;
		font-family: Arial, Helvetica, "sans-serif";
	}
	
  section.menu_sp .fs-p-searchForm {
    padding: 5vw 8px;
    background: #fff;
  }
  /*カテゴリから探す
***************************************************************/
  section.fs-l-pageMain > section.top_kategory {
    padding: 0;
  }
  section.fs-l-pageMain > section.top_kategory {
    padding-top: 11vw;
    padding-bottom: 11vw;
  }
  section.fs-l-pageMain > section.top_kategory h2 {
    padding-left: 10px;
  }
  .search_cate > li > span {
    pointer-events: all;
  }
  .search_cate > li > ul {
    display: none;
  }
  .search_cate > li > ul::after {
    content: "";
    display: block;
    clear: both;
  }
  .search_cate > li > ul li {
    width: 50%;
    font-size: 14px;
    border-left: 0;
    float: left;
  }
  .search_cate > li > ul li:nth-child(2n-1) {
    border-right: 1px solid #bb8e6a;
  }
  .search_cate > li > ul li.viewall.fs-pt-menu__item.fs-pt-menu__item--lv2:nth-child(2n-1), .search_cate > li > ul li.fs-pt-menu__item.fs-pt-menu__item--lv2:nth-child(2n-1) {
    border-right: 1px solid #bb8e6a;
  }
  .search_cate > li > ul li:nth-last-child(2) {
    width: 50%;
  }
  .search_cate > li > ul li:nth-last-child(2), .search_cate > li > ul li:nth-child(4n) {
    border-right: 0;
  }
  .search_cate > li > ul li:nth-last-child(2) {
    border-bottom: none;
  }
  .search_cate > li > ul li:nth-child(2n) {
    border-bottom: 1px solid #bb8e6a;
  }
  li.viewall.fs-pt-menu__item.fs-pt-menu__item--lv2 {
    position: unset;
    font-size: 14px;
    background: #fff;
    width: 50%;
  }
  li.fs-pt-menu__item.fs-pt-menu__item--lv1 {
    position: relative;
  }
  .search_cate > li > ul li a {
    padding: 4vw 10px 3.5vw;
  }
  .search_cate > li > ul li a::after {
    width: 7px;
    height: 7px;
    right: 14px;
  }
  .search_cate > li > ul li.viewall.fs-pt-menu__item.fs-pt-menu__item--lv2 a::after {
    width: 7px;
    height: 7px;
    top: 48%;
    right: 14px;
  }
  .search_cate > li > span {
    margin-bottom: 0;
    text-align: left;
  }
  .search_cate > li > span::before {
    width: 15vw;
    height: 16vw;
    margin-left: 10px;
    margin-right: 3px;
  }
  .search_cate {
    margin: 0;
    border-top: 1px solid #bb8e6a;
  }
  section.top_kategory .inner > .flex {
    display: block;
  }
  section.top_kategory .inner > .flex ul {
    width: 100%;
    border-top: 1px solid #bb8e6a;
  }
  /*ul.search_cate.cate_brand.fs-pt-menu.fs-pt-menu--lv1*/
  ul.search_cate.cate_event.fs-pt-menu.fs-pt-menu--lv1 {
    border-bottom: 1px solid #bb8e6a;
  }
  span.fs-pt-menu__heading.fs-pt-menu__heading--lv1.open {
    background: #fff;
  }
  li.fs-pt-menu__item.fs-pt-menu__item--lv1::after {
    content: "";
    display: block;
    width: 5vw;
    height: 0.7vw;
    background: #874e4c;
    position: absolute;
    top: 8vw;
    right: 2.7vw;
  }
  span.fs-pt-menu__heading.fs-pt-menu__heading--lv1::after {
    content: "";
    display: block;
    width: 0.7vw;
    height: 5vw;
    background: #874e4c;
    position: absolute;
    top: 5.9vw;
    right: 4.8vw;
    transition: 0.3s;
    z-index: 5;
  }
  span.fs-pt-menu__heading.fs-pt-menu__heading--lv1.open::after {
    transform: rotate(90deg);
    transition: 0.3s;
  }
  /*footer
***************************************************************/
  footer.fs-l-footer {
    margin-top: 0;
    padding: 11vw 0 0;
  }
  .fs-l-footer__contents.inner > * {
    padding: 0 10px;
    font-size: 14px;
  }
  .fs-l-footer__contents.inner {
    padding-bottom: 0;
  }
  .fs-l-footer__contents.inner > .flex {
    display: block;
    padding: 0;
  }
  footer.fs-l-footer h3 {
    font-size: 18px;
    margin: 0 auto 1vw;
    padding: 0 10px 2vw;
    border: 0;
  }
  .fs-l-footer__contents.inner > .flex section.ft_contact > * {
    padding-left: 10px;
    padding-right: 10px;
  }
  section.ft_guide {
    margin-bottom: 11vw;
  }
  section.ft_guide li {
    font-size: 14px;
  }
  section.ft_guide li a {
    padding: 3vw 0;
  }
  section.ft_guide li a p {
    margin-top: 1vw;
    line-height: 1.4;
  }
  footer.fs-l-footer section.ft_contact h3 {
    border-bottom: 1px solid #bb8e6a;
    margin-bottom: 14px;
  }
  section.ft_contact address p, section.ft_contact > p {
    line-height: 1.7;
  }
  section.ft_contact address {
    margin-bottom: 15px;
  }
  p.ft_btn a {
    font-size: 12px;
    padding: 8px;
  }
  p.ft_btn {
    margin-top: 15px;
  }
  p.ft_btn a:after {
    width: 7px;
    height: 7px;
    right: 10px;
  }
  .fs-l-footer__contents.inner > .flex section.ft_contact, .fs-l-footer__contents.inner > .flex section.ft_shop {
    width: 100%;
    line-height: 1.55;
  }
  .fs-l-footer__contents.inner > .flex section.ft_contact {
    margin-bottom: 11vw;
  }
  section.ft_shop ul {
    width: 50%;
  }
  section.ft_shop ul:first-child {
    width: 50%;
  }
  section.ft_shop.fs-clientInfo.is-ready .flex {
    padding: 0;
    font-size: 12px;
    border-bottom: 1px solid #bb8e6a;
    margin: 0;
  }
  section.ft_shop li {
    padding: 2.5vw 10px 2.5vw;
    margin: 0;
    border-bottom: 1px solid #bb8e6a;
    position: relative;
  }
  section.ft_shop li a::before {
    position: absolute;
    right: 10px;
    top: 2px;
    bottom: 0;
    margin: auto 0;
    width: 7px;
    height: 7px;
  }
  section.ft_shop ul:first-child li {
    border-right: 1px solid #bb8e6a;
  }
  section.ft_shop ul li:first-child {
    border-top: 1px solid #bb8e6a;
  }
  section.ft_shop ul:first-child li:last-child {
    border-bottom: 0;
  }
  /*pagetop
***************************************************************/
	.fs-p-footerPageTop {
		max-width: 74px;
		width: 19.065%;
		bottom: 25px;
		margin: 0;
		left: auto;
		z-index: 99;
		display: none;
	}
}


/********* SPハンバーガー部分追加 20200514 *********/
@media screen and (max-width: 768px){
section.menu_sp section.top_kategory {
    padding: 6.5vw 0 10vw;
    text-align: left;
}
}

article.guide {
    background: #FFF;
    margin-bottom: 0px;
    padding-bottom: 20px;
    text-align: left;
}

.guide h2.top_title,
.sns h2.top_title {
    font-size: 18px;
    margin: 0 auto 5px;
    padding: 0 8px;
}

article.sns {
    background: #FFF;
	margin-top: 0px;
    margin-bottom: 80px;
    padding-bottom: 40px;
    text-align: left;
}