/** Shopify CDN: Minification failed

Line 411:6 Expected ":"
Line 1555:0 Unexpected "}"
Line 3205:0 Unexpected "}"
Line 3525:3 Expected ":"

**/
/*
0. base
0-1. breadcrumbs.liquid
1. header footer sidebar

***** 2. TOP *****
2-1. top-mv-slide.liquid
2-2. tsuyomi.liquid
2-3. news-topics.liquid
2-4. new-item-collection.liquid
2-5. category-list.liquid
2-6. members.liquid
2-7. feature.liquid
2-8. collections-tab.liquid
2. featured-product-custom.liquid
2-9. ranking.liquid
2-10. banner.liquid


***** 3. button *****
3-1. button-custom
3-2. page-top


***** 4. page *****
4-1. sample.liquid
4-2. privacy.liquid
4-3. company.liquid
4-4. sitemap.liquid
4-5. special-offer.liquid
4-6. about-sunregent.liquid
4-7. faq.liquid
4-8. social-share.liquid
4-9. curtain-care.liquid
4-10. how-to
4-10-1. curtain-how-to-01.liquid
4-10-2. curtain-how-to-02.liquid
4-10-3. curtain-how-to-03.liquid
4-10-4. curtain-how-to-04.liquid
4-10-5. curtain-how-to-05.liquid


***** 5. Tab *****
5. Tab


***** 6. Store *****
6. Store(blogs/store.liquid)


***** 7. Search *****
7. Search/main-search-custom.liquid

***** 8. card-product.liquid *****
8. card-product.liquid


***** 9. price.liquid *****
9. price.liquid


***** 10. pagination.liquid *****
10. pagination.liquid


***** 11. blog/news *****
11. blog/news


***** 12. blog/feature *****
12. blog/feature


***** 13. article *****
13. article


***** 14. contact form *****
14. contact form(app)


***** 15. Products *****
15. Products
15-1. recommend-item-collection.liquid
15-2. recommend-product.liquid
15-3. non-order-product.liquid
15-4. product-page-price.liquid
15-5. order-info.liquid
15-6. order-curtain-info.liquid

***** 16. Modal *****

***** 20.Resposive *****
(min-width: 769px)
(min-width: 989px)
(max-width: 768px)

*/
/******************************/
/* 0. base */
/******************************/


body,html {
  font-family: 'Noto Sans JP', sans-serif!important;
}
.section-wrapper {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}

.section-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-wrapper--article {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 0 2rem;
}


.section-wrapper--top {
  max-width: 1020px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 2rem;
}

.top-section--bottom {
  margin-bottom: 100px;
}

.section-wrapper--top-nomargin {

}

@media screen and (min-width: 990px) {
  .section-width {
    width: calc(100% - 220px);
    max-width: 980px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 990px) {
  .section-width {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 749px) {
  .section-wrapper--article {
    width: 100%;
    padding: 0 2rem;
  }
  
  .top-section--bottom {
    margin-bottom: 56px;
  }
  
  .section-wrapper--top {
    padding: 40px 2rem;
  }
  .section-wrapper--top-nomargin {
    padding: 40px 0;

  }
  
}

p {
  margin: 0;
  letter-spacing: 0;
  line-height: 1.5;
  color: #333;
}

li::marker {
  font-size: 50%;
}


/* tax-include */
.include-tax {
  font-size: 12px;
}


/* tag */
.blog-tag {
  border: solid 1px #666;
  color: #666;
  padding: 6px 12px;
  font-size: 12px;
  
  font-weight: 500;
  text-align: center;
  letter-spacing: 0;
  line-height: 1.5;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  .blog-tag {
    font-size: 10px;
    padding: 3px 10px;
    line-height: 1;
  }
}

/****** .page_tittle__custom ******/

.page_title__custom{
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

.page_title__custom h1{
  
  font-size: 32px;
  font-weight: 500;
  margin: 0 0 14px 0;
  line-height: 1.5;
}

.page_title__custom h2{
  
  font-size: 32px;
  font-weight: 400;
  margin: 0 0 5px 0;
  line-height: 1.5;
}

.page_title__custom p{
  font-family: 'Caveat', cursive;
  font-size: 18px;
  color: #6B1B7E;
  line-height: 1.2;
  margin: 0;
}

.page_title__custom-top{
  margin-top: 0!important;
  margin-bottom: 48px;
}



@media screen and (max-width:749px){
  .page_title__custom{
    margin-top: 40px;
    margin-bottom: 40px;
 }
  
  .page_title__custom h1{
    font-size: 24px;
    margin: 0 0 12px 0;
  }
  
  .page_title__custom h2{
    font-size: 24px;
    margin: 0 0 5px 0;
  }
  
  .page_title__custom p{
    font-size: 16px;
  }
  
  .page_title__custom-top{
    margin-bottom: 32px;
  }
  
}


/* 0-1. breadcrumbs.liquid */
.breadcrumbs-wrapper{
  background-color: #F2F2F2;
  box-sizing: border-box;
  margin-top: 60px;
  max-width: 100%;
  overflow: hidden;
  padding: 10px 0;
  display: flex;
  
}

.breadcrumb-box {
  min-width: 220px;
  flex-basis: 220px;
}

.breadcrumbs {
  padding-left: 2rem;
  padding-right: 2rem;
}

  
.breadcrumbs__list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto;
  padding-left: 0;
  overflow: hidden;
}

.breadcrumbs__link.home {
  color: #333;
}
  
.breadcrumbs__item {
  font-size: 12px;
  line-height: 0;  
}
  
.breadcrumbs__link {
  color: #999;
  text-decoration: none;
  line-height: 1.5;
}

.breadcrumbs__product {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.breadcrumbs__product-item, .breadcrumbs__article-item {
  max-width: 500px;
}

.breadcrumbs__link.breadcrumbs__article {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.breadcrumbs__item a {
  color: #999;
  text-decoration: none;
}

.breadcrumb__divider {
  font-size: 10px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (min-width:991px){
  .breadcrumbs {
    padding-left: 2rem!important;
    padding-right: 2rem!important;
    width: 88%;
  }

  .breadcrumbs__list {
    width: 980px;
  }
}

@media screen and (max-width:990px){
  .breadcrumb-box {
    display: none;
  }
　　.breadcrumbs {
    width: 100%!important;
  }

  .breadcrumbs__list {
    width: 100%;
  }
  
}

@media screen and (min-width:991px){


}

@media screen and (max-width: 749px) {
  .breadcrumbs {
    width: 100%!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .breadcrumbs__list {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .breadcrumbs__item {

　　}
  
}





/******************************/
/* 1. header footer sidebar */
/******************************/
/* 1-1. header */
@media screen and (min-width:990px){
  .header__icon--account {
    margin-right: 1rem;
  }
  .header__heading-logo {
    max-width: 165px;
  }
}
@media screen and (min-width:750px){
/*   .header__icon--account {
    width: 120px;
  } */
 .header__account--name {
   font-size: 14px;
   font-weight: 500;
   padding-left: 5px;
  }
  
  .header__icon--account {
    margin-right: 1rem;
  }
}

@media screen and (max-width: 749px) {
 .header__account--name {
    font-size: 16px;
   font-weight: 500;
  }
  
   .wk-link {
      padding-left: 15px!important;   
  }

  .header__heading .header__heading-link img {
    width: 142px!important;
  }
  
}


@media screen and (max-width: 989px) {
  .header__heading-logo {
    max-width: 142px;
  }
  .drawer-wrap--content {
    padding-bottom: 6rem;
  }
  .drawer__search {
    width: 100%!important;
    margin: 0 auto;
    position: relative;
  }
  
  .drawer__search--filed {
    background-color: #f2f2f2!important;
    border-radius: 20px!important;
    padding-left: 2.5em!important;
  }
  
  .drawer__search--filed:focus {
    border-radius: 20px!important;
  }

  .drawer__search .search__input {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
  }
  
  
  .drawer__search--label {
    font-size: 13px!important;
    padding-left: 1.5em;
    color: #999;
  }
  
  .drawer__search--btn {
    position: absolute;
    top: 50%!important;
    transform: translateY(-50%)!important;
    left: 16px !important;
  }
  
  .menu-drawer__account-wrap {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 20px;
  }
  
  #drawer .menu-drawer__menu--list {
    padding-left: 0;
  }
  
  .list--border{
    border-bottom: solid 1px #dedede;
  }
  
  #drawer .menu-links {
    display: none;
  }
  
  .list--section {
    padding-top: 24px;
    padding-bottom: 20px;
  }

  .childlink__open {
    font-size: 14px;
    font-weight: 700;
    color: #333;
  }
  
  .grandchildlink__wrap {
    display: none;
  }
  
  .grandchildlink__inner {
    display: flex;
    flex-wrap: wrap;
/*     border-bottom: solid 1px #dedede; */
  }
  
  .grandchildlink__list {
    width: 50%;
    border-bottom: solid 1px #dedede;
  }
  
  .grandchildlink__list:nth-child(odd) {
    border-right: solid 1px #dedede;
  }
  
  
  .grandchildlink__list:nth-child(2n) a{
    padding-left: 1em;
  }
  

  .drawer__menu--wrap.list-menu .list--section {
    font-size: 16px;
    font-weight: 500;
  }
  .grandchildlink__list a{
    font-size: 13px!important;
    font-weight: 500;
    color: #666;
  }
  .menu-drawer__open {
    position: relative;
  } 

  .menu-drawer__open.list--section {
    color: #333;
  }

  .menu-drawer__open:after {
    box-sizing: border-box;
    color: #333;
    display: block;
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 16px;
    padding: 0 3vw 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .open.menu-drawer__open:after {
    content: '\f068';
  }
  
  .childlink {
/*     width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);     */
  }
  
  .childlink .bg-gray {
    background-color: #f2f2f2;
  }
  
  .childlink__open {
    position: relative;
    padding:24px 5rem 20px 1.5rem;
  }
  
  .childlink__open:after {
    box-sizing: border-box;
    color: #333;
    display: block;
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 16px;
    padding: 0 3vw 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .open .childlink__open:after {
    content: '\f068';
  }
  
  
  #nav-info  {
/*     width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw); */
    margin-bottom: 16px;
  }
  
  #nav-info .members-section.drawer {
    padding: 24px 5rem;
  }
  
  #nav-info .members-wrap.white {
    padding: 24px 16px;
    background-color: #fff;
    border-radius: 20px;
  }
  
  #nav-info .members-box:not(:last-of-type) {
    padding-bottom: 22px;
    margin-bottom: 20px;
    border-bottom: dashed 1px #999;
  }
  
  #nav-info .members-box.flex {
    display: flex;
    align-items: center;
  }
  
  #nav-info .members-icon {
    margin: 0 16px 0 0;
    width: 48px;
    height: 48px;
  }
  
  #nav-info .members-text h4{
    margin: 0 0 10px 0;
    font-size: 13px;
    
  }
  
  #nav-info .members-text p{
    font-size: 12px;
    color: #666;
    letter-spacing: 0;
  }
  
  .drawer-banner {
    display: flex;
    flex-wrap: wrap;
  }
  
  .drawer-banner--list{
    width: 47%;
    margin-bottom: 16px;
  }
  
  .drawer-banner--list:nth-of-type(2n){
    margin-left: 16px;
  }

  .drawer-banner--list img {
    width: 100%;
  }
  
  .main--menu {
    margin: 0 0 34px 0;
  }
  
  .main--menu__list {
    padding-left: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
  }
  
  .main--menu__list li {
    width: 50%;
  }

   .main--menu__list li a{
     padding-top: 20px;
     padding-bottom: 20px;
     font-weight: 500;
  }

  .main--menu__list li:nth-child(1) {
    order: 1;
  }
  .main--menu__list li:nth-child(2) {
    order: 3;
  }
  .main--menu__list li:nth-child(3) {
    order: 2;
  }
  .main--menu__list li:nth-child(4) {
    order: 4;
  }
  
  .arrow--left, .arrow--right{
    position: relative;
    display: inline-block;
/*     padding-left: 20px; */
    color: #333;
    text-decoration: none;
  }
  
  .arrow--right__s{
    position: relative;
    display: inline-block;
    padding-left: 20px;
    color: #333;
    text-decoration: none;
  }
  
  .arrow--left {
    padding-left: 2em!important;
  }
  
  .arrow--left::before{
    content: '';
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    transform: rotate(45deg);
  }
  
  .arrow--right::after{
    content: '';
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -4px;
    transform: rotate(45deg);
  }
  
  .arrow--right__s::after{
    content: '';
    width: 10px;
    height: 10px;
    border: 0;
    border-top: solid 2px #666;
    border-right: solid 2px #666;
    position: absolute;
    top: 50%;
    right: 3rem;
    margin-top: -4px;
    transform: rotate(45deg);
  }
  
}

@media screen and (max-width: 749px){
#nav-info .members-section.drawer {
    padding: 24px 2rem;
  }
}


@media screen and (max-width: 480px) {
    .menu-drawer__open:after {
    box-sizing: border-box;
    color: #333;
    display: block;
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 16px;
    padding: 0 6.5vw 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .childlink__open:after {
    box-sizing: border-box;
    color: #333;
    display: block;
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 16px;
    padding: 0 6vw 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

/* 1-2. footer */
/* →section-footer.css */

.footer-top__menu-list, .footer-bottom__menu-list {
  display: flex;
  flex-wrap: wrap;
}

.footer-top__menu-list {
  padding-left: 0;
}

.footer-top__menu-list li a {
  color: #fff;
}

.footer-bottom__menu-list {
  padding-left: 0;
  margin: 0;
}

.footer-bottom__menu-list li+ li {
  border-left: 1px solid #fff;
}

.footer-bottom__menu-list li a {
  color: #fff;
}

.footer-top__menu-list li a, .footer-bottom__menu-list li a {
  text-decoration: none!important;
  line-height: 1;
}

.footer-top__menu-list li a:hover, .footer-bottom__menu-list li a:hover {
  color: #f2f2f2;
}

.copyright--wrap {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .footer {
    /* max-width: 1920px!important; */
    margin-left: 0!important;
    margin-right: 0!important;
  }
  
  .footer-content--wrapper {
    max-width: 1010px;
    margin: 0 auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  .section-footer--padding {
    padding-top: 81px;
    padding-bottom: 41px;
  }
  
  .footer-top__menu-list {
    margin: 0 0 20px 0;
  }

  .footer-top__menu-list li {
    padding-right: 40px;
    margin-bottom: 10px;
  }

  .footer-top__menu-list li:last-child {
    padding-right: 0;
  }
  
  .footer-bottom__menu-list li {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 10px;
  }
  
  .footer-bottom__menu-list li:first-child {
    padding-left: 0;
  }
   
  .footer-bottom__menu-list li a{
    font-size: 12px;
  }
  
}

@media screen and (max-width: 749px) { 
  
  .section-footer--padding {
    padding-top: 56px;
    padding-bottom: 21px;
  }
  
  .footer-top__menu-list {
    border-bottom: solid 1px #666;
    padding-bottom: 36px;
  }
  
  .footer-top__menu-list li {
    position: relative;
    width: 50%;
    margin-bottom: 20px;
  }

  .footer-top__menu-list li:nth-child(1) {
    order: 1;
  }
  .footer-top__menu-list li:nth-child(2) {
    order: 3;
  }
  .footer-top__menu-list li:nth-child(3) {
    order: 2;
  }
  .footer-top__menu-list li:nth-child(4) {
    order: 4;
  }
  
  .footer-top__menu-list li::before {
    content: '';
    width: 12px;
    height: 12px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    transform: rotate(45deg);
  }
  
  .footer-top__menu-list li a{
    padding-left: 2em;
    font-size: 14px;
  }
  
  .footer-top__menu-list li a, .footer-bottom__menu-list li a {
    padding-top: 0!important;
    padding-bottom: 0!important;
  }
    
  .footer-bottom__menu-list {
    padding-top: 43px;
    padding-bottom: 1em;
  }
  
  .footer-bottom__menu-list li {
    margin-bottom: 20px;
    padding-left: 8px;
    padding-right: 8px;
  }
  
  .footer-bottom__menu-list li:first-child {
    padding-left: 0;
  }
  
  /* .footer-bottom__menu-list li:nth-child(4) {
    padding-left: 0;
    border-left: 0;
  }
  
  .footer-bottom__menu-list li:nth-child(7) {
    padding-left: 0;
    border-left: 0;
  } */
   
  .footer-bottom__menu-list li a{
    font-size: 12px;
  }
  
  .copyright--wrap {
    text-align: left;
  }
  
  .copyright--text {
    color: #666;
  }
  
}


/* 1-3. sidebar */
.sidebar-inner {
    width: 220px;
  }

.sideber--padding {
  
}

.sidebar-inner ul > li:nth-of-type(2){
  margin-top: 7px;
}
.sidebar-inner > ul > li:nth-of-type(3),.sidebar-inner > ul > li:nth-of-type(4),.sidebar-inner > ul > li:nth-of-type(5){
  margin: 7px 0;
}

#shopify-section-sidebar .sidebar__field {
  position: relative;
  margin-left: 0;
}

.sidebar__field::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #333;
  bottom: 0;
  left: 0;
}

#shopify-section-sidebar .sidebar__field .field__input {
  padding-left: 0;
}
@media screen and (max-width:990px) {
  .sidebar-inner .search .field {
    width: 100%!important;
  }

  
}  #shopify-section-sidebar .sidebar__field .field__label {
  left: 0px;
  font-size: 1.4rem;
}

#shopify-section-sidebar .field:hover.field:after {
  box-shadow: none;
}

#shopify-section-sidebar .sidebar__field .field__input:focus {
  box-shadow: none;
  outline: 0;
/*   border-radius: 0!important; */
  border: 0;
  padding-left: 0;
}



#shopify-section-sidebar .sidebar__field .field__label {
  color: #999;
}

#shopify-section-sidebar .sidebar__field .field__input:focus .sidebar-field--label {
  display: none!important;
}

/* .search-input--sidebar:focus  {
  display: none!important;
} */

.sidebar-link__menu {
  color: #333;
  font-size: 14px;
}

.sidebar-link__submenu {
  color: #666;
  font-size: 14px;
}


@media screen and (min-width:991px){
  #shopify-section-sidebar {
    display: block;
    width: 22%;
    max-width: 220px;
  }
  
  #shopify-section-sidebar .list-menu__item{
    padding: 1.3rem 1.5em ;
  }
  #shopify-section-sidebar .menu-drawer__inner-submenu .list-menu__item{
    padding: 1.1rem 2.5rem 1.1rem 2.5em;
  }
  
  #shopify-section-sidebar .menu-drawer__inner-submenu ul li:hover {
    background-color: #f2f2f2;
    transition: all 0.3s;
    
  }
  #shopify-section-sidebar .menu-drawer__inner-submenu ul li a{
    cursor: default;
  }
  #shopify-section-sidebar .sidebar__field {
    margin:0 auto 30px;
    width: 172px;
  }

}

@media screen and (max-width:990px){
  #shopify-section-sidebar {
    display: none!important;
  }
}



/******************************/
/* 2. TOP */
/******************************/

/* slide-arrow */
.slide-prev .prev-arrow,.next-arrow {
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: solid 1px #bcbcbc;
  background-color: rgba(255, 255, 255, 0.8);
}

.slide-prev .prev-arrow:hover {
  border: solid 1px #bcbcbc;
  transition: all .3s;
}

.slide-prev .prev-arrow:hover::before {
  border-top: 2px solid #6b1b7e;
  border-left: 2px solid #6b1b7e;
  transition: all .3s;
}

.slide-next .next-arrow:hover {
  border: solid 1px #bcbcbc;
  transition: all .3s;
}

.slide-next .next-arrow:hover::before {
  border-top: 2px solid #6b1b7e;
  border-right: 2px solid #6b1b7e;
  transition: all .3s;
}

@media screen and (max-width: 1199px) {
  .slide-prev .prev-arrow,.next-arrow {
/*     display: none; */
  }
}

.slide-prev .prev-arrow::before {
  position: absolute;
  content: '';
  top: 35%;
  left: 40%;
  width: 18px;
  height: 18px;
  border-radius: 1.5px;
  border-bottom: 0;
  border-right: 0;
  border-top: 2px solid #333333;
  border-left: 2px solid #333333;
  transform: rotate(-45deg);
}

.slide-next .next-arrow::before {
  position: absolute;
  content: '';
  top: 35%;
  right: 40%;
  width: 18px;
  height: 18px;
  border-radius: 1.5px;
  border-bottom: 0;
  border-left: 0;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  transform: rotate(45deg);
}

.slide-arrow {
  position: absolute;
}


/********* 2-1. top-mv-slide.liquid ********/
.slider{
  display: none;
}
.slider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}


.top-mv--wrapper {
  overflow: hidden;
  width: 100%;  
  height: auto;
  margin-top: 70px;
  position: relative;
}

#top-mv .slick-slide {
  max-width: 920px;
  height: auto;
  margin-left: 35px;
  margin-right: 35px;
}



#top-mv .slick-current {
  height: auto;
}

#top-mv .slick-slider {
  max-height: 480px;
}

#top-mv .slider img {
    width: 100%;
  }
  #top-mv .slick-list {
    overflow-x: visible;
    overflow-y: inherit;
  }



#top-mv .slide-prev {
  position: absolute;
  top: 50%;
  left: 14vw;
  z-index: 1;
  transform: translateY(-50%);
}

#top-mv .slide-next {
  position: absolute;
  top: 50%;
  right: 14vw;
  z-index: 1;
  transform: translateY(-50%);
}



@media screen and (min-width: 1200px) {
  /* #top-mv {
    height: 480px;
  } */
  #top-mv .slideshow.slick-active img {
    transition: all 0.3s;
  }
  #top-mv .slideshow.slick-active img:hover {
    filter: drop-shadow(3px 5px 5px rgba(0,0,0,0.3));
  }
  .top-mv--wrapper {
    margin-top: 100px;
  }
  
    #top-mv .slick-slide {
      min-width: 920px;
      width: 100% !important;
      min-height: 480px!important;
      margin-left: 35px;
      margin-right: 35px;
    }
  
    #top-mv .slick-current {
      min-width: 920px;
      width: 100% !important;
      min-height: 480px!important;
      margin: auto;
    } 

    #top-mv .slide-prev {
      left: calc((100% - 920px) / 2 - 28px);
    }

    #top-mv .slide-next {
      right: calc((100% - 920px) / 2 - 28px);
    }

    #top-mv .slick-dots {
      bottom: -40px;
    }
    #top-mv .slick-dotted.slick-slider {
      margin-bottom: 50px;
    }
}


@media screen and (max-width: 989px) {
    #top-mv .slide-prev {
/*   left: 0%; */
left: 1vw;
}

#top-mv .slide-next {
/*   right: 16%; */
right: 1vw;
}

  #top-mv .slick-slide {
      margin-left: 20px;
      margin-right: 20px;
    }
  
}

@media screen and (max-width: 749px) {
  #top-mv .slideshow img {
    filter: drop-shadow(3px 5px 5px rgba(0,0,0,0.3));
    padding-bottom: 10px;
    padding-top: 10px;
  }
}


/* 2-2. tsuyomi.liquid */
.tsuyomi-section {
  max-width: 1010px;
  width: 100%;
  margin: 0 auto;
  padding: 24px 1.5rem 20px;
  text-align: center;
}

#tsuyomi .tsuyomi-section--inner{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;  
}

#tsuyomi .tsuyomi-box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;  
  max-width: 330px;
  flex-basis: 33.33%;
  padding-top: 5px;
  padding-bottom: 5px;
}

#tsuyomi .tsuyomi-box:first-of-type {
  padding-right: 1.8rem;
  border-right: dashed 1px #999;
}

#tsuyomi .tsuyomi-box:nth-of-type(2) {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}

#tsuyomi .tsuyomi-box:last-of-type {
  padding-left: 1.8rem;
  border-left: dashed 1px #999;
  
}

/* @media screen and  (min-width: 1251px){
  #tsuyomi .tsuyomi-box:first-of-type {
    flex-basis: 40%;
  }

  #tsuyomi .tsuyomi-box:nth-of-type(2) {
    flex-basis: 30%;
  }

  #tsuyomi .tsuyomi-box:last-of-type {
    flex-basis: 40%;
  }
}


@media screen and (max-width: 1250px) and (min-width: 750px){
  #tsuyomi .tsuyomi-box {
    flex-basis: 33.33%!important;
  }
  
  #tsuyomi .tsuyomi-box:nth-of-type(2) {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }
} */



#tsuyomi .tsuyomi-img {
  margin: 0;
  max-width: 80px;
  width: 100%;
  height: 80px;
}

#tsuyomi .tsuyomi-img img{
  width: 100%;
  height: auto;
}


#tsuyomi .tsuyomi-text {
  max-width: 250px;
  width: 100%;
  text-align: left;
  padding-left: 16px;
}

#tsuyomi .tsuyomi-text h4 {
  font-size: 14px;
  
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #333;
}

#tsuyomi .tsuyomi-text p {
  color: #666;
  font-size: 12px;
  
  font-weight: 500; 
  letter-spacing: 0;
  line-height: 1.5;
}


@media screen and (max-width: 749px) {
  .tsuyomi-section {
  max-width: 1010px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem 0;
  text-align: center;
}

  
  #tsuyomi {
    padding-top: 10px;
    padding-bottom: 30px;
  }
  
  #tsuyomi .tsuyomi-box {
    display: block;
    flex-basis: 33.33%!important;
    padding-top: 5px;
    padding-bottom: 5px;
  }
 
  
  #tsuyomi .tsuyomi-img {
  margin: 0 auto 6px;
  max-width: 38px;
  width: 100%;
  height: 38px;
}
  
  
  #tsuyomi .tsuyomi-box:first-of-type {
  padding-right: 0.5rem;
  
}

#tsuyomi .tsuyomi-box:nth-of-type(2) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  /* border-left: dashed 1px #999;
  border-right: dashed 1px #999; */
}

#tsuyomi .tsuyomi-box:last-of-type {
  padding-left: 0.5rem;
  
}
  
  #tsuyomi .tsuyomi-text {
    text-align: center;
    margin-left: 0;
    padding-left: 0;
 }

  
  #tsuyomi .tsuyomi-text h4 {
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  #tsuyomi .tsuyomi-text p {
    display: none;
  }
  #tsuyomi .tsuyomi-text p.tsuyomi-small {
    display: block;
  }
}


/* 2-3. news-topics.liquid */

#topics {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#topics .topics-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topics-section--wrapper {
  padding-bottom: 50px;
}

.topics-section {
  background-color: #f2f2f2;
}

.section-wrapper--topics {
  max-width: 1010px;
  width: 100%;
  margin: 0 auto;
  padding: 7px 1.5rem 7px;
}
}

.topics-item {
  position: relative;
  padding: 12px 0;
  max-width: 980px!important;
  width: 100%important;
}

#topics .slick-slide {
  position: relative;
}


#topics .slide-prev {
  display: none;
}

#topics .slide-next {
  position: absolute;
  display: inline-block;
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  top: 50%;
  right: 1%;
  margin-top: -1px;
  transform: rotate(45deg);
}


.topics-date {
  color: #999;
  font-size: 12px;
  
  font-weight: 500;
  letter-spacing: 0;
}

.topics-title {
  color: #2c2c2c;
  font-size: 12px;
  
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 24px;
}



@media screen and (max-width: 749px) {
  .topics-section--wrapper {
    padding-bottom: 40px;
  }
}



/* 2-4. new-item-collection.liquid */


#new-item .slide-prev {
  position: absolute;
  top: 30%;
  left: -72px;
  z-index: 1;
}

#new-item .slide-next {
  position: absolute;
  top: 30%;
  right: -72px;
  z-index: 1;
}

@media screen and (max-width: 1350px) {
  #new-item .slide-prev {
  position: absolute;
  top: 26%;
  left: 0;
  z-index: 1;
}

#new-item .slide-next {
  position: absolute;
  top: 26%;
  right: 0;
  z-index: 1;
}
}
#new-item .new-item--card .card__heading {
  margin-bottom: 0;
}
.section-wrapper--top .product-tag--wrap {
  display: none!important;
}

@media screen and (min-width: 990px) {
  #new-item .new-item--list {
    max-width: 300px;
    width: 100%;
    margin-left: 40px;
  }
}
  
@media screen and (min-width: 750px) {
  #new-item .new-item--card {
    width: 100%;    
  }
  
  #new-item .new-item--card .price-item.price-item--regular.top {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
}
  
  #new-item .new-item--card .price-yen {
    font-size: 14px!important;
    font-weight: 500;
    letter-spacing: 0;
  }
  .include-tax {
    font-size: 14px!important;
    font-weight: 400;
    letter-spacing: 0;
  }
  .card__information .product-spec--wrap {
    font-size:14px;
  }
  #new-item .new-item--card .product-spec--wrap {
    display: block;
    font-size: 1.4rem;
    color: #666;
  }

/*   #new-item .new-item--card .card__media .media {
    position: relative;
    padding-top: 100%;
  }
  
  #new-item .new-item--card .card__media .media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */
  
}

@media screen and (max-width: 989px) {
  #new-item .slick-track {
    left: -21.86vw;
    /* センターモードの場合、１番目のスライドがセンター表示される。１番目のスライドのセンターよりは width/2 + padding分左に移動する (38.4/2+2.66 = 21.86vw) */
  }
  #new-item .new-item--list {
    max-width: 38.4vw;
    margin: 0 2.66vw;
  }
  
  #new-item .new-item--card .price-item.price-item--regular.top {
     font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
  }
  
  #new-item .new-item--card .price-yen {
    font-size: 12px!important;
    font-weight: 500;
    letter-spacing: 0;
  }
  
  .include-tax {
    font-size: 12px!important;
    font-weight: 400;
    letter-spacing: 0;
  }
  #new-item .new-item--card .product-spec--wrap {
    font-size: 1.2rem;
    color: #666;
  }
  #new-item .new-item--card .card__heading {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 426px){
  #new-item .slide-prev, #new-item .slide-next {
  display: none!important;
}

}



/* 2-5. category-list-new.liquid */
/* .category-list--wrapper .collection-list-wrapper */
.category-list--header {
  display: none!important;
}

#category__list .card--link {
    display: block;
    height: 100%;
    width: 100%
}

#category__list .grid {
    column-gap: 25px!important;
    row-gap: 25px;
}

#category__list .category-list {
    width: calc((100% - 25px * 4) / 5);
    max-width: 176px!important;
  }

@media screen and (min-width: 1200px) {
  .category-list .card__inner .card__media .media img {
    transition: all 0.3s;
  }
  .category-list:hover .card__inner .card__media .media img {
    transform: scale(1.1);
  }
}


@media screen and (max-width: 749px) {
   #category__list .grid {
      column-gap: 20px!important;
      row-gap: 20px;
  }
}

@media screen and (max-width: 600px) {
  #category__list .category-list {
    width: calc((100% - 10px * 2) / 3);
  }
  #category__list .grid {
      column-gap: 10px!important;
      row-gap: 10px;
  }
  
}



/* 2-6. members.liquid */
.member-wrapper {
  padding-top: 36px;
  padding-bottom: 10px;
  width: 100%;
}

.members-section {
  background-color: #f2f2f2;
  padding: 80px 1.5rem;
}

#members .members-wrap {
  text-align: center;
  background-color: #fff;
  border-radius: 16px;
  padding: 40px;
}

#members .members-title {
  max-width: 275px;
  margin: 0 auto 40px auto;
  font-size: 24px;
  
  font-weight: 400;
  background-color: #f2f2f2;
  padding: 11px 24px;
}

#members .members-item {
  display: flex;
  justify-content: center;
}

#members .members-box {
  width: 33.33%;
}

#members .members-box:not(:last-of-type) {
  border-right: dashed 1px #999;
}

#members .members-box:first-of-type {
  padding-right: 2rem;
}

#members .members-box:nth-of-type(2n) {
  padding-left: 2rem;
  padding-right: 2rem;
}

#members .members-box:last-of-type {
  padding-left: 2rem;
}

#members .members-icon {
  margin: 0 auto 20px auto;
  width: 88px;
  height: 88px;
}

#members .members-icon img{
  width: 100%;
  height: auto;
}

#members .members-text h4 {
  font-size: 18px;
  
  font-weight: 500;
  margin: 0 0 10px 0;
}

#members .members-text p {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}


@media screen and (max-width: 749px) {
  .members-section {
    padding: 40px 2rem;
  }
  #members {
/*     padding: 0 2rem; */
  }
  
  #members .members-wrap {
    padding: 24px 20px 17px 20px;
  }
  
  #members .members-title {
    width: 220px;
    margin: 0 auto 24px auto;
    font-size: 18px;
    padding: 9px 24px;
  }
    
  #members .members-item {
    display: block;
  }

  #members .members-text {
    flex-basis: 70%;
  }
  
  #members .members-box {
    width: 100%;
    display: flex;
    padding-bottom: 16px;  
    text-align: left;
  }
  
  #members .members-box:not(:last-of-type) {
    padding-right: 0;
    border-right: none;
    border-bottom: dashed 1px #999;
    margin-bottom: 16px;
  }
  
  #members .members-box:last-of-type {
    padding-left: 0;
  }
  
  #members .members-box:nth-of-type(2n) {
    padding-left: 0;
  }
  
  #members .members-icon {
    margin: 0 12px 0 0;
    width: 68px;
    height: 68px;
  }
  
  #members .members-text h4 {
    font-size: 16px;
    margin: 0 0 5px 0;
  }
  
  #members .members-text p {
    font-size: 14px;
  }
  
}



/* 2-7. feature.liquid */
#feature .feature-list {
  padding-left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 0 48px 0;
}

#feature .feature-item {
width: calc((100% - 40px * 1) / 2);
}

#feature .feature-item a {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}

#feature .feature-img {
  margin: 0;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 20px;
  z-index: 0!important;
}




#feature .feature-img img{  
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition-duration: 0.5s;
}


#feature .feature-item a:hover .feature-img img{
  transform: scale(1.1);
  
}


#feature .feature-item:nth-child(2n) {
  margin-left: 40px;
}


#feature .feature-content {
  color: #333;
  margin-top: 24px;
}

#feature .feature-date {
  color: #666;
  font-size: 14px;
  
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 12px;
}

#feature .feature-title {
  color: #333;
  font-size: 16px;
  
  font-weight: 500;
  line-height: 1.5;
}



@media screen and (max-width: 749px) {
  .feature {
    margin-top: -35px;
  }
  
  #feature .feature-list {
    display: block;
    margin: 0 0 32px 0;
  }
  
  #feature .feature-item {
    width: 100%;
  }
  
  #feature .feature-item:nth-child(2n) {
  margin-left: 0;
}
  
  #feature .feature-item:not(:last-child) {
    margin: 0 0 24px 0;
  }
  
  #feature .feature-img img{
    width: 100%;
  }
  
  #feature .feature-title {
    font-size: 14px;
  }
  
  #feature .button-custom a {
    width: 240px;
  }
}



/* 2-8. collections-tab.liquid */
/* #collections-list {
  max-width: 1010px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 1.5rem;
} */

#collections-list .grid {
    column-gap: 40px!important;
    row-gap: 40px;
}

.collections-tab--list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
  }

@media screen and (min-width:750px){
  .collections-tab--list .tabs.hover:hover {
    color: #6B1B7E;
    border: solid 1px #6B1B7E;
  }
}


.collections-tab--box {
    margin: 0 0 32px 0;
  }

  .tabs {
    width: 110px;
    margin-left: 1rem;
    padding-top: 14px;
    padding-bottom: 12px;
    font-size: 14px;
    
    font-weight: 500;
    line-height: 1.2;
  }

.tabs {
    border: solid 1px #bcbcbc;
    border-radius: 32px;
    text-align: center;
    cursor: pointer;
  }
  
  .bg-active {
    background-color: #333;
    border: solid 1px #333!important;
    color: #fff!important;
  }

#collections-list .products-card {
  max-width: 300px;
  width: calc((100% - 40px * 2) / 3);
  }

#collections-list .products-card:hover .card__inner .card__media .media img {
  transform: scale(1.1);
  transition-duration: 0.5s;
}

#collections-list .grid .products-card .price-item {
  font-size: 22px;
  font-weight: 500;
    letter-spacing: 0;
}

#collections-list .grid .products-card .price-yen {
  font-size: 12px!important;
  font-weight: 500;
    letter-spacing: 0;
}
.include-tax {
  font-size: 12px!important;
  font-weight: 400;
    letter-spacing: 0;
}

@media screen and (max-width: 749px) {
/*   #collections-list {
    padding: 40px 1.5rem;
  } */
  
  .collections-tab--box {
    margin: 0 0 24px 0;
  }
  
  .tabs {
    width: 78px;
    margin-left: 0.5rem;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 12px;
    line-height: 1.2;
  }
  

  
  #collections-list .products-card {
  max-width: 300px;
  width: calc((100% - 20px * 1) / 2)!important;
  }
  
  #collections-list .grid {
    column-gap: 20px!important;
    row-gap: 20px!important;
}
  
/*   #collections-list .products-card:nth-of-type(2n){
    margin-left: 15px;
  } */
  
  #collections-list .button-custom a{
    width: 240px;
  }

  #collections-list .grid .products-card .card__heading {
    font-size: 14px;
  }

  #collections-list .grid .products-card .price-item{
     font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
  }

#collections-list .grid .products-card .price-yen {
    font-size: 12px;
  font-weight: 500;
    letter-spacing: 0;
  }
  .include-tax {
    font-size: 12px;
  font-weight: 400;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 480px) {
  #collections-list .products-card {
  max-width: 158;
  width: calc((100% - 20px * 1) / 2)!important;
  }
  
  #collections-list .grid {
    column-gap: 20px!important;
    row-gap: 20px!important;
}
}


/* @media screen and (min-width: 1200px) {  

  
  #collections-list .products-card {
    width: calc((100% - 40px * 2) / 3);
  }

  #collections-list .grid {
    column-gap: 40px!important;
    row-gap: 40px;
}


}

@media screen and (min-width: 750px) and (max-width: 1199px) {
  #collections-list .grid {
    column-gap: 20px!important;
    row-gap: 20px;
}

    #collections-list .products-card {
    width: calc((100% - 20px * 2) / 3);
  }
  
}


@media screen and (max-width: 749px) {
  #collections-list .grid {
    column-gap: 20px!important;
    row-gap: 20px;
  }
  
  #collections-list .products-card {
    width: calc((100% - 20px * 1) / 2);
  }

} */



/* 2-9. ranking.liquid */

/* #ranking .grid--4-col-desktop .grid__item {
  width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
} */

.ranking-collection {
  padding-bottom: 100px;
}

#ranking .card__content .price-item.price-item--regular.top {
  font-size: 22px;
  font-weight: 500;
    letter-spacing: 0;
}

#ranking .card__content .price-yen{
  font-size: 12px!important;
  font-weight: 500;
    letter-spacing: 0;
}
.include-tax {
  font-size: 12px!important;
  font-weight: 400;
    letter-spacing: 0;
}


#ranking .grid--3-col-desktop .grid__item {
/*     width: calc(25% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 2 / 3); */
  }

#ranking .ranking-item {
  max-width: 224px!important;
  width: calc((100% - 40px * 2) / 3);
/*   margin-left: 40px; */
}

#ranking .ranking-item:not(:first-child),.ranking-item:not(:last-child) {
  margin:0 20px;
}

#ranking .ranking-item:first-child {
/*   margin-left: 0; */
  margin:0 20px 0 0;
}

#ranking .ranking-item:last-child {
  margin:0 0 0 20px;
}


#ranking .ranking-item:hover .card__inner .card__media .media img {
  transform: scale(1.1);
  transition-duration: 0.5s;
}			

#ranking .slick-list{
  padding: 0 19.5% 0 0!important;
}


#ranking ul {
  margin-bottom: 42px;
}

#ranking .slide-prev {
  position: absolute;
  top: 25%;
  left: -72px;
  z-index: 1;
}

#ranking .slide-next {
  position: absolute;
  top: 25%;
  right: -72px;
  z-index: 1;
}


@media screen and (max-width: 1300px) {

  #ranking .slide-next {
  position: absolute;
  top: 25%;
  right: 0;
  z-index: 1;
}
  
  #ranking .slick-list{
  padding: 0!important;
}
  
}



@media screen and (max-width: 749px) {
  .ranking-collection {
  padding-bottom: 80px;
}
  
  #ranking .ranking-item {
    max-width: 100%!important;
    width: 100%!important;
  }
  
  #ranking .ranking-item:not(:first-child),.ranking-item:not(:last-child) {
    margin:0 0 20px 0;
  }

  #ranking .ranking-item:first-child {
    margin: 0 0 20px 0;
  }

  #ranking .ranking-item:last-child {
    margin: 0;
  }

  #ranking .ranking-item:nth-child(n+6) {
    display: none;
  }
  
  #ranking .ranking-item .card {
    display: flex;
    align-items: flex-start;
  }
  
  #ranking .ranking-item .card__inner {
    max-width: 110px!important;
    width: 100%;
    margin-right: 1rem;
  }
  
  #ranking .ranking-item .card__information {
    padding: 0;
  }

  #ranking .slick-list{
    padding: 0!important;
  }
  
  #ranking .grid {
    display: block;
  }
  
  #ranking .grid--3-col-desktop .grid__item {
    max-width: 100%;
  }


  #ranking ul {
    margin-bottom: 32px;
  }
  
  #ranking .button-custom a {
    width: 240px;
  }

  #ranking .card__content .card__heading {
    font-size: 14px;
  }
  
  #ranking .card__content .price-item.price-item--regular.top {
     font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
  }

#ranking .card__content .price-yen {
    font-size: 12px;
  font-weight: 500;
    letter-spacing: 0;
  }
  .include-tax {
    font-size: 12px;
  font-weight: 400;
    letter-spacing: 0;
  }
}



/* 2-10. banner.liquid */
#banner {  
  /* max-height: 343px; */
}

.banner-wrap {  
  padding-top: 3vw;
  padding-bottom: 3vw;
}

.banner-section {
  max-width: 1010px;
  width: 100%;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.banner-btn {
  text-align: left;
}

.banner-name {
  font-size: 16px;
  color: #333;
  margin: 0 0 26px 0;
}

.banner-body {
  font-size: 32px;
  color: #333;
  font-weight: 500;
  margin: 0 0 46px 0;
  line-height: 1.5;
}

@media screen and (min-width: 990px) {
  .banner-section {
/*     padding: 0px 1.5rem; */
  }
}


@media screen and (max-width: 1200px) {
  .banner-name {
  margin: 0 0 1% 0;
 }
  
  .banner-body {
  margin: 0 0 4% 0;
  }
}


@media screen and (max-width: 989px) {
  .banner-section {
/*     padding-top: 60px;
    padding-bottom: 60px; */
  }
  
  
  
  .banner-name {
    font-size: 12px;
    margin: 0 0 20px 0;
  }
  
  .banner-body {
    font-size: 24px;
    margin: 0 0 31px 0;
  }
  
}


@media screen and (max-width: 749px) {
  
  .banner-wrap {  
  padding-top: 10vw;
  padding-bottom: 10vw;
}
  
  
  .banner-name {
    font-size: 12px;
    margin: 0 0 20px 0;
  }
  
  .banner-body {
    font-size: 24px;
    margin: 0 0 31px 0;
  }
}


/******************************/
/* 3. button */
/******************************/

/****** 3-1. button ******/
.button-custom {
  text-align: center;
}

.button-custom a {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 1em 2em;
  width: 320px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  background-color: #fff;
  border: solid 1px #333333;
  border-radius: 50vh;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
  line-height: 1.2;
}

.button-custom a::after {
  position: absolute;
  content: '';
  top: 50%;
  right: 10%;
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
  margin-top: -3px;
}

.button-custom a:hover {
  text-decoration: none;
  border: solid 1px #691A7C!important;
  color: #691A7C;
  transition: all 0.3s;
}

.button-custom a:hover::after{
  border-top: 1px solid #691A7C;
  border-right: 1px solid #691A7C;
}

.button-custom.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.button-custom.disabled a:hover {
  text-decoration: none;
  border: solid 1px #333333 !important;
  color: #333;
  transition: all 0.3s;
}

.button-custom.disabled a:hover::after{
  border-top: solid 1px #333333 !important;
  border-right: solid 1px #333333 !important;
}

.button-custom--s a:hover {
  text-decoration: none;
  border: solid 1px #6B1B7E!important;
  color: #691A7C;
  transition: all 0.3s;
}

.button-custom--s a:hover::after{
  border-top: 1px solid #6B1B7E;
  border-right: 1px solid #6B1B7E;
}

@media screen and (max-width: 749px) {
  .button-custom a {
    padding: 1em 2em;
    font-size: 14px;
  }
  
}


/****** button-custom store.liquid ******/
.button-custom .btn-c {
  border: solid 1px #BCBCBC!important;
}


/****** button-custom background:transparent ******/
.button-custom--t a {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 1em 2em;
  width: 320px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  background-color: transparent;
  border: solid 1px #333333;
  border-radius: 50vh;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
  line-height: 1.2;
}

.button-custom--t a::after {
  position: absolute;
  content: '';
  top: 50%;
  right: 10%;
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
  margin-top: -3px;
}

.button-custom--t a:hover {
  text-decoration: none;
  background-color: #fff;
  border: solid 1px #691A7C;
  color: #691A7C;
  transition: all 0.3s;
}

.button-custom--t a:hover::after{
  border-top: 1px solid #691A7C;
  border-right: 1px solid #691A7C;
}

@media screen and (max-width: 749px) {
  .button-custom--t a {
    width: 240px;
    font-size: 14px;
    padding: 1em 2em;
  }
}


/****** button-custom small ******/
.button-custom--s {
  text-align: left!important;
}

.button-custom--s a {
  width: 158px!important;
  color: #333;
  font-size: 14px;
  font-weight: 500!important;
  padding: 10px 24px!important;
  line-height: 1;
}

@media screen and (max-width: 749px) {
  .button-custom--s .btn-c {
    font-size: 12px!important;
    width: 144px!important;
  }

}



/****** 3-2.page-top button ******/
.page-top {
  display: none;
}
.page-top {
  position: fixed;
  right: 1vw;
  bottom: 2vw;
  z-index: 1;
}

/* #page-top {
  position: fixed;
  width: 64px;
  height: 64px;
  right: 20px;
  bottom: 20px;
  font-size: 24px;
  line-height: 1.5;
  background: #333;
  color: #fff;
  margin: 0 20px 20px 0;
  
} */

.page-top .page-top__link {
  display: block;
  width: 90px;
  height: 90px;
/*   padding: 16px; */
/*   font-size: 16px;
  font-weight: 500;
  background-color: #333; */
  background-image: url(/cdn/shop/files/page_top.png?v=1659593817);
  background-size: 100%;
  background-repeat: no-repeat;
/*   color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 50%; */
}

/* .page-top .page-top__link::after {
  font-size: 30px;
  content:url(/cdn/shop/files/page-top.png?v=1658473390);
  top: 0;
  left: 0;  
  display: inline-block;
  line-height: 1;
} */

.page-top:hover .page-top__link{
  background-image: url(/cdn/shop/files/page_top_hover.png?v=1659593817);
  background-size: 100%;
  background-repeat: no-repeat;
  transition: all 0.3s;
  width: 90px;
  height: 90px;
}

@media screen and (max-width: 749px) {
  .page-top .page-top__link {
    width: 64px;
    height: 64px;
  }
  .page-top:hover .page-top__link{
    width: 64px;
    height: 64px;
  }
}





/******************************/
/* 4. page */
/******************************/


/****** 4-1. sample.liquid ******/

#sample .sample-desc {
  margin-top: 60px;
  margin-bottom: 26px;
}

#sample .sample-mv img {
  width: 100%;
  height: auto;
}

#sample .sample-desc h2 {
  font-size: 24px;
  
  font-weight: 700;
  letter-spacing: 0;
}

#sample .sample-desc p {
  font-size: 16px;
}

#sample .sample-notes {
  font-size: 12px;
}

#sample .sample-notes p {
  font-size: 12px;
}

#sample .sample-icon {
  max-width: 980px;
  margin-bottom: 67px;
}


#sample .sample-icon .sample-icon--item {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  text-align: center;
  background-color: #fafafa;
  border-radius: 20px;
  padding: 40px;
  margin-bottom: 1em;
}

#sample .sample-icon .sample-icon--box {
  max-width: 33.33%;
  width: 100%;
}

#sample .sample-icon .sample-icon--box:first-of-type {
  padding-right: 2rem;
  border-right: dashed 1px #999;
}

#sample .sample-icon .sample-icon--box:nth-of-type(2) {
  padding-right: 2rem;
  padding-left: 2rem;
}

#sample .sample-icon .sample-icon--box:nth-of-type(3) {
  padding-left: 2rem;
  border-left: dashed 1px #999;
}

#sample .sample-icon .sample-icon--img {
  max-width: 88px;
  width: 100%;
  margin: 0 auto 10px auto;
  line-height: 1;
}

#sample .sample-icon .sample-icon--img img{
  width: 100%;
  height: auto;
}

#sample .sample-icon .sample-icon--text h4 {
  font-size: 18px;
  
  font-weight: 700;
  line-height: 1.8;
  margin: 0;
}

#sample .sample-icon .sample-icon--text p {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 10px;
}


#sample .sample-icon .sample-notes p{
  font-size: 12px;
  color: #666;
}

#sample .sample-step h2 {
  font-size: 24px;
  
  font-weight: 500;
  margin: 0 0 37px 0;
}

#sample .sample-step .sample-step--item {
  margin-bottom: 40px;
}

#sample .sample-step .sample-step--item:last-of-type {
  margin-bottom: 100px;
}

#sample .sample-step .sample-step--title {
  display: flex;
  align-items: center;
  background-color: #f2f2f2;
  margin-bottom: 22px;
}

#sample .sample-step .sample-step--block {
  background-color: #333!important;
  width: 57px;
  height: 57px;
  text-align: center;
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

#sample .sample-step .sample-step--block .en {
  font-size: 16px;
  font-family: 'Caveat', cursive;
  color: #fff;
  line-height: 1;
}

#sample .sample-step .sample-step--block .num {
  color: #fff;
  display: block;
  font-size: 36px;
  font-family: 'Caveat', cursive;
  margin-left: -5px;
  line-height: 1;
}

#sample .sample-step .sample-step--item h3 {
  color: #333;
  font-size: 24px;
  
  font-weight: 500;
  padding-left: 28px;
  margin: 0;
}

#sample .sample-step .sample-step--item p {
  font-size: 16px;
}

#sample .sample-step .sample-step--text {
  margin-bottom: 28px;
}

#sample .sample-step .sample-step--text p {
  font-size: 16px;  
}

#sample .sample-icon .sample-icon--text .sample-icon--desc {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}

#sample .sample-step--notes {
  font-size: 12px;
  color: #666;
}

#sample .sample-step--img img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

@media screen and (max-width:749px){
  #sample .sample-desc h2 {
  font-size: 22px;
}
#sample .sample-desc p {
  font-size: 14px;
}
  #sample .sample-desc {
    margin-top: 40px;
    margin-bottom: 26px;
  }
  
  #sample .sample-icon {
    margin-bottom: 48px;
  }
  #sample .sample-icon .sample-icon--item {
    display: block;
    text-align: left;
    padding: 29px 16px 30px;
  }
 
  
  #sample .sample-icon .sample-icon--box {
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  
  #sample .sample-step h2 {
  font-size: 24px;
  
  margin: 0 0 25px 0;
}
  
  #sample .sample-step .sample-step--block .en {
    font-size: 14px;
  }

  #sample .sample-step .sample-step--block .num {
    font-size: 32px;
  }
  
  #sample .sample-icon .sample-icon--box:first-of-type {
    padding: 0 0px 16px;
    border-right: none; 
  }
  
  #sample .sample-icon .sample-icon--box:not(:last-of-type) {
    border-bottom: dashed 1px #999;
  }

  #sample .sample-icon .sample-icon--box:nth-of-type(2) {
    padding: 16px 0;
  }
    
  
  #sample .sample-icon .sample-icon--box:last-of-type {
    padding:16px 0;
    border-left: 0;    
  }

  #sample .sample-icon .sample-icon--box .sample-icon--img {
    margin: 0 12px 0 0;
    width: 68px;
    height: 68px;
  }
  
  #sample .sample-icon .sample-icon--box .sample-icon--img img {
/*     width: 68px;
    height: 68px; */
  }

  #sample .sample-icon .sample-icon--text {
    flex-basis: 73%;
  }

  #sample .sample-icon .sample-icon--text h4 {
    color: #333;
    font-size: 16px;
    margin: 0;
  }
  
  #sample .sample-icon .sample-icon--text p {
    font-size: 14px;
    margin-top: 0;
  }

  #sample .sample-icon .sample-icon--text .sample-icon--desc {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
  }
  
  #sample .sample-step .sample-step--block {
    width: 51px;
    height: 51px;
  }
  
  #sample .sample-step .sample-step--item h3 {
    font-size: 20px;
    padding-left: 18px;
  }
  #sample .sample-step .sample-step--item p {
    font-size: 14px;
  }
  
}


/****** 4-2. privacy.liquid ******/

#privacy .privacy-about {
  text-align: center;
  margin-bottom: 60px;
}

#privacy .privacy-list:not(:last-of-type) {
  margin-bottom: 60px;
}

#privacy .privacy-list:last-of-type {
  margin-bottom: 100px;
}

#privacy .privacy-list h3{
  font-size: 24px;
  
  font-weight: 500;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: solid 1px #bcbcbc;
}

#privacy .privacy-list p {
  font-size: 16px;
  font-weight: 400;
}

#privacy .privacy-list  ul {
  padding-left: 0;
  margin: 1em 0;
  color: #333;
}

#privacy .privacy-list  ul li span {
  font-size: 14px;
  padding-right: 1em;
}

#privacy .privacy-list--item li {
  display: flex;
  align-items: baseline;
  font-weight: 400;
}

#privacy .privacy-list .privacy-company {
  margin: 1em 0;
}

#privacy .privacy-list .privacy-contact a {
  color: #333;
}

#privacy .privacy-company--detail {
  font-weight: 500!important;
  line-height: 1.8;
}

#privacy .privacy-contact {
  font-weight: 500;
}

/* #privacy .privacy-contact ul li{
    pointer-events: none;
  } */

@media screen and (max-width:749px) {
  #privacy .privacy-about {
    text-align: left;
  }
  
  #privacy .privacy-list:not(:last-of-type) {
    margin-bottom: 54px;
  }
  
  #privacy .privacy-list:last-of-type {
    margin-bottom: 85px;
  }
  
  #privacy .privacy-list h3{
    font-size: 22px;
    margin: 0 0 16px 0;
  }
  #privacy .privacy-list p ,.privacy-about p,.privacy-list--content li{
    font-size: 14px;
  }
  
  #privacy .privacy-list  ul li span {
    padding-right: 0.5em;
  }
  
  
　　
  
}


/****** 4-3. company.liquid ******/

#company table {
  border-collapse: collapse;
  border:solid 1px #dedede;
  width: 100%;
}

#company .company-tbl tr {
  border-bottom:solid 1px #dedede;
  color: #333;
}

#company .company-tbl tr th {  
  width: 240px;
  font-size: 16px;
  font-weight: 500;
  padding: 20px 16px 20px;
  background-color: #f2f2f2;
  text-align: left;
}

#company .company-tbl tr td {
  font-size: 16px;
  padding: 20px 0 20px 24px;
}

#company .company-container {
  margin-bottom: 60px;
}

@media screen and (max-width:749px) {
  #company .company-tbl tr {
    display: block;
  }
  #company .company-tbl tr th {
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 10px 16px 10px 16px;
  }
  
  #company .company-tbl tr td {
    font-size: 14px;
    padding-left: 16px;
  }
}


/****** 4-4. sitemap.liquid ******/

#sitemap .sitemap-item {
  display: flex;
  justify-content: center;
  margin-bottom: 145px;
}

#sitemap .sitemap-container {
  width: 215px;
}

#sitemap .sitemap-container:not(:last-of-type) {
  margin-right:40px;
}

#sitemap .sitemap-container h3{
  font-size: 20px;
  
  font-weight: 500;
  border-bottom:solid 1px #bcbcbc;
  margin: 0 0 26px 0;
  padding-bottom: 1em;
}

#sitemap .sitemap-container .sitemap-list{
  padding-left: 0;
}

#sitemap .sitemap-container .sitemap-list li{
  position: relative;
  display: block;
  padding-left: 20px;
  list-style: none;
}

#sitemap .sitemap-container ul li:not(:last-child){
  margin-bottom: 24px;
}

#sitemap .sitemap-container .sitemap-list .upper {
  font-size: 14px;
}

#sitemap .sitemap-container .sitemap-list .upper a{
  color: #333;
  text-decoration: none;
}

#sitemap .sitemap-container .sitemap-list .upper a:hover{
  text-decoration: underline;
}

#sitemap .sitemap-container .sitemap-list .upper:before{
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
  transform: rotate(45deg);
}

#sitemap .sitemap-container .sitemap-list .lower{
  padding-left: 20px;
  list-style: none;
  font-size: 12px;
  margin-bottom: 21px!important;
}

#sitemap .sitemap-container .sitemap-list .lower:last-child{
  margin-bottom: 24px;
}

#sitemap .sitemap-container .sitemap-list .lower a{
  color: #666;
  text-decoration: none;
}

#sitemap .sitemap-container .sitemap-list .lower a:hover{
  color: #666;
  text-decoration: underline;
}

@media screen and (max-width:768px) {
  #sitemap .sitemap-item {
    display: block;
    margin-bottom: 85px;
  }
  
  #sitemap .sitemap-container {
    width: 100%;
  }
  
  #sitemap .sitemap-container:not(:last-of-type) {
    margin-right:0;
    margin-bottom: 2em;
  }
  
  #sitemap .sitemap-container .sitemap-list .upper {
    font-size: 12px;
  }
  
}


/****** 4-5. special-offer.liquid ******/
#special {
  padding-top: 3.5em;
  padding-bottom: 100px;
}

#special .special-mv {
  margin-bottom: 60px;
}

#special .special-mv img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

#special .special-desc {
  margin-bottom: 60px;
}

#special .special-desc h2{
  color: #333;
  font-size: 24px;
  
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  font-weight:700;
}

#special .special-desc p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

#special .special-item {
  margin-bottom: 72px;
}

#special .special-item .special-box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

#special .special-item .special-box:not(:last-of-type) {
  margin-bottom: 60px;
}

#special .special-item .special-box .special-img {
  max-width: 475px;
  width: calc((100% - 40px * 1) / 2);
  margin: 0 40px 0 0;
}

#special .special-item .special-box .special-img img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

#special .special-item .special-content {
  max-width: 470px;
  width: calc((100% - 40px * 1) / 2);
}

#special .special-item .special-content .special-title {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #bcbcbc;
  margin-bottom: 22px;
}

#special .special-item .special-content .special-title h3 {
  color: #333;
  font-size: 22px;
  
  font-weight: 700;
  line-height: 1.5;
  padding-left: 1em;
  max-width: 382px;
}

#special .special-item .special-content .special-title h3 span{
  display: block;
  font-size: 18px;
  
  font-weight: 400;
  color: #666;
  padding-top: 0.5em;
  letter-spacing: 0;
  line-height: 1.5;
}

#special .special-item .special-content .special-text p {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

#special .special-item .special-content .special-text span {
  font-size: 12px;
  font-weight: 400;
  color: #666;
  margin-top:10px;
  display: block;
}
.special-icon {
  width: 68px;
  height: 68px;
}
.special-icon img{
  width: 100%;
}
@media screen and (max-width:749px) {
  #special {
    padding-top: 33px;
    padding-bottom: 80px;
  }
  
  #special .special-mv {
    margin-bottom: 40px;
  }
  
  #special .special-item .special-box {
    display: block;
  }
  
  #special .special-item .special-box .special-img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  
  #special .special-item .special-content {
    padding-left: 0;
    max-width: 100%;
    width: 100%;
  }
  
  #special .special-item .special-content .special-title {
    padding-bottom: 10px;
  }
  
  #special .special-item .special-content .special-title h3 {
    font-size: 16px;
  }
  
  #special .special-item .special-content .special-title h3 span{
    font-size: 14px;
    padding-top: 0;
  }

  #special .special-item .special-content .special-text p,#special .special-desc p {
    font-size: 14px;
　}
  #special .special-desc h2 {
    font-size: 22px;
  }
  #special .special-item .special-content .special-title h3 {
    max-width: 255px;
  }
}


/****** 4-6. about.liquid ******/
#about .about-catch h3 {
  font-size: 24px;
  
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  margin: 0 0 57px 0;
}

#about .about-sumbnail {
  margin: 0 0 40px 0;
}

#about .about-sumbnail img {
    width: 100%;
    height: auto;
  }

#about .about-desc {
  margin: 0 0 86px 0;
  text-align: center;
}

#about .about-desc p{
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0;
}

#about .about-reason {
  width: 100%;
  background-color: #f2f2f2;
  border-radius: 20px;
  padding: 32px 40px 32px;
  margin: 0 0 83px 0;
}

#about .about-reason--heading {
  margin: 0 0 60px 0;
  text-align: center;
}

#about .about-reason--heading h3{
  font-size: 22px;
  
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}

#about .about-reason--box.flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#about .about-reason--body {
  position: relative;
  max-width: 284px;
  width: calc((100% - 24px * 2) / 3);
/*   width: calc(100% / 3 - 24px); */
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  border: solid 1px #dedede;
/*   padding: 0 65px 48px; */
  min-height: 213px;
}

#about .about-reason--body:not(:nth-of-type(3n)) {
  margin-right: 24px;
}

#about .about-reason--body:last-of-type {
  margin-right: 0;
}

#about .about-reason--body:nth-of-type(-n+3) {
  margin-bottom: 48px;
}

#about .about-reason--about::before,
#about .about-reason--about::after {
  position: absolute;
  content: '';
}

#about .about-reason--about::before {
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  width: 119px;
  height: 119px;
  border: solid 1px #dedede;
  border-radius: 50%;
  background: #fff;
}

#about .about-reason--about::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 20px;
  z-index: 1;
}

#about .about-reason--inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}


#about .about-reason--top {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
}

#about .about-reason--top p {
  font-family: 'Caveat', cursive;
  color: #6B1B7E;  
}

#about .about-reason--icon {
  margin: 16px 0 24px 0;
  line-height: 0;
}

#about .about-reason--text h4 {
  font-size: 18px;
  
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}


#about .about-reason--link a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}

#about .about-reason--link::after {
  position: absolute;
  content: '';
  width: 12px;
  height: 12px;
  border: 0;
  border-bottom: solid 2px #333;
  border-right: solid 2px #333;
  position: absolute;
  bottom: -16px;
  left: 48%;
  transform: rotate(45deg);
}

#about .about-results .about-results--heading {
  text-align: center;
  margin: 0 0 48px 0;
}


#about .about-results--heading .about-results--en {
  font-size: 16px;
  font-family: 'Caveat', cursive;
  color: #6B1B7E;  
}

#about .about-results--heading h3 {
  font-size: 24px;
  
  font-weight: 400;
  line-height: 1.5;
  margin: 24px 0 0 0;
}

#about .about-results--box {
  margin: 0 0 90px 0;
}

#about .about-results--box.flex {
  display: flex;
  align-items: flex-start;
}


#about .about-results--img {
  margin: 0 40px 0 0;
}

#about .about-results--content h4 {
  font-size: 20px;
  
  font-weight: 500;  
  border-bottom: solid 1px #bcbcbc;
  padding-bottom: 13px;
  margin: 0 0 24px 0;
  line-height: 1.5;
}

#about .about-results--content p{
  font-size: 16px;
  font-weight: 400; 
  line-height: 1.8;
  letter-spacing: 0;
}


@media screen and (max-width:749px) {
  #about .about-catch h3 {
    font-size: 22px;
  }
  
  #about .about-sumbnail {
    margin: 0 0 32px 0;
  }
  
  #about .about-desc {
    margin: 0 0 77px 0;
    text-align: left;
  }

  #about .about-desc p{
    font-size: 14px;
  }
  
  #about .about-reason {
    padding: 25px 16px 25px;
    margin: 0 0 75px 0;
  }

  #about .about-reason--top p {
    font-size: 14px;
  }

  #about .about-reason--heading {
    margin-bottom: 55px;
  }

  #about .about-reason--heading h3{
    font-size: 20px;
    line-height: 1.2;
  }

  #about .about-reason--box.flex {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  #about .about-reason--body {
    max-width: 50%;
    width: calc((100% - 15px * 1) / 2);
    min-height: 140px;
  }
  
  #about .about-reason--body:nth-of-type(2n) {
    margin-right: 0px!important;
  }

  #about .about-reason--body:not(:nth-of-type(3n)) {
    margin-right: 15px;
  }
  
  #about .about-reason--body:nth-of-type(3n) {
    margin-right: 15px;
  }

  #about .about-reason--body:not(:nth-of-type(5)) {
    margin-bottom: 48px!important;
  }
  
  #about .about-reason--about::before {
    width: 90px;
    height: 90px;
  }
  
  #about .about-reason--icon {
    margin: 15px 0 8px 0;
  }
  
  #about .about-reason--icon img {
    width: 38px;
    height: 38px;
  }
  
  #about .about-reason--text {
    margin-bottom: 10px;
  }
  
  #about .about-reason--text h4 {
    font-size: 12px;
  }
  
  #about .about-reason--link {
    margin-bottom: 10px;
  }
  
  #about .about-reason--link::after {
    left: 46%;
  }
  
  #about .about-results--box.flex {
    display: block;
  }

  #about .about-results--heading h3 {
    font-size: 22px;
    margin: 17px 0 0 0;
    text-align: left;
    line-height: 1.5;
  }

  #about .about-results--img {
    margin: 0 0 32px 0;
  }
  
  #about .about-results--img img{
    width: 100%;
    height: auto;
  }
  
  #about .about-results--content h4 {
    font-size: 18px;
    padding-bottom: 19px;
    margin: 0 0 16px 0;
    line-height: 1.2;
  }

  #about .about-results--content p{
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0;
  }
}


/****** 4-7. faq.liquid ******/
.faq-section {
    margin-bottom: 3.5em;
  }


#faq  .faq-category--list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

#faq  .faq-category--list li {
  max-width: 233px;  
  width: calc((100% - 16px * 3) / 4);
/*   max-width: 213px;
  width: 23.6%; */
  border: solid 1px #333;
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
  margin-left: 1em;
  margin-bottom: 1em;
  padding-top: 5px;
    padding-bottom: 5px;
}



#faq  .faq-category--list li:nth-child(5n) {
  margin-left: 0;
}

#faq  .faq-category--list li:first-child {
  margin-left: 0;
}

#faq  .faq-category--list li a {
  position: relative;
  text-decoration: none;
  color: #333;
  display: block;
  height: 100%;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
}

#faq  .faq-category--list li a::after {
  position: absolute;
  display: inline-block;
  content: '';
  top: 50%;
  right: 8%;
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
  margin-top: -5px;
}


#faq  .faq-category--list li:hover {
  border: solid 1px #dedede;
  transition: all 0.3s;
}

.accordion-section .accordion-title {
  font-size: 24px;
  
  font-weight: 500;
  margin: 0 0 32px 0;
  padding-bottom: 14px;
  border-bottom: solid 1px #bcbcbc;
}


.accordion-section .accordion_header {
  background-color: #f2f2f2;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 20px 24px;
  position: relative;
}

.accordion-section .accordion_header:after {
  box-sizing: border-box;
  color: #333;
  display: block;
  content: '\f067';
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 16px;
  padding: 20px 24px 20px 0;
  position: absolute;
  right: 0;
  top: 0;
}

.accordion-section .accordion_header.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}


.accordion-section .open.accordion_header:after {
  content: '\f068';
}

.accordion-section .accordion-item:not(:last-of-type) {
  margin-bottom: 24px;
}

.accordion-section .accordion_header .head {
  width: 6%;
}

.accordion-section .accordion_header .head p{
  text-align: center;
  border-radius: 50%;
  border: solid 1px #333;
  width: 32px;
  height: 32px;
  font-size: 18px;
  background-color: #333;
  color: #fff;
  line-height: 1.5;
}

.accordion-section .accordion_header .question {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

.accordion-section .box_one {
  display: flex;
  align-items: flex-start;
}

.accordion-section .accordion_inner {
  background-color: #fafafa;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 20px 24px;
}

.accordion-section .accordion_inner .head {
  width: 6%;
}

.accordion-section .accordion_inner .head p {
  text-align: center;
  border-radius: 50%;
  border: solid 1px #333;
  width: 32px;
  height: 32px;
  font-size: 18px;
  background-color: #fff;
  color: #333;
  line-height: 1.5;
  margin-right: 3rem;
}

.accordion_inner .txt_a_ac p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}

.accordion_inner .txt_a_ac p a {
  text-decoration: none;
  color: #60B3FA;
}

@media screen and (min-width:750px) {
  #faq  .faq-category--list li {
    padding-top: 5px;
    padding-bottom: 5px;
}
}


@media screen and (max-width:749px) {
  .faq-section {
    margin-bottom: 2.5em;
  }
  
  #faq  .faq-category--list li {
    max-width: 100%;
    width: calc((100% - 15px * 1) / 2);
    margin-bottom: 15px;
    margin-left: 15px;
  }
  
  #faq  .faq-category--list li:nth-child(odd) {
    margin-left: 0;
  }
  
 
  
  #faq  .faq-category--list li a {
    font-size: 12px;
    text-align: left;
    padding-left: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 1.5;
  }
  
  .accordion-section .accordion-title {
    font-size: 22px;
    margin: 0 0 16px 0;
    padding-bottom: 14px;
  }
  
  .accordion-section .accordion_header {
    padding: 18px 16px;
  }
 
  .accordion-section .accordion_header:after {
    padding: 18px 16px 18px 0;
  }
  
  .accordion-section .accordion_header .head {
    width: 24px;
    margin-right: 8px;
  }
  
  .accordion-section .accordion_header .head p{
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 1.5;
    
  }
  
  .accordion-section .accordion_header p {
    
  }
  
  .accordion-section .accordion_header .question {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}
  
  .accordion-section .accordion_inner {
    padding: 18px 16px;
  }
  
  .accordion-section .accordion_inner .head {
    width: 24px;
  }
  
  .accordion-section .accordion_inner .head p{
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 1.5;
    margin-right: 8px;
  }
  
  .accordion_inner .txt_a_ac {
    margin-left: 8px!important;
  }
  
  .accordion_inner .txt_a_ac p {
    font-size: 14px;
    line-height: 1.5;
  }
  
}

@media screen and (max-width:480px) {
}


/****** 4-8. social-share.liquid ******/
.social-share {
/*   max-width: 1200px; */
  background-color: #f2f2f2;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4em;
}

.social-share--inner {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0px;
}

.social-share--inner.products {
  max-width: 1100px;
}

.social-share--text {
  font-size: 18px;
}

.social-share--container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 59.59%;
}

.social-share--link {
  display: flex;
  align-items: center;
}

.social-share--link p{
  font-size: 14px;
  margin-left: 12px;
}
  
.social-share--btn a {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 11px 0 11px 25px;
  width: 140px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  border: solid 1px #bcbcbc;
  border-radius: 50vh;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}
  
.social-share--btn:not(:last-of-type){
  margin-right: 8px;
}

.social-share--btn:first-of-type a {
  padding: 11px 0 11px 34px;
}

.social-share--link p {
  letter-spacing: 0;
}

@media screen and (max-width: 1024px){
  .social-share--inner.products {
    display: block; 
  }
  
  .social-share--text.products {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
 }
  
  .social-share--container.products {
    width: 100%;
  }
}


@media screen and (max-width: 768px){
  .social-share {
    padding: 0 2rem;
  }
  .social-share--btn:first-of-type a {
    padding: 11px 0 11px 12px;
  }
  
  .social-share--btn a {
    padding: 11px 0 11px 6px;
    width: 80px;
    font-size: 12px;
  }
  
  .social-share--btn:not(:last-of-type){
    margin-right: 5px;
  }
  
  .social-share--link img {
    width: 16px;
  }
  
  .social-share--link p {
    font-size: 12px;
    margin-left: 4px;
  }
  
  
  
}



/****** 4-9. curtain-care.liquid ******/
.curtaincare-category {
  margin-bottom: 40px;
}

#cartaincare  .curtaincare-category--list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* #cartaincare  .category-list li {
  width: calc((100% - 40px * 1) / 2);
  max-width: 213px;
  border: solid 1px #f2f2f2;
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
  margin-bottom: 1em;
}

#cartaincare  .category-list li:not(:nth-child(4n)) {
  margin-right: 1em;
}

#cartaincare  .category-list li a {
  position: relative;
  text-decoration: none;
  color: #333;
  display: block;
  height: 100%;
  width: 100%;
  font-size: 14px;
}

#cartaincare  .category-list li a::after {
  position: absolute;
  display: inline-block;
  content: '';
  top: 50%;
  right: 10%;
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
  margin-top: -3px;
} */


#cartaincare  .curtaincare-category--list li {
  max-width: 233px;  
  width: calc((100% - 16px * 3) / 4);
  border: solid 1px #dedede;
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
  margin-left: 1em;
  margin-bottom: 1em;
  padding: 6px 0;
}



#cartaincare  .curtaincare-category--list li:nth-child(5n) {
  margin-left: 0;
}

#cartaincare  .curtaincare-category--list li:first-child {
  margin-left: 0;
}

#cartaincare  .curtaincare-category--list li a {
  position: relative;
  text-decoration: none;
  color: #333;
  display: block;
  height: 100%;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

#cartaincare  .curtaincare-category--list li a::after {
  position: absolute;
  display: inline-block;
  content: '';
  top: 50%;
  right: 8%;
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
  margin-top: -5px;
}

#cartaincare  .curtaincare-category--list li:hover {
  border: solid 1px #333;
  transition: all 0.3s;
}

@media screen and (max-width:1199px) {

}

/* @media screen and (max-width:990px) and (min-width:769px){
  #cartaincare  .category-list {
    margin-bottom: 40px;
  }
  
  #cartaincare  .category-list li {
    width: 30%;
    margin-bottom: 15px;
  }
  
  #cartaincare  .category-list li:not(:last-child) {
    margin-right: 0;
  }
   
  #cartaincare  .category-list li:not(:nth-child(3n)) {
    margin-right: 15px;
  }
  
  #cartaincare  .category-list li:nth-child(3n) {
    margin-right: 0;
  }
  
  #cartaincare  .category-list li:nth-child(4n) {
    margin-right: 15px;
  }
  
} */


/* @media screen and (max-width:768px) {
  #cartaincare  .category-list {
    margin-bottom: 40px;
  }
  
  #cartaincare  .category-list li {
    width: 47%;
    margin-bottom: 15px;
  }
  
  #cartaincare  .category-list li:not(:last-child) {
    margin-right: 0;
  }
   
  #cartaincare  .category-list li:not(:nth-child(2n)) {
    margin-right: 15px;
  }
  
  #cartaincare  .category-list li:nth-child(2n) {
    margin-right: 0;
  }
  
  #cartaincare  .category-list li:nth-child(4n) {
    margin-right: 0;
  }
  
  #cartaincare  .category-list li a {
    font-size: 12px;
    text-align: left;
    padding-left: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
} */


@media screen and (max-width:749px) {
  .curtaincare-category {
    margin-bottom: 24px;
  }
  
 #cartaincare  .curtaincare-category--list li {
    max-width: 50%;
    width: calc((100% - 15px * 1) / 2);
    margin-bottom: 15px;
    margin-left: 15px;
  }
  
  #cartaincare  .curtaincare-category--list li:nth-child(odd) {
    margin-left: 0;
  }
    
  #cartaincare  .curtaincare-category--list li a {
    font-size: 12px;
    text-align: left;
    padding-left: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

}

/****** 4-10. curtain-how-to-共通parts ******/
.howto-wrapper--end {
  margin-bottom: 100px;
}

.howto-title {
  display: flex;
  align-items: center;
  background-color: #f2f2f2;
  height: 57px;
  margin-bottom: 62px;
}

.howto-block {
  background-color: #333!important;
  width: 57px;
  height: 57px;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  
}

.howto-block .en {
  color: #fff;
  font-size: 16px;
  font-family: 'Caveat', cursive;
  font-weight: 500;
  line-height: 1;
}

.howto-block .num {
  display: block;
  font-size: 36px;
  font-family: 'Caveat', cursive;
  font-weight: 500;
  color: #fff;
  line-height: 0.7;
  margin-left: -6px;
}

.howto-block--title {
  font-size: 24px;
  
  font-weight: 500;
  line-height: 57px;
/*   padding-left: 28px; */
  padding: 0 0 0 28px;
  margin: 0;
}

@media screen and (max-width:749px) {
  .howto-block {
    width: 51px;
    height: 51px;
  }
  .howto-block .en {
    font-size: 14px;
  }
  .howto-block .num {
    font-size: 32px;
  }
  .howto-block--title {
    line-height: 51px;
    font-size: 20px;
    padding-left: 14px;
  }
}

.how-to--head {
  font-size: 22px;
  font-weight: 500;
  padding-bottom: 13px;
  border-bottom: solid 1px #bcbcbc;
  margin-bottom: 16px;
}

.how-to--subhead {
  font-size: 22px;
  font-weight: 500;
  padding-bottom: 13px;
  border-bottom: solid 1px #bcbcbc;
  margin-bottom: 24px;
}

.how-to--content.when {
  margin-bottom: 48px;
}
.how-to--content .f-box {
  align-items: flex-start;
}

.how-to--measure--text {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 50px;
}

.how-to--item p {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.how-to--desc {
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 38px;
}

.how-to--tag {
  display: flex;
  margin-bottom: 1em;
}

.how-to--tag p{
  border: solid 1px #666;
  background-color: #f2f2f2;
  padding: 3px 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.how-to--box {
  background-color: #f2f2f2;
  border-radius: 20px;
  margin: 0;
}

.f-box {
  display: flex;
  align-items: start;
  flex-direction: row;
  flex-wrap: wrap;
}

.notes {
  font-size: 12px;
  color: #666;
}


@media screen and (max-width:749px) {
  .howto-wrapper--end {
    margin-bottom: 84px;
  }
  
  .f-box {
    display: block!important;
  }
  

  
  .how-to--head {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 16px;
}

.how-to--subhead {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 13px;
  margin-bottom: 16px;
}
  
  .howto-title {
    margin-bottom: 40px;
  }
  
  .how-to--tag {
  display: flex;
  margin-bottom: 14px;
}
  
  .how-to--tag p {
    font-size: 14px;
    font-weight: 500;
  }
  
  .how-to--desc {
    font-size: 14px;
    padding-bottom: 30px;
  }
  
}



/****** 4-10-1. curtain-how-to-01.liquid ******/
.box1-01 {
  justify-content: space-between;
}

.how-to--item_1 {
/*   width: 47.9%; */
  max-width: 470px;
  width: calc((100% - 40px * 1) / 2);
}

.how-to--item_1:nth-of-type(2) {
/*   margin-left: 40px; */
}

.how-to--box.box1 {
  padding-top: 33px;
  padding-bottom: 33px;
}

.how-to--image_01 {
  margin: 0;
  text-align: center;
}

.how-to--image_01 {
    max-width: 160px;
  margin: 0 auto;
  }

.how-to--image_01 img{
  height: 207px;
}


#howto .howto-text {
  margin-bottom: 28px;
}

#howto .howto-text p {
  font-size: 16px;  
}

@media screen and (max-width:749px) {

  
  .how-to--item_1 {
    max-width: 100%;
    width: 100%;
  }
  
  .how-to--item_1:first-of-type {
    margin-right: 0;
    margin-bottom: 40px;
  }

  .how-to--image_01 {
    max-width: 114px;
  }
  
  .how-to--image_01 img {
    width: 100%;
    height: auto;
  }
  
}

/****** 4-10-2. curtain-how-to-02.liquid ******/
.box2-01--rail {
  justify-content: space-between;
}

.how-to--desc_rail {
  height: 80px;
}

.how-to--content_b {
  margin-bottom: 80px;
}

.how-to--box.box2-01 {
/*   padding-top: 70px;
  padding-bottom: 70px; */
  padding: 70px 25px;
}

.how-to--image_02-1 {
  max-width: 420px;
  margin: 0;
  text-align: center;  
}

.how-to--image_02-1 img{
  width: 100%;
  height: auto;
}

.how-to--content_c {
  margin: 0 0 2em 0;
}

.how-to--box.box2-02 {
  border-radius: 0;
  padding: 40px;
  align-items: center;
}

.how-to--image_02-2 {
  max-width: 263px;
  width: 33%;
  margin: 0 40px 0 0;
}

.how-to--hook_about {
  max-width: 597px;
  width: 60%;
}

.how-to--image_02-2 img {
    width: 100%;
    height: auto;
  }

.how-to--hook_inner {
  margin: 0 0 27px 0;
}

.how-to--hook_inner h4 {
  font-size: 18px;
  
  font-weight: 500;
  margin: 0 0 14px 0;
}

.how-to--hook_inner p {
  font-size: 16px;
  margin: 0;
}

.hooktype-wrap {
  width: 100%;
}

.hooktype-desc {  
  max-width: 286px;
  width: calc((100% - 24px * 1) / 2);
/*   width: 47%; */
  text-align: center;
}

.hooktype-desc:nth-of-type(2) {
  margin-left: 24px;
}

.hooktype-tag1 {
  background-color: #333;
  margin: 0;
  padding: 5px 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hooktype-tag2 {
  border: solid 1px #333;
  background-color: #fff;
  margin: 0;
  padding: 5px 0;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.hooktype-body {
  height: 115px;
  background-color: #fff;
  border-left: solid 1px #bcbcbc;
  border-right: solid 1px #bcbcbc;
  border-bottom: solid 1px #bcbcbc;
}

.hooktype-body p {
  margin: 0;
  font-size: 14px;
  padding: 16px 16px 0 16px;
/*   letter-spacing: 0; */
  line-height: 1.5;
  text-align: left;
}

.rail-tab {
  display: flex;
}

.rail-tab--list {
  width: 25%;
}

.rail-tab--list:not(:last-of-type) {
  margin-right: 24px;
}

.rail-tab--top {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #dedede;
  padding: 14px 14px 10px;
}

.rail-tab--top p{
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0;
}

.rail-tab--bottom {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #fafafa;
  /* height: 210px; */
  text-align: center;
  padding-top: 17px;
  padding-bottom: 1em;
}

.rail-tab--bottom figure {
  margin: 0;
}
.rail-tab--bottom img {
  width: 142px;
}
.rail-tab--list:first-of-type .rail-tab--bottom img {
  width: 160px;
}
.rail-tab--notes p{
  margin-top: 1em;
  font-size: 12px;
  color: #666;
}


@media screen and (min-width:1300px) {
  .how-to--hook_about {
    width: 66%;
  }
}


@media screen and (max-width:1350px) {
  .hooktype-body {
    height: 150px;
  }
}


@media screen and (max-width:990px) {
  .how-to--image_02-1 {
/*     padding-left: 17px;
    padding-right: 17px; */
  }
  
  .how-to--box.box2-02 {
    padding: 40px 16px;
  }
     
  .hooktype-body {
    height: 115px;
  }
   
  .hooktype-body p {
    font-size: 12px;
    padding: 12px 12px 18px 12px;
    line-height: 1.5;
  }
  
  .rail-tab--top p{
    font-size: 14px;
  }
  
}


@media screen and (max-width:749px) {
  .how-to--content_b {
    margin-bottom: 72px;
  }
  
  .how-to--hook_inner h4 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 13px 0;
  }
  
  .how-to--hook_inner p {
    font-size: 14px;
  }
  
  .how-to--hook_about {
    max-width: 100%;
    width: 100%;
  }

  .hooktype-tag1 {
    font-size: 14px;
  }

  .hooktype-tag2 {
    font-size: 14px;
  }
  
  .hooktype-desc {
    max-width: 100%;
    width: 100%;
  }
  
  .hooktype-desc:first-of-type {
    margin-bottom: 1em;
  }
  
  .hooktype-desc:nth-of-type(2) {
    margin-left: 0;
  }
  
  .how-to--box.box2-02 .f-box{
    display: block!important;
  }

  .how-to--box.box2-01 {
    padding: 70px 17px;
  }
  
  .how-to--image_02-1 {
    max-width: 300px;
    margin: 0 auto;
  }
  
  .how-to--image_02-2 {
    width: 100%;
    margin: 0 auto 37px;
    text-align: center;
  }
  
  .hooktype-body {
    height: auto;
  }
    
  .rail-tab {
    flex-wrap: wrap;
  }
  
  .rail-tab--list {
    width: 47%;
    margin-bottom: 1em;
  }

  .rail-tab--list:not(:last-of-type) {
    margin-right: 0;
  }
  
  .rail-tab--list:not(:nth-of-type(2n)) {
    margin-right: 1em;
  }
  
  
  
}


/****** 4-10-3. curtain-how-to-03.liquid ******/
.box3-01--flex {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.how-to--image_03-1{
  max-width: 410px;
  width: 100%;  
  margin: 0 auto;
}

.how-to--image_03-1 img {
  width: 100%;
  height: auto;
}

.box3-01--left {
  background-color: #f2f2f2;
  border-radius: 20px;
  max-width: 470px;
  width: calc((100% - 4% * 1) / 2);
  height: 180px;
  padding: 50px 30px 22px;
}

.box3-01--wrap {
  border: solid 1px #C4A3CB;
  background-color: #FAF7FB;
  padding: 28px 24px 23px;
  max-width: 470px;
  width: calc((100% - 4% * 1) / 2);
  height: 180px;
  margin-left: 4%;
}

.box3-attensiton--head {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.box3-attensiton--head img{
  padding-right: 8px;
}

.box3-attensiton--head p{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.box3-01--wrap ol {
  padding-left: 24px;
  margin: 0;
}


.box3-01--wrap ol li{
  list-style: decimal;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  color: #333;
}

.box3-01--wrap ol li::marker {
  font-size: 100%;
}

.attensiton-head {
  display: flex;
  align-items: center;
}

.attensiton-head img{
  padding-right: 8px;
}

.order-accordion {
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width:1100px) {

  .box3-01--wrap {
    padding: 18px 16px 17px;
  }
}


@media screen and (max-width:749px) {
  .box3-attensiton--head p{
    font-size: 16px;
  }
  
  /* .box3-01--wrap ol {
    padding-left: 24px;
    margin: 0;
  }
   */
  
  .box3-01--wrap ol li{
    font-size: 14px;
  }

  .box3-01.f-box {
    display: block;
  }

  .box3-01--flex {
    display: block;
  }

  .box3-01--left {
    max-width: 100%;
    width: 100%;
    margin: 0 0 1em 0;
    height: 128px;
    padding: 30px 30px 22px;
  }

  .how-to--measure--text {
    font-size: 14px;
    margin-bottom: 30px;
  }
  
  .how-to--image_03-1{
    max-width: 314px;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  
  .box3-01--wrap {
    padding: 16px;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  
  .box3-attensiton--head {
    margin-bottom: 12px;
  }
  
  .box3-attensiton--head p{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
  }
  
  .box3-01--wrap ol {
    padding-left: 1em;
  }
  
  .box3-01--wrap ol li{
    font-size: 14px;
    padding-left: 10px;
  }
  
  .box3-01 figure{
    padding: 29px 10px 16px;
  }
  
  .box3-01 figure img{
    width: 100%;
  }

  .order-accordion {
    font-size: 14px;
  }

}


/*  when 'hakidashi'  */
.how-to--content.section-bottom {
  margin-bottom: 49px;
}



.box3-02 {
  justify-content: space-between;
  
}

.box3-02--list {
/*   width: 47.9%; */
  max-width: 470px;
  width: calc((100% - 40px * 1) / 2);
}

.box3-02--list:nth-of-type(2) {
/*   margin-right: 40px; */
}

.box3-02--top {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #dedede;
  padding: 14px 14px 10px;
}

.box3-02--top p{
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0;
}

.box3-02--bottom {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #fafafa;
  text-align: center;
  padding: 24px 0 31px;
  margin-bottom: 24px;
}

.box3-02--bottom.hakidashi {
  padding-left: 55px;
  padding-right: 55px;
}

.box3-02--bottom.koshimado {
  padding-left: 55px;
  padding-right: 55px;
}

.box3-02--bottom.demado {
  padding-left: 55px;
  padding-right: 55px;
}

.box3-02--bottom.hakidashi figure {
  max-width: 250px;
  margin: 0 auto;
}

.box3-02--bottom.hakidashi figure img {
  width: 100%;
  height: auto;
}

.box3-02--bottom.koshimado figure {
  max-width: 250px;
  margin: 0 auto;
}

.box3-02--bottom.koshimado figure img {
  width: 100%;
  height: auto;
}

.box3-02--bottom.demado figure {
  max-width: 360px;
  margin: 0 auto;
}

.box3-02--bottom.demado figure img {
  width: 100%;
  height: auto;
}

.box3-02--bottom figure {
  margin: 0;
}

.box3-02--notes {
  color: #666;
  font-size: 12px;
}

#how_accordion .accordion--item {
  border-top: solid 1px #bcbcbc;
  border-bottom: solid 1px #bcbcbc;
}


#how_accordion .accordion_header {
  padding-top: 12px;
  padding-left: 16px;
  padding-bottom: 12px;
  position: relative;
}

#how_accordion .accordion_header:after {
  box-sizing: border-box;
  color: #333;
  display: block;
  content: '\f067';
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 16px;
  padding: 12px 16px;
  position: absolute;
  right: 0;
  top: 0;
}

#how_accordion .open.accordion_header:after {
  content: '\f068';
}


/* #how_accordion .accordion_inner {
  display: none;
} */

#how_accordion .h-box_one {
  padding: 16px;
}

.size-inner .haba, .size-inner .take, .size-inner .take2{
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  padding-left: 2em;
}

.size-inner .haba, .size-inner .take, .size-inner .take-wrap {
  margin-bottom: 14px;
}

@media screen and (max-width:749px) {
  .size-inner .haba, .size-inner .take, .size-inner .take2,
  .size-inner .haba small, .size-inner .take small, .size-inner .take2 small{ 
    font-size: 12px;
  }
}

.size-inner .size-calc {
  background-color: #f2f2f2;
  padding: 3px 15px 3px 8px;
  margin-left: 6px;
  font-weight: 500;
  display: inline-block;
}

.size-inner .haba:before {
  content: '巾';
  background-color: #333;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  color: #ffffff;
  font-size: 80%;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0px, -50%);
}



.size-inner .take:before {
  content: '丈';
  background-color: #333;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  color: #ffffff;
  font-size: 80%;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.size-content--notes p{
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.size-content--notes .notes-item {
  display: flex;
  align-items: flex-start;
}

.size-content--notes .kome {
  padding-right: 9px;
  line-height: 1;
  font-size: 12px;
}


/*  when 'failture'  */
.howto-section--end {
    margin-bottom: 80px;
  }

.failture-title {
  font-size: 16px;
}

.failture-title--top {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}

.failture-desc {
  font-size: 14px;
}

.box3-03--list {
  max-width: 300px;
  width: calc((100% - 16px * 2) / 3);
  height: 335px;
}

/* .box3-03--list:not(:last-of-type) {
  margin-right: 1em;
} */

.box3-03--list figure {
  margin: 0;
}

.failture {
  border: solid 1px #bcbcbc;
  padding: 30px 24px 0;
}

.failture-title {
  margin: 0 0 22px 0;
}

.failture-heading {
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 11px 0 9px;
  line-height: 1;
}

.failture-image figure img {
  width: 100%;
  height: auto;
}

.failture-case {
  
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 1em;
}


.failture-case--desc {
  font-size: 14px;
  
  letter-spacing: 0;
}

@media screen and (max-width:749px) {
  .failture-case--desc {
    font-size: 12px;
  }
}


/*  when 'shade'  */
.how-to--head_s {
  font-weight: 500;
  font-size: 22px;
  padding-bottom: 10px;
  border-bottom: solid 1px #dedede;
  margin-bottom: 20px;
}



.box3-04 {
  justify-content: space-between;  
}

.box3-04--list {
  max-width: 470px;
  width: calc((100% - 40px * 1) / 2);
}

.box3-04--list_first {
  margin-bottom: 30px;
}

.box3-04--list_second {
  margin-bottom: 45px;
}

.box3-04 {
/*   flex-wrap: wrap; */
}

/* .box3-04--list {
  width: 47.4%;
}

.box3-04--list:not(:nth-of-type(2n)) {
  margin-right: 40px;
} */

.box3-04--list .box3-04--list_bottom {
  margin-bottom: 33px;
}

.box3-04--box {
  margin-bottom: 24px;
}

.box3-04--box_h {
  margin-bottom: 24px;
}

.box3-04--top {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #dedede;
  padding: 14px 14px 10px;
}

.box3-04--top p{
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0;
}


.box3-04--bottom1.box3-04--shade {
  padding-left: 51px;
  padding-right: 51px;
}

.box3-04--bottom1.box3-04--shade figure {
  max-width: 367px;
  margin: 0 auto;
}

.box3-04--bottom1.box3-04--shade figure img {
  width: 100%;
  height: auto;
}

.box3-04--bottom1.box3-04--shade.type02 figure {
  max-width: 347px;
}

.box3-04--bottom1 {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #fafafa;
  text-align: center;
  padding: 24px 0 31px;
  height: 267px;
}

.box3-04--bottom2 .box3-04--shade03 {
  padding-left: 119px;
  padding-right: 119px;
}

.box3-04--bottom2.box3-04--shade03 figure {
  max-width: 230px;
  margin: 0 auto;
}

.box3-04--bottom2.box3-04--shade03 figure img {
  width: 100%;
  height: auto;
}


.box3-04--bottom2 .box3-04--shade04 {
  padding-left: 102px;
  padding-right: 102px;
}

.box3-04--bottom2.box3-04--shade04 figure {
  max-width: 265px;
  margin: 0 auto;
}

.box3-04--bottom2.box3-04--shade04 figure img {
  width: 100%;
  height: auto;
}

.box3-04--bottom2 {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #fafafa;
  text-align: center;
  padding: 24px 0 31px;
  height: 305px;
}

.box3-04--bottom1 figure, .box3-04--bottom2 figure {
  margin: 0;
}

.box3-04--desc p{
  letter-spacing: 0;
  font-size: 16px;
}
@media screen and (max-width:749px) {
  .box3-04--desc p{
    letter-spacing: 0;
    font-size: 14px;
  }
}
.box3-04--notes p{
  color: #666;
  font-size: 12px;
  letter-spacing: 0;
  margin-top: 16px;
}

.atten {
  border: solid 1px #C4A3CB;
  background-color: #FAF7FB;
  padding: 24px;
}

.atten-textwrap {
  margin-bottom: 13px;
}

.attention-head {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.attention-head figure {
  max-width: 20px;
  width: 20px;
  height: 20px;
  margin:0 8px 0 0;
}

.attention-head figure img{
  width: 100%;
  height: auto;
}

.atten-text {  
  letter-spacing: 0;
}

.atten-img {
    display: flex;
    margin: 0;
  }

.atten-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.atten-content figure{
  max-width: 120px;
  width: 100%;
  height: 120px;
  margin: 0 1em 0 0;
}

.atten-content figure img{
  width: 100%;
  height: auto;
}

.atten-description {
  max-width: 795px;
  width:85%;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}


.atten-spec {
  padding:24px 2px;
}

.atten-spec--inner {
  background-color: #fff;
  border-radius: 20px;
  padding:30px 24px;
}

.atten-spec--title {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 11px;
}

.atten-spec--text {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 22px;
}

.atten-spec--card {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 20px;
}

.atten-spec--image {
  max-width: 213px;
  width: 100%;
  text-align: center;
}

.atten-spec--image:nth-of-type(2) {
  margin-left: 1em;
}

.atten-spec--top {
  background-color: #333;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  padding: 11px 60px 9px;
}

.atten-spec--image figure{
  margin: 0;
}

.atten-spec--image figure img{
  width: 100%;
  height: auto;
}

.atten-spec--text_case {
  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.atten-spec--text2 {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
}

@media screen and (max-width:749px) {
  .atten-head {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }

  .atten-content figure{
    max-width: 100px;
    width: 100%;
    height: auto;
  }
  
  .atten-description {
/*   max-width: 795px;
  width:85%; */
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}


.atten-spec {
  padding:30px 1px 24px;
}

.atten-spec--inner {
  padding:20px 16px 22px;
}

.atten-spec--title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 10px;
}

.atten-spec--text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 22px;
}

.atten-spec--card {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 20px;
}

.atten-spec--image {
  max-width: 213px;
  width: 100%;
  text-align: center;
}

.atten-spec--image:nth-of-type(2) {
  margin-left: 7px;
}
  
  .atten-spec--top {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  padding: 11px 25px 9px;
}
  
  .atten-spec--text_case {
    font-size: 14px;
    margin-bottom: 14px;
  }
  
  .atten-spec--text2 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
  }
  
}


@media screen and (max-width:749px) {

  #how_accordion .accordion_header {
    padding-top: 16px;
    padding-left: 8px;
    padding-bottom: 16px;
  }
  
  #how_accordion .accordion_header:after {
    font-size: 16px;
    padding: 16px;
  }
  
  #how_accordion .h-box_one {
    padding: 16px 0;
  }

  .box3-02--top p{
    font-size: 14px;
  }
  
  .box3-02--bottom figure img{
    width: 100%;
  }
  
  .box3-02--list {
    max-width: 100%;
    width: 100%;
  }
  
  .box3-02--list{
    margin-bottom: 24px;
  }

/*   .box3-02--list:first-of-type {
    margin-right: 0;
    margin-bottom: 24px;
  } */

.box3-02--bottom.hakidashi figure {
  max-width: 180px;
}

.box3-02--bottom.koshimado figure {
  max-width: 180px;
}

.box3-02--bottom.demado figure {
  max-width: 220px;
}
  
  .box3-02--bottom {
  margin-bottom: 16px;
}
  
  .box3-02--bottom.hakidashi {
  padding: 17px 0;
}

.box3-02--bottom.koshimado {
  padding: 26px 0;
}
  
.box3-02--bottom.demado {
  padding: 16px 0;
}
  
  .box3-03--list {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }

  .box3-03--list figure {
    margin: 0;
  }

  .failture-title--top {
    font-size: 14px;
  }

  .failture-desc {
    font-size: 12px;
  }
  
  .failture-image figure img {
    width: 100%;
    height: auto;
  }
  
  .box3-04--list {
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
  }

  .box3-04--box {
    margin-bottom: 16px;
  }

  .box3-04--top p{
    font-size: 14px;
    font-weight: 500;
  }
  
  .box3-04--bottom1 {
    padding: 35px 38px;
    height: auto;
  }

  .box3-04--bottom1.box3-04--shade figure {
    max-width: 260px;
  }

  .box3-04--bottom1.box3-04--shade.type02 figure {
    max-width: 248px;
  }
  
  .box3-04--bottom2 {
    padding-top: 24px;
    padding-bottom: 38px;
    height: auto;
    padding: 24px 72px 38px;
  }
  
  .box3-04--bottom1 figure img, .box3-04--bottom2 figure img {
    width: 100%;
  }

  .box3-04--bottom2.box3-04--shade03 figure {
    max-width: 170px;
  }
  
  .box3-04--bottom2.box3-04--shade04 figure {
    max-width: 200px;
  }
    
  .how-to--content.when {
    margin-bottom: 44px;
  }
  
  .how-to--content.section-bottom {
    margin-bottom: 40px;
  }
  
  .howto-section--end {
    margin-bottom: 72px;
  }
  
  .failture-case {
    font-size: 14px;
    margin: 0 0 14px;
  }
  
  .how-to--head_s {
    font-size: 20px;
    padding-bottom: 12px;
    border-bottom: solid 1px #dedede;
    margin-bottom: 26px;
  }
  
  
  .atten-img p{
    margin-right: 12px;
  }
  
  .atten-img img{
    width: 100px;
    height: 100px;
  }
  
}


/****** 4-10-4. curtain-how-to-04.liquid ******/

/*  when 'mark_menu  curtain-function-mark.liquid '  */
.mark-tab {
  display: flex;
  align-items: top;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

.mark-tab:after {
    content: "";
    display: block;
    width: calc((100% - 24px * 3) / 4);
    height: 0;
}

.mark-list {
  max-width: 227px;
  width: calc((100% - 24px * 3) / 4);

}


.mark-top {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #dedede;
  padding: 14px 14px 10px;
}

.mark-top p{
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0;
}

.mark-bottom {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #fafafa;
  height: 226px;
  text-align: center;
  padding: 20px 24px 30px;
  margin-bottom: 1em;
}

.mark-bottom figure {
  max-width: 80px;
  margin: 0 auto 20px;
}

.mark-bottom figure img{
  width: 100%;
  height: auto;
  display: block;
}

.mark-notes {
  text-align: left;
}

.mark-notes p{
  font-size: 14px;
  font-weight: 400;
  color: #333;
  letter-spacing: 0;
}


@media screen and (max-width:749px) {
  
.mark-tab {
    margin-bottom: 72px;
  }

  .mark-tab:after {
    content: "";
    display: block;
    width: calc((100% - 15px * 1) / 2);
/*   width: 50%; */
    height: 0;
  }

  .mark-list {
    max-width: 48%;
    width: calc((100% - 15px * 1) / 2);
  }
    
  .mark-top p{
    font-size: 14px;
  }
  
  .mark-bottom {
    height: 200px;
    padding: 12px 12px 0;
    margin-bottom: 15px;
  }

   .mark-bottom figure {
     max-width: 72px;
   }
  
  .mark-notes p{
    font-size: 12px;
  } 
    
}

/*  when 'function'  */
.function-inner {
  display: flex;
  align-items: top;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.function-body {
  max-width: 470px;
  width: calc((100% - 40px * 1) / 2);
/*   width: 47.95%;  */
}

.function-desc {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: -4px;
}

.function-box {
  display: flex;
  flex-wrap: nowrap;
  max-width: 470px;
  width: calc((100% - 40px * 1) / 2);
}

.function-item {
  max-width: 146px;
  width: calc((100% - 16px * 1) / 2);
}

.function-item:not(:first-of-type) {
  margin-left: 16px;
}

.function-tab {
  background-color: #333;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  padding: 6px 0;
  width: 100%;
}

.function-img {
  margin: 0;
}

.function-img img{
    width: 100%;
    height: auto;
  }

.function-about {
  padding-top: 12px;
}

.function-about p {
  font-size: 14px;
  letter-spacing: 0;
}

.function-item--lace {
  max-width: 227px;
  width: calc((100% - 16px * 1) / 2);
}

.function-item--lace:not(:first-of-type) {
  margin-left: 16px; 
}

@media screen and (max-width:749px) {
   .function-inner {
    display: block;
  }
  
  .function-body {
    max-width: 100%;
    width: 100%; 
    margin-bottom: 30px;
  }
  
  .function-desc {
  font-size: 14px;
  margin-top: 3px;
}
  
  .function-box {
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    width: 100%;
  }

.function-item {
  max-width: 33.33%;
  width: calc((100% - 10px * 2) / 3);
}

.function-item:not(:first-of-type) {
  margin-left: 10px;
}
  
  .function-tab {
    font-size: 12px;
    padding: 3px 0;
  }
  
  .function-img {
    margin: 0;
  }
  
  .function-img img{
    width: 100%;
    height: auto;
  }
  
  .function-about p {
    font-size: 12px;
  }
  
  .function-item--lace {
    max-width: 50%;
    width: calc((100% - 11px * 1) / 2);
  }
  
  .function-item--lace:not(:first-of-type) {
    margin-left: 11px;
  }
  
}

@media screen and (max-width:749px) {
  .how-to--content.space {
    margin-bottom: 78px;
  }
}




/****** 4-10-5. curtain-how-to-05.liquid ******/

/*  when 'different'  */
.different-inner {
  margin-bottom: 80px;
}

.different-wrap {
  display: flex;
  align-items: top;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.different-box {
  max-width: 470px;
  width: calc((100% - 40px * 1) / 2);
  background-color: #fafafa;
  border-radius: 20px;
  height: 820px;
}

.different-box:not(:first-of-type) {
  margin-left: 30px; 
}

.different-tab {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #dedede;
  color: #333;
  padding: 10px 0 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
}

.different-img {
  max-width: 370px;
/*   width: 100%; */
  margin: 0 auto;
  padding: 35px 50px 25px;
}

.different-img img{
  width: 100%;
  height: auto;
}

.different-box:first-of-type .different-img {
  padding-bottom: 35px;
}

.different-about {
  padding: 0 32px 45px;
}

.different-about--list {
  padding-left: 24px;
  margin: 0;
}

.different-about--list li{
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  list-style: disc;
}

.different-about--list li:not(:last-child){
  margin-bottom: 16px;
}


@media screen and (max-width:749px) {
  .different-wrap {
    display: block;
  }
  
  .different-inner {
    margin-bottom: 72px;
  }
  
  .different-box {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  
  .different-box:first-of-type {
    margin-bottom: 24px;
  }
  
  .different-box:first-of-type .different-img {
    padding-bottom: 20px;
  }
  
  .different-box:not(:first-of-type) {
    margin-left: 0px; 
  }
  
  .different-tab {
    padding: 7px 0 7px;
    font-size: 14px;
  }
  
  .different-about {
    padding: 0 20px 34px;
  }
  
  .different-img {
    padding: 24px 0px 10px;
  }
  
  .different-about--list li{
    font-size: 14px;
  }

  .different-about--list li:not(:last-child) {
    margin-bottom: 12px;
  }
}

@media screen and (max-width:425px) {
  .different-box:first-of-type .different-img {
    max-width: 300px;
  }

  .different-box:last-of-type .different-img {
    max-width: 289px;
  }
  
}


/*  when 'pleating'  */
.pleating-inner {
  margin-bottom: 80px;
}

.pleating-body {
  margin-bottom: 52px;
}

.pleating-desc {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 21px;
}

.pleating-notes {
  font-size: 12px;
  font-weight: 500;
  color: #666;
}

.pleating-box {
  display: flex;
  align-items: top;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.pleating-item {
  max-width: 470px;
  width: calc((100% - 40px * 1) / 2);
}

.pleating-item:not(:first-of-type) {
  margin-left: 40px; 
}

.pleating-img {
  margin: 0;
}

.pleating-img img{
  width: 100%;
  height: auto;
}

.pleating-tab {
  background-color: #333;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 10px 0;
  line-height: 1.2;
}


@media screen and (max-width:749px) {

  .pleating-inner {
    margin-bottom: 72px;
  }
  
  .pleating-desc {
    font-size: 16px;
    margin-bottom: 11px;
  }
  
  .pleating-box {
    display: block;
  }
  
  .pleating-item {
    max-width: 100%;
    width: 100%;
  }

  .pleating-item:not(:first-of-type) {
    margin-left: 0px; 
  }

  .pleating-tab {
    font-size: 14px;
  }
  
  .spec-inner {
    margin-bottom: 72px;
  }
  
  .spec-item {
    display: block;
  }
  
  .spec-img {
    width: 100%;
    margin-bottom: 24px;
  }
  
  .spec-img img {
    width: 100%;
    height: auto;
  }
  
  .spec-wrap {
    width: 100%;
  }
  
}

/*  when 'pleat-spec'  */
.spec-inner {
  margin-bottom: 80px;
}

.spec-body {
  margin-bottom: 57px;
}

.spec-desc {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

.spec-item {
  display: flex;
  align-items: top;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.spec-img {
  max-width: 470px;
  width: calc((100% - 40px * 1) / 2);
}

.spec-img img {
  width: 100%;
  height: auto;
}

.spec-wrap {
  max-width: 470px;
  width: calc((100% - 40px * 1) / 2);
}

.spec-wrap {
  margin-left: 40px; 
}

.spec-item {
  display: flex;
  align-items: top;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.spec-item:not(:last-of-type) {
  margin-bottom: 48px;
}

.spec-tab {
  background-color: #333;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  padding: 10px 0;
  line-height: 1;
}

.spec-upper {
  margin-bottom: 32px;
}

.spec--text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}


@media screen and (max-width:749px) {
 
  .spec-inner {
    margin-bottom: 72px;
  }
  
  .spec-item {
    display: block;
  }
  
  .spec-item:not(:last-of-type) {
    margin-bottom: 46px;
  }

  .spec-desc {
    font-size: 16px;
    font-weight: 500;
  }
  
  .spec-img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 24px;
  }
  
  .spec-img img {
    width: 100%;
    height: auto;
  }
  
  .spec-wrap {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
  }

  .spec-tab {
    font-size: 14px;
  }
  
  .spec--text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
  
}





/****** 4-10-6. curtain-how-to-06.liquid ******/


/*  when 'care-home'  */
.care-wrapper {
  margin-bottom: 80px;
}

.care-home--heading {
  margin-bottom: 49px;
}

.care-home--desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 24px;
}

.care-home--item {
  margin-bottom: 48px;
}

.care-home--text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  margin-top: -4px;
  margin-bottom: 40px;
}

.care-home--text.space p{
  padding-bottom: 19px;
}

.care-home--content {
  display: flex;
  align-items: top;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.care-home--card {
  max-width: 300px;
  width: calc((100% - 40px * 2) / 3);
  border-radius: 20px;
  background-color: #fafafa;
  min-height: 385px;
  text-align: center;
}

.care-home--card:not(:first-of-type) {
  margin-left: 40px;
}

.care-card--top {
  background-color: #dedede;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 14px 0 10px;  
}

.care-card--top p {
  font-size: 16px;
  font-weight: 500;
}

.care-home--small {
  font-size: 12px;
  font-weight: 500;
}

.care-card--bottom {
  padding: 24px 24px 30px;
}

.care-card--img {
  margin: 0 auto 16px;
}

.care-home--card:first-of-type .care-card--img {
/*   padding-left: 30px;
  padding-right: 30px; */
  max-width: 164px;
  width: 100%;
}

.care-home--card:nth-of-type(2) .care-card--img {
/*   padding-left: 30px;
  padding-right: 30px; */
  max-width: 48px;
  width: 100%;
}

.care-home--card:nth-of-type(3) .care-card--img {
/*   padding-left: 30px;
  padding-right: 30px; */
  max-width: 107px;
  width: 100%;
}

.care-card--img img {
  width: 100%;
  height: auto;
}

.care-card--line {
  width: 100%;
  border-bottom: solid 1px #bcbcbc;
  margin-bottom: 16px;
}

.care-card--list {
  margin: 0;
  padding-left: 1.1em;
}

.care-card--list li{
  color: #333;
  list-style: disc;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0;
}

.care-home--step {
  max-width: 221px;
  width: calc((100% - 32px * 3) / 4);
  background-color: #f2f2f2;
  border-radius: 20px;
  position: relative;
  padding: 37px 14px 32px;
  text-align: center;
  z-index: -1;
}

.care-home--step:not(:first-of-type) {
  margin-left: 32px;
}

.care-home--step:not(:last-of-type)::after {
  position: absolute;
  content: '\f061';
  top: 50%;
  transform: translateY(-50%);
  right: -10%;
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 16px;
}

.care-step--box p{
  letter-spacing: 0;
  
}

.care-step--top {
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border: solid 1px #bcbcbc;
  color: #333;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 8px;
  text-align: center;
  z-index: 1;
}

.care-step--box_text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  }


@media screen and (max-width:749px) {
  /*  when 'care-home'  */
  .care-wrapper {
    margin-bottom: 72px;
  }
  
  .care-home--heading {
    margin-bottom: 41px;
  }
  
  .care-home--content {
    display: block;
  }
  
  .care-home--card {
    max-width: 100%;
    width: 100%;
    min-height: auto;
  }
  
  .care-home--card:not(:first-of-type) {
    margin-left: 0px;
  }
  
  .care-home--card:not(:last-of-type) {
    margin-bottom: 24px;
  }
  
  .care-home--step {
    max-width: 100%;
    width: 100%;
    padding: 28px 20px 26px;
  }
  
  .care-home--step:not(:first-of-type) {
    margin-left: 0px;
  }
  
  .care-home--step:not(:last-of-type) {
    margin-bottom: 50px;
  }
  
  .care-home--step:not(:last-of-type)::after {
    content: '\f063';
    top: inherit;
    bottom: -30px;
    transform: translateX(-50%);
    left: 50%;
    right: inherit;
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    font-size: 16px;
  }

  .care-card--top p {
    font-size: 14px;
    font-weight: 500;
  }
  
  .care-step--top {
    top: -15%;
  }
  
  .care-step--box_text {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    }

  .care-home--card:first-of-type .care-card--img {
    max-width: 185px;
    width: 100%;
  }
  
  .care-home--card:nth-of-type(2) .care-card--img {
    max-width: 56px;
    width: 100%;
  }
  
  .care-home--card:nth-of-type(3) .care-card--img {
    max-width: 125px;
    width: 100%;
  }

  .care-card--top {
    padding: 12px 0 8px;
  }
  
}





/*  when 'role-care'  */
.role-wrapper {
  margin-bottom: 80px;
}

.role-care--content {
  padding-left: 0;
  counter-reset: my-counter;
  list-style: none;
  margin: 32px 0 0 0;
}

.role-care--heading {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  padding-left: 2.5em;
  line-height: 1.2;
  border-bottom: solid 1px #dedede;
  padding-bottom: 13px;
  margin-bottom: 20px;  
}

.role-care--body {
  margin-bottom: 40px;
  position: relative;
}

.role-care--body:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #333;
  border: 1px solid;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 22px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 1px;
  padding-bottom: 1px;
}


.role-care--img {
  display: flex;
  align-items: top;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0;
}


.role-care--img.col-2 {
  justify-content: flex-start;
  margin-bottom: 20px;
}


.role-care--img img {
  max-width: 300px;
  width: calc((100% - 40px * 2) / 3);
  height: auto;
}

/* .role-care--img img:after {
    content: "";
    display: block;
    width: calc((100% - 40px * 2) / 3);
    height: 0;
} */

.role-care--img img:not(:first-of-type){
  margin-left: 40px;
}

.role-care--list {
  padding-left: 0!important;
}

.role-care--list li {
  color: #333;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.role-care--list .role-care--number{
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.role-care--number {
  margin-right: 1em;
}

.role-care--flex {
  display: flex;
  align-items: top;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.role-care--desc {
  margin-top: 15px;
}

.role-care--desc .role-care--text{
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 10px;
}

.role-care--desc .notes {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.role-lanundry--text  p{
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
}

.role-care--explain {
  padding-left: 0!important;
}

.role-care--explain li{
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.role-care--explain_flex {
  display: flex;
}

.role-care--explain_flex .role-care--number{
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.role-care--explain_flex p{
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.role-care--img2 {
  max-width: 300px;
  width: calc((100% - 40px * 2) / 3);
}

.role-care--img2:not(:first-of-type) {
  margin-left: 40px;
}


.role-care--img2 img {
  width: 100%;
  height: auto;
}


.role-lanundry--item {
/*   border-top: solid 1px #dedede;
  border-bottom: solid 1px #dedede; */
  border: solid 1px #dedede;
  padding: 29px 24px 24px;
}

.role-lanundry--header {
  margin-bottom: 21px;
}

.role-lanundry--head {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 14px;
}

.role-lanundry--text {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.role-lanundry--content {
  display: flex;
  align-items: top;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.role-lanundry--img {
  display: flex;
  justify-content: space-between;
  max-width: 450px;
  width: calc((100% - 25px * 1) / 2);
  margin: 0;
}

.role-lanundry--img img {
  max-width: 217px;
  width: calc((100% - 16px * 1) / 2);
  height: auto;
}

.role-lanundry--img img:nth-of-type {
  margin-left: 16px;
}

.role-lanundry--box {
  max-width: 458px;
  width: calc((100% - 25px * 1) / 2);
  margin-left: 25px;
}
  
.lanundry-icon--box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-color: #fafafa;
  border-radius: 10px;
  padding: 11px 40px 10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 16px;
}

.lanundry-icon--box img:first-of-type, .lanundry-icon--box img:last-of-type{
  margin-left: 0px;
  margin-right: 0px;
}

.lanundry-icon--box img{
  max-width: 48px;
  width: 100%;
  height: auto;
  margin-left: 8px;
}

.role-lanundry--notes {
  display: flex;
  flex-wrap: norap;
}

.role-lanundry--notes span,  .role-lanundry--notes p {
  color: #666;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}

.lanundry-icon--list {
  display: flex;
  align-items: top;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: 0;
}

.lanundry-icon--list li{
  background-color: #fafafa;
  border-radius: 20px;
  max-width: 227px;
  width: calc((100% - 24px * 3) / 4);
  height: 170px;
  padding: 12px 20px 0;
  text-align: center;
  margin-bottom: 24px;
  margin-left: 24px;
}

.lanundry-icon--list li:first-child{
  margin-left: 0;
}

.lanundry-icon--list li:not(:nth-child(5n)){
  margin-left: 0;
}

.lanundry-icon--list li:not(:nth-child(9n)){
  margin-left: 0;
}

.lanundry-icon--list li p {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}

.laundry-icon--image {
  max-width: 64px;
  margin: 0 auto;
}

.laundry-icon--image img {
  width: 100%;
  height: auto;
}

@media screen and (max-width:749px) {
  .role-wrapper {
    margin-bottom: 72px;
  }  
  
  /*  when 'role-care'  */
  .role-care--heading {
    font-size: 14px;
  }
  
  .role-care--body:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #333;
    border: 1px solid;
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 24px;
    color: #ffffff;
    font-size: 70%;
    line-height: 1;
    position: absolute;
    top: 2px;
    left: 0;
    margin-top: -3px;
    padding-left: 1px;
    padding-bottom: 1px;
  }
  
  
  .role-care--body {
    margin-bottom: 32px;
  }
  .role-care--img {
    display: block;
  }
  
  .role-care--img img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }
  
  .role-care--img.col-2 img {
    display: block;
  }
    
  .role-care--img img:nth-of-type(2){
    margin-left: 0;
    margin-top: 16px;
  }
  
  
   .role-care--flex {
    display: block;
  }
  
  .role-care--img2 {
    max-width: 100%;
    width: 100%;
  }
  
  .role-care--img2:not(:first-of-type) {
    margin-left: 0px;
  }
  
  .role-care--img2:not(:last-of-type) {
    margin-bottom: 38px;
  }
  
  .role-care--explain {
    margin-top: 15px;
  }

    .role-care--list li p{
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}
  
  .role-lanundry--item {
    padding: 29px 16px 24px;
  }
  
  .role-lanundry--header {
    margin-bottom: 21px;
  }

  .role-lanundry--head {
    font-size: 16px;
    margin-bottom: 14px;
  }
  
  .role-lanundry--text {
    font-size: 14px;
  }
 
  .role-lanundry--img img {
    width: 100%;
  }
  
  .role-lanundry--content {
    display: block;
  }
 
  .role-lanundry--img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 16px;
  }

  .role-lanundry--img img {
    max-width: 100%;
    width: calc((100% - 11px * 1) / 2);
    height: auto;
  }

  .role-lanundry--img img:nth-of-type {
    margin-left: 11px;
  }

  .role-lanundry--box {
    max-width: 100%;
    width: 100%;
    margin-left: 0px;
  }

  .role-lanundry--notes span {
    margin-right: 10px;
  }
  
  .lanundry-icon--box img{
    max-width: 40px;
    width: 100%;
    height: auto;
  }
  
  .lanundry-icon--list li{
/*     max-width: 50%; */
    width: calc((100% - 15px * 2) / 3);
    height: 160px;
    padding: 16px 16px 0;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 15px;
  }

  .lanundry-icon--list li:nth-child(odd){
    margin-left: 0!important;
  }

  .lanundry-icon--list li:nth-child(2n){
    margin-left: 0px!important;
  }

  .lanundry-icon--list li:nth-child(3n){
    margin-right: 0px!important;
  }

  .lanundry-icon--list li p {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: left;
  }

  .laundry-icon--image {
    max-width: 48px;
  }

  .lanundry-icon--box img {
    margin-left: 8px;
  }
  
}

@media screen and (max-width:425px) {
  .lanundry-icon--list li{
    max-width: 160px!important;
    width: calc((100% - 15px * 1) / 2);
    margin-right: 0px;
  }

  .lanundry-icon--list li:nth-child(2n){
    margin-left: 15px!important;
  }
  
}


/****** 4-10-7. curtain-how-to-07.liquid ******/

.attention-wrapper {
  margin-bottom: 45px;
}


.how-to--head.narrow-space {
  margin-bottom: 25px;
}

.how-to--content.lttr p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
}

.howto-07--notes {
  color: #666;
  font-size: 12px!important;
  font-weight: 500;
  margin-top: 10px;
}

@media screen and (max-width:749px) {
  .attention-wrapper {
    margin-bottom: 38px;
  }
  
  .how-to--content.lttr p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
  
}

.page-end--margin {
  margin-bottom: 100px;
}

@media screen and (max-width:749px) {
  .page-end--margin {
    margin-bottom: 80px;
  }
}

/******************************/
/* 5 .Tab */
/******************************/

.wrap-tab{
  overflow: hidden;
  max-width: 980px;
  margin: 0 auto;
}
.wrap-tab-content {
  width: 100%;
  margin: 0 auto;
}
.tab-radio{
  display: none;
}
.list-tab-label{
  display: flex;
  flex-wrap: no-wrap;
  justify-content: flex-start;
  align-content: flex-start;
/*   margin-bottom: 100px; */
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.list-tab-label > li{  
  width: 34%;
  text-align: center;
}

.list-tab-label > li:not(:nth-child(3n)){
  margin-right: 1px;
}

.tab-label{
  display: block;
  padding: 0.5em 1em;
  color: #fff;
  background: #bcbcbc;
  color: #666;
  box-sizing: border-box;
  cursor: pointer;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
}
.tab-label:checked {
  background: #333;
}
.tab-content {
  display: none;
}
#tab-radio1:checked ~ .wrap-tab-content #tab-content1,
#tab-radio2:checked ~ .wrap-tab-content #tab-content2,
#tab-radio3:checked ~ .wrap-tab-content #tab-content3
{
display: block;
}
#tab-radio1:checked ~ .list-tab-label #tab-label1,
#tab-radio2:checked ~ .list-tab-label #tab-label2,
#tab-radio3:checked ~ .list-tab-label #tab-label3
{
  background: #333;
/*   border: 1px solid #002864; */
  color: #fff;
  font-weight: 700;
}

#tab-radio2:checked .page-top__link {
  display: none!important;
}


@media screen and (max-width:768px) {
  .tab-label{ 
    font-size: 13px;
  }
}


/******************************/
/* 6 .Store(blogs/store.liquid) */
/******************************/

/* #tab-content1 {
  margin-top: -1px;
} */

/* #tab-content2, #tab-content3 {
  margin-top: -30px;
} */


.tab-content .store-area {
  background-color: #f2f2f2;
  padding: 32px 40px 16px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-bottom: 24px;
}

#store .list-tab-label li .tab-label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}

.tab-content .store-area .store-area--wrap {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tab-content .store-area .store-area--wrap li {
  width: calc((100% - 16px * 3) / 4);
  max-width: 213px;
  border: solid 1px #f2f2f2;
  border-radius: 10px;
  background-color: #fff;
  text-align: center;
  margin-bottom: 1em;
  padding: 12px 0 10px;
  transition: border 0.3s;
}

@media screen and (min-width:750px){
  .tab-content .store-area .store-area--wrap li:hover {
    border-color: #000;
  }
}

.tab-content .store-area .store-area--wrap li:not(:nth-child(4n)) {
  margin-right: 1em;
}

.tab-content .store-area .store-area--wrap li a {
  position: relative;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  display: block;
  height: 100%;
  width: 100%
}

.tab-content .store-area .store-area--wrap li a::after {
  position: absolute;
  display: inline-block;
  content: '';
  top: 50%;
  right: 10%;
  width: 8px;
  height: 8px;
  border: 0;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
  margin-top: -5px;
}

.store-container {
  margin-top: -48px;
  margin-bottom: 100px;
}

.tab-content .store-name {
  line-height: 0;
}

.tab-content .store-name h2 {
  font-size: 24px;
  
  font-weight: 500;
  border-bottom:solid 1px #dedede;
  margin: 0;
  padding-bottom: 24px;
}

.store-container .store-area-title h3{
  font-size: 20px;
  
  font-weight: 500;
  margin: 48px 0 25px 0;
}

.store-container .store-list-tr {
  display: flex;
  align-items: center;
  border-bottom: solid 1px #dedede;
  background-color: #f2f2f2;
}

.store-container .store-pref {
/*   padding-top: 60px;
  margin-top:-60px; */
  border-bottom: solid 1px #dedede;
}

/* .store-container .store-pref:not(:last-of-type){
  margin-bottom: 48px;
} */

.store-container .store-list-tr .store-list-th {
  flex-basis: 25%;  
  padding-left: 1em;  
}

.store-container .store-list-tr .store-list-th h3{
  font-size: 16px;
  font-weight: 500;
  
  color: #333;
  margin: 0;
}

.store-container .store-list-tr .store-list-td {
  flex-basis: 75%;
  padding: 20px;
  background-color: #fff;
}

.store-container .store-list-tr .store-list-td .store-adrs {
  display: flex;
  justify-content: space-between;
}

.store-container .store-list-tr .store-list-td .store-adrs {
  margin-bottom: 1em;
}

.store-container .store-list-tr .store-list-td .store-adrs p {
  font-size: 16px;
  font-weight: 400;
}

.store-container .store-list-tr .store-list-td .store-link a{
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-color: #333;
}

.store-container .store-list-tr .store-list-td .store-tel {
  margin-bottom: 16px;
}

.store-container .store-list-tr .store-list-td .store-tel p{
  font-size: 16px;
  font-weight: 400;
}

.store-container .store-list-tr .store-list-td .store-tel p a{
  text-decoration: none;
  color: #333;
  font-size: 16px;
  font-weight: 400;
}

.store-container .store-list-tr .store-list-td .store-link a span {
  color: #333;
}

@media screen and (min-width:769px) and ( max-width:1250px) {
  .tab-content .store-area .store-area--wrap li {
/*     width: 22%; */
  }
}


@media screen and (max-width:749px) {
  .tab-content .store-area {
    background-color: #f2f2f2;
    padding: 24px 16px 9px;
    margin-bottom: 8px;
  }
  
  #store .list-tab-label li .tab-label {
    font-size: 14px;
  }
  
  .tab-content .store-area .store-area--wrap li {
    width: calc((100% - 15px * 1) / 2);
    max-width: 50%;
/*     width: 47%; */
    margin-bottom: 15px;
  }
  
  .tab-content .store-area .store-area--wrap li:not(:last-child) {
    margin-right: 0;
  }
  

  
  .tab-content .store-area .store-area--wrap li:not(:nth-child(2n)) {
    margin-right: 15px;
  }
  
  .tab-content .store-area .store-area--wrap li:nth-child(2n) {
    margin-right: 0;
  }
  
  .tab-content .store-area .store-area--wrap li:nth-child(4n) {
    margin-right: 0;
  }
  
  .tab-content .store-area .store-area--wrap li a {
    font-size: 12px;
  }
  
  .tab-content .store-name h2 {
    font-size: 22px;
  }
  
  .store-container .store-list-tr {
    display: block;
  }
  
  .store-container .store-list-th {
    padding-top: 13px;
    padding-bottom: 18px;
  }
  
  .store-container .store-list-tr .store-list-th h3 {
    font-size: 14px;
  }
  
  .store-container .store-area-title h3 {
    font-size: 18px;
  }

  .store-container .store-list-tr .store-list-td {
    padding-bottom: 33px;
  }
  
  .store-container .store-list-tr .store-list-td .store-adrs {
    display: block;
    margin-bottom: 16px;
  }
  
  .store-container .store-list-tr .store-list-td .store-adrs p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 23px;
  }
  
  .store-container .store-list-tr .store-list-td .store-link a{
  font-size: 14px;
  font-weight: 400;
}
  
  .store-container .store-list-tr .store-list-td .store-tel {
    margin-bottom: 16px;
  }
  
    .store-container .store-list-tr .store-list-td .store-tel p{
    font-size: 14px;
  }
  
  .store-container .store-list-tr .store-list-td .store-tel p a{
    text-decoration: underline;
    font-size: 14px;
  }
  
  
}


/******************************/
/* 7 .Search */
/******************************/

#search {
  margin-bottom: 100px;
}

#search .search .field-custom {
  width: 100%!important;
}

#search .search .field-custom input {
  border-bottom: solid 1px #333!important;
  -webkit-appearance: none;
  appearance: none;
  font-size: 1.6rem;
  width: 100%;
  height: 4.5rem;
  min-height: calc(var(--inputs-border-width) * 2);
  min-width: 720px;
  position: relative;
}

#search .template-search__search {
  margin: 0 auto;
  max-width: 720px;
  margin-bottom: 70px;
}

#search .template-search {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

#search .search__input {
  outline: none;
  border-top: 0;
  border-left: 0;
  border-left-color: transparent!important;
  border-bottom: solid 1px #333;
}


#search .search .field .field__input:not(:placeholder-shown){
  padding: 0!important;
}

#search .search .field .field__input:focus {
  box-shadow: none!important;
  padding: 0!important;
}

#search .template-search__header {
  margin-bottom: 42px!important;
}

#search .template-search__header .status-empty {
  color: #D8002B!important;
  padding-bottom: 577px;
}

#search .template-search__header .status-font--m {
  font-size: 22px;
}
@media screen and (max-width: 749px) {
  #search .template-search__header .status-font--m {
    font-size: 20px;
  }
}
#search .template-search__header .status-mb {
  margin-bottom: 47px;
  font-weight: 500;
}



/***** search collection *****/

.search-product--grid {
  column-gap: 40px; 
  row-gap: 40px
}

.search-product--grid:after {
    content: "";
    display: block;
    width: calc((100% - 40px * 2) / 3);
    height: 0;
}
    

.search-grid--item {
  max-width: 300px;
  width: calc((100% - 40px * 2) / 3);
}

.search-icon--button {
  right: 0!important;
  bottom: 0;
  width: 2rem!important;
}

 .search-card--heading {
    line-height:1.5!important;
    font-weight: 500!important;
  }

.price-regular--search {
  letter-spacing: 0;
  font-weight: 500;
}

.price-yen--search {
  font-weight: 500;
}

@media screen and (max-width: 749px) {
  #search .search .field-custom input {
    min-width: inherit;
    font-size: 14px;
  }
  
  #search .template-search__header {
    margin-bottom: 33px!important;
  }
  
  #search .template-search__header .status-empty {
    padding-bottom: 166px;
    font-size: 14px;
  }

  .search-product--grid {
    column-gap: 20px; 
    row-gap: 24px
  }

  .search-product--grid:after {
    content: "";
    display: block;
    width: calc((100% - 20px * 1) / 2);
    height: 0;
  }
    

  .search-grid--item {
    max-width: 50%;
    width: calc((100% - 20px * 1) / 2);
  }

  .search-card--heading {
    font-size: 14px!important;
  }
  
}



/******************************/
/* 8. card-product.liquid */
/******************************/

.card__inner {
  background-color: #fff!important;
}

.card__media {
  border-radius: 25px!important;
}

.card__heading {
  font-size: 16px;
  
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 749px) {
  .card__heading {
    font-size: 14px;
  }
}

/* .card-wrapper .wk-button {
  display:none;
} */

@media screen and (min-width: 990px){
.grid--3-col-desktop .grid__item {
/*     width: calc(30% - var(--grid-desktop-horizontal-spacing) * 2 / 3);
    max-width: calc(33.333% - var(--grid-desktop-horizontal-spacing) * 2 / 3); */
}
  
  .grid--3-col-desktop .grid__item:not(:nth-child(3n)) {
/*     margin-right: 40px; */
  }

}


@media screen and (min-width: 750px){
.grid {
/*     column-gap: 0!important; */
  }
}


@media screen and (max-width: 989px) {
  
  .grid {
/*     column-gap: 24px; */
/*     row-gap: 24px */
  }
  
  .grid__item {
/*     max-width: calc(47.5% - var(--grid-mobile-horizontal-spacing) / 2); */
   }
  
  .grid--2-col-tablet-down .grid__item {
/*     width: calc(50% - var(--grid-mobile-horizontal-spacing) / 2); */
  }
  
  .grid--2-col-tablet-down .grid__item:not(:nth-child(2n)) {
/*     margin-right: 20px; */
  }
  
  .collection .grid__item:only-child {
/*     flex: 0 0 50%;
    max-width: 50%; */
  }
  

}
/******************************/
/* 9. card-product.liquid */
/******************************/
.card__media {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.card__media img:hover{
  transform: scale(1.2);
  transition-duration: 0.5s;
}



.grid__item:hover .card-wrapper .card--media .card__inner .card__media .media img {
  /* transform: scale(1.2);
  transition: all 0.5s;
  transition-duration: 0.5s; */
} 


/******************************/
/* 10. pagination.liquid */
/******************************/

.pagination-cutom--prev {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 12px 16px 12px 30px;
  width: 130px;
  color: #333;
  font-size: 14px!important;
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  border: solid 1px #bcbcbc;
  border-radius: 50vh;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}

.pagination-cutom--prev::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 14%;
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  transform: rotate(-45deg);
  margin-top: -3px;
}

.pagination-cutom--next {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 12px 30px 12px 16px;
  width: 130px;
  color: #333;
  font-size: 14px!important;
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  border: solid 1px #bcbcbc;
  border-radius: 50vh;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}

.pagination-cutom--next::after {
  position: absolute;
  content: '';
  top: 50%;
  right: 14%;
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
  margin-top: -3px;
}
.pagination-list--item a {
  transition: all 0.3s;
}
.pagination-cutom--prev:after{
  content:'前のページ';
}
.pagination-cutom--next:before {
  content:'次のページ';
}
@media screen and (min-width: 750px) {
  .pagination-prev:hover .pagination-cutom--prev,.pagination-next:hover .pagination-cutom--next,.pagination-list--item:hover a{
    color:#6B1B7E;
    border-color: #6B1B7E;
  }
  .pagination-prev:hover .pagination-cutom--prev::before{
    border-top: 1px solid #6B1B7E;
    border-left: 1px solid #6B1B7E;
  }
  .pagination-next:hover .pagination-cutom--next::after{
    border-top: 1px solid #6B1B7E;
    border-right: 1px solid #6B1B7E;
  }
  .pagination-prev:hover .pagination-cutom--prev:after{
    content:'PREV';
  }
  .pagination-next:hover .pagination-cutom--next:before {
    content:'NEXT';
  }
}


@media screen and (max-width: 749px) {
  .pagination__list>li {
    display: none;
  }

  .pagination-cutom--prev {
    font-size: 12px!important;
  }

  .pagination-cutom--next {
    font-size: 12px!important;
  }
  
}



/******************************/
/* 11. blog/news */
/******************************/

/* article-card-news.liquid */
.news-card {
  display: flex;
  max-height: 120px;
}

.news-card__inner {
  width: 23%;
}



/* blog-news.liquid */

.blog-news--wrap {
  margin-bottom: 72px;
}

.blog-news--list {
  list-style: none;
  margin-bottom: 20px;
  padding-left: 0!important;
  border-top: solid 1px #dedede;
}

.blog-news--item {
  width: 100%;
  border-bottom: solid 1px #dedede;
  padding-top: 24px;
  padding-bottom: 24px;
}

.blog-news--item a {
  display: flex;
  text-decoration: none;
  position: relative;
  z-index: 0; 
}

.blog-news--info {
  display: flex;
}
.blog-news--tag:not(:first-of-type) {
  margin-left: 10px;  
}


.blog-news--img {  
  margin: 0;
  width: 180px;
  height: 120px;
  margin: 0 20px 0 0;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}

.blog-news--img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-news--item a:hover .blog-news--img img {
    transform: scale(1.1);
    transition: all 0.5s;
    transition-duration: 0.5s;
  }

.blog-news--item .new-tag {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0; 
  color: #fff;
  background: #333;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  padding: 8px 20px;
  z-index: 1;
}

.blog-news--content {
  max-width: 75%;
  width: 100%;
  color: #666;
}

.blog-news--date {
  color: #666;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  line-height: 1.5;
  letter-spacing: 0;
}

.blog-news--title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #333;
  letter-spacing: 0;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}



.blog-news--tag {
  min-width: 68px;
  border: solid 1px #333;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0;
  line-height: 1.5;
}


@media screen and (max-width: 749px){
  .blog-news--tag {
  /* min-width: 60px; */
}
  
  .blog-news--wrap {
    margin-bottom: 4em;
  }
  
  .blog-news--item {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .blog-news--item .new-tag {
    padding: 3px 12px;
  }
  
  
  .blog-news--img {
    margin: 0 12px 0 0;
    width: 120px;
    height: 80px;
  }
  
  .blog-news--img img {
/*     width: 100%;
    height: auto; */
    border-radius: 10px;
  }
  

  
  .blog-news--content {
    position: relative;
  }
  
  .blog-news--date {
    font-size: 12px;
    margin-bottom: 14px;
    line-height: 1.75;
  }

  .blog-news--title {
    font-size: 14px;
    margin-bottom: 0;
    color: #333;
    line-height: 1.5;
  }
  
  .blog-news--info {
    position: absolute;
    top: 0;
    right: 0;
  }

  
  .blog-news--tag {
    width: 60px;
    font-size: 10px;
    line-height: 1.2;
    padding: 3px 8px;
    width: auto;
  }
  
}


@media screen and (max-width: 600px){
  .blog-news--content {
    position: relative;
    max-width: 60%;
  }
}

/******************************/
/* 12. blog/feature */
/******************************/

/* blog-feature.liquid */

.blog-feature--wrap {
  margin-bottom: 72px;
}
  
.blog-feature--list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 20px;
  padding-left: 0!important;
}
  
.blog-feature--item {
  position: relative;
  width: calc((100% - 40px * 1) / 2);
  padding-bottom: 48px;
  z-index: 0;
}

.blog-feature--item:nth-child(2n) {
  margin-left: 40px;
}

.blog-feature--item .new-tag {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0; 
  color: #fff;
  background: #333;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  padding: 6px 20px;
  z-index: 1;
}

.blog-feature--item a:hover .blog-feature--img img {
    transform: scale(1.1);
    transition: all 0.5s;
    transition-duration: 0.5s;
  }


  
.blog-feature--item a {    
  text-decoration: none;
}

.blog-feature--img {
  position: relative;
  margin: 0;
/*   width: 470px;
  height: 245px; */
  margin-bottom: 1em;
  overflow: hidden;
  border-radius: 20px;
  padding-top: 52.12%;
}

.blog-feature--img img{
/*   width: 100%;
  height: auto;   */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.blog-feature--content {
/*   max-width: 780px; */
  width: 100%;
  color: #666;
}

.blog-feature--date {
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 1.5;
  letter-spacing: 0;
}

.blog-feature--title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #333;
  line-height: 1.2;
}

.blog-feature--tag {
  border: solid 1px #333;
  padding: 3px 12px;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  margin-left: 10px;
}



@media screen and (max-width: 749px){
  
  .blog-feature--list {
    display: block;
    margin-top: 0;
  }
  
  .blog-feature--wrap {
    margin-bottom: 4em;
  }
  
  
  
  .blog-feature--item .new-tag {
    padding: 6px 12px;
  }
  
  .blog-feature--item {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 2em;
  }
  
  .blog-feature--item:nth-child(2n) {
    margin-left: 0;
  }
  
  .blog-feature--img {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
  }
  
  .blog-feature--img img{
    border-radius: 20px;
  }
  
  
  .blog-feature--content {
    position: relative;
  }
  
  .blog-feature--date {
    font-size: 12px;
    margin-bottom: 17px;
    line-height: 1.75;
  }

  .blog-feature--title {
    font-size: 14px;
    margin-bottom: 20px;
    color: #333;
    line-height: 1.5;
  }
  
  .blog-feature--info {
    position: absolute;
    top: 0;
    right: 0;
  }
    
  .blog-feature--tag {
    font-size: 10px;
    line-height: 1.8;
    padding: 3px 10px;
  }
}

/******************************/
/* 13. article */
/******************************/

/* ----- article/共通パーツ ----- */
.article-custom {
  /* padding-top: 56px; */
}

.article-custom figure img {
  margin: 0;
}

.article-custom--header {
  margin-top: 2em;
}

.article-custom--title {
  font-size: 24px;
  font-weight: 500;
  
  line-height: 1.2;
  border-bottom: solid 1px #999;
  padding-bottom: 36px;
  margin-bottom: 40px;
}


.article-custom-heading {
  font-size: 22px;
  font-weight: 500;
  
  line-height: 1.5;
  margin-bottom: 35px;
}

.article-custom--info {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
  flex-wrap: wrap;
}

.article-custom--date {
  color: #666;
  font-size: 16px;
  line-height: 1.5;
/*   margin-left: 18px; */
}

.article-custom__content {
  margin-top: 40px;
  margin-bottom: 46px;
  font-size: 16px;
  
  line-height: 1.8;
}



/* ----- article/{%- when 'download'-%} ----- */
.article-custom--download {
  margin-bottom: 25px;
}

.article-custom--download a {
  color: #333;
}


/* ----- article/{%- when 'link_01,link_02'-%} ----- */
.article-custom--link {
  margin: 0 0 25px 0;
}

.article-custom--link a {
  font-size: 16px;
  color: #333;
  text-decoration: underline;
}


/* ----- article/{%- when 'blockquote'-%} ----- */

.article-blockquote--wrapper {
  margin-bottom: 40px;
}

.article-custom--blockquote {
  background-color: #f2f2f2;
  margin: 0 0 20px 0;
  padding: 22px 20px;
}

.article-blockquote--body {
  position: relative;
  padding-left: 16px;
}

.article-blockquote--body::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #bcbcbc;
}

.article-blockquote--body p{
  font-size: 14px;
  color: #666; 
}

.article-custom--notes p {
  font-size: 12px;
  color: #666;
}


/* ----- article/{%- when 'service'-%} ----- */

.article-custom--service {
  margin-bottom: 2em;
}

.article-custom--service-title {
  font-size: 18px;
  font-weight: 500;
  
  margin: 0 0 2em 0;
}

.article-custom--service-content {
  font-size: 16px;
  line-height: 1.8;
}

.article-custom--imgwrap {
  margin: 0 0 40px 0;
  display: flex;
  justify-content: center;
}

.article-custom--imgwrap img:first-of-type {
  margin-right: 40px;
}


/* ----- article/{%- when 'share-area'-%} ----- */

.article-custom--share {
  
  background-color: #f2f2f2;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4em;
}

.article-share--inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 1.5rem;
}

.article-share--text {
  font-size: 18px;
}

.article-share--container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}

.article-share--link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.article-share--link p{
  font-size: 14px;
  margin-left: 10px;
}

.article-share--btn a {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 9px 0 8px 0;
  width: 140px;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  background-color: #fff;
  border: solid 1px #bcbcbc;
  border-radius: 50vh;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}

.article-share--btn:not(:last-of-type){
  margin-right: 8px;
}

.article-share--btn:first-of-type a {
  padding: 9px 0 8px 0;
}

.article-share--link p {
  letter-spacing: 0;
}

.article-share--btn:first-of-type .article-share--link p{
  margin-left: 17px;
}
@media screen and ( max-width:749px) {
  .article-share--btn:first-of-type .article-share--link p{
    margin-left: 5px;
  }
}

.article-share--btn:nth-of-type(2) .article-share--link p{
  /* margin-left: 12px; */
}

.article-share--btn:last-of-type .article-share--link p{
  /* margin-left: 12px; */
}

/* ----- article/{%- when 'content-custom'-%} ----- */
.article-content--h2 {
  font-size: 22px;
  
  line-height: 1.5;
  margin: 0 0 33px 0;
}

.article-content--body {
  line-height: 1.8;
  margin: 0 0 48px 0;
}

.article-content--img_l {
  max-width: 980px;
  margin: 0 0 40px 0;
}

.article-content--img {
  margin: 0 0 40px 0;
}

.article-content--h3 {
  font-size: 20px;
  
  line-height: 1.2;
  margin: 0 0 30px 0;
}

.article-content--img_flex {
  margin: 0 0 24px 0;
  display: flex;
  justify-content: center;
}

.article-content--img_flex img {
  width: 47.95%;
}

.article-content--img_flex img:first-of-type {
  margin-right: 40px;
}

.article-content--img_s {
  max-width: 470px;
  margin: 0 auto 40px auto;
}

.article-content--h4 {
  font-size: 18px;
  
  line-height: 1.5;
  margin: 0 0 31px 0;
}

.article-content--columns {
  display: flex;
  justify-content: flex-start;
  margin: 0 0 40px 0;
}

.article-content--columns .article-columns--img {
  max-width: 400px;
  margin: 0 40px 0 0;
}

.article-content--columns .article-columns--img img {
  width: 100%;
  height: auto;
}

.article-content--columns .article-columns--body {
  width: 56.73%;
}

.article-content--list {
  margin: 0 0 48px 0;
  padding-left: 1em;
}

.article-content--list li{
  list-style-type: disc;
}

.article-content--h5 {
  font-size: 16px;
  
  line-height: 1.5;
  margin: 0 0 30px 0;
}

.article-custom__content li::marker {
  font-size: 100%!important;
}

/* ----- article/{%- when 'collection'-%} ----- */
.article-custom--collection {
  margin-bottom: 4em;
}

.article-collection--header {
  margin-bottom: 44px;
}

.article-collection--title {
  font-size: 24px;
  font-weight: 500;
  
  line-height: 1.2;
  border-bottom: solid 1px #bcbcbc;
  padding-bottom: 24px;
  margin-bottom: 12px;
}

.article-collection--wrap {
  column-gap: 40px!important;
  row-gap: 48px!important;
}
.article-collection--wrap .product-spec--wrap{
display: none;
}

.article-collection--wrap::after {
  content: "";
  display: block;
  width: calc((100% - 40px * 2) / 3);
  height: 0;
}

.article-collection--list {
  max-width: 300px!important;
  width: calc((100% - 40px * 2) / 3)!important;
}
.article-collection--list .product-tag--wrap {
  display: none;
}

/* ----- article/pagination----- */
.article-paginate {
  max-width: 1010px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.article-paginate--lower-l {
  position: absolute;
  left: 0;
}
  
.article-paginate--lower-r {
  position: absolute;
  right: 0;
}

.article-paginate--btn {
  position: relative;
}

.article-paginate--btn.article-paginate--previous:hover .article-paginate--link {
  color: #999;
  transition: all 0.3s;
}

.article-paginate--btn.article-paginate--next:hover .article-paginate--link {
  color: #999;
  transition: all 0.3s;
}

.article-paginate--link {
  color: #333;
  font-size: 16px;
  text-decoration: none;
}

.article-paginate--back .article-paginate--link {
  font-weight: 700;
}

.article-paginate--previous .article-paginate--link{
  padding-left: 5.5rem;
}

.article-paginate--previous .article-paginate--link::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 20px;
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  transform: rotate(-45deg);
  margin-top: -3px;
}

.article-paginate--previous:hover .article-paginate--link::before{
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  transition: all 0.3s;
}

.article-paginate--back {
  display: inline-block;
  margin: 0 auto;
  padding: 12px 25px;
  width: 320px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  background-color: #fff;
  border: solid 1px #333333;
  border-radius: 50vh;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}

.article-paginate--next .article-paginate--link{
  padding-right: 5.2rem;
}

.article-paginate--next .article-paginate--link::after {
  position: absolute;
  content: '';
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
  margin-top: -3px;
}

.article-paginate--next:hover .article-paginate--link::after {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  transition: all 0.3s;
}


.article-paginate--back .article-paginate--link::after {
  position: absolute;
  content: '';
  top: 50%;
  right: 10%;
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
  margin-top: -3px;
}

.article-paginate--back:hover {
  color: #691A7C;
  border: solid 1px #691A7C;
}

.article-paginate--back:hover .article-paginate--link {
  color: #691A7C;
}

.article-paginate--back:hover .article-paginate--link::after{
  border-top: 1px solid #691A7C;
  border-right: 1px solid #691A7C;
}

@media screen and ( max-width:749px) {
  /* ----- article/pagination----- */
  .article-paginate--back {
    width: calc(100vw - 4.5rem);
    font-size: 14px;
    padding: 0.6em 20px;
  }
  
  .article-paginate--link {
    font-size: 14px;
  }

  .article-paginate--previous .article-paginate--link{
    padding-left: 2rem;
  }

    .article-paginate--previous .article-paginate--link::before {
    left: 2px;
  }

  .article-paginate--next .article-paginate--link{
    padding-right: 2rem;
  }

  .article-paginate--next .article-paginate--link::after {
    right: 2px;
  }
  .article-paginate--back .article-paginate--link::after {
    right: 5%;
  }

  .article-paginate--lower-l {
    left: 6vw!important;
    bottom: -3em;
  }
  
  .article-paginate--lower-r {
    right: 6vw!important;
    bottom: -3em;
  }
  
}

/* ----- article/tag ----- */
.article-custom--tag {
  border: solid 1px #666;
  padding: 2px 10px;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  margin-right: 18px;
}


@media screen and ( max-width:980px) {
  .article-custom--imgwrap {
    display: block;
    text-align: center;
    margin-bottom: 20px
  }
  
  .article-custom--imgwrap img{
    width: 100%;
  }
  
  .article-custom--imgwrap img:first-of-type {
    margin-right: 0;
    margin-bottom: 2em;
  }
  
  
  /* ----- article/{%- when 'download'-%} ----- */
  .article-custom--download {
    margin-bottom: 33px;
  }
  
  
  /* ----- article/{%- when 'share-area'-%} ----- */
  .article-share--inner {
   display: block;
  }
  
  .article-share--text {
    margin-right: 0;
    margin-bottom:13px;
    text-align: center;
    font-size: 16px;
  }
  
  .article-share--container {
    width: 100%;
    margin-left: 0;
  }
  
  
  /* ----- article/pagination----- */
  .article-paginate {
    display: block;
    width: 100%;
    padding-top: 4em;
    margin-bottom: 6em;
  }
  
  .article-paginate--upper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .article-paginate--lower-l {
    left: 30%;
    bottom: -3em;
  }
  
  .article-paginate--lower-r {
    right: 30%;
    bottom: -3em;
  }
  

/*    .article-paginate--back {
    width: calc(80vw - 2rem);
  }
   */
}


@media screen and (max-width: 749px){
/* ----- article/collection----- */
  .article-custom--collection {
    margin-bottom: 2em;
  }

  .article-collection--wrap {
    column-gap: 20px!important;
    row-gap: 24px!important;
  }

  .article-collection--wrap::after {
    content: "";
    display: block;
    width: calc((100% - 20px * 1) / 2);
    height: 0;
  }
  
  .article-collection--list {
    max-width: 300px!important;
    width: calc((100% - 20px * 1) / 2)!important;
  }

/* ----- article/共通パーツ ----- */
  .article-custom {
    padding-top: 40px;
  }
  
  .article-custom figure img {
    width: 100%;
  }
  
  .article-custom--date {
    font-size: 12px;
  }
  
  .article-custom--header {
    margin-top: 26px;
  }
  
  .article-custom--title {
    font-size: 22px;
    padding-bottom: 31px;
    margin-bottom: 24px;
  }
  
  .article-custom-heading {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 30px;
  }
  
  .article-custom__content {
    margin-top: 20px;
    margin-bottom: 42px;
    font-size: 14px;
    line-height: 1.8;
  }
  
  
  /* ----- article/{%- when 'blockquote'-%} ----- */
  .article-blockquote--wrapper {
    margin-bottom: 32px;
    padding: 0 2rem;
  }
  
  
  /* ----- article/{%- when 'service'-%} ----- */
  .article-custom--service-title {
    font-size: 16px;
    margin: 0 0 28px 0;
  }
  
  .article-custom--service-content {
    font-size: 14px;
  }
  
  .article-custom--link a {
    font-size: 14px;
  }
  
  
  /* ----- article/{%- when 'collection'-%} ----- */
  
  .article-collection--header {
    margin-bottom: 38px;
  }
  
  .article-collection--title {
    font-size: 22px;
    padding-bottom: 23px;
    margin-bottom: 12px;
  }
  
  
  /* ----- article/{%- when 'share-area'-%} ----- */
  .article-share--btn:first-of-type a {
    padding: 8px 0 8px 0;
  }
  
  .article-share--btn a {
    padding: 8px 0 8px 0;
    width: 80px;
    font-size: 12px;
  }
  
  .article-share--btn:not(:last-of-type){
    margin-right: 5px;
  }
  
  .article-share--link img {
    width: 16px;
  }
  
  .article-share--link p {
    font-size: 12px;
    margin-left: 4px;
  }
  
  
  /* ----- article/{%- when 'content-custom'-%} ----- */
  
  .article-content--h2 {
    font-size: 20px;
    margin: 0 0 21px 0;
  }
  
  .article-content--body {
    margin: 0 0 38px 0;
  }
  
  .article-content--img_l {
    width: 100%;
    margin: 0 0 32px 0;
  }
  
  .article-content--img_l img{
    width: 100%;
  }
  
  .article-content--img {
    margin: 0 0 32px 0;
  }
  
  .article-content--h3 {
    font-size: 18px;
    margin: 0 0 27px 0;
  }
  
  .article-content--img_flex {
    margin: 0 0 20px 0;
    display: flex;
    justify-content: center;
  }
  
  .article-content--img_flex img {
    width: 48%!important;
  }
  
  .article-content--img_flex img:first-of-type {
    margin-right: 21px;
  }
  
  .article-content--img_s {
    max-width: 335px;
    margin: 0 auto 32px auto;
}
  
  .article-content--h4 {
    font-size: 16px;
    margin: 0 0 22px 0;
  }

  .article-content--columns {
    display: block;
    margin: 0 0 40px 0;
  }
  
  .article-content--columns .article-columns--img {
    margin: 0 0 20px 0;
  }
  
  .article-content--list {
    margin: 0 0 38px 0;
  }
  
  .article-content--h5 {
    font-size: 14px;
    margin: 0 0 26px 0;
  }
  
  
  .article-custom--tag {
/*     max-width: inherit; */
    font-size: 12px;
    line-height: 1.8;
    margin-right: 16px;
    padding: 2px 10px;
    margin-bottom: 5px;
  }
  
}

@media screen and (max-width: 340px){
  .article-share--btn:not(:nth-child(3)) a {
    width: 70px;
  }
}


/* main-article-news.liquid */
.article-sumbnail--container {
  max-width: 470px;
  margin: 0 auto;
}



/* main-article-feature.liquid */

.article-feature--sumbnail {
  max-width: 980px;
}

@media screen and (max-width: 749px){
  .article-feature--sumbnail {
    width: 100%;
  }   
}


/* ----- article  {%- when 'content'-%} ----- */
.article-custom__content.article-news__custom-content h1 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 35px 0;
  }

  .article-custom__content.article-news__custom-content h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 33px 0; 
}
@media screen and (max-width: 749px){
  .article-custom__content.article-news__custom-content h1 {
    font-size: 20px;
  }

  .article-custom__content.article-news__custom-content h2 {
  font-size: 16px;
} 
}
.article-custom__content h1 {
    font-size: 22px;
    
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 35px 0;
  }

.article-custom__content h2 {
    font-size: 22px;
    
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 33px 0;
  }
  
  .article-custom__content p {
    font-size: 16px;
    font-weight: 400;
    
    line-height: 1.8;
    color:#333;
  }
  @media screen and (max-width: 749px){
    .article-custom__content p {
      font-size: 14px;
    }
  }
  .article-custom__content h3 {
    font-size: 20px;
    font-weight: 500;
    
    line-height: 1.2;
    margin: 0 0 30px 0;
  }
  
  .article-custom__content h4 {
    font-size: 18px;
    font-weight: 500;
    
    line-height: 1.5;
    margin: 0 0 31px 0;
  }
  
  .article-custom__content ul, .article-custom__content ol {
    margin: 0 0 48px 0;
    padding-left: 1em;
  }
  
  .article-custom__content ul li {
    list-style-type: disc;
  }
  
  .article-custom__content ol li {
    list-style-type: decimal;
  }
  
  .article-custom__content ul li ol li{
    list-style-type: lower-alpha;
  }
  
  .article-custom__content h5 {
    font-size: 16px;
    
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 30px 0;
  }
  
  .article-custom__content table {
    box-shadow: none;
    margin: 33px 0 40px 0;
  }
  
  .article-custom__content table td{
    padding: 0;
    border: 0;
    vertical-align: center;
  }
  
  .article-custom__content table td img {
    width: 100%;
    height: auto;
  }
  
  blockquote {  
    background-color: #f2f2f2!important;
    margin: 0 0 20px 0!important;
    padding: 22px 20px!important;
    border: 0!important;
  }
  
  blockquote p {
    position: relative!important;
    font-size: 14px!important;
    font-style: normal!important;
    color: #666!important; 
    padding-left: 16px;
  }
  
  blockquote p::before {
    position: absolute!important;
    content: ''!important;
    display: inline-block!important;
    top: 0!important;
    left: 0!important;
    width: 2px!important;
    height: 100%!important;
    background-color: #bcbcbc!important;
  }

/*   .article-custom__content p img {
    width: 100%;
    height: auto;
  } */
  
  .article-custom__content p img:first-of-type {
    margin-right: 4%;
  }


  .article-custom__content p a {
    font-size: 16px;
    color: #333;
    text-decoration: underline;
  }

  .table-left td:first-child{
    width: 40%;
  }
  .table-left td:last-child{
    width: 60%;
  }
  .table-left td img {
    padding-right: 10px;
  }
  .table-right td:first-child{
    width: 60%;
  }
  .table-right td:last-child{
    width: 40%;
  }
  .table-right td img {
    padding-left: 10px;
  }
  
  
  @media screen and (max-width: 749px){

    .article-custom__content h1 {
      font-size: 22px;
    }
    
    .article-custom__content h2 {
      font-size: 20px;
      font-weight: 500;
      margin: 0 0 21px 0;
    }
    
    .article-custom__content h3 {
      font-size: 18px;
      margin: 0 0 27px 0;
    }
    
    .article-custom__content h4 {
      font-size: 16px;
      margin: 0 0 22px 0;
    }
    .article-custom__content h5 {
      margin: 0 0 21px 0;
      font-size: 14px;
    }
    .article-custom__content p img {
      display: block;
      width: 100%;
    }
        
    .article-custom__content p img:first-of-type {
      margin-right: 0;
    }  
    
    .article-custom__content img {
      width: 100%;
    }
    
    blockquote {  
      padding: 16px!important;
    }
    
    blockquote p {
      padding-left: 12px!important;
    }
    
    blockquote p::before {
      left: 0!important;
    }
    
    .article-custom__content p a {
      font-size: 14px;
    }
    
    .article-custom__content table {
      margin: 30px 0 36px 0;
    }
    
    .article-custom__content table tr {
      display: block;
    }

    .article-custom__content table.table-right tr {
      display: flex;
      flex-direction: column-reverse;
    }

    .article-custom__content table tr td{
      display: block;
      width: 100% !important;
    }    
        
    .article-custom__content table tr td img{
      width: 100% !important;
      padding: 0;
    }  

    .table-right {
      display: flex;
      flex-direction: row-reverse;
    }
  }






/******************************/
/* 14. contact form */
/******************************/

.after_form_submit .form_generater_form_div table {
  border-top: 0!important;
  border-left: 0!important;
  border-right: 0!important;
  border-bottom: solid 1px #dedede!important;
  margin-top: 40px!important;
}

.after_form_submit .form_generater_form_div h3 {
  font-size: 22px!important;
  font-weight: 500!important;
  font-family: 'Noto Sans JP', sans-serif!important;
  color: #333!important;
  border-bottom: solid 1px #dedede!important;
  padding-bottom: 36px;
}

.after_form_submit .form_generater_form_div tr {
  border-top: solid 1px #dedede!important;
}

.after_form_submit .form_generater_form_div td {
  padding: 20px 5px!important;
  border: none;
}

.after_form_submit .form_generater_form_div td:first-of-type {
  background-color: #f2f2f2!important;
  width: 30%!important;
  text-align: left!important;
  padding-left: 10px!important;
}

.after_form_submit .form_generater_form_div td b {
  font-weight: 500!important;
  color: #333!important;
}

.after_form_submit .form_generater_form_div td:last-of-type {
  background-color: #fff!important;
  text-align: left!important;
  padding-left: 20px!important;
  color: #333!important;
}

.form_submit_div {
  max-width: 320px!important;
  margin: 42px auto 0 auto!important;
}

.form_submit_div .btn:hover {
  text-decoration: none!important;
  border: solid 1px #691A7C!important;
  color: #691A7C!important;
  transition: all 0.3s!important;
}


.form_submit_div .btn:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 10%;
  width: 6px;
  height: 6px;
  border: 0;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
  margin-top: -3px;
}

.form_submit_div .btn:hover::after{
  border-top: 1px solid #691A7C;
  border-right: 1px solid #691A7C;
}



@media screen and (max-width: 450px){
  .after_form_submit .form_generater_form_div tr {
    display: block!important;
  }
  
  .after_form_submit .form_generater_form_div td:last-of-type {
    display: block!important;
  }
  
}



/******************************/
/* 15. Products */
/******************************/
.products-wrapper {
  max-width: 1200px;
  width: calc(100vw - 40px);
  margin: 0 auto;
}


/* slick-slider */
.product--thumbnail .slide-prev {
  position: absolute;
  top: 50%;
  left: 10px;
  z-index: 1;
  transform: translateY(-50%);
}

.product--thumbnail .slide-next {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  transform: translateY(-50%);
}

.product--thumbnail .slide-prev .prev-arrow,.product--thumbnail .slide-next .next-arrow{
  width: 40px;
  height: 40px;
}
.product--thumbnail .slide-prev .prev-arrow::before,.product--thumbnail .slide-next .next-arrow::before {
  width: 12px;
  height: 12px;
}
.product--thumbnail .slide-prev .prev-arrow::before {
  top: 35%;
  left: 41%;
}
.product--thumbnail .slide-next .next-arrow::before {
  top: 35%;
  right: 41%;
}

@media screen and (max-width:749px){
  .product--thumbnail .slide-prev .prev-arrow,.product--thumbnail .slide-next .next-arrow{
    width: 32px;
    height: 32px;
  }
  .product--thumbnail  .slide-prev .prev-arrow::before,.product--thumbnail .slide-next .next-arrow::before {
    width: 12px;
    height: 12px;
  }
  .product--thumbnail .slide-prev .prev-arrow::before {
    top: 31%;
    left: 38%;
  }
  .product--thumbnail .slide-next .next-arrow::before {
    top: 31%;
    right: 38%;
  }
}




@media screen and (max-width:749px){
  .product--thumbnail .grid__item {
    min-width: inherit!important;
  }
  
  
}


/* product-tag */
.product-tag--wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.product-tags {
  border: solid 1px #666;
  color: #666;
  padding: 2px 10px;
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  margin: 0 6px 6px 0;
}
@media screen and (max-width:749px){
  .product-tags {
    padding: 2px 10px;
    font-size: 10px;
    margin: 0 7px 7px 0;
  }
}

/* product-collection-tag */
.product-collectiontag--wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.product-collection--tags {
/*   border: solid 1px #666; */
  background-color: #666;
  color: #fff;
  padding: 5px;
  font-size: 10px;
  text-align: center;
  line-height: 1.5;
  margin:0 10px 10px 0;
}


.product-description--wrap {
  margin: 30px 0 30px 0;
  max-width: 45%;
  width: calc(45% - var(--grid-desktop-horizontal-spacing) / 2);
}

@media screen and (min-width:750px){
  .product-description--wrap .show_more {
    display: none;
  }
}

@media screen and (max-width:749px){
  .product-description--wrap {
    margin: 25px 0 60px 0;
    max-width: 100%;
    width: 100%;
  }
  
  .product-description--wrap .text_wrapper {
    position: relative;
    margin-bottom: 45px;
    font-size: 12px;
  }
  .product-description--wrap .text {
    height: 90px;
    overflow: hidden;
  }
  .product-description--wrap .show_more {    
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
    font-weight: 500;
    padding-top: 60px;
    text-align: right;
    line-height: 30px;
    background: linear-gradient(
      180deg,
      rgb(255, 255, 255, 0) 0%,
      rgb(255, 255, 255, 1) 70%
    );
    cursor: pointer;
    transition: bottom 0.2s;
  }
  .product-description--wrap .active {
    background: none;
    bottom: -30px;
  }
  
}


/* 15-1. recommend-item-collection.liquid */
#recommend_item .page_title__custom.flex {
  display: flex;
  align-items: center;
}

#recommend_item .page_title__custom.flex h2 {
  font-size: 24px;
  margin-right: 1em;
}

#recommend_item .slick-list{
  padding: 0 14.3% 0 0!important;
}


#recommend_item ul {
  margin-bottom: 42px;
}

#recommend_item .recommend-item--list {
  width: 217px!important;
}

#recommend_item .slide-prev {
  position: absolute;
  top: 25%;
  left: -72px;
  z-index: 1;
}

#recommend_item .slide-next {
  position: absolute;
  top: 25%;
  right: -72px;
  z-index: 1;
}

@media screen and (min-width: 990px) {   
  #recommend_item .grid--4-col-desktop .grid__item:not(:last-child) {
    margin-right: 40px;
  }
  
  #recommend_item .grid--4-col-desktop .grid__item {
  width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }
}

@media screen and (max-width: 989px) {
  #recommend_item .slide-next {
    top: 25%;
    right: -5vw;
  }
  
  #recommend_item .grid--4-col-desktop .grid__item:not(:last-child) {
    margin-right: 20px;
  }
  
}

@media screen and (max-width:749px){
  #recommend_item .recommend-item--list {
    width: 100%!important;
  }
  
  #recommend_item .slick-track {
    width: 100%!important;
  }

  #recommend_item .next-arrow {
    display: none;
  }
  
  #recommend_item .recommend-item--list:not(:first-child),.recommend-item--list:not(:last-child) {
    margin:0 0 20px 0;
  }

  #recommend_item .recommend-item--list:first-child {
    margin: 0 0 20px 0;
  }

  #recommend_item .recommend-item--list:last-child {
    margin: 0;
  }

/*   #ranking .recommend-item--list:nth-child(n+6) {
    display: none;
  } */
  
  #recommend_item .recommend-item--list .card {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  
  #recommend_item .recommend-item--list .card__inner {
    width: 40%;
    margin-right: 1em;
    margin-bottom: 1em;
  }
  
  #recommend_item .recommend-item--list .card__content {
    width: 55%;
    margin-bottom: 1em;
  }
  
  #recommend_item .recommend-item--list .card__information {
    padding: 0;
  }

  #recommend_item .slick-list{
    padding: 0!important;
  }
  
  #recommend_item .grid {
    display: block;
  }
  
  #recommend_item .grid--3-col-desktop .grid__item {
    max-width: 100%;
  }


  #recommend_item ul {
    margin-bottom: 32px;
  }
  
  #recommend_item .page_title__custom.flex {
    align-items: baseline;
  }
  
  #recommend_item .page_title__custom.flex h2 {
    font-size: 20px;
  }
  
}


/* 15-2. recommend-product.liquid */
#recommend-product .page_title__custom.flex, .product-review .page_title__custom.flex{
  display: flex;
  align-items: center;
  margin-bottom: 48px;
}

#recommend-product .page_title__custom.flex h2 , .product-review .page_title__custom.flex h2{
  font-size: 24px;
  margin-right: 1em;
}

#recommend-product .slick-list{
  padding: 0 14.3% 0 0!important;
}


#recommend-product ul {
  margin-bottom: 42px;
}

#recommend-product .recommend_products--list {
  width: 217px!important;
}

#recommend-product .slide-prev {
  position: absolute;
  top: 25%;
  left: -72px;
  z-index: 1;
}

#recommend-product .slide-next {
  position: absolute;
  top: 25%;
  right: -72px;
  z-index: 1;
}

@media screen and (min-width: 990px) {  
  #recommend-product .grid--4-col-desktop .grid__item:not(:last-child) {
    margin-right: 40px;
  }
  
  #recommend-product .grid--4-col-desktop .grid__item {
  width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  max-width: calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
  }


}

@media screen and (max-width:768px){
  #recommend-product .page_title__custom.flex {
    align-items: baseline;
  }
  
  #recommend-product .page_title__custom.flex h2 {
    font-size: 20px;
  }
}

/* 15-3. non-order-product.liquid */
#non-order {
  max-width: 1300px!important;
}
.products-title {
  font-size: 24px!important;
  font-weight: 500;
  
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.product__description--custom.rte {
  margin-bottom: 60px;
}

.product__description--custom h3 {
  font-size: 24px;
  
  line-height: 1.2;
  margin: 0 0 30px 0;
}

.product__description--custom.rte table tr td,
.product__description--custom.rte table tr th{
  width: auto !important;
}

.product__description--custom.rte table tr th{
  width: 160px !important;
}

.product__description--custom.rte table tr th{
  background-color: #f2f2f2;
  color: #333;
  font-size: 14px;
  
  font-weight: 500;
}

.product__description--custom.rte table tr th p{
  color: #333;
  font-size: 14px;
  
  font-weight: 500;
}

.product__description--custom.rte table tr td p{
  color: #333;
  font-size: 14px;
  
  font-weight: 400;
}

.product__description--custom.rte table tr td ul li{
  color: #333;
  font-size: 14px;
  
  font-weight: 400;
}
 
.product__description--custom.rte table tr td img:not(:last-of-type){
  margin-right: 10px;
}

.product-quantity--wrap {
  display: flex;
  align-items: center;
}

.quantity-button--icon {
  display: none;
}

.quantity-wap {
  width: 8rem!important;
  margin-left: 1em;
}

.quantity-wap:focus-visible {
  outline: 0!important;
  outline-offset: 0!important;
  box-shadow: none!important;
}

.quantity-heading {
  font-size: 20px;
  font-weight: 400;
  color: #333;
  margin-bottom: 0!important;
}

.laundry-icon--img {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /* border-top: solid 1px #BCBCBC; */
  padding-top: 1em;
}
@media screen and (max-width:749px){
  .product__description--custom.rte table tr th,
  .product__description--custom.rte table tr th p,
  .product__description--custom.rte table tr td p,
  .product__description--custom.rte table tr td ul li{
    font-size: 12px;
  }

  .product__description--custom.rte table tr td,
  .product__description--custom.rte table tr th{
    width: 100% !important;
  }

  .product__description--custom.rte table tr th,
  .product__description--custom.rte table tr th:first-of-type{
    width: 100% !important;
  }


  .laundry-icon--img {
    border: none;
    margin-right: -7px;
  }
}
.laundry-icon--img img{
  margin-right: 7px;
  margin-bottom: 7px;
}
.laundry-icon--img img:last-child{
  margin-right: 0;
}


.laundry-icon--notes a{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.laundry-icon--notes a {
  color: #999;
  text-decoration: none;
  font-size: 14px;
}

.laundry-icon--notes__img {
  width: 18px;
  height: 18px;
  margin: 8px 0 0 5px;
}
@media screen and (max-width:749px){
  .laundry-icon--notes__img {
    margin: 10px 0 0 5px;
  }
}
.laundry-icon--notes__img img {
  width: 100%;
  height: auto;
}

.order-cart-notification {
  text-align: center;
}

.order-cart-notification p{
  font-size: 14px;
  font-weight: 500;
}

.order-cart-notification a{
  color: #666;
  text-decoration: underline;
}

.button-product--form button {
  max-width: 420px;
}
@media screen and (max-width:749px){
  .button-product--form {
    width: 100%;
  }
}
.button-product--form button {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 1em 2em;
  color: #fff;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  background-color: #333;
  border: solid 1px #333333;
  border-radius: 50vh;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}
.button-product--form button:disabled {
  opacity: 0.5;
}

.button-product--form button::after {
  position: absolute;
  content: '';
  top: 50%;
  right: 10%;
  width: 6px;
  height: 6px;
  border: 0;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  margin-top: -3px;
}

.button-product--form button:hover:enabled {
  text-decoration: none;
  background-color: #fff;
  border: solid 1px #333;
  color: #333;
  transition: all 0.3s;
}

.button-product--form button:hover::after{
  border-top: 1px solid #333;
  border-right: 1px solid #333;
}

.product-form--cart {
  margin: 1em 0!important;
}

.order-button--wrapper {
  background-color: #f2f2f2;
  padding: 2em 4em;
}

.button-custom.products {
  margin-bottom: 1em;
}

.button-custom--order a{
  background-color: #333;
  color: #fff;
}

.button-custom.products a{
  max-width: 420px;
  width: 100%;
}

.button-custom--order a:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  position: absolute;
  top: 50%;
  right: 10%;
  margin-top: -4px;
  transform: rotate(45deg);
}

.button-custom--order a:hover {
  background-color: #fff;
  border: solid 1px #333!important;
  color: #333;
  text-decoration: none;
  transition: all 0.3s;
}

.button-custom--order a:hover::after {
  border-top: 0;
  border-bottom: solid 1px #333;
  border-right: solid 1px #333;
}

.bis-reset {
  display: none !important;
}

.order-notification {
  text-align: center;
  display:none;
}

.button-custom.disabled ~ .order-notification {
  display: block;
}

.order-notification a {
  color: #666;
  text-decoration: none;
  position: relative;
  font-size: 16px;
}

.order-notification a:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #666;
  border-right: solid 1px #666;
  position: absolute;
  top: 50%;
  right: -10%;
  margin-top: -2px;
  transform: rotate(45deg);
}

.order-notification a:hover {
  color: #999;
  transition: all .3s;
}

.product-size--label {
  color: #333;
  font-size: 20px;
  font-weight: 500;
}

.product-custom__select select {
  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.product-custom__select select:focus {
  box-shadow: none!important;
}

.product-custom__select:after {
  border-radius: 10px!important;
  border-color: #bcbcbc;
  box-shadow: none!important;
}

.product-custom__select:hover::after {
  box-shadow: none!important;
}

.product-custom--select__inner {
  
}

.variant-color--label {
  color: #333;
  font-size: 20px;
  font-weight: 500;
}

.order-radio--wrapper input[type="radio"]:checked {
  background-color: #333;
  border-color: #333;
}

.order-radio--wrapper input[type="radio"]:focus-visible {
  outline: none!important;
}

@media screen and (max-width:1024px){
  .order-button--wrapper {
    padding: 1.5em;
  }
  
  .button-product--form button {
    width: 100%;
  }
  
  .button-custom.products a{
    width: 100%;
  }
}

.product-spec--wrap {
  font-size: 18px;    
}


@media screen and (max-width:749px){
  .products-title {
    font-size: 16px!important;
  }
  
  .product-spec--wrap {
    color: #333;
    font-size: 12px;    
  }
  
  .product__description--custom.rte {
    margin-bottom: 0;
  }
  
  .product__description--custom h3 {
    font-size: 16px;
  }
  
  .product__description--custom.rte table tbody {
    display: block!important;
  }
  
  .product__description--custom.rte table tbody tr {
    display: block!important;
  }
  
  .product__description--custom.rte table tbody tr  td,
  .product__description--custom.rte table tbody tr  th{
    display: block!important;
    width: 100%!important;
  }
  
  .laundry-icon--notes {
    font-size: 12px!important;
  }
  
  .order-button--wrapper {
    padding: 1.5em;
  }
  
  .button-product--form button {
    padding: 1em 2em;
    width: 100%;
    color: #fff;
    font-size: 14px;
  }
  
  
  
  .order-notification a {
    font-size: 14px;
  }
  
  .order-cart-notification p{
    text-align: left;
  }
  
  .order-cart-notification p{
    font-size: 12px;
  }

  .quantity-heading {
    font-size: 14px!important;
  }
  
  .product-size--label {
  color: #333;
  font-size: 14px;
  font-weight: 500;
}

.product-custom__select select {
  color: #333;
  font-size: 14px;
  font-weight: 500;
}

.variant-color--label {
  color: #333;
  font-size: 14px;
  font-weight: 500;
}
  
}

/* 15-4. price  →　product-page-price.liquid */
.price-heading {
  font-size: 20px;
  font-weight: 400;
  
  color: #333;
  padding-right: 1em;
}

.price-item--custom {
  
}

.price__money {
  color: #AD0028;
  font-size: 40px; 
  font-weight: 700;
  
}

.price__yen {
  color: #AD0028;
  font-size: 20px; 
  font-weight: 500;
  
}

.product-page--tax {
  color: #333;
  font-size: 16px!important; 
  font-weight: 500;
  
}

@media screen and (max-width:749px){
  .price-heading {
  font-size: 14px;
}

.price__money {
  font-size: 32px; 
}

.price__yen {
  font-size: 14px; 
}

.product-page--tax {
  font-size: 14px!important; 
}
}

/*15-5. order-info.liquid */

html {
    scrollbar-color: #333 #dedede;
}
.order-info--bk {
  background-color: #f2f2f2;
  padding: 5em 2rem;
  margin-top: 3em;
  margin-bottom: 3em;
}

.section-wrapper--orderinfo {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  padding: 3em 6rem;
}
.section-wrapper--bk {
  max-width: 1080px;
  margin: 0 auto;
  background-color: #fff;
  padding: 3em 5rem;
}

.order-step--inner .howto-title{
  margin-bottom: 24px;
}

.order-step-card--content {
  display: flex;
  flex-wrap: nowrap;
  max-width: 925px;
  margin: 0 auto 80px auto;
  justify-content: center;
}

.order-step-card--content.order-rolecurtain {
  display: flex;
  flex-wrap: nowrap;
  max-width: 765px;
  margin: 0 auto 80px auto;
}

.order-step-card {
  z-index: 0;
  max-width: 130px;
  width: 125px;
  background-color: #f2f2f2;
  border-radius: 20px;
  position: relative;
  padding: 25px 10px;
  text-align: center;
}

.order-step-card:not(:last-of-type)::after {
  position: absolute;
  content: '\f061';
  color: #000;
  top: 50%;
  transform: translateY(-50%);
  right: -15%;
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 16px;
}

.order-step-card:not(:last-of-type) {
  margin-right: 12px;
}

.order-step-card:not(:first-of-type) {
    margin-left: 12px;
}

.order-step-card .care-step--box {
  font-size: 14px;
  font-weight: 500;
}

.order-step-card:not(:last-of-type) .care-step--box p {
  transform: translateY(50%);
}




@media screen and (max-width:990px){
  .order-info--bk {
    margin-top: 3em;
    margin-bottom: 3em;
    padding: 3em 2rem;
}
  .section-wrapper--orderinfo {
    padding: 3em 2rem;
}
  
  .order-step-card--content {
    display: none!important;
  }
  
  .section-wrapper--bk {
    padding: 3em 2rem;
  }
  
}


/* STEP01 */

.order-step--heading {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 1em;
  color: #333;
}
.order-step--description {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 1em;
  color: #666;
}

@media screen and (max-width: 749px) {
  .order-step--heading {
    font-size: 16px;
  }
  .order-step--description {
    font-size: 14px;
  }
}

.order-step--heading.type-role {
  margin-bottom: 0;
}

.order-step--heading.underline {
  border-bottom: solid 1px #dedede;
  padding-bottom: 0.5em;
}

.order-step--heading__wrapper.underline {
  border-bottom: solid 1px #dedede;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}

.order-step--input-wrap {
  display: flex;
  justify-content: space-between;
}

.order-step--content {
  position: relative;
  padding-bottom: 40px;
}

.order-icon--notes {
  position: absolute;
  top: 0;
  right: 0;
}

.order-icon--notes a {
  text-decoration: none;
  color: #999;
  font-size: 12px;
}

.order-step--input {
  width: 50%;
}

.order-step--input .measure {
  font-size: 16px;
  font-weight: 500;
  margin-right: 20px;
}

.order-step--input__cm {
  font-size: 16px;
  font-weight: 500;
}

@media screen and (min-width: 990px) {
  .order-step--input .measure {
    flex-basis: 30%;
  }
  .order-step--input__cm {
    flex-basis: 5%;
  }

  .order-step--heading.step04 {
    margin-bottom: 0;
  }
  .order-step--heading__wrapper.underline {
    height: 4em;
  }

  .atten-img--inner {
    position: relative;
  }

  .atten-img--inner {
    position: relative;
  }
  .attention-orderimage {
    position: absolute;
    top: 0;
    right: 0;
  }

  .atten-img--ordertext {
    width: 84%;
  }
  
}

.order-step--attention {
  width: 100%;
  height: 170px;
}

.order-step--attention .atten-head {
  font-size: 16px;
}

@media screen and (max-width:749px){
  .order-step--attention .atten-head {
    font-size: 14px;
  }
}

.order-step--attention .atten-img--content {
  font-size: 12px;
}

.order-step--attention .attensiton-head {
  padding-bottom: 1rem;
}

.order-step--attention .atten-img--content {
  display: flex;
  justify-content: space-between;
}

  

.customcheckbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cart-attribute__field:last-child .customcheckbox {
  margin-bottom: 0;
}

/* Hide the browser's default checkbox */
.customcheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.customcheckbox .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.customcheckbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customcheckbox input:checked ~ .checkmark {
  background-color: #333333;
}

/* Create the checkmark/indicator (hidden when not checked) */
.customcheckbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.customcheckbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.customcheckbox .checkmark:after {
  left: 6px;
  top: 3px;
  width: 4px;
  height: 9px;
  border: solid white;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* .order-step--input .cart-attribute__field {
  margin-bottom: 40px!important;
  display: flex;
}

.order-step--input .cart-attribute__field input {
  max-width: 342px;
  width: 100%;
  padding: 1rem;
  border: solid 1px #bcbcbc;
  border-radius: 5px;
} */

.order-step--input__inner {
  max-width: 342px;
  width: 100%;
  margin-right: 1em;
}

.order-step--notes {
  font-size: 12px;
  color: #999;
  margin-top: 1em;
}

@media screen and (max-width:990px){

  .order-step--input-wrap {
    display: block;
  }
  
  .order-step--input {
  	width: 100%;
    position: relative;
	}

  .atten-img {
    position: relative;
  }

  .order-step--attention .atten-img .atten-img--content{
    width: 80%;
  }
  
  .order-step--attention {
    width: 100%;
    height: auto;
  }
  
  .attensiton-head.order-sp img{
    width: inherit!important;
    height: inherit!important;
  }
  
  .attention-image {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  
  .atten-img--text {
    width: 60%;
    margin-right: 0!important;
    padding-right: 1em;
  }
  
  .order-icon--notes {
    position: absolute;
    top: 50%;
    right: 0;
  }

  .order-confirmetion--price .price-heading{
    font-size: 16px;
    font-weight: 500;
  }

  .orderproduct-quantity-heading {
    font-size: 16px;
    font-weight: 500;
  }
  
}

@media screen and (max-width:749px){}

/* STEP02 */
.order-notes {
  font-size: 12px;
  color: #999;
}

.screen_input__inner {
  display: flex;
/*   justify-content: space-between; */
}




.order-radio--wrapper {
  display: flex;
  align-items: center;
  border: solid 1px #dedede;
  border-radius: 20px;
  max-width: 350px;
  width: calc((100% - 15px * 2) / 3);
  padding: 1em;
  margin-bottom: 1em;
}

.order-radio--wrapper:not(:last-of-type) {
  margin-right: 15px;
}

.input_action:active .order-radio--wrapper {
  border: solid 1px #333;
}

.order-radio--wrapper .radio-heading {
  padding-left: 1em;
}

.order-radio--wrapper .radio-heading span{
  font-size: 12px;
  letter-spacing: 0;
}

.order-radio--wrapper .radio-heading p{
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
}

.table-wrap {
  overflow-x: scroll;
  padding-bottom: 1em; 
  margin-bottom: 1em;
}

.table {
  border-collapse: collapse;
/*   overflow-x: scroll; */
  width: 1500px;
}

.table td {
  border: solid 1px #dedede;
  font-size: 14px;
  letter-spacing: 0;
  padding: 1em;
  text-align: right;
  width: 150px;
}

.table .text-left {
  text-align: left;
}

.table-wrap .gray {
  background-color: #f2f2f2; 
}

.table-wrap .td-w { 
  font-weight: 500;
}


@media screen and (max-width:990px){
  .screen_input__inner {
    display: block;
  }
  
  .order-radio--wrapper {    
    width: 100%;
  }
  
  .order-radio--wrapper:not(:last-of-type) {
    margin-right: 0;
  }

  .order-radio--wrapper {
    max-width: 100%;
    width: 100%;
    padding: 1em;
    margin-bottom: 1em;
  }
  
  .order-step--content {
    padding-bottom: 70px;
  }
 
}

@media screen and (max-width:749px){
  .order-table--wrap {
    margin-bottom: 1em;
  }
  .order-table--sp {
    border-collapse: collapse;
    width: 100%;
  }
  
  .order-table--sp td {
    border: solid 1px #dedede;
    letter-spacing: 0;
    padding: 1em;
    text-align: right;
    width: 150px;
  }

  .order-table--sp td, .order-table--sp th {
    font-size: 12px;
  }
  
  .order-table--sp .text-left {
    text-align: left;
  }

  .order-table--sp .text-right {
    text-align: right;
  }
  
  .order-table--tr .gray {
    background-color: #f2f2f2; 
  }
  
  .order-table--tr .td-w { 
    font-weight: 500;
  }

  .order-table--tr th {
    width: 40%;
  }
  .order-table--tr td {
    width: 60%;
  }
  
}

/*15-6. order-curtain-info.liquid */

.order-icon--notes_info a {
  text-decoration: none;
  color: #999;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.order-icon--notes_icon {
  margin: 0 0 0 6px;
}

.order-icon--notes_icon img {
  vertical-align: middle;
}

.order-section--wrapper {
  margin-bottom: 1em;
}

.order-confirmetion--wrapper {
  display: flex;
}

.order-confirmetion--content {
  width: 50%;
  padding-right: 4em;
}

.order-confirmetion--header{
  padding-top: 1em;
}

.order-confirmetion--table {  
  border-collapse: collapse;
  width: 100%;
  border-top: solid 1px #dedede;
  border-left: solid 1px #dedede;
  border-right: solid 1px #dedede;
}


.order-confirmetion--table--tr {
  display: flex;
  font-size: 14px;
}

.order-confirmetion--table--th {
  background-color: #f2f2f2;
  border-right: solid 1px #dedede;
}

.order-confirmetion--table--th, .order-confirmetion--table--td{  
  letter-spacing: 0;
  padding: 1em;
}

.order-confirmetion--table--th {
  text-align: left;
  width: 35%;
  border-bottom: solid 1px #dedede;
  font-size: 14px;
  font-weight: 500;
}

.order-confirmetion--table--td {
  width: 65%;
  border-bottom: solid 1px #dedede;
}

.order-confirmetion--inner {
  margin-bottom: 2em;
}

.order-fulfillment--info {
  margin-bottom: 1em;
}

.order-fulfillment--info p{
  font-size: 16px;
}

.attensiton-head {
  font-size: 16px;
  font-weight: 500;
}

.atten-img--ordertext {
  font-size: 14px;
  font-weight: 500;
  margin-right: 24px;
}

.attention-orderimage {
  margin: 0;
  max-width: 120px;
  width: 120px;
}

.attention-orderimage img{
  width: 100%;
  height: auto;
}

.order-fulfillment--notice-list {
  padding-left: 1.5em;
}

.order-fulfillment--notice-list li{
  list-style-type: disc;
  font-size: 14px;
  letter-spacing: 0;
}


.product-info--content {
  width: 50%;
}

.order-confirmetion--ryobiraki {
  font-size: 14px;
  font-weight: 400;
  display: none;
  margin-bottom: 1rem;
}

@media screen and (max-width:990px){
  .order-confirmetion--ryobiraki {
    font-size: 14px;
  }
}

.order-confirmetion--notes {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin-top: 2em;
}

.order-confirmetion--notes a{
  color: #333;
  font-size: 14px;
  font-weight: 500;
}

.order-confirmetion--checkbox {
  background-color: #f2f2f2;
  padding: 1.5em;
  margin-top: 1em;
  margin-bottom: 2em;
}

.order-confirmetion--checkbox label {
  font-size: 14px;
  font-weight: 500;
}

.atten-spec--orderimage {
  max-width: 300px;
}

.atten-spec--orderimage:nth-of-type(2) {
  margin-left: 1em;
}


.atten-spec--orderimage figure{
  margin: 0;
}

.atten-spec--orderimage figure img{
  width: 100%;
  height: auto;
}


@media screen and (max-width:990px){
  .order-confirmetion--wrapper {
    display: block;
  }
  
  .order-confirmetion--content {
    width: 100%;
    padding-right: 0;
  }  
  
  .product-info--content {
    width: 100%;
  }
  
  .order-confirmetion--header{
    padding-top: 0;
  }
  
  .order-confirmetion--table {
    display: block;
  }
  
  .order-confirmetion--table--tr {
    display: block;
  }
    
  .order-confirmetion--table--th, .order-confirmetion--table--td {
    width: 100%;
    font-size: 12px;
  }
  
  .order-confirmetion--table--th {
    border-right: 0;
  }

  .order-step02--imgwrapper {
    margin-left: 0px!important;
  }

  .order-confirmetion--notes {
    text-align: left;
  }

  .order-confirmetion--checkbox label {
    font-size: 12px;
  }

  .order-fulfillment--info p{
    font-size: 14px;
  }
  
}




@media screen and (max-width:749px){
  .order-icon--notes_info {
    position: absolute;
    bottom: 15px;
    right: 0;
  }

  .attensiton-head {
    font-size: 14px;
    font-weight: 500;
  }
  
  .atten-img--ordertext {
    font-size: 12px;
    font-weight: 500;
    flex-basis: 70%;
    margin-right: 12px;
  }
  .attention-orderimage {
    width: 100px;
    flex-basis: 50%;
  }

  

  .order-confirmetion--notes  p{
    font-size: 12px;
    margin-top: 1em;
  }

  .order-confirmetion--notes a{
    font-size: 12px;
  }
  
}

/* order-curtain-product.liquid */
.order-step--heading__wrapper {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.order-step02--imgwrapper {
  background-color: #fafafa;
  border-radius: 20px;
  padding: 24px 40px 30px;
  max-width: 540px;
  margin-left: 24px;
}

.order-step02--img {
  margin: 0 auto;
  max-width: 412px;
}

.order-step02--img img{
  width: 100%;
  height: auto;
}

.order-step02--content{
  border-top: solid 1px #bcbcbc;
  padding-top: 1em;
  margin-bottom: 14px;
}

.order-step02--title{
  color: #333;
  font-size: 14px;
  font-weight: 500;
}

.order-step02--text{
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.modal-icon--img {
  width: 18px;
    height: 18px;
    margin: 0 0 0 5px;
    line-height: 1;
}

.modal-icon--img img {
    width: 100%;
    height: auto;
}

.modal-rail--tab figure{
  max-width: 160px;
  margin: 0 auto;
}

.modal-rail--tab figure img{
  width: 100%;
  height: auto;
  vertical-align: top;
}

.modal-hooktype--body {
  height: 150px;
}

@media screen and (max-width:1150px){
  .modal-rail--tab {
    flex-wrap: wrap;
  }
  .modal-rail--tab .rail-tab--list {
    max-width: 50%;
    width: calc((100% - 24px * 1) / 2);
  }

  .modal-rail--tab .rail-tab--list:nth-of-type(even) {
    margin-right: 0;
  }
}

@media screen and (max-width:990px){
  .order-step02--imgwrapper {
    max-width: 100%!important;
  }
  .modal-rail--tab {
    flex-wrap: wrap;
  }
  .modal-rail--tab .rail-tab--list {
    max-width: 50%;
    width: calc((100% - 24px * 1) / 2);
  }

  .modal-rail--tab .rail-tab--list:nth-of-type(even) {
    margin-right: 0;
  }

}

@media screen and (max-width:749px){
  .modal-hooktype--body {
    height: auto;
  }
}

@media screen and (max-width:599px){
  .modal-rail--tab .rail-tab--list {
    width: 100%;
  }
  .modal-rail--tab .rail-tab--list {
    max-width: 100%;
  }
}

/* . user-review--page */
#user-review--page .page_title__custom.flex {
  display: flex;
  align-items: center;
}

#user-review--page .page_title__custom.flex h2 {
  font-size: 24px;
  margin-right: 1em;
}

@media screen and (max-width:768px){
  #user-review--page .page_title__custom.flex {
    align-items: baseline;
  }
  
  #user-review--page .page_title__custom.flex h2 {
    font-size: 20px;
  }
}

.product-revieInner {
  max-width: 1200px;
  width: calc(100vw - 40px);
  margin: 0 auto;
}


/******************************/
/* 16. Modal */
/******************************/

.modal-product--functionWrap {
  align-items: baseline;
}

.modal-mark--tab {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 48px;
}

.modal-mark--tab:after {
  content: "";
  display: block;
  width: calc((100% - 24px * 3) / 4);
  height: 0;
}

.modal-mark--list {
  max-width: 220px;
  width: calc((100% - 24px * 3) / 4);
  margin: 0;
}

.modal-mark--list:nth-of-type(6){
  margin-left: -7vw;
}

.modal-mark--list.no-margin{
  margin-left: 0;
}

@media screen and (max-width:989px){
  .modal-mark--tab {
    margin-top: 12px;
  }
  .modal__wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .modal-mark--list {
    max-width: 50%;
    width: calc((100% - 15px * 1) / 2);
  }
}


@media screen and (max-width:749px){
  .modal-mark--tab:after {
    content: "";
    display: block;
    width: calc((100% - 15px * 1) / 2);
    height: 0;
  }

  

  .modal-mark--list:nth-of-type(6){
    margin-left: -13vw;
  }

  .modal-mark--list.no-margin{
    margin-left: 0;
  }

  .card-wrapper .product-tags {
    border: solid 1px #666666;
    background-color: #666666;
    color: #fff;
    padding: 3px 5px;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    margin: 0 5px 5px 0;
  }
  
}

/******************************/
/* 20. Resposive */
/******************************/

@media screen and (min-width:750px){
  
  .pc-only {
    display: block;
  }
  .sp-only {
    display: none!important;
  }
}

@media screen and (max-width:749px){
  
  .sp-only {
    display: block;
  }
  .pc-only {
    display: none!important;
  }
}


.rktheme-product-image-wrap {
  border-radius: 20px!important;
}

.rktheme-widget-container .rktheme-carousel-arrow[data-style=circle] {
  padding: 7px 10px!important;
}

.rktheme-widget-container svg {
  vertical-align: middle!important;
}
.rktheme-widget-container .rktheme-carousel-arrow[data-style=circle].glide__arrow--left svg{
  /* padding-left: 10px; */
}

.globo-form-app .globo-form-control {
  margin-bottom: 2.5rem!important;
}
.globo-form-app .header .description {
  font-weight: 500!important;
  text-align: center;
}
.globo-form-app .globo-form-control label {
  font-size: 16px !important;
  font-weight: 500!important;
}
.globo-form-app .globo-form-control input{
  font-weight: 500!important;
  
}
.globo-form-app .globo-form-control .help-text {
  font-size:12px!important ;
  color: #2C2C2C!important;
}
.globo-form-control .globo-paragraph {
  font-size: 16px;
  font-weight: 500;
}
.globo-form-app .footer .action {
  position: relative;
  display: inline-block;
  margin: 0 auto!important;
  padding: 1em 2em!important;
  width: 320px!important;
  color: #333!important;
  font-size: 16px!important;
  font-weight: 700!important;
  text-align: center;
  background-color: #fff!important;
  border: solid 1px #333333!important;
  border-radius: 50vh!important;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
  line-height: 1.2!important;
  transition: all 0.3s;
}
.globo-form-app .footer .action:hover{
  text-decoration: none;
    border: solid 1px #691A7C!important;
    color: #691A7C!important;
    
}
@media screen and (max-width:749px){
  .globo-form-app .header .description {
    font-size: 14px !important;
    text-align: left;
  }
  .globo-form-app .globo-form-control label {
    font-size: 14px !important;
  }
  .globo-form-app .globo-form-control input, .globo-form-app .globo-form-control textarea, .globo-form-app .globo-form-control select {
    font-size: 12px !important;
  }
  .globo-form-control .globo-paragraph {
    font-size: 14px;
  }
}

/* fixed button */
.fixedbuybutton {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 60px;
  background: #fff;
  z-index: 50;
}

.fixedbuybutton-inner {
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  max-width: 1200px;
  width: calc(100vw - 40px);
  margin: 0 auto;
}

.fixedbuybutton .product-form__input {
  margin: 0;
  align-items: end;
}
.fixedbuybutton .price__money, .fixedbuybutton input {
  font-size: 22px;
  color: #AD0028;
  font-weight: 700;
}
.fixedbuybutton .quantity:after {
  display: none;
}
.fixedbuybutton .quantity {
  width: 4rem !important;
  margin-left: 0;
  min-height: auto;
  height: 33px;
}
.fixedbuybutton .quantity input {
  text-align: left;
  transform: translateY(3px);
}
.fixedbuybutton .quantity-heading {
  font-size: 14px;
  padding-bottom: 2px;
}
.fixedbuybutton .price-heading {
  padding-right: 0;
  font-size: 14px;
}
.fixedbuybutton .include-tax {
  font-size: 14px;
}
.fixedbuybutton .button-product--form button {
  padding: 0.3em 1.5em;
  font-size: 14px;
}
.fixedbuybutton .button-product--form {
  margin-left: 2rem;
}
.fixedbuybutton .button-product--form button::after {
  display: none;
}

@media screen and (max-width: 749px) {
  .fixedbuybutton {
    
    height: 98px;
  }
  .fixedbuybutton-inner {
    height: 98px;
    flex-wrap: wrap;
    padding: 0.8rem 0;
  }
  
}

#admin-bar-iframe {
  display: none !important;
}

.slick-slider {
  touch-action: auto !important;
}


.mobile-facets__disclosure.disclosure-has-popup.menu-opening{
  position:relative;
  z-index:10;
}
.mobile-facets__inner,.mobile-facets__close{
  margin-top:60px;
}

@media screen and (min-width: 600px) {
  #category__list .grid--5-col-desktop .category-list{
    width: calc((100% - 25px * 4) / 5) !important;
    max-width:inherit !important;
  }
  #category__list .grid--4-col-desktop .category-list{
    width: calc((100% - 25px * 3) / 4) !important;
    max-width:inherit !important;
  }
  #category__list .grid--3-col-desktop .category-list{
    width: calc((100% - 25px * 2) / 3) !important;
    max-width:inherit !important;
  }
  #category__list .grid--2-col-desktop .category-list{
    width: calc((100% - 25px * 1) / 2) !important;
    max-width:inherit !important;
  }
  #category__list .grid--1-col-desktop .category-list{
    width: calc((100% ) / 1) !important;
    max-width:inherit !important;
  }
}
@media screen and (max-width: 599px) {
  #category__list .grid--3-col-tablet-down .category-list{
    width: calc((100% - 10px * 2) / 3) !important;
    max-width:inherit !important;
  }
  #category__list .grid--2-col-tablet-down .category-list{
    width: calc((100% - 10px * 1) / 2) !important;
    max-width:inherit !important;
  }
  #category__list .grid--1-col-tablet-down .category-list{
    width: calc((100% - 10px * 0) / 1) !important;
    max-width:inherit !important;
  }
}

/* Recently viewed */
.template-product .shopify-section-custom-liquid {
  max-width: 1200px;
  width: calc(100vw - 40px);
  margin: 0 auto;
}
.template-product .shopify-section-custom-liquid .page_title__custom {
  display: flex;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto 48px;
}
.template-product .shopify-section-custom-liquid .page_title__custom h2 {
  font-size: 24px;
  margin-right: 1em;
}

@media screen and (max-width: 768px) {
  .template-product .shopify-section-custom-liquid .page_title__custom h2 {
    font-size: 20px;
  }
}

.template-product .shopify-section-app .page-width {
  padding: 0;
}
.template-product .shopify-section-app .page-width .rktheme-widget-container {
  max-width: 1200px!important;
}
.template-product .shopify-section-app .page-width .rktheme-widget-container .rktheme-carousel-slide {
  width: 231px;
}

/* サイズ入力項目修正 */
.template-product .order-step--size p.groovyco-note {
  display: none;
}
.template-product .order-step--size .groovyco-multiple div p {
  font-size: 15px;
}

/* テンションロールの「ロールカーテン送料」と「スクリーンの操作方法の仕様」の順番入れ替え */
.template-product.template-product-order-tensionrole-curtain .order-confirmetion--table {
  display: flex;
  flex-direction: column;
}

.template-product.template-product-order-tensionrole-curtain .order-confirmetion--table--tr:nth-child(2) {
  order: 3;
}

.template-product.template-product-order-tensionrole-curtain .order-confirmetion--table--tr:nth-child(3) {
  order: 2;
}

.curtainsize-popgarally-111000 .curtainsize-popgarally-modal-inner {
  height: 70vh!important;
  overflow: hidden;
}

/* @media screen and (max-width: 749px) {
  .curtainsize-popgarally-111000 .curtainsize-popgarally-modal-inner {
  }
} */

.curtainsize-popgarally-111000 .curtainsize-popgarally-modal-close-btn {
  top: 85px!important;
}

@media screen and (max-width: 749px) {
  .curtainsize-popgarally-111000 .curtainsize-popgarally-modal-close-btn {
    top: 70px!important;
  }
}

.modal-products-modal .modal-products-modal-close-btn {
  top: 75px!important;
}

@media screen and (max-width: 749px) {
  .modal-products-modal .modal-products-modal-close-btn {
    /* height: 60px!important; */
  }
}

.modal-products-modal .modal-products-modal-inner {
  height: 70vh!important;
  overflow: hidden;
}
