/** Shopify CDN: Minification failed

Line 1660:2 "padding-letf" is not a known CSS property
Line 3079:0 Unexpected "<"

**/
/*====================================
	
  	0. General
      0.1 Media Query
      0.2 Price
  	1. Header
    2. Footer
    3. Section
  		3.1 xxxxxx
  		3.2 xxxxxx
    4. Snippet  
  	5. Product
    6. Collection
  	7. Page
  		7.1 Contact
      7.2 About
      7.3 feature-collection
      7.4 Order
    8. Blog
    9. Article
    10. Cart
    11. Account
      11.2 Account
      11.2 Address
    12. Policy
      11.1 General Policy
    13. Search
    14. App

====================================*/


/*====================================

	0. General

====================================*/
:root{
	scroll-behavior: smooth;
}

/*
 	0.1 Media Query
====================================*/
@media (min-width:768px) {
  .visible-sp {
    display: none!important
  }
}
@media (min-width:992px) {
  .visible-tb {
    display: none!important
  }
}
@media (max-width:991px) {
  .visible-pc {
    display: none!important
  }
}
@media (max-width:767px) {
  .hidden-sp {
    display: none!important
  }
}
@media (max-width:991px) {
  .hidden-tb {
    display: none!important
  }
}
@media (min-width:992px) {
  .hidden-pc {
    display: none!important
  }
}

/*
 	0.2 Price
====================================*/
.price {
  color: var(--text-color);
}
.tax {
  font-size: .7em
}


/*
 	0.2 Button
====================================*/
.button {
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 2;
  min-height: 55px;
  border-radius: 27.5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button--secondary {
  background: #8b8179;
  color: #fff;
  transition: .5s ;
}
.button--secondary:hover {
  background: var(--border-color); 
}
@media only screen and (max-width: 640px) {
  .empty-state__button-container .button {
    margin: 0 auto;
  }
}

/*
 	0.2 Card
====================================*/
.card {
   background: transparent;
}



/*
 	0.2 ページネーション
====================================*/
#pagination {
  padding: 15px 0 !important;
  border-bottom: 1px solid var(--border-color);
}
#gf_pagination_wrap {
  border: none;
}

/*
 	0.2 Topへ戻る
====================================*/
html {
    scroll-behavior: smooth;
}
.footer__pagetop a {
  height: 75px;
  width: 75px;
  position: fixed;
  right: 5%;
  bottom: 5%;
  background: var(--accent-color);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  transition: .2s;
}
.footer__pagetop a:hover {
  opacity: .8;
}
.footer__pagetop a svg {
  width: 20px;
  height: auto;
}
@media only screen and (max-width: 640px) {
  .footer__pagetop a {
    height: 48px;
    width: 48px;
    bottom: 85px;
  }
  .footer__pagetop a svg {
    width: 12px;
    height: auto;
  }
}

/*====================================

	1. Header

====================================*/
@media only screen and (max-width: 640px) {
  .header__inner {
    justify-content: flex-start;
  }
  .header__mobile-nav {
    width: 50px;
    margin-right: 0;
  }
  .header__action-list {
    margin-left: 0;
    width: 30%;
    justify-content: flex-end;
    flex-grow: 1;
  }
}

/*====== LOGO + Copy ======*/
.header {
  padding-top: 40px;
}
.header .container {
  position: relative;
}
.header__copy {
  position: absolute;
  top: -20px;
  left: 40px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1000px) {
  .nav-bar__item {
      padding: 8px 0 17px;
  }
}
@media only screen and (max-width: 640px) {
  .header {
    padding-top: 24px;
  }
  .header__copy {
    font-size: 10px;
    top: 45%;
    left: 35%;
    transform: scale(0.9); 
    transform-origin: left top; 
  }
  .header__mobile-nav {
      width: 30px;
  }
}
@media only screen and (max-width: 430px) {
  .header__copy {
    left: 40%;
  }
}
@media only screen and (max-width: 400px) {
  .header__copy {
    left: 42%;
    transform: scale(0.8); 
  }
}
@media only screen and (max-width: 375px) {
  .header__logo-image {
    width: 80px !important;
  }
  .header__copy {
    left: 40%;
    transform: scale(0.8); 
  }
}

/*====== Search + Icon ======*/

.search-bar__top {
  background: var(--header-background);
}
.search-bar__input {
  border: 1px solid #716D6F;
  border-radius: 10px 0 0 10px;
}
.search-bar__submit {
  border-radius: 0 10px 10px 0;
}

@media (min-width:992px) {
  .header__action-item {
    padding: 0 25px;
  }
}
.header__action-item-content span {
  line-height: 1;
}
.header__action-item-content a {
  transition: .2s;
}
.header__action-item-content a:hover {
  opacity: .8;
}
.header__account-icon,
.header__favorite-icon {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.header__favorite-icon .icon {
  width: 22px;
  height: 22px;
}

/*====== Navi ======*/
.nav-bar {
  background: var(--header-background);
}
.nav-bar__linklist {
  text-align: center;
}
.nav-bar__item--static .link:focus {
  color: inherit;
}
.nav-bar__item.is-dropdown-open  .link:focus {
  color: var(--accent-color);
}
.nav-bar__item.is-dropdown-open .icon--arrow-bottom {
  transform: rotate(180deg);
  color: var(--accent-color);
}
.nav-dropdown {
  background: var(--background);
}
.mega-menu {
  background: var(--background);
}
.mega-menu__column {
  text-align: left;
  color: var(--text-color);
  width: 25%;
}
.mega-menu__title {
      font-size: 20px;
    font-weight: bold;
}

/*====== Navi(mobile) ======*/
@media only screen and (max-width: 640px) {
  .mobile-menu__panel {
    background: var(--background);
  }  
  #mobile-menu .icon--nav-triangle-borderless {
    display: none;
  }
  .mobile-menu__panel-title {
    background: var(--secondary-background);
    margin-bottom: -16px;
  }  
  .mobile-menu__section:not(:last-child) {
    border: none;
  }
  .mobile-menu__navi {
    display: flex;
      column-gap: 1px;
        flex-direction: column;
  }  
  .mobile-menu__navi-item {
    list-style: none;
    width: 100%;
  }  
  .mobile-menu__navi-item-title {
    font-size: 16px;
      color: var(--text-color);
      text-align: left;
      margin-bottom: 0;
      position: relative;
      cursor: pointer;
      padding: 15px 20px;
      transition: all .5s ease;
      border-radius: 0!important;
      border-bottom: 1px solid var(--border-color);
  }  
  .mobile-menu__navi-item:last-child .mobile-menu__navi-item-title {
    border-bottom: none;
  }
  .mobile-menu__navi-item-title:before {
      content: "";
      width: 10px;
      height: 10px;
      border-top: solid 3px var(--border-color);
      border-right: solid 3px var(--border-color);
      position: absolute;
      transform: rotate(135deg);
      top: 45%;
      right: 15px;
    }
  .mobile-menu__navi-item-title.close:before {
        transform: rotate(-45deg);
  }  
  .mobile-menu__navi-item-list {
    background: var(--secondary-background);
    display: none;
    background: transparent;
    padding: 0;
  }  
  .mobile-menu__navi-item-list li {
    list-style: none;
    background: #f8f7f4;
    padding: 10px 40px;
    margin-bottom: 1px;
    line-height: 1.875;
  }
   .mobile-menu__navi-item-list-active {
    padding: 0;
   }
  .mobile-menu__navi-item-list-active li {
    padding: 10px 40px;
    margin-bottom: 1px;
     line-height: 1.875;
    list-style: none;
  }
  .mobile-menu__section--loose {
    background: var(--footer-background-color);
  }
  .mobile-menu__social-title {
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.2em;
    text-align: center;
  }
  .mobile-menu__section .social-media__item-list {
      display: flex;
  }
  .mobile-menu__navi-item-list li.level3 {
    font-size: 14px;
    padding: 5px 0 5px 20px;
  }
}
/* mega menu */
.mega_menu__button .button--primary {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 55px;
  margin: 0 auto 50px;
  border-radius: 27.5px;
  font-weight: 700;
  letter-spacing: .1em;
}
.mega-menu__link {
  font-size: 14px;
}
.link-color__enabled .link-color:before {
    width: 18px;
    height: 18px;
}
.mega-menu__linklist .mega-menu__item:nth-child(n+13) {
  display: none;
}
.mega-menu__column {
 margin: 0 30px 10px 
}
.mega-menu__inner__bottom {
  padding-top: 0;
  margin-bottom: 20px;
}
.mega-menu__bottom-title {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}


/*====================================

	2. Footer

====================================*/
footer {
  margin-top: 50px;
}
.footer__wrapper {
  display: flex;
  justify-content: space-between;
}
.footer__block-logo {
  max-width: 265px;
  text-align: center;
}
.footer__logo {
  width: 140px;
}

.footer__aside-item--social {
  margin-top: 28px;
}
.social-media__item-list {
  justify-content: center;
  column-gap: 10px;
}
.social-media__item svg {
  opacity: 1;
}
.footer__block-list {
  margin: 0;
}
.footer__block-item--links {
  width: 246px;
  padding: 0;
}
.footer__title {
  margin-bottom: 20px;
}
.footer__link-item {
  font-size: 13px;
}
.footer a {
	transition: .2s ;
}
.footer a:hover {
      color: inherit;
    opacity: .8;
}
@media only screen and (max-width: 640px) {
  .footer__wrapper {
    flex-direction: column;
  }
  .footer__block-logo {
    width: 100%;
    max-width: unset;
    text-align: center;
    margin: 20px 0;
  }
  .footer__block-logo img {
    max-width: 180px;
  }
  .footer__logo {
    width: 130px;
  }
  .footer__block-item {
    border-bottom: 1px solid var(--footer-heading-text-color);
  }
  .footer__block-item--links {
    width: 100%;
  }
  .footer__title {
    margin-bottom: 0;
  }
  .footer__linklist .footer__link-item:first-child {
    margin-top: 10px;
  }
  .footer__block-logo .footer__aside-item--social {
    margin-top: 20px;
  }
  .social-media__item-list {
    column-gap: 5px;
  }
  .social-media__item svg {
    width: 20px;
    height: 20px;
  }
}

/* copy */
.footer__block-logo__wrap {
  position: relative;
}
.footer__copy {
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
@media only screen and (max-width: 640px) {
  .footer__block-logo {
    margin-top: 40px;
  }
  .footer__copy {
    font-size: 10px;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}

/* Bottom */
.footer__aside__container {
   background: #302c2e;
}
.footer__aside {
 max-width: 1480px;
  padding: 25px var(--desktop-container-gutter);
  margin: 0 auto;
}
.footer__aside__linklist {
  display: flex;
}
.footer__aside__linklist li {
  padding-right: 10px;
  margin-right: 11px;
  position:relative;
  display:inline-block;
}
.footer__aside__linklist li::after{
   content:"";
   display:inline-block;
   width:1px;
   height:16px;
   background-color:#fff;
   position:absolute;
   top: 9px;
   right:-1px;
}
.footer__aside__linklist li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.footer__aside__linklist li:last-child::after{
  content: none;
}
.footer__aside__linklist li img {
  margin-bottom: 4px;
  margin-left: 2px;
}
@media only screen and (max-width: 640px) {
  .footer__aside {
    padding: 0;
  }
  .footer__aside-item--menu {
    background: var(--footer-background-color);
    padding: 30px var(--mobile-container-gutter);
    
  }
  .footer__aside__linklist {
    flex-direction: column;
  }
  .footer__aside__linklist li::after {
    content: none;
  }
  .footer__aside-item {
    margin-top: 0;
  }
  .footer__aside-item--copylight p {
    font-size: 10px;
    padding: 15px 0;
    text-align: center;
  }
}
/*====================================

	3. Section

====================================*/

/*
 	3.1 Common
====================================*/

/*====== Section Header ======*/
.section__header {
  align-items: center;
  flex-direction: column;
  margin-bottom: 85px;
}
.section__title {
  font-size: 41px;
  letter-spacing: 0.2em;
}
.section__subtitle {
  font-size: 18px;
  letter-spacing: 0.2em;
  line-height: 2.33333333;
  color: #716d6f;
}
@media only screen and (max-width: 640px) {
  .section__header {
    margin-bottom: 14px;
  }
  .section__title {
    font-size: 28px;
    line-height: 1.5;
    text-align: center;
  }
  .section__subtitle {
    font-size: 16px;
    line-height: 2.625;
  }
}

/*====== Section Button ======*/
.section__button {
  display: flex;
  justify-content: center;
  margin-top: 100px;
}
.section__button .button--primary,
.section__button .button--secondary {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 55px;
  border-radius: 27.5px;
  padding-left: 38px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.section__button .icon--tail-right {
  margin-left: 38px;
}
@media screen and (max-width: 640px) {
  .section__button {
    margin-top: 38px;
  }
  .section__button .button--primary,
  .section__button .button--secondary{
    width: 280px;
  }
}

/*
 	3.2 Breadcrumb
====================================*/
.breadcrumb {
  padding: 10px 40px;
  background: var(--secondary-background);
  margin-bottom: 25px;
}
@media screen and (max-width: 640px) {
  .breadcrumb {
    padding: 9px 0 9px 15px;
    margin-bottom: 0;
  }
}

.breadcrumb__wrap {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  /*padding-bottom: 5px;*/
}

.breadcrumb__item {
  font-size: 12px;
  color: var(--text-color);
  display: inline;
  line-height: 1.3;
  padding: 0;
}
@media screen and (max-width: 749px) {
  .breadcrumb__item {
    font-size: 10px;
  }
}
.breadcrumb__item:not(:last-child) {
  margin-right: 13px;
}
@media screen and (max-width: 749px) {
  .breadcrumb__item:not(:last-child) {
    margin-right: 6px;
  }
}
.breadcrumb__item:not(:last-child)::after {
  content: "";
  display: inline-block;
  margin-left: 7px;
  width: 6px;
  height: 6px;
  border-top: 1px solid var(--text-color);
  border-right: 1px solid var(--text-color);
  -webkit-transform: rotate(45deg) translateY(-1px);
          transform: rotate(45deg) translateY(-1px);
}
@media screen and (max-width: 749px) {
  .breadcrumb__item:not(:last-child)::after {
    margin-left: 5px;
  }
}

/*
 	3.3 Collection list
====================================*/
.collection-item__title {
  transform: unset;
  letter-spacing: 0.05em;
  line-height: 1.5;
}

/*====== #index-catalog ======*/
#index-catalog .collection-item {
  width: 25%;
}
#index-catalog .aspect-ratio {
  padding-bottom: 62.5% !important;
}
#index-catalog .collection-item__title {
  font-family: var(--heading-font-family);
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 640px) {
  #index-catalog .collection-item {
    width: 100%;
    margin: 0;
    padding: 0 var(--mobile-container-gutter);
  }
  #index-catalog .collection-item:nth-child(n+2) {
    display: none;
  }
}

/*====== #collection-catalog ======*/
#collection-catalog .collection-item {
  width: 25%;
}
#collection-catalog .aspect-ratio {
  padding-bottom: 62.5% !important;
}
#collection-catalog .collection-item__title {
  font-family: var(--heading-font-family);
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 640px) {
  #collection-catalog .collection-item {
    width: 100%;
    margin: 0;
    padding: 0 var(--mobile-container-gutter);
  }
}


/*
 	3.4 blog-posts
====================================*/
.article-item__title {
  font-size: var(--base-text-font-size);
  font-weight: bold;
  min-height: 66px;
}

.article-item__image-container {
  position: relative;
}
.article-item__image-container img {
    /*aspect-ratio: 380 / 285;*/
    aspect-ratio: 800 / 444;
}
.article-item__tag {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #4e484b;
  color: #fff;
  line-height: 1;
  padding: 10px 15px;
}
.article-item__meta-date {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-size: var(--base-text-font-size);
  font-weight: 300;
}
@media only screen and (max-width: 640px) {
  .value-picker__inner {
    padding-bottom: 80px;
  }
}
/* #index */
@media only screen and (max-width: 640px) {
  .template-index .block-list .block-list__item:nth-child(n+3) {
    display: none;
  }
  .template-index .article-item  {
    display: flex;
  }
  .template-index .article-item .article-item__image-container {
    width: 50%;
  }
  .article-item__title_wrap {
        width: 50%;
    padding-left: 18px;
  }
  .template-index .article-item__title {
    min-height: unset;
    margin-top: 15px;
     font-weight: 400;
  }
  .template-index .article-item__excerpt {
    display: none;
  }
  .template-index .article-item__tag {
    display: none;
  }
  .article-item__tag-mobile {
    padding: 5px 10px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
  }
  .article-item__tag-mobile:after {
    content: none !important;
  }
}
@media only screen and (min-width: 641px) {
  .article-item__tag-mobile {
    display: none;
  }
}

/*
 	3.5 blog-news
====================================*/

.section__news__inner {
  display: flex;
  justify-content: space-between;
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 var(--desktop-container-gutter); 
}

.section__news__inner .section__header {
  justify-content: center;
  width: 150px;
  margin: 0 0 0 40px;
}
.section__news__list {
  display: flex;
  flex-direction: column;
  min-width: 690px;
}
.block-list--news {
  display: flex;
  flex-direction: column;
}
.article-item__news {
  flex: 1 0;
  margin: 0 !important;
  padding: 24px 0;
  border-bottom: 1px solid var(--border-color);
}
.article-item__title-news {
  font-size: var(--base-text-font-size);
}
.section__button-news {
  display: flex;
  justify-content: flex-end;
  max-width: 1060px;
  padding: 0 var(--desktop-container-gutter); 
  margin: 24px auto 0;
}
.section__button-news a {
 font-family: var(--heading-font-family);
  letter-spacing: 0.075em;
  margin-right: 6px;
}
.section__button-news svg {
  margin-left: 12px;
}
@media only screen and (max-width: 640px) {
  .section__news__inner {
    flex-direction: column;
    padding: 0;
  }
  
  .section__news__inner .section__header {
    justify-content: center;
    width: 100%;
    margin: 0;
  }
  .section__news__list {
    min-width: unset;
  }
  .article-item__news {
    padding: 20px 0;
  }

  .section__button-news {
    justify-content: center;
    max-width: unset;
    margin: 24px auto 0;
  }
  .section__button-news a {
    margin-right: 0;
  }

}

/*
 	3.6 Search
====================================*/
.template-search .form__connection {
  min-height: 48px;
}
.section-serch ul{
  list-style:none;
}
.search--tab {
  max-width: 1060px;
  margin: 0 auto 30px;
  padding: 0 var(--desktop-container-gutter);
}
.search--tab--inner{
  display: flex;
  flex-wrap: wrap;
  background: #f8f7f4;
  border-radius: 22px;
}
.search--tab--inner li {
  width: calc(100% / 3); 
  text-align: center;
}
.search--tab--inner li a{
  display: block;
  padding:10px 20px;
}
.search--tab--inner li.active a{
  background:#7c2a2a;
  color: #fff;
  font-weight: bold;
  border-radius: 22px;
}
@media only screen and (max-width: 640px) {
  .search--tab {
    max-width: unset;
    padding: 0;
  }
  .search--tab--inner{
    line-height: 1;
    border-radius: 15px;
  }
  .search--tab li a {
    font-size: 15px;
    padding: 8px 0;
  }
  .search--tab--inner li.active a{
    border-radius: 15px;
  }
}
.search--area {
  display: none;
  opacity: 0;
}
.search--area.is-active {
    display: block;
    animation-name: displayAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
.search--area--wrapper {
  display: flex;
  column-gap: 1px;
}
.search--area--item {
  width: calc((100% - 3px ) / 4);
  background: #f8f7f4;
}
.search--area--item-title {
  font-size: 20px;
  background: #716d6f;
  color: #fff;
  text-align: center;
  padding: 30px 0;
  margin-bottom: 0;
}  
.search--area--item:first-child .search--area--item-title {
  border-radius: 10px 0 0 0;
}
.search--area--item:last-child .search--area--item-title {
  border-radius: 0 10px 0 0;
}
.search--area--item-list {
  padding: 28px 28px 28px 60px;
}
.search--area--item-list li {
  line-height: 1.875;
} 
.search--area--item-list a:hover{
    transition: transform .35s cubic-bezier(.645,.045,.355,1);
}
.search--area--item-list a:hover{
  color: var(--link-color);
}
@media only screen and (max-width: 640px) {
  .search--area--wrapper {
    flex-direction: column;
  }
  .search--area--item {
    width: 100%;
    background: #fff;
  }
  .search--area--item-title {
    font-size: 16px;
    color: var(--text-color);
    text-align: left;
    background: #fff;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
    padding:15px 20px;
    transition: all .5s ease;
    border-radius: 0 !important;
    border-bottom: 1px solid #716d6f;
  }
  .search--area--item-title.close {
    background: #716d6f;
    color: #fff;
  }
  .search--area--item-title::before {
    content:'';
    width: 10px;
    height: 10px;
    border-top: solid 3px #716d6f;
    border-right: solid 3px #716d6f;
    position: absolute;
    transform: rotate(135deg);
    top:45%;
    right: 15px;
  }
  .search--area--item-title.close::before{
    transform: rotate(-45deg);
    border-color: #fff;
  }
  .search--area--item-list {
    display: none;
    background: transparent;
    padding: 0;
  }
  .search--area--item:last-child .search--area--item-list li:last-child {
    border-radius: 0 0 20px 20px;
  }
  .search--area--item-list li {
    background: #f8f7f4;
    padding: 10px 40px;
    margin-bottom: 1px;
  }
}

@keyframes displayAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}  
.search_menu__button {
  background: #f8f7f4;
  padding: 20px 0;
  border-radius: 0 0 10px 10px;
  margin-top: 1px;
}
.search_menu__button .button--secondary {
  display: flex;
    justify-content: center;
    align-items: center;
    width: 350px;
    height: 55px;
    margin: 0 auto;
    border-radius: 27.5px;
    font-weight: 700;
    letter-spacing: .1em;
}
@media only screen and (max-width: 640px) {
  .search_menu__button {
    background: #fff;
  }
  .search_menu__button .button--secondary {
    width: 280px;
  }
}

/*
 	3.7 Featured collection tabs
====================================*/
.section-collection-tabs ul{
  list-style:none;
}
.collection-tabs--tab {
  max-width: 1060px;
  margin: 0 auto 30px;
  padding: 0 var(--desktop-container-gutter);
}
.collection-tabs--tab--inner{
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 22px;
}
.collection-tabs--tab--inner li {
  width: calc(100% / 3); 
  text-align: center;
}
.collection-tabs--tab--inner li a{
  display: block;
  padding:10px 20px;
}
.collection-tabs--tab--inner li.active a{
  background:#7c2a2a;
  color: #fff;
  font-weight: bold;
  border-radius: 22px;
}
@media only screen and (max-width: 640px) {
  .collection-tabs--tab {
    max-width: unset;
    padding: 0;
  }
  .collection-tabs--tab--inner{
    line-height: 1;
    border-radius: 15px;
  }
  .collection-tabs--tab li a {
    font-size: 15px;
    padding: 8px 0;
  }
  .collection-tabs--tab--inner li.active a{
    border-radius: 15px;
  }
}
.collection-tabs--area {
  display: none;
  opacity: 0;
}
.collection-tabs--area.is-active {
    display: block;
    animation-name: displayAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
.product-list.ranking {
    counter-reset: ranking;
}
.product-list.ranking .product-item__image-wrapper::after {
    counter-increment: ranking;
    content: counter(ranking);
    position: absolute;
    top: 3px;
    left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
    display: block;
    width: 2em;
    height: 2em;
    font-weight: 700;
    line-height: 2;
    text-align: center;
    color: #fff;
    background-color: #9b9b9b;
    border-radius: 50%;
}
.product-list.ranking .product-item:nth-child(-n+3) .product-item__image-wrapper::after {
    color: #fff;
    border: none;
}
.product-list.ranking .product-item:first-child .product-item__image-wrapper::after {
    background-color: #8b2424;
}
.product-list.ranking .product-item:nth-child(2) .product-item__image-wrapper::after {
    background-color: #9d781f;
}
@media only screen and (max-width: 640px) {

}
.section-collection-tabs .section__button {
  margin-top: 30px;
}
@media only screen and (max-width: 640px) {
  .section-collection-tabs .section__button {
    margin: 15px auto 0;
    width: 280px;
  }
}

/*====== #index-ranking ======*/
#index-ranking .product-item {
  width: 20%;
}
#index-ranking .product-list:before {
  content: none;
}
#index-ranking .product-item:after {
  content: none;
}
#index-ranking .product-item__vendor {
  display: none;
}
@media only screen and (max-width: 640px) {
  #index-ranking .product-item {
    width: 62%;
  }
}


/*
 	3.8 Footer fixed
====================================*/
@media only screen and (min-width: 641px) {
  #footer-fixed {
    display: none;
  }
}
#footer-fixed {
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 -6px 18px rgba(109, 109, 109, 0.1);
}
.footer-fixed__menu {
  display: flex;
  align-items: center;
}
.footer-fixed__menu-item {
  list-style: none;
  width: 20%;
  padding: 10px 0;
}
.footer-fixed__menu-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-fixed__menu-item svg {
  width: 25px;
  height: 25px;
}
.footer-fixed__menu-item p {
  font-size: 11px;
  color: var(--header-light-text-color);
}
.footer-fixed__menu-item-search {
  position: relative;
}
.footer-fixed__menu-item-search p,
.footer-fixed__menu-item-search svg {
  color: #fff;
}
.footer-fixed__menu-item-search:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  aspect-ratio: 1;
  z-index: -1;
  color:  #fff;
  background-color: #8b8179;
  border-radius: 50%;
}

/*
 	3.9 Banner
====================================*/
.banner-item__image-wrapper img {
  overflow:hidden;
  transition: opacity .2s ease-in-out,transform .95s cubic-bezier(.25,.46,.45,.94);
}
.banner-item__image-wrapper a:hover img {
  transform: scale(1.01);
}

/*
 	3.10 Collections list stack
====================================*/
.collection-block-item__title-bottom {
  margin-top: 15px;
}

/*
 	3.11 Slideshow
====================================*/
@media(min-width:767px){
  .slideshow--preserve-ratio .slideshow__slide-inner {
    height: 100%;
  }
  .slideshow__slide-inner .hidden-phone {
    height: 100%;
    display:flex;
  }
  .slideshow__slide img {
    height: 100%;
    object-fit: contain !important;
  }
  .slideshow__slide.is-selected img {
       top: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
    height:100%;
   object-fit: cover !important;
  }
}

.slideshow__slide {
  width: 85%;
  margin-right: 20px;
}
.slideshow__slide.is-selected img{
    transform: unset;
}
.slideshow__slide img{
    object-fit: cover;
    transform: scaleY(.7);
}

/* prev,next button */
.slideshow .flickity-prev-next-button {
  opacity: 1;
  border-radius: 0;
  background-color: var(--accent-color);
  height: 60px;
  width: 30px;
  transform: scale(1);
}
.slideshow .flickity-prev-next-button svg {
  width: 12px;
  height: 12px;
}
.slideshow .flickity-prev-next-button.previous {
  left: calc(7.5% - 10px)
}
.slideshow .flickity-prev-next-button.next {
  right: calc(7.5% - 10px)
}
@media (max-width: 767px) {
  .slideshow .flickity-prev-next-button {
    display: none;
  }
  .slideshow__slide {
    width: 90%;
    margin-right: 15px;
  }
.slideshow .flickity-page-dots {
    position: unset;
    margin-top: 15px;
  }
  .slideshow .flickity-page-dots .dot {
    background: #fff;
    border: 3px solid #7c2a2a;
  }
  .slideshow .flickity-page-dots .dot.is-selected {
    background: #7c2a2a;
  }
}

/* dot */
.flickity-enabled.is-draggable {
  position: relative
}
.slideshow .flickity-page-dots {
  bottom: 10px;
}
.slideshow .flickity-page-dots .dot.is-selected {
  background: #7c2a2a;
}
.slideshow .flickity-page-dots .dot {
    background: none;
    border: 3px solid #7c2a2a;
}



/*
 	3.12 App
====================================*/
.section_button_app {
  margin-top: 0;
}
@media only screen and (max-width: 640px) {
  .section_button_app a {
    font-size: 12px;
  }
}

/*====================================

	4. Snippet

====================================*/
/*
 	4.1 product-item
====================================*/
.product-list,
.product-item {
  background: transparent;
}
.product-list:before {
  content: none;
}
.product-item:after {
  content: none;
}
.product-item .product-item__title {
  font-size: var(--base-text-font-size);
  color: var(--text-color);
}
.product-item .price {
  font-size: var(--base-text-font-size) !important;
}
.product-item__primary-image,
.product-item__secondary-image {
  border: 1px solid var(--border-color);
}
@media only screen and (max-width: 999px) {
  .product-list--scrollable .product-item {
    border: none;
  }
}
.product-list--collection .product-item__label-list, 
.product-list--stackable .product-item__label-list {
  left: 20px;
}

/*====================================

	5. Product

====================================*/
/* パンくず */
.sub-header__container {
  background: var(--secondary-background);
  padding: 15px 0;
}
.page__sub-header.container {
  margin: 0 auto;
}

/* 各要素の背景 */
.product-block-list .card {
  border: none;
}
@media only screen and (max-width: 640px) {
  .product-block-list__item--info .card__separator {
    padding: 0 20px;
    width: 100%;
  }
}
/* info > ラベル */
.product__badge {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: .1em;
  color: #fff;
  background: #7c2a2a;
  padding: 5px 15px;
}  
/* info > 価格*/
.product-form__info-title {
  padding-right: 0;
}
.product-form__info-list .product-form__info-title span {
  font-size: .7em;
  padding-left: .3em;
}
/* info > 数量*/
.quantity-selector--product-unit {
  display: inline-block;
  padding-left: 8px;  
  white-space: nowrap;
}
/* info > ボタン*/
.product-form__add-button:before {
   content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url(/cdn/shop/files/icon_cart.svg?v=1708224286);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 14px;
}  
.product-form__payment-container {
 justify-content: center; 
}
.product-form__payment-container .button {
  font-size: 14px;
}
.product-sample-link {
  letter-spacing: .05em;
}
.product-form__add-button svg {
  font-size: 19px;
  margin-right: 14px;
  margin-bottom: 1px;
}
.product-form__add-button svg path {
  fill: #fff;
}
.product-sample-link {
  background: #8b8179;
  color: #fff;
}
@media only screen and (max-width: 640px) {
  .product-form__payment-container {
    row-gap: 20px;
  }
}

/* info > バナー*/
.product-meta__image {
  margin-top: 30px;
}
.product-meta__image img {
  transition: 0.2s;
}
.product-meta__image a:hover img {
  opacity: 0.8;
}

/* info > メモ*/
.product-meta__note li {
  list-style: none;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 14px;
  line-height: 1.6;
  padding-bottom: 5px;
}
.product-meta__note　li:before {
  content: '※';
}
.product-meta__note li a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* info > 新品番・旧品番リンク*/
.product-meta__product-link p {
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 1.6;
}  
.product-meta__product-link a {
  display: block;
  transition: 0.3s;
}  
.product-meta__product-link a:hover {
  opacity: 0.8;
}  
.product-link__container {
  display: flex;
  align-items: center;
  border: 1px solid var(--border-color);
  padding: 10px 15px;
  margin-bottom: 30px
}  
.product-link__image {
  width: 20%;
}  
.product-link__image img {
  width: 100%;
}  
.product-link__content {
  width: 80%;
  padding-left: 20px;
}
.product-link__content .product-form__variants {
  display: none !important
}  
.product-link__content .product-form__info-list {
  display: block;
  margin: 0;
  border-spacing: 0;
  line-height: 1.6;
}
.product-link__content .product-form__info-title {
   font-size: 0.8rem;
}
.product-link__content .product-form__info-title span {
  font-size: .7em;
  padding-letf: .3em;
}
.product-link__content .price {
  font-size: 1rem;
}
.product-link__content .price--compare {
  font-size: 0.8rem;
  top: 0;
}

/*description */
.product-block-list__item--description {
    border: 1px solid var(--border-color);
}
@media only screen and (max-width: 640px) {
  .product-block-list__item--description {
    margin: 0 20px;
  }
}
/* description > table */
.product_desc_tabel{
  border-top: 1px solid #ccc;
  font-size: 12px;
  margin-bottom:20px;
}
.product_desc_tabel .product_desc_tabel__cont {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
}

.product_desc_tabel .product_desc_tabel__cont > div:first-of-type {
  max-width: 30%;
  flex-basis: 30%;
}
.product_desc_tabel .product_desc_tabel__cont > div:last-of-type {
  max-width: 70%;
  flex-basis: 70%;
}

.product_desc_tabel__cont.product_desc_tabel__cont_grid {
    display: grid;
    grid-template-columns: 30% auto;
}
.product_desc_tabel__cont.product_desc_tabel__cont_grid>div:nth-of-type(3) {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-column-end: 3;
}
.product_desc_tabel__cont.product_desc_tabel__cont_grid>div:nth-of-type(4) {
    grid-row-start: 3;
    grid-column-start: 2;
    grid-column-end: 3;
}
.product_desc_tabel__cont.product_desc_tabel__cont_grid>div:nth-of-type(5) {
    grid-row-start: 4;
    grid-column-start: 2;
    grid-column-end: 3;
}
.product_desc_tabel__cont.product_desc_tabel__cont_grid>div:nth-of-type(6) {
    grid-row-start: 5;
    grid-column-start: 2;
    grid-column-end: 3;
}
.product_desc_tabel__cont.product_desc_tabel__cont_grid>div:nth-of-type(7) {
    grid-row-start: 6;
    grid-column-start: 2;
    grid-column-end: 3;
}
.product_desc_tabel__cont.product_desc_tabel__cont_grid>div:nth-of-type(8) {
    grid-row-start: 7;
    grid-column-start: 2;
    grid-column-end: 3;
}
.product_desc_tabel__cont.product_desc_tabel__cont_grid>div:nth-of-type(9) {
    grid-row-start: 8;
    grid-column-start: 2;
    grid-column-end: 3;
}
.product_desc_tabel__cont.product_desc_tabel__cont_grid>div:nth-of-type(10) {
    grid-row-start: 9;
    grid-column-start: 2;
    grid-column-end: 3;
}
.product_desc_tabel__cont.product_desc_tabel__cont_grid>div:first-of-type, .product_desc_tabel__cont.product_desc_tabel__cont_grid>div:last-of-type {
    max-width: 100%;
}

/* カーテン */
.js_sp_move_curtain_bnr {
  margin-bottom: 24px;
}
@media only screen and (max-width: 640px) {
  .js_sp_move_curtain_bnr {
    margin-top: 24px;
    padding: 0 20px;
  }
}
.err-msg-curtainwh {
  font-weight: bold;
  color: #e01735;
}
.err-msg-curtainwh span {
  display: block;
  position: relative;
  padding-left: 35px;
}
.err-msg-curtainwh span:before {
  display: flex;
  position: absolute;
  content: '！';
  background: #e01735;
  color: #fff;
  padding: 5px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  left: 0;
}

/* 配送説明 */
.product__shipping-note {
  margin-bottom: .5rem;
}
.product__shipping-note p {
  font-size: 14px;
  line-height: 1.6;
  padding-bottom: 5px;
  margin-bottom: 0;
}
.product__shipping-note li {
  list-style: none;
  text-indent: -1em;
  padding-left: 2em;
  font-size: 14px;
  line-height: 1.6;
  padding-bottom: 5px;
}


/*====================================

	6. Collection

====================================*/
.collection .card {
  border: none;
}
.collection .card__header {
  padding: 40px 0 75px;
}
.collection__title {
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .collection .card__header {
    padding: 20px;
  }
}
/* Collection list */
.collection__toolbar {
  background: var(--background);
}
/* Toggl Button */
.expandable-content[aria-expanded] {
  max-height: unset;
}
@media screen and (max-width: 640px) {
  .expandable-content[aria-expanded] {
    max-height: 140px;
  }
}
.expandable-content__toggle {
  justify-content: space-between;
  color: var(--text-color);
  background: var(--background);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 5px;
  left: 50%;
  transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.expandable-content__toggle:before {
  top: -51px;
}
@media screen and (min-width: 641px) {
  .expandable-content--expandable .expandable-content__toggle {
        visibility: hidden;
  }
}

/* empty */
.empty-state {
  margin: 40px 0 75px;
}
@media screen and (max-width: 640px) {
  .empty-state {
    margin: 20px 0 50px;
  }
}
.empty-state__button {
  max-width: 300px;
  margin: 30px auto 0;
}

/* ranking */
.template-collection .product-list.ranking {
  margin-top: 20px;
}


/*====================================

	7. Page

====================================*/
/*
 	7.1 Contact
====================================*/
#contact_form .form__submit {
  margin: 20px auto 0;
}

/*
 	7.2 Account
====================================*/
.account-mobile-item {
  margin: 30px 20px 20px;
}
.account-mobile-item-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
}
.account-mobile-item-link {
  width: 70%;
  text-align: center;
  border: 1px solid var(--border-color);
  padding: 3px 10px;
}
.account-mobile-item-link a {
  display: block;
  width: 100%;
}
.account-mobile-item-underline {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/*
 	7.3 feature-collection
====================================*/
@media only screen and (max-width: 640px) {
  .page__title span {
    font-size: 20px;
  }
}

/*
 	7.4 Order
====================================*/
.page--order .container--narrow,
.page--order-test .container--narrow {
  width: 928px;
  max-width: unset;
}
@media only screen and (max-width: 640px) {
  .page--order .container--narrow,
  .page--order-test .container--narrow {
    width: 100%;
  }
}
.rte #order li:before {
  content: none;
}
.rte #order img {
  margin: 0;
}
.order-title {
  background: url(/cdn/shop/files/order-curtain-how_bg.jpg?v=1766563903) repeat-x;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
#order .txt-main .txt-1 a {
  color: #7c2a2a;
  text-decoration: underline;
}
#order .point .point2 .point-wrapper1 .point-box ul li .txt-box h5 .mark1 {
  color: #7c2a2a;
}
#order .point .point1 .point-wrapper4 .point-box ul.box2 li .txt h5 .mark1 {
  color: #7c2a2a;
}
@media only screen and (min-width: 641px) {
  .order-title h2 {
    width: 928px;
    margin: 0 auto;
  }
  #order .order-content {
    width: 100%;
    margin: 46px auto;
  }
  .btn-check_sheet {
    width: 300px;
  }
  #order .txt-main {
    font-size: 15px;
    line-height: 2;
    margin: 0 0 80px;
  }
  #order .txt-main .txt-1 {
    margin: 0 0 30px;
  }
  #order .txt-main .box {
    display: flex;
    justify-content: space-between;
  }
  #order .txt-main .box .txt-2 {
    width: 510px;
  }
  #order .point h3 {
    margin: 0 auto 30px;
    padding: 10px 0;
    border-top: 2px solid #565656;
    border-bottom: 2px solid #565656;
  }
  #order .point h3 .box {
    display: table;
    margin: 0 auto;
  }
  #order .point h3 .box img {
    display: table-cell;
    vertical-align: top;
    height: 38px;
  }
  #order .point h3 .box p {
    display: table-cell;
    vertical-align: top;
    padding: 10px 0 0 25px;
    color: #565656;
    font-size: 22px;
  }

  /* point1 */
  #order .point .point1 h4 {
    background: #f0f0f0;
    font-size: 16px;
    padding: 5px 10px;
    margin: 0 0 30px;
  }
  #order .point .point1 {
    margin: 0 0 90px;
  }
  #order .point .point1 .point-wrapper1 {
    margin: 0 0 70px;
  }
  #order .point .point1 .point-wrapper1 .point-box ul {
    display: flex;
    justify-content: space-between;
    margin: 0 40px;
    list-style: none;
  }
  #order .point .point1 .point-wrapper1 .point-box ul li {
    width: 380px;
  }

  #order .point .point1 .point-wrapper2 {
    margin: 0 0 70px;
  }
  #order .point .point1 .point-wrapper2 .point-box .box2 .txt-1 {
    font-size: 15px;
    margin: 25px 70px 20px;
  }
  #order .point .point1 .point-wrapper2 .point-box ul.box1 {
    display: flex;
    justify-content: space-between;
    margin: 0 40px 50px;
  }
  #order .point .point1 .point-wrapper2 .point-box ul.box1 li {
    width: 380px;
  }
  #order .point .point1 .point-wrapper2 .point-box ul.box1 li .txt h5 {
    font-size: 16px;
    line-height: 1.87;
    text-align: center;
  }
  #order .point .point1 .point-wrapper2 .point-box .box2 {
    margin: 0 0 50px;
    border: 1px solid #d2d2d2;
  }
  #order .point .point1 .point-wrapper2 .point-box .box2 h5 {
    font-size: 16px;
    text-align: center;
    background: #f0f5f3;
    padding: 7px 0;
  }
  order .point .point1 .point-wrapper2 .point-box .box2 .txt-1 {
    font-size: 15px;
    margin: 25px 70px 20px;
  }
  #order .point .point1 .point-wrapper2 .point-box .box2 ul {
    display: flex;
    justify-content: space-between;
    margin: 0 70px 38px;
  }
  #order .point .point1 .point-wrapper2 .point-box .box2 li {
    width: 350px;
  }
  #order .point .point1 .point-wrapper3 {
    margin: 0 0 80px;
  }
  #order .point .point1 .point-wrapper3 .point-box .img {
    margin: 0 40px;
    width: 520px;
  }
  #order .point .point1 .point-wrapper4 .point-box ul.box1 {
    display: flex;
    justify-content: space-between;
    margin: 0 40px 50px;
  }
  #order .point .point1 .point-wrapper4 .point-box ul.box1 li {
    width: 380px;
  }
  #order .point .point1 .point-wrapper4 .point-box ul.box1 li .txt {
    font-size: 15px;
    margin: 0 0 15px;
    line-height: 2;
  }
  #order .point .point1 .point-wrapper4 .point-box ul.box1 li .txt h5 {
    font-size: 16px;
    line-height: 1.87;
    text-align: center;
  }
  #order .point .point1 .point-wrapper4 .point-box ul.box2 {
    display: flex;
    justify-content: space-between;
    margin: 0 40px 50px;
  }
  #order .point .point1 .point-wrapper4 .point-box ul.box2 li {
    width: 380px;
  }
  #order .point .point1 .point-wrapper4 .point-box ul.box2 li .txt {
    font-size: 15px;
    line-height: 2;
    margin: 0 0 15px;
  }
  
  #order .point .point1 .point-wrapper4 .point-box .box3 {
    margin: 0 0 50px;
    border: 1px solid #d2d2d2;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 h5 {
    font-size: 16px;
    text-align: center;
    background: #f0f5f3;
    padding: 7px 0;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 .txt-1 {
    font-size: 15px;
    margin: 20px 70px 15px;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 ul {
    display: flex;
    justify-content: space-between;
    margin: 0 70px 38px;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 li {
    width: 350px;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 .txt-img {
    display: flex;
    justify-content: space-between;
    margin: 0 70px 38px;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 li .img:nth-child(1) {
    margin: 0 0 14px;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 .txt-img .txt1 {
    width: 318px;
    font-size: 15px;
    line-height: 2;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 .txt-img .img-box {
    width: 430px;
    display: flex;
    justify-content: space-between;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 .txt-img .img-box .img {
    width: 200px;
  }

  /* point3 */
  #order .point .point3 {
    margin: 0 0 90px;
  }
  #order .point .point3 .point-wrapper1 .point-box .txt-1 {
    font-size: 15px;
    line-height: 2;
    margin: 0 0 15px;
  }
  #order .point .point3 .point-wrapper1 .point-box ul {
    display: flex;
    justify-content: space-between;
    margin: 0 70px 10px;
  }
  #order .point .point3 .point-wrapper1 .point-box ul li {
    width: 320px;
  }
  #order .point .point3 .point-wrapper1 .point-box ul li h4 {
      font-size: 16px;
      line-height: 1.87;
      text-align: center;
  }
  #order .point .point3 .point-wrapper1 .point-box .txt-2 {
    font-size: 14px;
    line-height: 1.7;
  }

  /* point4 */
  #order .point .point4 {
    margin: 0 0 90px;
  }
  #order .point .point4 .point-wrapper1 .point-box .txt-1 {
    font-size: 15px;
    line-height: 2;
    margin: 0 0 15px;
  }
  #order .point .point4 .point-wrapper1 .point-box ul {
    display: flex;
    justify-content: space-between;
    margin: 0 40px 10px;
  }
  #order .point .point4 .point-wrapper1 .point-box ul li {
    width: 380px;
  }
  #order .point .point4 .point-wrapper1 .point-box ul li h4 {
    font-size: 16px;
    line-height: 1.87;
    text-align: center;
  }

  /* point2 */
  #order .point .point2 {
    margin: 0 0 90px;
  }
  #order .point .point2 .point-wrapper1 .point-box .txt-1 {
    font-size: 15px;
    line-height: 2;
    margin: 0 0 15px;
  }
  #order .point .point2 .point-wrapper1 .point-box ul {
    display: flex;
    justify-content: space-between;
    margin: 0 40px 50px;
  }
  #order .point .point2 .point-wrapper1 .point-box ul li {
    width: 380px;
  }
  #order .point .point2 .point-wrapper1 .point-box ul li h4 {
    font-size: 16px;
    line-height: 1.87;
    text-align: center;
  }
  #order .point .point2 .point-wrapper1 .point-box ul li .txt-box {
    font-size: 15px;
  }
  #order .point .point2 .point-wrapper1 .point-box ul li .txt-box h5 {
    margin: 0 0 7px;
  }
  #order .point .point2 .point-wrapper1 .point-box ul li .txt-box .txt1 {
    border-bottom: 1px solid #d2d2d2;
    padding: 0 0 5px;
    margin: 0 0 5px;
  }

  /* point last */
  #order .txt-last {
    font-size: 15px;
    line-height: 2;
    margin: 0 0 100px;
  }
  #order .txt-last h3 {
    margin: 0 auto 30px;
    padding: 10px 0;
    border-top: 2px solid #565656;
    border-bottom: 2px solid #565656;
    text-align: center;
    color: #565656;
    font-size: 22px;
  }
  #order .txt-last .txt-1 a {
    color: #7c2a2a;
    text-decoration: underline;
  }
  #order .txt-last .txt-1 {
    margin: 0 0 30px;
  }
  #order .txt-last .btn-check_sheet {
    width: 300px;
    margin: 0 0 0 auto;
  }
}
@media only screen and (max-width: 640px) {
  #order .txt-main {
    font-size: 3.8vw;
    line-height: 1.57;
  }
  #order p {
    font-size: 3.8vw;
  }
  #order .point h3 {
    margin: 0 auto 4vw;
    padding: 2.5vw 0;
    border-top: 2px solid #565656;
    border-bottom: 2px solid #565656;
  }
  #order .point h3 .box {
    margin: 0 auto;
    text-align: center;
  }
  #order .point h3 .box img {
    width: 8vw;
    margin: 0 auto 1vw;
  }
  #order .point h3 .box p {
    color: #565656;
    font-size: 5vw;
  }
  #order .point .point1 h4 {
    background: #f0f0f0;
    font-size: 4.2vw;
    font-weight: bold;
    padding: 2vw;
    margin-bottom: 4vw;
    line-height: 1.42;
  }
  .rte #order ul {
    margin-left: 0;
  }

  /* point main */
  #order .txt-main {
    font-size: 3.8vw;
    line-height: 1.57;
    margin: 0 0 15vw;
  }
  #order .txt-main .box .btn-check_sheet {
    margin: 0 6.4vw;
  }
  #order .txt-main .txt-1 {
    margin: 0 0 8vw;
  }
  #order .txt-main .box .txt-2 {
    margin: 0 0 6vw;
  }
  #order .txt-main .box .txt-2 .mark1 {
    font-size: 4.2vw;
    font-weight: bold;
  }

  /* point1 */
  #order .point .point1 {
    margin: 0 0 15vw;
  }
  #order .point .point1 .point-wrapper1 {
    margin: 0 0 11vw;
  }
  #order .point .point1 .point-wrapper1 .point-box ul li:nth-child(1) {
    margin: 0 0 7vw;
  }
  #order .point .point1 .point-wrapper2 .point-box ul.box1 li:nth-child(1) {
    margin: 0 0 9vw;
  }
  #order .point .point1 .point-wrapper2 .point-box ul.box1 li .txt {
    font-size: 3.8vw;
    margin: 0 0 3vw;
    line-height: 1.57;
  }
  #order .point .point1 .point-wrapper2 .point-box ul.box1 li .txt h5 {
    font-size: 4.2vw;
    text-align: center;
    font-weight: bold;
    margin: 0 0 2vw;
  }
  #order .point .point1 .point-wrapper2 .point-box ul.box1 {
    margin: 0 0 10vw;
  } 
  #order .point .point1 .point-wrapper2 .point-box .box2 {
    margin: 0 0 9vw;
    border: 1px solid #d2d2d2;
  }
  #order .point .point1 .point-wrapper2 .point-box .box2 h5 {
    font-size: 4.2vw;
    text-align: center;
    background: #f0f5f3;
    padding: 2vw 0;
    font-weight: bold;
  }
  #order .point .point1 .point-wrapper2 .point-box .box2 .txt-1 {
    font-size: 3.8vw;
    margin: 5vw 8vw;
  }
  #order .point .point1 .point-wrapper2 .point-box .box2 ul {
    margin: 0 8vw 6vw;
  }
  #order .point .point1 .point-wrapper2 .point-box .box2 li:nth-child(1) {
    margin: 0 0 6vw;
  }
  #order .point .point1 .point-wrapper3 {
    margin: 0 0 10vw;
  }
  #order .point .point1 .point-wrapper4 .point-box ul.box1 {
    margin: 0 0 7vw;
  }
  #order .point .point1 .point-wrapper4 .point-box ul.box1 li .txt h5 {
    font-size: 4.2vw;
    line-height: 1.1;
    text-align: center;
    margin: 0 0 3vw;
    font-weight: bold;
  }
  #order .point .point1 .point-wrapper4 .point-box ul.box1 li:nth-child(1) {
    margin: 0 0 6vw;
  }
  #order .point .point1 .point-wrapper4 .point-box ul.box1 li .txt {
    font-size: 3.8vw;
    margin: 0 0 3vw;
    line-height: 1.57;
  }
  #order .point .point1 .point-wrapper4 .point-box ul.box2 li:nth-child(1) {
    margin: 0 0 6vw;
  }
  #order .point .point1 .point-wrapper4 .point-box ul.box2 li .txt h5 {
    font-size: 3.8vw;
    font-weight: bold;
    margin: 0 0 2vw;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 {
    margin: 0 2vw;
    border: 1px solid #d2d2d2;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 h5 {
    font-size: 4.2vw;
    text-align: center;
    background: #f0f5f3;
    padding: 2vw 0;
    font-weight: bold;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 .txt-1 {
    font-size: 3.8vw;
    margin: 5vw 8vw;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 ul {
    margin: 0 6vw 7vw;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 li:nth-child(1) {
    margin: 0 0 6vw;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 li .img:nth-child(1) {
    margin: 0 0 2vw;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 .txt-img {
    margin: 0 8vw 4vw;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 .txt-img .txt1 {
    font-size: 3.8vw;
    line-height: 1.57;
    margin: 0 0 4vw;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 .txt-img .img-box {
    display: flex;
    justify-content: space-between;
  }
  #order .point .point1 .point-wrapper4 .point-box .box3 .txt-img .img-box .img {
    width: 45%;
  }

  /* point3 */
  #order .point .point3 {
    margin: 0 0 16vw;
  }
  #order .point .point3 .point-wrapper1 .point-box ul {
    margin: 0 13vw 7vw;
  }
  #order .point .point3 .point-wrapper1 .point-box ul li:nth-child(1) {
    margin: 0 0 7vw;
  }
  #order .point .point3 .point-wrapper1 .point-box ul li h4 {
    font-size: 4.2vw;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    margin: 0 0 3vw;
  }
  #order .point .point3 .point-wrapper1 .point-box ul li .img {
    margin: 0 0 3vw;
  }
  #order .point .point3 .point-wrapper1 .point-box .txt-2 {
    font-size: 3.4vw;
    line-height: 1.47;
  }

  /* point4 */
  #order .point .point4 {
    margin: 0 0 14vw;
  }
  #order .point .point4 .point-wrapper1 .point-box .txt-1 {
    font-size: 3.8vw;
    margin: 0 0 4vw;
    line-height: 1.57;
  }
  #order .point .point4 .point-wrapper1 .point-box ul li:nth-child(1) {
    margin: 0 0 7vw;
  }
   #order .point .point4 .point-wrapper1 .point-box ul li h4 {
    font-size: 4.2vw;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    margin: 0 0 3vw;
  }

  /* point2 */
  #order .point .point2 {
    margin: 0 0 16vw;
  }
  #order .point .point2 .point-wrapper1 .point-box .txt-1 {
    font-size: 3.8vw;
    line-height: 1.57;
    margin: 0 0 3vw;
  }
  #order .point .point2 .point-wrapper1 .point-box ul li:nth-child(1) {
    margin: 0 0 6vw;
  }
  #order .point .point2 .point-wrapper1 .point-box ul li h4 {
    font-size: 4.2vw;
    line-height: 1.1;
    text-align: center;
    margin: 0 0 3vw;
    font-weight: bold;
  }
  #order .point .point2 .point-wrapper1 .point-box ul li .img {
    margin: 0 0 5vw;
  }
  #order .point .point2 .point-wrapper1 .point-box ul li .txt-box {
    font-size: 3.8vw;
  }
  #order .point .point2 .point-wrapper1 .point-box ul li .txt-box h5 {
    font-size: 3.8vw;
    margin: 0 0 2vw;
    font-weight: bold;
  }
  #order .point .point2 .point-wrapper1 .point-box ul li .txt-box .txt1 {
    border-bottom: 1px solid #d2d2d2;
    padding: 0 0 1vw;
    margin: 0 0 1vw;
  }

  /* point last */
  #order .txt-last {
    font-size: 3.8vw;
    margin: 0 0 16vw;
    line-height: 1.57;
  }
  #order .txt-last h3 {
    margin: 0 auto 4vw;
    padding: 2.5vw 0;
    border-top: 2px solid #565656;
    border-bottom: 2px solid #565656;
    text-align: center;
    color: #565656;
    font-size: 22px;
  }
  #order .txt-last h3 .mark1 {
    display: block;
  }
  #order .txt-last .txt-1 {
    margin: 0 0 5vw;
  }
  #order .txt-last .txt-1 a {
    color: #7c2a2a;
    font-weight: bold;
    text-decoration: underline;
  }
  #order .txt-last .btn-check_sheet {
    margin: 0 12.5vw;
  }
}
.order-toc {
  display:flex;
  flex-wrap: wrap;
  column-gap: 15px
}
#point1,
#point2,
#point3,
#point4 {
  /* ヘッダーの高さ分、コンテンツを下に押し下げる */
  padding-top: 180px !important;
  
  /* 押し下げた分、要素全体の開始位置を上にずらす（レイアウト崩れ防止） */
  margin-top: -180px !important;
  
  /* 念のため、背景や境界線がある場合の表示調整（必要なら） */
  background-clip: content-box; 
}


/*====================================

	8. Blog

====================================*/
@media screen and (min-width: 641px) {
  .blog-post-list .block-list__item {
    width: 50%;
  }
}
.article__toolbar-item .social-media__item svg path,
.article__aside-item .social-media__item svg path {
  fill: var(--text-color);
}
@media only screen and (max-width: 640px) {
  .blog__header {
    margin-top: 28px;
  }
  .blog__header .section__subtitle {
    line-height: 1.25;
  }
}

/*====================================

	9. Article

====================================*/
.article__inner {
  max-width: unset;
}
.article__image-wrapper {
  text-align: center;
}
.blog-post .rte tbody tr {
  border-top: none;
  border-bottom: none;
}
.social-media__item:not(.social-media__item--facebook):not(.social-media__item--pinterest) svg {
  margin-bottom: 3px;
}

/* 親要素 instagram-feed の共通設定 */
.instagram-feed {
  display: flex !important;
  padding: 20px 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  column-gap: normal !important;
}

/* --- モバイル表示 (スマホ): 縦に並べる --- */
@media screen and (max-width: 767px) {
  .instagram-feed {
    flex-direction: column !important;
    overflow-x: visible !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    padding: 10px !important;
  }

  .instagram-feed > div {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  /* Instagram埋め込みの最小幅をリセット */
  .instagram-feed blockquote.instagram-media {
    min-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
}

/* --- PC表示: 3列表示 ＋ 隙間 --- */
@media screen and (min-width: 768px) {
  .instagram-feed {
    flex-direction: row !important;   /* PCでは横並び */
    flex-wrap: wrap !important;
    overflow: visible !important;
    gap: 20px 2% !important; 
    justify-content: flex-start !important;
  }

  .instagram-feed > div {
    flex: 0 0 32% !important;
    width: 32% !important;
    max-width: 32% !important;
    margin: 0 !important;
  }
}



/*====================================

	10. Cart

====================================*/
.page__header--cart {
  align-items: center;
}
.line-item__price-list .line-item__price {
  color: var(--text-color);
}
.quantity-selector__wrap {
  display: flex;
  align-items: center;
}
.line-item__line-price {
      white-space: nowrap
}
@media screen and (min-width: 641px) {
  .line-item__quantity-remove {
    margin: 10px 0 0 24px;
  }
}


.cart-recap__scroller {
  border: 1px solid var(--border-color);
  padding: 30px;
}
.cart-recap__scroller .card {
  border: none;
}
.cart-recap__scroller .card__section {
  padding: 0;
}
.cart-recap__return {
      border: 1px solid var(--border-color);
    margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .cart-recap__scroller {
    border: none;
  }
}
.cart__message-sample {
  display: block;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline; 
  text-decoration-thickness: 0.5em; 
  text-decoration-color: rgba(255, 228, 0, 0.4); 
  text-underline-offset: -0.2em; 
  text-decoration-skip-ink: none;
}


/*
 	10.2 mini cart
====================================*/
@media only screen and (max-width: 640px) {
  .mini-cart__inner {
     padding-bottom: 80px;
  }
  .mini-cart__recap, 
  .mini-cart__content--empty {
    padding-bottom: max(80px,env(safe-area-inset-bottom,0px) + 25px)
  }
}

/*====================================

	11. Account

====================================*/

/*
 	11.1 Account
====================================*/
.section-template-account {
  margin-top: 50px;
}
@media only screen and (max-width: 640px) {
  .section-template-account {
    margin-top: 25px;
  }
  .section-template-account .card {
    border-top: none;
    border-bottom: none;
  }
}
@media screen and (min-width: 1280px) {
  .section-template-account .layout__section--secondary {
    width: 300px
  }
}
  
/* title */
.header__account {
  text-align: center;
  padding-bottom: 20px;
}
@media only screen and (min-width: 641px) {
  .header__account h1 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
}
/* side */
.card__section--account {
  padding: 0;
}
.card__section--account p {
  margin-bottom: 0;
}
.card__linklist-title {
  font-weight: bold;
  background: var(--secondary-background);
  padding: 10px 20px;
}
.card__linklist-content {
  padding: 20px 25px;
}

/* order */
.order__head th {
  text-align: center;
  background: var(--secondary-background);
  border-top: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
}
.order__head th:last-child {
  border-right: none;
}
.order__body td {
  text-align: center;
  border-right: 1px solid var(--border-color);
  padding: 15px;
}
.order__body td:first-child {
  padding-left: 0;
}
.order__body td:last-child {
  border-right: none;
}
.order__item-name {
  border: 1px solid var(--border-color);
  padding: 8px 24px;
}
.order__item-name:hover {
  border: 1px solid var(--link-color);
}
@media only screen and (max-width: 640px) {
  .order__list-mobile {
    padding: 0 20px;
  }
  .order__list-mobile-item {
    margin-top: 50px;
  }
  .order__list-mobile-item:first-child {
    margin-top: 0;
  }
  .order__list-mobile-item p {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    margin-bottom: 0;
    border-bottom: 1px solid var(--border-color);
  }
  .order__list-mobile-item p:first-child {
    border-top: 1px solid var(--border-color);
  }
  p.order__list-mobile-item-center {
    justify-content: center;
  }
  .order__list-mobile-item-bg {
    background: var(--secondary-background);
  }
  .order__list-mobile-item-bg a {
    background: var(--background);
    width: 80%;
    text-align: center;
    padding: 3px 12px;
    margin: 5px auto;
  }

}
  
/* tab */
.account__tab {
  margin: 0 20px;
}
.account__tab-inner {
  background: #f8f7f4;
  display: flex;
  border-radius: 15px;
  line-height: 1;
}
.account__tab-item {
  width: calc(100% / 3);
  text-align: center;
  list-style: none;
}
.account__tab-item a {
  display: block;
  font-size: 15px;
  padding: 8px 0;
  font-weight: 400;
}
.account__tab-item.is-selected a {
  border-radius: 15px;
  background: #7c2a2a;
  color: #fff;
}
.account__tab-item .cf-edit-account-link {
  display: none;
}
@media only screen and (min-width: 641px) {
  .account__tab {
    display: none;
  }
}

/*
 	11.2 Order
====================================*/
@media only screen and (max-width: 640px) {
  .order-summary .table-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .order-summary .table-wrapper .table {
    margin-left: 0;
  }
  .order-summary th.table__cell--center {
    white-space: nowrap;
  }
  .order-foot {
    margin-left: 0;
  }
  .order-foot__inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*====================================

	12. Policy

====================================*/

/*
 	12.1 General Policy
====================================*/
.shopify-policy__container {
  max-width: 1000px;
  padding: 75px 100px;
  margin: 0 auto;
}
.shopify-policy__title {
  margin-bottom: 75px;
}
.shopify-policy__title h1 {
  font-size: 24px;
  font-weight: bold;
}
.shopify-policy__container h2 {
  font-size: var(--typeBaseSize);
  margin-top: 25px;
}
.shopify-policy__container h3 {
  font-size: var(--typeBaseSize);
  margin-top: 16px;
  margin-bottom: 8px;
}
.shopify-policy__body p {
  margin-bottom: 8px;
}
.shopify-policy__container ol li {
/*	list-style-type: none;
	counter-increment: cnt;
	position: relative;*/
  margin-bottom: 8px;
}
/*.shopify-policy__container ol li:before {
	content: "(" counter(cnt) ")";
	display: inline-block;
	margin-left: -3.5em;
	width: 3em;
	text-align: right;
	position: absolute;
	top: 0;
	left: 0;
}*/
@media only screen and (max-width: 768px) {
  .shopify-policy__container {
    padding: 40px 17px;
  }
  .shopify-policy__container ol {
    margin-left: 1.25em;
  }
}
/*
 	12.2 Legal Notice
====================================*/
#legal-notice th {
  width: 25%;
}
#legal-notice td {
  width: 75%;
}
@media only screen and (max-width: 640px) {
  #legal-notice th,
  #legal-notice td {
    display: block;
    width: 100%;
  }
  #legal-notice th {
    text-align: left;
    background: #f3f3f3;
  }
}

/*
 	12.3 Shipping Policy
====================================*/
.policy-shipping h3 {
  font-size: 18px;
  cursor: pointer;
  position: relative;
  padding: 10px 40px 10px 10px;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  margin: 1em 0 0 0;
  user-select: none;
}

.policy-shipping h3::after {
  content: '▼';
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}

.policy-shipping h3.collapsed::after {
  transform: translateY(-50%) rotate(-90deg);
}

/* アコーディオン設定 */
.table-container {
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.3s ease;
  max-height: 0;
  opacity: 0;
}

.table-container.open {
  max-height: none; /* 開いた時は制限なし */
  opacity: 1;
  overflow-x: auto; /* スマホで横スクロールを許可 */
}

.shipping-table-subtitle {
  margin-top: 1em;
  margin-bottom: -.9em !important;
  padding-left: .5em;
}

/* テーブルの基本スタイル */
.shipping-table {
  width: 100%;
  min-width: 600px; /* 重要：スマホで潰れないよう最小幅を確保 */
  border-collapse: collapse;
  font-size: 15px;
  margin: 1em 0 2em !important;
}

.shipping-table th,
.shipping-table td {
  border: 1px solid #ccc;
  padding: 10px 8px;
  text-align: left;
}

.shipping-table th {
  background-color: #f5f5f5;
  white-space: nowrap;
}

/* --- モバイル専用の微調整 --- */
@media (max-width: 768px) {
  .policy-shipping h3 {
    font-size: 15px;
  }
  .shipping-table {
    font-size: 13px; /* スマホでは文字を少し小さく */
  }
}

/* --- テーブルを基準にして矢印を表示する設定 --- */
<style>
/* --- アコーディオンの基本設定（既存のものを維持） --- */
.table-container {
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.3s ease;
  max-height: 0;
  opacity: 0;
}
.table-container.open {
  max-height: none;
  opacity: 1;
  overflow-x: auto; /* ここで横スクロールを許可 */
}

/* --- 【重要】テーブルごとの枠設定 --- */
.shipping-item {
  position: relative; /* 矢印の基準点 */
  width: 100%;
  margin-bottom: 20px; /* テーブル間の余白 */
}

/* --- 矢印アイコンの設定 --- */
.scroll-arrow-icon {
  display: none;
}

@media (max-width: 768px) {
  /* 矢印を包む親要素（各テーブルセット） */
  .shipping-item {
    position: relative;
    display: flex; /* 子要素の配置を制御しやすくするため */
    flex-direction: column;
  }

  .table-container.open .scroll-arrow-icon {
    display: block !important;
    position: absolute; /* stickyからabsoluteに変更して中央配置を安定させる */
    right: 10px;
    top: 50%; /* 親要素(shipping-item)の高さ50%の位置 */
    transform: translateY(-50%); /* 自身の高さ半分だけ戻して完全に中央へ */
    
    width: 36px;
    height: 36px;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    z-index: 100;
    pointer-events: none;
    
    /* 余計な干渉を防ぐため、sticky用の指定をリセット */
    float: none;
    margin-bottom: 0;
    left: auto;
    
    animation: scroll-hint-right 1.5s infinite;
  }
}

/* アニメーション（微調整：translateXと中央補正を併用） */
@keyframes scroll-hint-right {
  0%, 100% { transform: translateY(-50%) translateX(0); opacity: 0.7; }
  50% { transform: translateY(-50%) translateX(6px); opacity: 1; }
}


/*====================================

	13. Search

====================================*/
/*.template-search section[data-section-type="collection"] {
  background: #fff;
}
.template-search .breadcrumb {
   background: #fff;
}*/
.main-search .empty-state {
  margin: 0;
}
.empty-state__quick-form {
  max-width: 717px;
  margin: 0 auto;
}
.form__connected-item .form__field {
  border: 1px solid #716D6F;
  border-radius: 10px 0 0 10px;
  background: #fff;
}
.form__connected-item .form__connection {
  border-radius: 0 10px 10px 0;
}

/* keyword */
.keywordsearch {
  max-width: 717px;
  margin: 25px auto 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
  column-gap: 15px;
}
.keywordsearch-title {
  margin-bottom: 0;
}
.keywordsearch-title span {
  margin-right: 3px;
}
.keywordsearch-item {
  background: #fff;
  padding: 0 20px;
  border-radius: 20px;
  margin-bottom: 0;
  transition: .2s ;
}
.keywordsearch-item:hover {
  background: var(--accent-color);
  color: #fff;
}
@media only screen and (max-width: 640px) {
  .keywordsearch {
    column-gap: 10px;
  }
  .keywordsearch p {
    font-size: 12px;
  }
  .keywordsearch-item {
    padding: 0 15px;
    border-radius: 15px;
  }
}

/*====================================

	14. App

====================================*/
/*
 	14.1 instafeed
====================================*/
/*#insta-feed {
  max-width: 936px;
}
@media only screen and (max-width: 640px) {
  #insta-feed {
    padding: 0 var(--mobile-container-gutter);
  }
}*/
/*
 	14.2 Globo Filter
====================================*/

.gf-option-block ul li a, .gf-option-block ul li button, .gf-option-block ul li a span.gf-count, .gf-option-block ul li button span.gf-count, .gf-clear, .gf-clear-all, .selected-item.gf-option-label a, .gf-form-input-inner select, .gf-refine-toggle {
  color: var(--text-color) !important;
}
.checked .gf-Checkbox {
  border-color: var(--text-color) !important;
  background-color: var(--text-color) !important;
}
#gf-controls-container {
  margin-bottom: 0;
  padding: 15px !important;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
#gf-controls-container .gf-actions {
  margin-bottom: 0;
}
#gf-tree .gf-option-block {
  padding: 25px 0;
  border-top: 1px solid var(--border-color);
}
/*.gl-filter-search-fullscreen {
  opacity: 0 !important;
  z-index: -3333 !important;
  display: none !important;
}*/
@media only screen and (max-width: 380px) {
  #gf-controls-container {
    border-top: none;
  }
  #gf-controls-container .gf-filter-selection, 
  #gf-controls-container .gf-filter-trigger {
    flex: 1 1 50%;
  }
  #gf-controls-container .gf-filter-selection {
    margin-bottom: 12px;
  }
}
#gf_pagination_wrap .pagination > span.current {
  color: #7c2a2a !important;
  font-size: 18px !important;
}
.open-quick-view {
  display: none !important;
}
.spf-product-card__image-wrapper {
  padding-top: 100% !important;
}
.spf-product__form {
  display: none !important;
}
.spf-product-card__vendor {
  display: none !important;
}  
.product-label--custom-norinashi {
  background: #8b8179;
  border-radius: 50% !important;
  height: 60px;
  width: 60px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0;
  position: absolute;
  top: -10px;
  left: -10px;
}
@media only screen and (max-width: 640px) {
  .product-label--custom-norinashi {
    top: -5px;
    left: -5px;
    font-size: 12px;
    height: 50px;
    width: 50px;
  }
}

/*
 	14.3 Customer Fields
====================================*/
.card__linklist .cf-edit-account-link {
  display: none;
}

/*
 	14.4 Judge.me
====================================*/
.jdgm-preview-badge {
  margin-bottom: 12px;
}
.jdgm-form__email-fieldset {
  display: none !important;
}
.jdgm-form__reviewer-name-format-container {
  font-size: 0;
}
.jdgm-form__reviewer-name-format-container:before {
  content: '（ニックネーム）';
  font-size: 16px;
}
.jdgm-form__reviewer-name-format-container select,
.jdgm-form__reviewer-name-format-container .jdgm-sort-dropdown-arrow{
  display: none !important;
}
.jdgm-notification__inner {
  display: none !important;
}
.jdgm-notification__title {
  display: block !important;
}
.jdgm-rev__buyer-badge-wrapper {
  visibility: hidden !important;
}
#judgeme_product_reviews {
  max-width: 1000px;
  margin: 0 auto;
}
  /* レビューページ */
#shopify-section-template--18435525148889__1727154670e3c16748 {
  background: #f8f7f4 !important;
}
.jdgm-rev__prod-link-prefix:before {
  content: none;
}  
.jdgm-row-profile,
.jdgm-row-extra {
  display: none !important;
}  


/*
 	14.5 Wish list
====================================*/
.page--wishlist .section.container {
  margin: 0;
}
@media only screen and (max-width: 640px) {
  .page--wishlist wishlist-page .wk-page {
    padding: 0;
  }
}
#shopify-block-wishlist_king_wishlist_button_block_PUVKJa {
  margin-top: 10px;
}


/*====================================

	1. 大見出し

====================================*/

/*
 	1.1 中見出し
====================================*/

/*====== 小見出し ======*/