/** Shopify CDN: Minification failed

Line 732:0 Unexpected "{"
Line 732:1 Expected identifier but found "%"
Line 733:0 Unexpected "{"
Line 733:1 Expected identifier but found "%"
Line 783:0 Unexpected "{"
Line 783:1 Expected identifier but found "%"
Line 784:0 Unexpected "{"
Line 784:1 Expected identifier but found "%"

**/
@charset "utf-8";

/**
 * --------------------------------------------------------------------
 * PRODUCT ITEM
 * --------------------------------------------------------------------
 */

/**
theme.css-l9312
**/
.product-item {
  position: relative;
  padding: 6px;
  min-width: 0;
  flex-shrink: 0;
  background: var(--secondary-background);
  white-space: normal;
}
/**
theme.css-l1496
**/
@media screen and (min-width: 641px) {
  .grid {
    margin: 0 0 -30px -30px;
  }

  .grid__cell {
    padding: 0 0 30px 30px;
  }
}

.\31\/1 {
  width: 100%;
}

.\31\/2 {
  width: 50%;
}

.\31\/3 {
  width: 33.333333%;
}

.\31\/4 {
  width: 25%;
}

.\31\/5 {
  width: 20%;
}

.\31\/6 {
  width: 16.666667%;
}

@media screen and (max-width: 640px) {
  .hidden-phone {
    display: none !important;
  }

  .\31\/1--phone {
    width: 100%;
  }

  .\31\/2--phone {
    width: 50%;
  }

  .\31\/3--phone {
    width: 33.333333%;
  }

  .\31\/4--phone {
    width: 25%;
  }

  .\31\/5--phone {
    width: 20%;
  }

  .\31\/6--phone {
    width: 16.666667%;
  }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .hidden-tablet {
    display: none !important;
  }

  .\31\/1--tablet {
    width: 100%;
  }

  .\31\/2--tablet {
    width: 50%;
  }

  .\31\/3--tablet {
    width: 33.333333%;
  }

  .\31\/4--tablet {
    width: 25%;
  }

  .\31\/5--tablet {
    width: 20%;
  }

  .\31\/6--tablet {
    width: 16.666667%;
  }
}

@media screen and (min-width: 641px) {
  .hidden-tablet-and-up {
    display: none !important;
  }

  .\31\/1--tablet-and-up {
    width: 100%;
  }

  .\31\/2--tablet-and-up {
    width: 50%;
  }

  .\31\/3--tablet-and-up {
    width: 33.333333%;
  }

  .\31\/4--tablet-and-up {
    width: 25%;
  }

  .\31\/5--tablet-and-up {
    width: 20%;
  }

  .\31\/6--tablet-and-up {
    width: 16.666667%;
  }
}

@media screen and (max-width: 999px) {
  .hidden-pocket {
    display: none !important;
  }

  .\31\/1--pocket {
    width: 100%;
  }

  .\31\/2--pocket {
    width: 50%;
  }

  .\31\/3--pocket {
    width: 33.333333%;
  }

  .\31\/4--pocket {
    width: 25%;
  }

  .\31\/5--pocket {
    width: 20%;
  }

  .\31\/6--pocket {
    width: 16.666667%;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1279px) {
  .hidden-lap {
    display: none !important;
  }

  .\31\/1--lap {
    width: 100%;
  }

  .\39\/12--lap {
    width: 75%;
  }

  .\32\/3--lap {
    width: 66.666666%;
  }

  .\31\/2--lap {
    width: 50%;
  }

  .\31\/3--lap {
    width: 33.333333%;
  }

  .\31\/4--lap {
    width: 25%;
  }

  .\31\/5--lap {
    width: 20%;
  }

  .\31\/6--lap {
    width: 16.666667%;
  }
}

@media screen and (min-width: 1000px) {
  .hidden-lap-and-up {
    display: none !important;
  }

  .\31\/1--lap-and-up {
    width: 100%;
  }

  .\39\/12--lap-and-up {
    width: 75%;
  }

  .\32\/3--lap-and-up {
    width: 66.666666%;
  }

  .\31\/2--lap-and-up {
    width: 50%;
  }

  .\31\/3--lap-and-up {
    width: 33.333333%;
  }

  .\31\/4--lap-and-up {
    width: 25%;
  }

  .\31\/5--lap-and-up {
    width: 20%;
  }

  .\31\/6--lap-and-up {
    width: 16.666667%;
  }
}

@media screen and (min-width: 1280px) {
  .hidden-desk {
    display: none !important;
  }

  .\31\/1--desk {
    width: 100%;
  }

  .\39\/12--desk {
    width: 75%;
  }

  .\32\/3--desk {
    width: 66.666666%;
  }

  .\31\/2--desk {
    width: 50%;
  }

  .\31\/3--desk {
    width: 33.333333%;
  }

  .\31\/4--desk {
    width: 25%;
  }

  .\31\/5--desk {
    width: 20%;
  }

  .\31\/6--desk {
    width: 16.666667%;
  }
}

@media screen and (min-width: 1440px) {
  .hidden-wide {
    display: none !important;
  }

  .\31\/1--wide {
    width: 100%;
  }

  .\39\/12--wide {
    width: 75%;
  }

  .\32\/3--wide {
    width: 66.666666%;
  }

  .\31\/2--wide {
    width: 50%;
  }

  .\31\/3--wide {
    width: 33.333333%;
  }

  .\31\/4--wide {
    width: 25%;
  }

  .\31\/5--wide {
    width: 20%;
  }

  .\31\/6--wide {
    width: 16.666667%;
  }
}

/**
theme.css-l1006
**/
.text--strong, .highlight {
  color: var(--heading-color);
  font-weight: 100;
}

/**
theme.css-l
**/
 .product-item__title {
    font-size: 12px;
  }
.product-item__title {
    margin-bottom: 2px;
}

.product-item .price {
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}

.product-item__info-inner{
	line-height:1.1;
}
/**
theme.css-l9334
**/
.product-item__image-wrapper {
    display: block;
    margin-bottom: 8px;
    position: relative;
}

/**
theme.css-l9051
**/
.color-swatch {
    position: relative;
    display: inline-block;
    margin: 4px;
    vertical-align: middle;
}

/**
theme.css-l9109
**/
.color-swatch__button.is-selected .color-swatch__item::after, .color-swatch__radio:checked+.color-swatch__item::after {
    position: absolute;
    content: "";
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    top: 0px;
    left: 0px;
    border-radius: 0px;
    border: 2px solid #bbb;
}

/**
theme.css-l10459
**/
.section {
  margin: 50px 0;
}

/**
product-text
商品詳細のスタイル
**/
section#product-detail-text .tab_container {
  padding-bottom: 1em;
  margin: 0 auto;
}

section#product-detail-text .tab_item {
  width: calc(100% / 3);
  padding: .5em 0;
  background-color: #e5e5e5;
  text-align: center;
  color: #343434;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size:.9em;
}

section#product-detail-text .tab_item:hover {
  opacity: 0.75;
}

section#product-detail-text input[name="tab_item"] {
  display: none;
}

section#product-detail-text .tab_content {
  display: none;
  padding: 0.8em 0.8em 0;
  clear: both;
  overflow: hidden;
  font-size:.9em;
}

#tab1:checked ~ #tab1_content,
section#product-detail-text #tab2:checked ~ #tab2_content,
section#product-detail-text #tab3:checked ~ #tab3_content,
section#product-detail-text #tab4:checked ~ #tab4_content {
  display: block;
}

section#product-detail-text .tab_container input:checked + .tab_item {
  background-color: #383636;
  color: #fff;
}

section#product-detail-text #tab1_content {
  line-height: 1.6;
}

section#product-detail-text #tab1_content p.about {
  margin-bottom: 24px;
}

section#product-detail-text #tab2_content table {
  width: 100%;
}

section#product-detail-text #tab2_content table .col1 {
  border-right: 1px solid #aaaaaa;
}

section#product-detail-text #tab2_content table tr {
  border-bottom: 1px solid #aaaaaa;
}

section#product-detail-text #tab2_content table th {
  padding: 6px;
  text-align: center;
  border-bottom: 1px solid #aaaaaa;
}

section#product-detail-text #tab2_content table td {
  padding: 6px;
  text-align: center;
}
section#product-detail-text #tab2_content p{
  text-align: right;
}
section#product-detail-text #tab3_content {
  line-height: 1.8;
}

/**
theme.css-l1162
**/
.table--loose tbody td {
    padding-top: 10px;
    padding-bottom: 20px;
}

/**
theme.css-l1136
商品詳細のスタイル
**/
.table td, .table th {
    padding: 8px 4px;
border-bottom:1px solid #aaa;  
  font-size: 0.78em;
}

.rte table, .table {
    width: 96%;
    text-align: left;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}
section#product-detail-text #tab2_content table caption{
  	padding:4px;
  	font-weight:bold;
  	color:#fff;
  	font-size:0.85em;
  	background-color:#bdbdbd;
}

@media screen and (max-width: 640px){
.card .table {
    margin-left: 4px;
}

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
}
/**
theme.css-l9429
**/
.aspect-ratio {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

/**
theme.css-l1302
**/
.soldout {
    font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif !important;
    color: #000;
  	font-weight:bold;
    width: 101%;
  	height:auto;
  	padding:200px 0;
    background-color: rgba(255,255,255,.7);
  	background-clip: border-box;
    display: block;
  	position: absolute;
    top: 50%;
    left: 50%;
  	bottom:inherit;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.product-item__inventory{
    font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif !important;
    color: #000;
  	font-weight:bold;
    width: 101%;
  	height:101%;
    background-color: rgba(255,255,255,.7);
  	background-clip: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  	position: absolute;
    top: 50%;
    left: 50%;
  	bottom:inherit;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.inventory--low{   
  	color: #fff;
    width: 101%;
    background-color: rgba(0,0,0,.6);
    display: block;
    padding: 10px;
    position: absolute;
    top: 82%;
    bottom:inherit;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(- 50%,0);
    text-align: center;
}
/* 230609 */
.inventory--low {
    font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    color: #fff;
    font-size: 19px;
    font-weight: 200;
    width: 101%;
    height:auto;
    background-color: rgba(0,0,0,.6);
    display: block;
    padding: 10px;
    position: absolute;
    top: unset !important;
    left: unset !important;
    bottom: 0 !important;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    text-align: center;
}
@media screen and (max-width: 640px) {
  .inventory--low{
    font-size: 1.1em;
  }
}
/* 230609 */
.inventory--high{   
  	color: #fff;
    width: 100%;
    background-color: rgba(0,0,0,.6);
    display: none;
    padding: 10px;
    position: absolute;
    bottom: 0;
    top: 88%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(- 50%,0);
    text-align: center;
}

/**
theme.css-l10386
**/
.footer__block-item--text .rte a:not(.button) {
    color: #fff;
    transition: color .2s ease-in-out;
    -webkit-text-decoration: var(--text-link-decoration);
    text-decoration: var(--text-link-decoration);
    text-underline-position: under;
}


/**
theme.css-l11450_211025
**/
@media screen and (max-width: 999px) {
  .scroller {
    overflow: hidden;
    margin: 0 calc(-1 * var(--mobile-container-gutter)); /* On mobile we remove the container gutter to make sure the scroll is edge to edge */
  }

  .scroller--flush {
    margin: 0 !important;
  }

  .scroller__inner {
    padding-bottom: 20px;
    margin-bottom: -20px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    white-space: normal;
  }
}
@media screen and (max-width: 999px) {
  .scroller {
    overflow: hidden;
    margin: 0 calc(-1 * var(--mobile-container-gutter)); /* On mobile we remove the container gutter to make sure the scroll is edge to edge */
  }

  .scroller--flush {
    margin: 0 !important;
  }

.scroller__inner .collection-list {
    padding-bottom: 20px;
    margin-bottom: -20px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    white-space: nowrap;
  }
}
/**
theme.css-l8408_211025
**/
@media screen and (max-width: 999px) {
  .product-gallery__thumbnail-list::after, .product-gallery__thumbnail-list::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: auto;
  }
  /**
theme.css-l8378_211025
**/
.product-gallery__thumbnail {
  position: relative;
  width: 16.6%;
  padding: 2px;
  margin: 0;
  border: 2px solid transparent;
  border-radius: 3px;
  transition: border 0.2s ease-in-out;
  cursor: pointer;
	}
}


/**
ランキングバッジ用スタイル
**/
{% if ranking %}
{% style %}
.ranking-item {
    position: relative;
}
/**
.ranking-item .ranking-badge {
    position: absolute;
    top: 6px;
    left: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 2em;
    height: 2em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background-color: #222;
    z-index: 1;
}
.ranking-item:nth-child(-n+3) .ranking-badge {
    color: #fff;
}
.ranking-item:first-child .ranking-badge {
    background-color: #c90;
}
.ranking-item:nth-child(2) .ranking-badge {
    background-color: #999;
}
.ranking-item:nth-child(3) .ranking-badge {
    background-color: #633;
}
**/
.ranking-item .ranking-badge {
    position: absolute;
    top: 6px;
    left: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 3em;
    height: 3em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background:linear-gradient(to top left, transparent 50% , #484550 50%) ;
    z-index: 1;
    padding-right: 1em;
    padding-bottom: 1em;
}
{% endstyle %}
{% endif %}


/**
theme.css-l10585 211119スライドショー下の余白
**/
.slideshow {
  height: 400px;
  overflow: hidden;
  margin-bottom:16px;
}

@media screen and (min-width: 641px) {
.originalbanner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	}  
  .originalbanner p{
	max-width:48%;  
	}
  .mobilebanner{
  	display:none;
  }
.collection-list_2{
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
}


/**
商品詳細ページ"shop the look"テキスト非表示 
**/
button#shopthelook{
  display:none;
}

/**
コレクションリスト画像サイズなど
**/
@media screen and (max-width: 640px) {
.collection-item {
    display: inline-block;
    width: 22vw;
    margin: 0 9px;
    vertical-align: top;
    white-space: normal;
}
}
/**
コレクションリスト矢印
**/
@media screen and (max-width: 640px) {
div.scroll_hint{
  position:relative;
}
div.scroll_hint img.left{
  position:absolute;
  z-index: 1;
  top:30px;
   left: 5px;
  opacity: 50%;
}
div.scroll_hint img.right{
  position:absolute;
  z-index: 1;
  top:30px;
   right: 5px;
  opacity: 50%;
}
}
@media screen and (min-width: 641px) {
div.scroll_hint{
 display:none;
}
  
}
/**
220408_ブログ記事フォント、余白など
**/
@media screen and (max-width: 640px) {
a.article-item__image-container{
  display:none;
}
  div.article-item h3{
    border-bottom:1px solid #ddd;
    font-size:0.9em;
  }
  div.block-list--loose{
    margin-bottom:10px;
  }
  div.block-list--loose .block-list__item > :first-child{
    margin-bottom:25px;
}
}
/**
221006_バナーレイアウト用
**/
/* ----------------------------------- ここからバナー ----------------------------------- */
body div.originalbanner div.grid-banner {
  font-family: 'cardo' , serif;
  font-size: 0.9em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 49% 49%;
      grid-template-columns: 49% 49%;
  -webkit-column-gap: 2%;
          column-gap: 2%;
  row-gap: 1.5%;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
  margin-top: 1.5em;
}
div.grid-banner div.grid-banner__item:nth-child(1) {
  grid-row: 1/2;
  grid-column: 1/3;
}
div.grid-banner div.grid-banner__item:nth-child(2) {
  grid-row: 2/3;
  grid-column: 1/3;
}
div.grid-banner div.grid-banner__item:nth-child(3) {
  grid-row: 3/4;
  grid-column: 1/3;
}
div.grid-banner div.grid-banner__item:nth-child(4) {
  grid-row: 4/5;
  grid-column: 1/3;
}
div.grid-banner div.grid-banner__item:nth-child(5) {
  grid-row: 5/6;
  grid-column: 1/3;
}
div.grid-banner div.grid-banner__item img {
  margin: 0;
}

div.rte div.mobilebanner p a img{
  margin: 0;
}
  
body div.originalbanner div.grid-banner div.grid-banner__item a {
  text-decoration: none;
}
body div.originalbanner div.grid-banner div.grid-banner__item a p {
  font-size: 0.8em;
  margin-top:0.3em;
}
  body div.originalbanner div.grid-banner div.grid-banner__item a p.skd__cmt{
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    letter-spacing: 0.2em;
    font-weight: 500;
  }
/* ----------------------------------- ここまでバナー ----------------------------------- */
/* -----------------------------------ここからlp_22awknittops----------------------------------- */
article.lp-22awknittops__ {
  width: 100%;
}

article.lp-22awknittops__ header {
  margin: 0;
}

article.lp-22awknittops__ header img {
  margin: 0;
}

article.lp-22awknittops__ .lp-22awknittops__list ul {
  margin: 0;
}

article.lp-22awknittops__ .lp-22awknittops__list ul li {
  list-style-type: none;
  margin-top: -0.5em;
  position: relative;
}

article.lp-22awknittops__ .lp-22awknittops__list ul li img {
  margin: 0;
}
  
article.lp-22awknittops__ .lp-22awknittops__list ul li p {
  font-size: 0.9em;
  letter-spacing: 0.1em;
  color: #fff;
  position: absolute;
  bottom: 3em;
  right: 3em;
}

/* -----------------------------------ここまでlp_22awknittops----------------------------------- */
/* ----------------------------------- ここからlp-22awouter ----------------------------------- */
@media screen and (max-width: 768px) {
  article.lp-22awouter__ {
  font-family: "canto", "YuMincho", serif;
  width: 100%;
}
}
@media screen and (min-width: 768px) {
  article.lp-22awouter__ {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  article.lp-22awouter__ {
    width: 600px;
    margin: 0 auto;
  }
}
article.lp-22awouter__ header {
  text-align: center;
  padding-bottom: 70px;
}
  article.lp-22awouter__ header img{
  margin: 0;
}
article.lp-22awouter__ header h2 {
  color: #864837;
  line-height: 1.2;
  padding: 37px 0px;
  font-style: normal;
}
article.lp-22awouter__ header h2 span {
  line-height: 0.9;
  font-size: 2em;
}
article.lp-22awouter__ header p {
  line-height: 3;
}
article.lp-22awouter__ ul.lp-22awouter__list {
  margin-left: 0;
}
article.lp-22awouter__ ul.lp-22awouter__list a {
  text-decoration: none;
}
article.lp-22awouter__ ul.lp-22awouter__list a li.lp-22awouter__list--item {
  margin-bottom: 80px;
}
article.lp-22awouter__ ul.lp-22awouter__list a li.lp-22awouter__list--item:before {
  list-style: none;
}
article.lp-22awouter__ ul.lp-22awouter__list a li.lp-22awouter__list--item p {
  width: 85%;
  margin: 0 auto;
  font-size: 0.7em;
}
article.lp-22awouter__ ul.lp-22awouter__list a li.lp-22awouter__list--item p span {
  font-size: 1.5em;
}

/* ----------------------------------- ここまでlp-22awouter ----------------------------------- */
/* ----------------------------------- ここからlp-22awknitonepiece ----------------------------------- */
@media screen and (max-width: 768px){
  article.lp-22awknitop__ {
  font-family: "canto", "YuMincho", serif;
  width: 100%;
  padding-bottom: 20px;
  background-color: #E3E3E3;
  color: #3F2520;
}
}
@media screen and (min-width: 768px) {
  article.lp-22awknitop__ {
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  article.lp-22awknitop__ {
    width: 600px;
    margin: 0 auto;
  }
}
article.lp-22awknitop__ header {
  text-align: center;
  padding-bottom: 70px;
}
article.lp-22awknitop__ header img {
  margin: 0;
}
article.lp-22awknitop__ header h2 {
  line-height: 1.2;
  padding: 37px 0px;
  font-style: normal;
}
article.lp-22awknitop__ header h2 span {
  line-height: 2;
  font-size: 1em;
  font-weight: 100;
  letter-spacing: 0.3em;
}
article.lp-22awknitop__ header p {
  line-height: 3;
}
article.lp-22awknitop__ ul.lp-22awknitop__list {
  margin-left: 0;
}
article.lp-22awknitop__ ul.lp-22awknitop__list a {
  text-decoration: none;
  display: block;
  margin-bottom: 60px;
}
article.lp-22awknitop__ ul.lp-22awknitop__list a li.lp-22awknitop__ist--item {
  margin-bottom: 80px;
}
article.lp-22awknitop__ ul.lp-22awknitop__list a li.lp-22awknitop__ist--item:before {
  list-style: none;
}
article.lp-22awknitop__ ul.lp-22awknitop__list a li.lp-22awknitop__ist--item p {
  width: 85%;
  margin: 0 auto;
  font-size: 0.7em;
}
article.lp-22awknitop__ ul.lp-22awknitop__list a li.lp-22awknitop__ist--item p span {
  font-size: 1.5em;
}

/* ----------------------------------- ここまでlp-22awknitonepiece ----------------------------------- */


/* ----------------------------------- 230110カラースウォッチ用----------------------------------- */
label.color-swatch__item.lazyloaded {
    border-radius: 8px;
      box-shadow: 0px 1px 1px 1px #e4e4e4;
}
label.color-swatch__item{
    border-radius: 8px;
      box-shadow: 0px 1px 1px 1px #e4e4e4;
}
.color-swatch--white .color-swatch__item{
    border-radius: 8px;
      box-shadow: 0px 1px 1px 1px #e4e4e4;
}
.color-swatch__item {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background-size: cover;
}
.color-swatch__button.is-selected .color-swatch__item::after, .color-swatch__radio:checked+.color-swatch__item::after {
    position: absolute;
    content: "";
  display:none;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -2px;
    left: -2px;
    border-radius: 10px;
    border: 1px solid #c5c5c5;
}
/* ----------------------------------- 230110カラースウォッチ用----------------------------------- */
/* ----------------------------------- 230111トップバナー余白----------------------------------- */
#main .section{
  margin:20px auto 0px auto;
}
/* ----------------------------------- 230111トップバナー余白----------------------------------- */

/*
220630_セールコレクションリスト_2 
*/
  
@media screen and (min-width: 641px) {
.originalbanner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	}  
  .originalbanner p{
	max-width:48%;  
	}
  .mobilebanner{
  	display:none;
  }
.collection-list_2{
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
}

@media screen and (max-width: 640px) {
.collection-list_2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
	}  
  .collection-list_2 a{
	max-width:48%;  
	}
   .collection-list_2 .collection-item:first-child {
    margin-left: 0;
}
   .collection-list_2 .collection-item:last-child {
    margin-left: 0;
}
   .collection-list_2 .collection-item {
    display: block;
    width: 100%;
    margin: 0px;
    vertical-align: top;
    white-space: normal;
}
 .collection-list_2  .collection-item__image-wrapper {
    margin-bottom: 0px;
    overflow: hidden;
}
  .collection-list_2 .text--strong {
    margin-bottom:5px;
    font-weight: 100;
}
}
  /*
220630_セールコレクションリスト_3
*/
  
@media screen and (min-width: 641px) {
.originalbanner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	}  
  .originalbanner p{
	max-width:31%;  
	}
  .mobilebanner{
  	display:none;
  }
.collection-list_3 {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}
}

@media screen and (max-width: 640px) {
.collection-list_3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
	}  
  .collection-list_3 a{
	max-width: 31%;  
	}
   .collection-list_3 .collection-item:first-child {
    margin-left: 0;
}
   .collection-list_3 .collection-item:last-child {
    margin-left: 0;
}
   .collection-list_3 .collection-item {
    display: block;
    width: 100%;
    margin: 0px;
    vertical-align: top;
    white-space: normal;
}
 .collection-list_3  .collection-item__image-wrapper {
    margin-bottom: 10px;
    overflow: hidden;
}
  .collection-list_3 .text--strong {
    margin-bottom:5px;
    font-weight: 100;
}
}
  
  
/*
 トップ下ボタン用
  */
  p.allBtn{
  text-align: center;
  }
p.allBtn .btn--orange,
  p.allBtn a.btn--orange {
  color: #fff;
  padding: 10px 20px;
  background:#000;
    font-size:0.9em;
    text-decoration: none;
}
  p.allBtn a.btn--radius {
   border-radius: 100vh;
}

/**
221006_バナーレイアウト用
**/
/**********
 予約販売badge
***********/
.ruffruff-pre-order-badge{
    font-size: 0.9em;
    padding: 0 .2em !important;
    box-sizing: border-box !important;
    margin-left: .4em !important;
    border: 1px solid #CCCCCC !important;
    border-radius: .2em !important;
}