@charset "utf-8";/* * * CSS file * * */
:root {
  --bg-base-color: #F4DCE1;
  --bg-line-color:#F9EDF0;
  --bg-pattern-size: 2.598em 1.5em; /* 1.732 : 1 ratio */
  --font-size: 22px;
}

body,
html {
  margin: 0;
  padding: 0;
}

.asanoha {
  background-color: var(--bg-base-color);

  background-image:
    linear-gradient(90deg, var(--bg-line-color) 1.5%, transparent 1.5%, transparent 98.5%, var(--bg-line-color) 98.5%, var(--bg-line-color) 100%),
    repeating-conic-gradient(at 33.33% 2.6%, transparent 0deg 270deg, var(--bg-line-color) 270deg 360deg),
    repeating-conic-gradient(at 33.33% 97.4%, transparent 0deg 180deg, var(--bg-line-color) 180deg 270deg, transparent 270deg 360deg),
    repeating-conic-gradient(at 66.66% 2.6%, var(--bg-line-color) 0deg 90deg, transparent 90deg 360deg),
    repeating-conic-gradient(at 66.66% 97.4%, transparent 0deg 90deg, var(--bg-line-color) 90deg 180deg, transparent 180deg 360deg),
    repeating-conic-gradient(at 15.7% 50%, transparent 0deg 210deg, var(--bg-base-color) 210deg 330deg, transparent 330deg 360deg),
    repeating-conic-gradient(at 19% 50%, transparent 0deg 210deg, var(--bg-line-color) 210deg 330deg, transparent 330deg 360deg),
    repeating-conic-gradient(at 84.3% 50%, transparent 0deg 30deg, var(--bg-base-color) 30deg 150deg, transparent 150deg 360deg),
    repeating-conic-gradient(at 81% 50%, transparent 0deg 30deg, var(--bg-line-color) 30deg 150deg, transparent 150deg 360deg),
    linear-gradient(60deg, transparent 0%, transparent 48.7%, var(--bg-line-color) 48.7%, var(--bg-line-color) 51.3%, transparent 51.3%, transparent 100%),
    linear-gradient(-60deg, transparent 0%, transparent 48.7%, var(--bg-line-color) 48.7%, var(--bg-line-color) 51.3%, transparent 51.3%, transparent 100%),
    linear-gradient(30deg, transparent 0%, transparent 48.5%, var(--bg-line-color) 48.5%, var(--bg-line-color) 51.5%, transparent 51.5%, transparent 100%),
    linear-gradient(-30deg, transparent 0%, transparent 48.5%, var(--bg-line-color) 48.5%, var(--bg-line-color) 51.5%, transparent 51.5%, transparent 100%),
    linear-gradient(0deg, transparent 0%, transparent 47.4%, var(--bg-line-color) 47.4%, var(--bg-line-color) 52.6%, transparent 52.6%, transparent 100%),
    linear-gradient(90deg, transparent 0%, transparent 48.5%, var(--bg-line-color) 48.5%, var(--bg-line-color) 51.5%, transparent 51.5%, transparent 100%);

  background-repeat: repeat;
  background-size: var(--bg-pattern-size);
  box-sizing: border-box;
  font-size: var(--font-size);
  min-height: 150px;
  padding:0px;
}

/* * * CSS file * * */
:root {
    --bg-color-01: #F7E2E7;
    --bg-color-02: #F4DCE1;
    --bg-size: 2.25em 2.25em;
    --font-size: 22px;
  }
  
  body, html {
    margin: 0;
    padding: 0;
  }
  
  .shippo {
    background-color: var(--bg-color-02);
    background-image: 
      radial-gradient(100% 100% at 50% 50%,
        transparent 50%, 
        var(--bg-color-02) 50%
      ),
      radial-gradient(100% 100% at 100% 0%,
        var(--bg-color-01) 50%, 
        transparent 50%
      ),
      radial-gradient(100% 100% at 0% 100%,
        var(--bg-color-01) 50%, 
        transparent 50%
      ),
      radial-gradient(100% 100% at 100% 100%,
        var(--bg-color-01) 50%, 
        transparent 50%
      ),
      radial-gradient(100% 100% at 0% 0%,
        var(--bg-color-01) 50%, 
        transparent 50%
      );
    background-repeat: repeat;
    background-size: var(--bg-size);
    min-height: 150px;
    padding:0px;
    box-sizing: border-box;
    font-size: var(--font-size);
    color: white;
  }

  /* * * CSS file * * */
:root {
  --bg-color-03: #F9EDF0;
  --bg-color-04: #EFD3D9;
  --bg-size: 2.25em 2.25em;
  --font-size: 22px;
}

body, html {
  margin: 0;
  padding: 0;
}
  .seigaiha {
    min-height: 150px;
    padding: 0px;
    box-sizing: border-box;
    background-color: var(--bg-color-04);
    background-image:
      radial-gradient(100% 100% at 100% calc(100% + 25%),
        var(--bg-color-03) 0%, var(--bg-color-03) 5%,
        var(--bg-color-04) 5%, var(--bg-color-04) 9%,
        var(--bg-color-03) 9%, var(--bg-color-03) 15%,
        var(--bg-color-04) 15%, var(--bg-color-04) 19%,
        var(--bg-color-03) 19%, var(--bg-color-03) 25%,
        var(--bg-color-04) 25%, var(--bg-color-04) 29%,
        var(--bg-color-03) 29%, var(--bg-color-03) 35%,
        var(--bg-color-04) 35%, var(--bg-color-04) 39%,
        var(--bg-color-03) 39%, var(--bg-color-03) 45%,
        var(--bg-color-04) 45%, var(--bg-color-04) 50%,
        transparent 50%
      ),
      radial-gradient(100% 100% at 0% calc(100% + 25%),
        var(--bg-color-03) 0%, var(--bg-color-03) 5%,
        var(--bg-color-04) 5%, var(--bg-color-04) 9%,
        var(--bg-color-03) 9%, var(--bg-color-03) 15%,
        var(--bg-color-04) 15%, var(--bg-color-04) 19%,
        var(--bg-color-03) 19%, var(--bg-color-03) 25%,
        var(--bg-color-04) 25%, var(--bg-color-04) 29%,
        var(--bg-color-03) 29%, var(--bg-color-03) 35%,
        var(--bg-color-04) 35%, var(--bg-color-04) 39%,
        var(--bg-color-03) 39%, var(--bg-color-03) 45%,
        var(--bg-color-04) 45%, var(--bg-color-04) 50%,
        transparent 50%
      ),
      radial-gradient(100% 100% at 50% 100%,
        var(--bg-color-03) 0%, var(--bg-color-03) 5%,
        var(--bg-color-04) 5%, var(--bg-color-04) 9%,
        var(--bg-color-03) 9%, var(--bg-color-03) 15%,
        var(--bg-color-04) 15%, var(--bg-color-04) 19%,
        var(--bg-color-03) 19%, var(--bg-color-03) 25%,
        var(--bg-color-04) 25%, var(--bg-color-04) 29%,
        var(--bg-color-03) 29%, var(--bg-color-03) 35%,
        var(--bg-color-04) 35%, var(--bg-color-04) 39%,
        var(--bg-color-03) 39%, var(--bg-color-03) 45%,
        var(--bg-color-04) 45%, var(--bg-color-04) 50%,
        transparent 50%
      ),
      radial-gradient(100% 100% at 0% 75%,
        var(--bg-color-03) 0%, var(--bg-color-03) 5%,
        var(--bg-color-04) 5%, var(--bg-color-04) 9%,
        var(--bg-color-03) 9%, var(--bg-color-03) 15%,
        var(--bg-color-04) 15%, var(--bg-color-04) 19%,
        var(--bg-color-03) 19%, var(--bg-color-03) 25%,
        var(--bg-color-04) 25%, var(--bg-color-04) 29%,
        var(--bg-color-03) 29%, var(--bg-color-03) 35%,
        var(--bg-color-04) 35%, var(--bg-color-04) 39%,
        var(--bg-color-03) 39%, var(--bg-color-03) 45%,
        var(--bg-color-04) 45%, var(--bg-color-04) 50%,
        transparent 50%
      ),
      radial-gradient(100% 100% at 100% 75%,
        var(--bg-color-03) 0%, var(--bg-color-03) 5%,
        var(--bg-color-04) 5%, var(--bg-color-04) 9%,
        var(--bg-color-03) 9%, var(--bg-color-03) 15%,
        var(--bg-color-04) 15%, var(--bg-color-04) 19%,
        var(--bg-color-03) 19%, var(--bg-color-03) 25%,
        var(--bg-color-04) 25%, var(--bg-color-04) 29%,
        var(--bg-color-03) 29%, var(--bg-color-03) 35%,
        var(--bg-color-04) 35%, var(--bg-color-04) 39%,
        var(--bg-color-03) 39%, var(--bg-color-03) 45%,
        var(--bg-color-04) 45%, var(--bg-color-04) 50%,
        transparent 50%
      ),
      radial-gradient(100% 100% at 50% 50%,
        var(--bg-color-03) 0%, var(--bg-color-03) 5%,
        var(--bg-color-04) 5%, var(--bg-color-04) 9%,
        var(--bg-color-03) 9%, var(--bg-color-03) 15%,
        var(--bg-color-04) 15%, var(--bg-color-04) 19%,
        var(--bg-color-03) 19%, var(--bg-color-03) 25%,
        var(--bg-color-04) 25%, var(--bg-color-04) 29%,
        var(--bg-color-03) 29%, var(--bg-color-03) 35%,
        var(--bg-color-04) 35%, var(--bg-color-04) 39%,
        var(--bg-color-03) 39%, var(--bg-color-03) 45%,
        var(--bg-color-04) 45%, var(--bg-color-04) 50%,
        transparent 50%
      ),
      radial-gradient(100% 100% at 100% 25%,
        var(--bg-color-03) 0%, var(--bg-color-03) 5%,
        var(--bg-color-04) 5%, var(--bg-color-04) 9%,
        var(--bg-color-03) 9%, var(--bg-color-03) 15%,
        var(--bg-color-04) 15%, var(--bg-color-04) 19%,
        var(--bg-color-03) 19%, var(--bg-color-03) 25%,
        var(--bg-color-04) 25%, var(--bg-color-04) 29%,
        var(--bg-color-03) 29%, var(--bg-color-03) 35%,
        var(--bg-color-04) 35%, var(--bg-color-04) 39%,
        var(--bg-color-03) 39%, var(--bg-color-03) 45%,
        var(--bg-color-04) 45%, var(--bg-color-04) 50%,
        transparent 50%
      ),
      radial-gradient(100% 100% at 0% 25%,
        var(--bg-color-03) 0%, var(--bg-color-03) 5%,
        var(--bg-color-04) 5%, var(--bg-color-04) 9%,
        var(--bg-color-03) 9%, var(--bg-color-03) 15%,
        var(--bg-color-04) 15%, var(--bg-color-04) 19%,
        var(--bg-color-03) 19%, var(--bg-color-03) 25%,
        var(--bg-color-04) 25%, var(--bg-color-04) 29%,
        var(--bg-color-03) 29%, var(--bg-color-03) 35%,
        var(--bg-color-04) 35%, var(--bg-color-04) 39%,
        var(--bg-color-03) 39%, var(--bg-color-03) 45%,
        var(--bg-color-04) 45%, var(--bg-color-04) 50%,
        transparent 50%
      );
    background-repeat: repeat;
    background-size: var(--bg-pattern-size);
    font-size: var(--font-size);
    color: white;
  }

    /* * * CSS file * * */
  .koshi {
    background-color: #f9edf0;
    background-image: linear-gradient(45deg, #f4dce180 25%, transparent 25%, transparent 75%, #f4dce180 75%), linear-gradient(45deg, #f4dce180 25%, transparent 25%, transparent 75%, #f4dce180 75%);
    background-position: 10px 10px, 30px 30px;
    background-size: 40px 40px;
  }

/* 01エリア商品名等 */
div.green .c-goods-item [class^=c-goods-item__] {
  color: #03a2b9;
}
/* 01エリア商品価格等 */
div.green .c-goods-item .price {
  color: #03a2b9;
}
div.green .c-goods-item .original_price {
  color: #03a2b9;
}
/* 02エリア商品名等 */
div.red .c-goods-item [class^=c-goods-item__] {
  color: #72341e;
}
/* 02エリア商品価格等 */
div.red .c-goods-item .price {
  color: #72341e;
}
div.red .c-goods-item .original_price {
  color: #72341e;
}