/** Shopify CDN: Minification failed

Line 13:0 Unexpected "@media"

**/


/* CSS from section stylesheet tags */
.article-page__date { padding: 0.2rem 1rem; background-color:#adadad; }
  .article-page__author { font-size:.8rem; text-align:left;}
  .article-page__image {margin: }
  .article-page__content
@media screen and (min-width: 768px) {
  #blog-brandlist { list-style:none; display: grid; align-items: start; grid-template-columns: repeat(5,1fr); grid-gap: 20px; align-content: center; margin:3rem auto 6rem auto; }
  #blog-brandlist li { margin: 0; padding: 2.5rem 1rem; border: none; position: relative;}
  #blog-brandlist li .product-item__vendor { position:absolute; top:0; left: 20%; width:30px; }
}
@media screen and (max-width: 767px) {
  #blog-brandlist { list-style:none; display: flex; margin: 0 1rem 0; padding: 0; width: 100%;}
  #blog-brandlist .ranking-area { margin: 0; padding: 0; border: none; position: relative;}
  #blog-brandlist .ranking-area .ranking-products img { min-width: 300px; width: 360px}
  #blog-brandlist li .product-item__vendor { position:absolute; top:0; left: 5%; width: 30px; }
}
@media screen and (min-width: 768px) {
  #brand-logo-wrap { margin: 0 calc(50% - 50vw); width: 100vw; padding: 1rem calc(50vw - 50%) 3rem; background-color: #f5f5f5; }
  #brand-logo-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.5rem; list-style-type: none; }
  #brand-logo-list li { padding: 1rem 0; margin: 0; background-color: #fff; }
  #brand-logo-list li .sp-logo { display:none; }
  #brand-logo-list li img { vertical-align: bottom; width:100%; }
}
@media screen and (max-width: 767px) {
  #brand-logo-wrap { margin: 3rem calc(50% - 50vw); width: 100vw; padding: 1rem calc(50vw - 50%) 3rem; background-color: #f5f5f5; }
  #brand-logo-wrap #collection-subtitle { margin: 0.5rem calc(50% - 50vw) 1rem; }
  #brand-logo-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.2rem; list-style-type: none; margin: 0; padding: 0;}
  #brand-logo-list li { padding: 0; background-color:#fff; padding: 0.8rem 0.5rem; margin:0; }
  #brand-logo-list li .sp-logo { display:none; }
  #brand-logo-list li img { vertical-align: bottom; width:100%; }
}
@media screen and (min-width: 768px) {
  #category-wrap{ margin: 0 calc(50% - 50vw) 3rem; width: 100vw; padding: 3rem calc(50vw - 50%); background-color: #f5f5f5; }
  #category-wrap #collection-subtitle .collection-subtitle-ttl { margin: 0 auto; padding: 0; }
  #category-wrap #collection-subtitle .collection-subtitle-txt { margin: 0 auto; }
  #category {list-style-type: none; display: grid; margin: 0; padding: 0; align-content: center; justify-content: space-between; justify-items: center; align-items: center; grid-template-columns: repeat(6, 1fr); grid-gap: 1.5rem;}
  #category .category-area { margin: 0; padding: 2rem 0.5rem 0 0.5rem; border: none; display: }
  .category-name-en { font-size: 1.1rem; font-weight: 800; margin: 0.8rem auto 0 0.5rem; text-align:center; letter-spacing: 0.06em;}
  .category-name-jp {font-size: 0.7rem; font-weight:0; letter-spacing: 0.2em;}
  #category li img {vertical-align: bottom; width:100%; }
}
@media screen and (max-width: 767px) {
  #category { display: grid; margin: 1rem auto 0; padding: 0 1rem; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem 0.5rem; }
  #category li { list-style-type: none; width: 90%; margin: 0 auto; padding: 0; border: none; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }
  #category li img { vertical-align: bottom; width:100%; }
  #category-wrap{ margin: 0 calc(50% - 50vw); width: 100vw; padding: 0 0 3rem 0; background-color: #f5f5f5; }
  #category-wrap #collection-subtitle { margin: 0 calc(50% - 50vw); padding: 2rem calc(50vw - 50%) 0; width: 100vw; }
  #category-wrap #collection-subtitle .collection-subtitle-ttl { font-size: 1.6rem; font-weight: 600; letter-spacing: 0;  text-align: center; margin: 0 auto; }
  #category-wrap #collection-subtitle .collection-subtitle-txt  { font-size: 0.8rem; text-align: center; margin: 0 auto; }

  .category-product-title { font-size:1.9rem; font-weight:600; text-align:center; margin:0 auto 0 1.25rem; display:table-cell; vertical-align:middle}
  .category-product-text {font-size: 0.8rem; font-weight:0; margin: 0 auto 1rem auto;}

  .category-name-en {font-weight:600; margin: 0.5rem auto 0; font-size:0.9rem;}
  .category-name-jp {font-weight:nomal; margin:0 auto; font-size:0.8rem;}  
}
@media screen and (min-width:768px) { 
  #collection-foreword {margin:0 0 5rem 0;}
  .collection-foreword-title p {font-size: 2rem; letter-spacing:0.15rem; margin:0 auto 3rem auto !important; text-align:center; font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif}
  .collection-foreword-txt p {line-height: 2.3rem; font-size: 1.1rem; text-align: center; width: 70%; margin: 0 auto;}
}
@media screen and (max-width:767px) {
  #collection-foreword { margin:0 0 5rem 0;}
  .collection-foreword-title p {font-size: 1.8rem; letter-spacing:0.15rem; margin:0 auto 1.6rem auto !important; text-align:center; font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif}
  .collection-foreword-txt p { line-height: 1.8rem; font-size: .9rem; text-align: left; width: 100%; margin: 0 auto;}  
}
@media screen and (min-width: 768px) {
  #products-list-wrap{ margin: 0 calc(50% - 50vw) 4rem; padding: 0 calc(50vw - 50%); width: 100vw; }
  #products-list {display:flex; flex-wrap: nowrap; margin:0; padding: 0}
  #products-list li { list-style-type: none;  margin: 0; padding: 4rem 1.5rem; border: none; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}
  #products-list li:first-child { list-style-type: none; margin: 0; padding: 4rem 1.5rem; border: none; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; border-left:none;}
  .collection-product-title { font-size:1.9rem; font-weight:600; text-align:center; margin:0 auto 0 1.25rem; display:table-cell; vertical-align:middle}
  .collection-product-text {font-size: 0.8rem; font-weight:0; margin: 0 auto 1rem auto;}
  #products-list li img {vertical-align: bottom; width:65%; }
  .product-handle {font-weight:600; margin:2rem auto 0.2rem}
}
@media screen and (max-width: 767px) {
  #products-list-wrap{ margin: 0 calc(50% - 50vw) 4rem; width: 100vw; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
  #products-list { display:flex; flex-wrap: wrap; margin:0; padding: 0}
  #products-list li { list-style-type: none; width:50%; margin: 0; padding: 3rem 1rem 1rem 1rem; border: none; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
  #products-list li:nth-first-child(1),#products-list li:nth-last-child(3) { border-left:none; }
  #products-list li:nth-last-child(1),#products-list li:nth-last-child(2) { border-bottom:none; }
  .collection-product-title { font-size:1.9rem; font-weight:600; text-align:center; margin:0 auto 0 1.25rem; display:table-cell; vertical-align:middle}
  .collection-product-text {font-size: 0.8rem; font-weight:0; margin: 0 auto 1rem auto;}
  #products-list li img {vertical-align: bottom; width:85%; }
  .product-handle {font-weight:600; margin:2rem auto 0.2rem; font-size:0.9rem;}
  .product-name {font-weight:nomal; margin:0 auto; font-size:0.8rem;}  
}
@media screen and (min-width: 768px) {
  #article-info { list-style: none; width: 55%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; margin: 2rem auto 3rem; }
  #article-info li { margin: 0 0 1rem 0; overflow:hidden; width: 100%; }
  #article-info .article-date { font-size: .9rem; font-weight: 800; padding: 0 5rem 0 0; float:left; text-align: left;}
  #article-info .article-title { font-size: .9rem; font-weight: nomal; text-decoration: underline; float:left; text-align: left;}
}
@media screen and (max-width: 767px) {
  #article-info { list-style: none; width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: flex-start; margin: 0 auto; }
  #article-info li { margin:0; overflow: hidden; width: 100%; border-top: 1px solid #ccc; padding: 0.8rem 1rem;}
  #article-info li:last-child { margin: 0; overflow: hidden; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
  #article-info .article-date { font-size: 1rem; font-weight: 800; padding: 0; float:left; text-align: left; margin: 0; color: #b7b7b7;}
  #article-info .article-title { font-size: .9rem; font-weight: normal; float:left; text-align: left;}
}