@import url(https://fonts.googleapis.com/css?family=Dosis&subset=latin-ext);
@charset "UTF-8";
:root {
  /** ==================================================================== **/
  /** Create Custom CSS Variables from "sfra bootstrap override" variables **/
  /** ==================================================================== **/
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #0070d2;
  --color-green: #008827;
  --color-primary: #00a1e0;
  --color-red: #c00;
  --color-success: var(--color-green);
  --color-danger: var(--color-red);
  --color-light-blue: #7ed0ee;
  --color-grey1: #f9f9f9;
  --color-grey2: #eee;
  --color-grey3: #ccc;
  --color-grey4: #999;
  --color-grey5: #666;
  --color-grey6: #444;
  --color-grey7: #222;
  --color-grey8: #333;
  --color-grey-transparent-1: rgba(0, 0, 0, 65%);
  --color-grey-transparent-2: rgba(0, 0, 0, 25%);
  --color-light-gray: var(--color-grey1);
  --color-slightly-darker-gray: var(--color-grey4);
  --color-dark-gray: var(--color-grey6);
  --color-darker-gray: var(--color-grey7);
  --color-horizontal-rule-grey: var(--color-grey3);
  --color-product-number-grey: var(--color-grey3);
  --color-horizontal-border-grey: var(--color-grey4);
  --color-menu-link: var(--color-grey6);
  --color-close-menu-bg: var(--color-grey2);
  --color-link-color: var(--color-dark-gray);
  --color-hr-border-color: var(--color-grey3);
  /** ==================================================================== **/
  /** Define skin named variables here                                    **/
  /** ==================================================================== **/
  --skin-background-color-1: var(--color-gray1);
  --skin-border-color-1: var(--color-white);
  --skin-main-text-color-1: var(--color-gray7);
  --skin-main-text-color-2: var(--color-gray7);
  --skin-menu-color-1: #444;
  --skin-menu-color-1-invert: var(--color-white);
  --skin-menu-color-2: #222;
  --skin-link-color-1: #444;
  --skin-link-color-2: var(--color-blue);
  --skin-primary-color-1: var(--color-primary);
  --skin-primary-color-2: var(--color-primary);
  --skin-primary-color-invert-1: var(--color-white);
  --skin-selectbox-background-color-1: var(--color-white);
  --skin-selectbox-text-color-1: var(--skin-main-text-color-1);
  --skin-banner-background-color-1: #444;
  --skin-banner-background-color-2: #222;
  --skin-banner-text-color-1: var(--color-white);
  --skin-heading-color-1: var(--color-primary);
  --skin-heading-color-1-invert: var(--color-white);
  --skin-price-1: var(--color-gray7);
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}

/* 【DHC 1.0】 TIGEC-430対応 フォントに関係するスタイルを上書きしないように修正 */
/* 【DHC 1.0】 TIGEC-430対応 フォントに関係するスタイルを上書きしないように修正 */
/* 【DHC 1.0】 TIGEC-430対応 フォントに関係するスタイルを上書きしないように修正 */
/* 【DHC 1.0】 TIGEC-430対応 フォントに関係するスタイルを上書きしないように修正 */
.carousel .icon-prev,
.carousel .icon-next {
  background-color: #fff;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  height: 3rem;
  padding-top: 0.24em;
  width: 3rem;
}
.carousel .icon-prev::before,
.carousel .icon-next::before {
  color: black;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.carousel .icon-prev::before {
  content: "\f104";
}
.carousel .icon-next::before {
  content: "\f105";
}
.carousel .carousel-control-prev {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.carousel .carousel-control-next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.carousel .carousel-control-next,
.carousel .carousel-control-prev {
  width: 3rem;
}
.carousel .carousel-control-next:focus,
.carousel .carousel-control-prev:focus {
  outline: auto black;
}

.nav-tabs {
  border-bottom: 1px solid #ccc;
}
.nav-tabs .nav-link {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.active {
  border-bottom: 0.188em solid var(--skin-primary-color-1);
}

/*【DHC 1.0】 Start 共通ヘッダー global.css競合個所修正 */
/*
.card {
    margin-bottom: 1em;
}
*/
/*【DHC 1.0】 End 共通ヘッダー global.css競合個所修正 */
.card-header h4 {
  margin-bottom: 0;
}

.modal .modal-body {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

dt {
  color: #495057;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}

.custom-checkbox .custom-control-label::before {
  border: 1px solid black;
  background: #f9f9f9; /* For browsers that do not support gradients */
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ccc));
  background: linear-gradient(#f9f9f9, #ccc); /* Standard syntax */
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23ff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-label::before {
  border: 1px solid black;
  background: #ccc; /* For browsers that do not support gradients */
  background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#666));
  background: linear-gradient(#ccc, #666); /* Standard syntax */
}

.form-control.is-invalid {
  background-image: none;
}

/*【DHC 1.0】 共通ヘッダー global.css競合個所修正 */
.pull-left-xs {
  float: left;
}

.pull-right-xs {
  float: right;
}

@media (min-width: 544px) and (max-width: 768.98px) {
  .pull-left-sm {
    float: left;
  }
  .pull-right-sm {
    float: right;
  }
}
@media (min-width: 769px) and (max-width: 991.98px) {
  .pull-left-md {
    float: left;
  }
  .pull-right-md {
    float: right;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .pull-left-lg {
    float: left;
  }
  .pull-right-lg {
    float: right;
  }
}
@media (min-width: 1200px) {
  .pull-left-xl {
    float: left;
  }
  .pull-right-xl {
    float: right;
  }
}
@media (max-width: 543.98px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (max-width: 768.98px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (max-width: 1199.98px) {
  .hidden-lg-down {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}

.row.equal-height > [class^=col] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fib, .fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}
.fi:before {
  content: " ";
}
.fi.fis {
  width: 1em;
}

.fi-xx {
  background-image: url(../fonts/flags/4x3/xx.svg);
}
.fi-xx.fis {
  background-image: url(../fonts/flags/1x1/xx.svg);
}

.fi-ad {
  background-image: url(../fonts/flags/4x3/ad.svg);
}
.fi-ad.fis {
  background-image: url(../fonts/flags/1x1/ad.svg);
}

.fi-ae {
  background-image: url(../fonts/flags/4x3/ae.svg);
}
.fi-ae.fis {
  background-image: url(../fonts/flags/1x1/ae.svg);
}

.fi-af {
  background-image: url(../fonts/flags/4x3/af.svg);
}
.fi-af.fis {
  background-image: url(../fonts/flags/1x1/af.svg);
}

.fi-ag {
  background-image: url(../fonts/flags/4x3/ag.svg);
}
.fi-ag.fis {
  background-image: url(../fonts/flags/1x1/ag.svg);
}

.fi-ai {
  background-image: url(../fonts/flags/4x3/ai.svg);
}
.fi-ai.fis {
  background-image: url(../fonts/flags/1x1/ai.svg);
}

.fi-al {
  background-image: url(../fonts/flags/4x3/al.svg);
}
.fi-al.fis {
  background-image: url(../fonts/flags/1x1/al.svg);
}

.fi-am {
  background-image: url(../fonts/flags/4x3/am.svg);
}
.fi-am.fis {
  background-image: url(../fonts/flags/1x1/am.svg);
}

.fi-ao {
  background-image: url(../fonts/flags/4x3/ao.svg);
}
.fi-ao.fis {
  background-image: url(../fonts/flags/1x1/ao.svg);
}

.fi-aq {
  background-image: url(../fonts/flags/4x3/aq.svg);
}
.fi-aq.fis {
  background-image: url(../fonts/flags/1x1/aq.svg);
}

.fi-ar {
  background-image: url(../fonts/flags/4x3/ar.svg);
}
.fi-ar.fis {
  background-image: url(../fonts/flags/1x1/ar.svg);
}

.fi-as {
  background-image: url(../fonts/flags/4x3/as.svg);
}
.fi-as.fis {
  background-image: url(../fonts/flags/1x1/as.svg);
}

.fi-at {
  background-image: url(../fonts/flags/4x3/at.svg);
}
.fi-at.fis {
  background-image: url(../fonts/flags/1x1/at.svg);
}

.fi-au {
  background-image: url(../fonts/flags/4x3/au.svg);
}
.fi-au.fis {
  background-image: url(../fonts/flags/1x1/au.svg);
}

.fi-aw {
  background-image: url(../fonts/flags/4x3/aw.svg);
}
.fi-aw.fis {
  background-image: url(../fonts/flags/1x1/aw.svg);
}

.fi-ax {
  background-image: url(../fonts/flags/4x3/ax.svg);
}
.fi-ax.fis {
  background-image: url(../fonts/flags/1x1/ax.svg);
}

.fi-az {
  background-image: url(../fonts/flags/4x3/az.svg);
}
.fi-az.fis {
  background-image: url(../fonts/flags/1x1/az.svg);
}

.fi-ba {
  background-image: url(../fonts/flags/4x3/ba.svg);
}
.fi-ba.fis {
  background-image: url(../fonts/flags/1x1/ba.svg);
}

.fi-bb {
  background-image: url(../fonts/flags/4x3/bb.svg);
}
.fi-bb.fis {
  background-image: url(../fonts/flags/1x1/bb.svg);
}

.fi-bd {
  background-image: url(../fonts/flags/4x3/bd.svg);
}
.fi-bd.fis {
  background-image: url(../fonts/flags/1x1/bd.svg);
}

.fi-be {
  background-image: url(../fonts/flags/4x3/be.svg);
}
.fi-be.fis {
  background-image: url(../fonts/flags/1x1/be.svg);
}

.fi-bf {
  background-image: url(../fonts/flags/4x3/bf.svg);
}
.fi-bf.fis {
  background-image: url(../fonts/flags/1x1/bf.svg);
}

.fi-bg {
  background-image: url(../fonts/flags/4x3/bg.svg);
}
.fi-bg.fis {
  background-image: url(../fonts/flags/1x1/bg.svg);
}

.fi-bh {
  background-image: url(../fonts/flags/4x3/bh.svg);
}
.fi-bh.fis {
  background-image: url(../fonts/flags/1x1/bh.svg);
}

.fi-bi {
  background-image: url(../fonts/flags/4x3/bi.svg);
}
.fi-bi.fis {
  background-image: url(../fonts/flags/1x1/bi.svg);
}

.fi-bj {
  background-image: url(../fonts/flags/4x3/bj.svg);
}
.fi-bj.fis {
  background-image: url(../fonts/flags/1x1/bj.svg);
}

.fi-bl {
  background-image: url(../fonts/flags/4x3/bl.svg);
}
.fi-bl.fis {
  background-image: url(../fonts/flags/1x1/bl.svg);
}

.fi-bm {
  background-image: url(../fonts/flags/4x3/bm.svg);
}
.fi-bm.fis {
  background-image: url(../fonts/flags/1x1/bm.svg);
}

.fi-bn {
  background-image: url(../fonts/flags/4x3/bn.svg);
}
.fi-bn.fis {
  background-image: url(../fonts/flags/1x1/bn.svg);
}

.fi-bo {
  background-image: url(../fonts/flags/4x3/bo.svg);
}
.fi-bo.fis {
  background-image: url(../fonts/flags/1x1/bo.svg);
}

.fi-bq {
  background-image: url(../fonts/flags/4x3/bq.svg);
}
.fi-bq.fis {
  background-image: url(../fonts/flags/1x1/bq.svg);
}

.fi-br {
  background-image: url(../fonts/flags/4x3/br.svg);
}
.fi-br.fis {
  background-image: url(../fonts/flags/1x1/br.svg);
}

.fi-bs {
  background-image: url(../fonts/flags/4x3/bs.svg);
}
.fi-bs.fis {
  background-image: url(../fonts/flags/1x1/bs.svg);
}

.fi-bt {
  background-image: url(../fonts/flags/4x3/bt.svg);
}
.fi-bt.fis {
  background-image: url(../fonts/flags/1x1/bt.svg);
}

.fi-bv {
  background-image: url(../fonts/flags/4x3/bv.svg);
}
.fi-bv.fis {
  background-image: url(../fonts/flags/1x1/bv.svg);
}

.fi-bw {
  background-image: url(../fonts/flags/4x3/bw.svg);
}
.fi-bw.fis {
  background-image: url(../fonts/flags/1x1/bw.svg);
}

.fi-by {
  background-image: url(../fonts/flags/4x3/by.svg);
}
.fi-by.fis {
  background-image: url(../fonts/flags/1x1/by.svg);
}

.fi-bz {
  background-image: url(../fonts/flags/4x3/bz.svg);
}
.fi-bz.fis {
  background-image: url(../fonts/flags/1x1/bz.svg);
}

.fi-ca {
  background-image: url(../fonts/flags/4x3/ca.svg);
}
.fi-ca.fis {
  background-image: url(../fonts/flags/1x1/ca.svg);
}

.fi-cc {
  background-image: url(../fonts/flags/4x3/cc.svg);
}
.fi-cc.fis {
  background-image: url(../fonts/flags/1x1/cc.svg);
}

.fi-cd {
  background-image: url(../fonts/flags/4x3/cd.svg);
}
.fi-cd.fis {
  background-image: url(../fonts/flags/1x1/cd.svg);
}

.fi-cf {
  background-image: url(../fonts/flags/4x3/cf.svg);
}
.fi-cf.fis {
  background-image: url(../fonts/flags/1x1/cf.svg);
}

.fi-cg {
  background-image: url(../fonts/flags/4x3/cg.svg);
}
.fi-cg.fis {
  background-image: url(../fonts/flags/1x1/cg.svg);
}

.fi-ch {
  background-image: url(../fonts/flags/4x3/ch.svg);
}
.fi-ch.fis {
  background-image: url(../fonts/flags/1x1/ch.svg);
}

.fi-ci {
  background-image: url(../fonts/flags/4x3/ci.svg);
}
.fi-ci.fis {
  background-image: url(../fonts/flags/1x1/ci.svg);
}

.fi-ck {
  background-image: url(../fonts/flags/4x3/ck.svg);
}
.fi-ck.fis {
  background-image: url(../fonts/flags/1x1/ck.svg);
}

.fi-cl {
  background-image: url(../fonts/flags/4x3/cl.svg);
}
.fi-cl.fis {
  background-image: url(../fonts/flags/1x1/cl.svg);
}

.fi-cm {
  background-image: url(../fonts/flags/4x3/cm.svg);
}
.fi-cm.fis {
  background-image: url(../fonts/flags/1x1/cm.svg);
}

.fi-cn {
  background-image: url(../fonts/flags/4x3/cn.svg);
}
.fi-cn.fis {
  background-image: url(../fonts/flags/1x1/cn.svg);
}

.fi-co {
  background-image: url(../fonts/flags/4x3/co.svg);
}
.fi-co.fis {
  background-image: url(../fonts/flags/1x1/co.svg);
}

.fi-cr {
  background-image: url(../fonts/flags/4x3/cr.svg);
}
.fi-cr.fis {
  background-image: url(../fonts/flags/1x1/cr.svg);
}

.fi-cu {
  background-image: url(../fonts/flags/4x3/cu.svg);
}
.fi-cu.fis {
  background-image: url(../fonts/flags/1x1/cu.svg);
}

.fi-cv {
  background-image: url(../fonts/flags/4x3/cv.svg);
}
.fi-cv.fis {
  background-image: url(../fonts/flags/1x1/cv.svg);
}

.fi-cw {
  background-image: url(../fonts/flags/4x3/cw.svg);
}
.fi-cw.fis {
  background-image: url(../fonts/flags/1x1/cw.svg);
}

.fi-cx {
  background-image: url(../fonts/flags/4x3/cx.svg);
}
.fi-cx.fis {
  background-image: url(../fonts/flags/1x1/cx.svg);
}

.fi-cy {
  background-image: url(../fonts/flags/4x3/cy.svg);
}
.fi-cy.fis {
  background-image: url(../fonts/flags/1x1/cy.svg);
}

.fi-cz {
  background-image: url(../fonts/flags/4x3/cz.svg);
}
.fi-cz.fis {
  background-image: url(../fonts/flags/1x1/cz.svg);
}

.fi-de {
  background-image: url(../fonts/flags/4x3/de.svg);
}
.fi-de.fis {
  background-image: url(../fonts/flags/1x1/de.svg);
}

.fi-dj {
  background-image: url(../fonts/flags/4x3/dj.svg);
}
.fi-dj.fis {
  background-image: url(../fonts/flags/1x1/dj.svg);
}

.fi-dk {
  background-image: url(../fonts/flags/4x3/dk.svg);
}
.fi-dk.fis {
  background-image: url(../fonts/flags/1x1/dk.svg);
}

.fi-dm {
  background-image: url(../fonts/flags/4x3/dm.svg);
}
.fi-dm.fis {
  background-image: url(../fonts/flags/1x1/dm.svg);
}

.fi-do {
  background-image: url(../fonts/flags/4x3/do.svg);
}
.fi-do.fis {
  background-image: url(../fonts/flags/1x1/do.svg);
}

.fi-dz {
  background-image: url(../fonts/flags/4x3/dz.svg);
}
.fi-dz.fis {
  background-image: url(../fonts/flags/1x1/dz.svg);
}

.fi-ec {
  background-image: url(../fonts/flags/4x3/ec.svg);
}
.fi-ec.fis {
  background-image: url(../fonts/flags/1x1/ec.svg);
}

.fi-ee {
  background-image: url(../fonts/flags/4x3/ee.svg);
}
.fi-ee.fis {
  background-image: url(../fonts/flags/1x1/ee.svg);
}

.fi-eg {
  background-image: url(../fonts/flags/4x3/eg.svg);
}
.fi-eg.fis {
  background-image: url(../fonts/flags/1x1/eg.svg);
}

.fi-eh {
  background-image: url(../fonts/flags/4x3/eh.svg);
}
.fi-eh.fis {
  background-image: url(../fonts/flags/1x1/eh.svg);
}

.fi-er {
  background-image: url(../fonts/flags/4x3/er.svg);
}
.fi-er.fis {
  background-image: url(../fonts/flags/1x1/er.svg);
}

.fi-es {
  background-image: url(../fonts/flags/4x3/es.svg);
}
.fi-es.fis {
  background-image: url(../fonts/flags/1x1/es.svg);
}

.fi-et {
  background-image: url(../fonts/flags/4x3/et.svg);
}
.fi-et.fis {
  background-image: url(../fonts/flags/1x1/et.svg);
}

.fi-fi {
  background-image: url(../fonts/flags/4x3/fi.svg);
}
.fi-fi.fis {
  background-image: url(../fonts/flags/1x1/fi.svg);
}

.fi-fj {
  background-image: url(../fonts/flags/4x3/fj.svg);
}
.fi-fj.fis {
  background-image: url(../fonts/flags/1x1/fj.svg);
}

.fi-fk {
  background-image: url(../fonts/flags/4x3/fk.svg);
}
.fi-fk.fis {
  background-image: url(../fonts/flags/1x1/fk.svg);
}

.fi-fm {
  background-image: url(../fonts/flags/4x3/fm.svg);
}
.fi-fm.fis {
  background-image: url(../fonts/flags/1x1/fm.svg);
}

.fi-fo {
  background-image: url(../fonts/flags/4x3/fo.svg);
}
.fi-fo.fis {
  background-image: url(../fonts/flags/1x1/fo.svg);
}

.fi-fr {
  background-image: url(../fonts/flags/4x3/fr.svg);
}
.fi-fr.fis {
  background-image: url(../fonts/flags/1x1/fr.svg);
}

.fi-ga {
  background-image: url(../fonts/flags/4x3/ga.svg);
}
.fi-ga.fis {
  background-image: url(../fonts/flags/1x1/ga.svg);
}

.fi-gb {
  background-image: url(../fonts/flags/4x3/gb.svg);
}
.fi-gb.fis {
  background-image: url(../fonts/flags/1x1/gb.svg);
}

.fi-gd {
  background-image: url(../fonts/flags/4x3/gd.svg);
}
.fi-gd.fis {
  background-image: url(../fonts/flags/1x1/gd.svg);
}

.fi-ge {
  background-image: url(../fonts/flags/4x3/ge.svg);
}
.fi-ge.fis {
  background-image: url(../fonts/flags/1x1/ge.svg);
}

.fi-gf {
  background-image: url(../fonts/flags/4x3/gf.svg);
}
.fi-gf.fis {
  background-image: url(../fonts/flags/1x1/gf.svg);
}

.fi-gg {
  background-image: url(../fonts/flags/4x3/gg.svg);
}
.fi-gg.fis {
  background-image: url(../fonts/flags/1x1/gg.svg);
}

.fi-gh {
  background-image: url(../fonts/flags/4x3/gh.svg);
}
.fi-gh.fis {
  background-image: url(../fonts/flags/1x1/gh.svg);
}

.fi-gi {
  background-image: url(../fonts/flags/4x3/gi.svg);
}
.fi-gi.fis {
  background-image: url(../fonts/flags/1x1/gi.svg);
}

.fi-gl {
  background-image: url(../fonts/flags/4x3/gl.svg);
}
.fi-gl.fis {
  background-image: url(../fonts/flags/1x1/gl.svg);
}

.fi-gm {
  background-image: url(../fonts/flags/4x3/gm.svg);
}
.fi-gm.fis {
  background-image: url(../fonts/flags/1x1/gm.svg);
}

.fi-gn {
  background-image: url(../fonts/flags/4x3/gn.svg);
}
.fi-gn.fis {
  background-image: url(../fonts/flags/1x1/gn.svg);
}

.fi-gp {
  background-image: url(../fonts/flags/4x3/gp.svg);
}
.fi-gp.fis {
  background-image: url(../fonts/flags/1x1/gp.svg);
}

.fi-gq {
  background-image: url(../fonts/flags/4x3/gq.svg);
}
.fi-gq.fis {
  background-image: url(../fonts/flags/1x1/gq.svg);
}

.fi-gr {
  background-image: url(../fonts/flags/4x3/gr.svg);
}
.fi-gr.fis {
  background-image: url(../fonts/flags/1x1/gr.svg);
}

.fi-gs {
  background-image: url(../fonts/flags/4x3/gs.svg);
}
.fi-gs.fis {
  background-image: url(../fonts/flags/1x1/gs.svg);
}

.fi-gt {
  background-image: url(../fonts/flags/4x3/gt.svg);
}
.fi-gt.fis {
  background-image: url(../fonts/flags/1x1/gt.svg);
}

.fi-gu {
  background-image: url(../fonts/flags/4x3/gu.svg);
}
.fi-gu.fis {
  background-image: url(../fonts/flags/1x1/gu.svg);
}

.fi-gw {
  background-image: url(../fonts/flags/4x3/gw.svg);
}
.fi-gw.fis {
  background-image: url(../fonts/flags/1x1/gw.svg);
}

.fi-gy {
  background-image: url(../fonts/flags/4x3/gy.svg);
}
.fi-gy.fis {
  background-image: url(../fonts/flags/1x1/gy.svg);
}

.fi-hk {
  background-image: url(../fonts/flags/4x3/hk.svg);
}
.fi-hk.fis {
  background-image: url(../fonts/flags/1x1/hk.svg);
}

.fi-hm {
  background-image: url(../fonts/flags/4x3/hm.svg);
}
.fi-hm.fis {
  background-image: url(../fonts/flags/1x1/hm.svg);
}

.fi-hn {
  background-image: url(../fonts/flags/4x3/hn.svg);
}
.fi-hn.fis {
  background-image: url(../fonts/flags/1x1/hn.svg);
}

.fi-hr {
  background-image: url(../fonts/flags/4x3/hr.svg);
}
.fi-hr.fis {
  background-image: url(../fonts/flags/1x1/hr.svg);
}

.fi-ht {
  background-image: url(../fonts/flags/4x3/ht.svg);
}
.fi-ht.fis {
  background-image: url(../fonts/flags/1x1/ht.svg);
}

.fi-hu {
  background-image: url(../fonts/flags/4x3/hu.svg);
}
.fi-hu.fis {
  background-image: url(../fonts/flags/1x1/hu.svg);
}

.fi-id {
  background-image: url(../fonts/flags/4x3/id.svg);
}
.fi-id.fis {
  background-image: url(../fonts/flags/1x1/id.svg);
}

.fi-ie {
  background-image: url(../fonts/flags/4x3/ie.svg);
}
.fi-ie.fis {
  background-image: url(../fonts/flags/1x1/ie.svg);
}

.fi-il {
  background-image: url(../fonts/flags/4x3/il.svg);
}
.fi-il.fis {
  background-image: url(../fonts/flags/1x1/il.svg);
}

.fi-im {
  background-image: url(../fonts/flags/4x3/im.svg);
}
.fi-im.fis {
  background-image: url(../fonts/flags/1x1/im.svg);
}

.fi-in {
  background-image: url(../fonts/flags/4x3/in.svg);
}
.fi-in.fis {
  background-image: url(../fonts/flags/1x1/in.svg);
}

.fi-io {
  background-image: url(../fonts/flags/4x3/io.svg);
}
.fi-io.fis {
  background-image: url(../fonts/flags/1x1/io.svg);
}

.fi-iq {
  background-image: url(../fonts/flags/4x3/iq.svg);
}
.fi-iq.fis {
  background-image: url(../fonts/flags/1x1/iq.svg);
}

.fi-ir {
  background-image: url(../fonts/flags/4x3/ir.svg);
}
.fi-ir.fis {
  background-image: url(../fonts/flags/1x1/ir.svg);
}

.fi-is {
  background-image: url(../fonts/flags/4x3/is.svg);
}
.fi-is.fis {
  background-image: url(../fonts/flags/1x1/is.svg);
}

.fi-it {
  background-image: url(../fonts/flags/4x3/it.svg);
}
.fi-it.fis {
  background-image: url(../fonts/flags/1x1/it.svg);
}

.fi-je {
  background-image: url(../fonts/flags/4x3/je.svg);
}
.fi-je.fis {
  background-image: url(../fonts/flags/1x1/je.svg);
}

.fi-jm {
  background-image: url(../fonts/flags/4x3/jm.svg);
}
.fi-jm.fis {
  background-image: url(../fonts/flags/1x1/jm.svg);
}

.fi-jo {
  background-image: url(../fonts/flags/4x3/jo.svg);
}
.fi-jo.fis {
  background-image: url(../fonts/flags/1x1/jo.svg);
}

.fi-jp {
  background-image: url(../fonts/flags/4x3/jp.svg);
}
.fi-jp.fis {
  background-image: url(../fonts/flags/1x1/jp.svg);
}

.fi-ke {
  background-image: url(../fonts/flags/4x3/ke.svg);
}
.fi-ke.fis {
  background-image: url(../fonts/flags/1x1/ke.svg);
}

.fi-kg {
  background-image: url(../fonts/flags/4x3/kg.svg);
}
.fi-kg.fis {
  background-image: url(../fonts/flags/1x1/kg.svg);
}

.fi-kh {
  background-image: url(../fonts/flags/4x3/kh.svg);
}
.fi-kh.fis {
  background-image: url(../fonts/flags/1x1/kh.svg);
}

.fi-ki {
  background-image: url(../fonts/flags/4x3/ki.svg);
}
.fi-ki.fis {
  background-image: url(../fonts/flags/1x1/ki.svg);
}

.fi-km {
  background-image: url(../fonts/flags/4x3/km.svg);
}
.fi-km.fis {
  background-image: url(../fonts/flags/1x1/km.svg);
}

.fi-kn {
  background-image: url(../fonts/flags/4x3/kn.svg);
}
.fi-kn.fis {
  background-image: url(../fonts/flags/1x1/kn.svg);
}

.fi-kp {
  background-image: url(../fonts/flags/4x3/kp.svg);
}
.fi-kp.fis {
  background-image: url(../fonts/flags/1x1/kp.svg);
}

.fi-kr {
  background-image: url(../fonts/flags/4x3/kr.svg);
}
.fi-kr.fis {
  background-image: url(../fonts/flags/1x1/kr.svg);
}

.fi-kw {
  background-image: url(../fonts/flags/4x3/kw.svg);
}
.fi-kw.fis {
  background-image: url(../fonts/flags/1x1/kw.svg);
}

.fi-ky {
  background-image: url(../fonts/flags/4x3/ky.svg);
}
.fi-ky.fis {
  background-image: url(../fonts/flags/1x1/ky.svg);
}

.fi-kz {
  background-image: url(../fonts/flags/4x3/kz.svg);
}
.fi-kz.fis {
  background-image: url(../fonts/flags/1x1/kz.svg);
}

.fi-la {
  background-image: url(../fonts/flags/4x3/la.svg);
}
.fi-la.fis {
  background-image: url(../fonts/flags/1x1/la.svg);
}

.fi-lb {
  background-image: url(../fonts/flags/4x3/lb.svg);
}
.fi-lb.fis {
  background-image: url(../fonts/flags/1x1/lb.svg);
}

.fi-lc {
  background-image: url(../fonts/flags/4x3/lc.svg);
}
.fi-lc.fis {
  background-image: url(../fonts/flags/1x1/lc.svg);
}

.fi-li {
  background-image: url(../fonts/flags/4x3/li.svg);
}
.fi-li.fis {
  background-image: url(../fonts/flags/1x1/li.svg);
}

.fi-lk {
  background-image: url(../fonts/flags/4x3/lk.svg);
}
.fi-lk.fis {
  background-image: url(../fonts/flags/1x1/lk.svg);
}

.fi-lr {
  background-image: url(../fonts/flags/4x3/lr.svg);
}
.fi-lr.fis {
  background-image: url(../fonts/flags/1x1/lr.svg);
}

.fi-ls {
  background-image: url(../fonts/flags/4x3/ls.svg);
}
.fi-ls.fis {
  background-image: url(../fonts/flags/1x1/ls.svg);
}

.fi-lt {
  background-image: url(../fonts/flags/4x3/lt.svg);
}
.fi-lt.fis {
  background-image: url(../fonts/flags/1x1/lt.svg);
}

.fi-lu {
  background-image: url(../fonts/flags/4x3/lu.svg);
}
.fi-lu.fis {
  background-image: url(../fonts/flags/1x1/lu.svg);
}

.fi-lv {
  background-image: url(../fonts/flags/4x3/lv.svg);
}
.fi-lv.fis {
  background-image: url(../fonts/flags/1x1/lv.svg);
}

.fi-ly {
  background-image: url(../fonts/flags/4x3/ly.svg);
}
.fi-ly.fis {
  background-image: url(../fonts/flags/1x1/ly.svg);
}

.fi-ma {
  background-image: url(../fonts/flags/4x3/ma.svg);
}
.fi-ma.fis {
  background-image: url(../fonts/flags/1x1/ma.svg);
}

.fi-mc {
  background-image: url(../fonts/flags/4x3/mc.svg);
}
.fi-mc.fis {
  background-image: url(../fonts/flags/1x1/mc.svg);
}

.fi-md {
  background-image: url(../fonts/flags/4x3/md.svg);
}
.fi-md.fis {
  background-image: url(../fonts/flags/1x1/md.svg);
}

.fi-me {
  background-image: url(../fonts/flags/4x3/me.svg);
}
.fi-me.fis {
  background-image: url(../fonts/flags/1x1/me.svg);
}

.fi-mf {
  background-image: url(../fonts/flags/4x3/mf.svg);
}
.fi-mf.fis {
  background-image: url(../fonts/flags/1x1/mf.svg);
}

.fi-mg {
  background-image: url(../fonts/flags/4x3/mg.svg);
}
.fi-mg.fis {
  background-image: url(../fonts/flags/1x1/mg.svg);
}

.fi-mh {
  background-image: url(../fonts/flags/4x3/mh.svg);
}
.fi-mh.fis {
  background-image: url(../fonts/flags/1x1/mh.svg);
}

.fi-mk {
  background-image: url(../fonts/flags/4x3/mk.svg);
}
.fi-mk.fis {
  background-image: url(../fonts/flags/1x1/mk.svg);
}

.fi-ml {
  background-image: url(../fonts/flags/4x3/ml.svg);
}
.fi-ml.fis {
  background-image: url(../fonts/flags/1x1/ml.svg);
}

.fi-mm {
  background-image: url(../fonts/flags/4x3/mm.svg);
}
.fi-mm.fis {
  background-image: url(../fonts/flags/1x1/mm.svg);
}

.fi-mn {
  background-image: url(../fonts/flags/4x3/mn.svg);
}
.fi-mn.fis {
  background-image: url(../fonts/flags/1x1/mn.svg);
}

.fi-mo {
  background-image: url(../fonts/flags/4x3/mo.svg);
}
.fi-mo.fis {
  background-image: url(../fonts/flags/1x1/mo.svg);
}

.fi-mp {
  background-image: url(../fonts/flags/4x3/mp.svg);
}
.fi-mp.fis {
  background-image: url(../fonts/flags/1x1/mp.svg);
}

.fi-mq {
  background-image: url(../fonts/flags/4x3/mq.svg);
}
.fi-mq.fis {
  background-image: url(../fonts/flags/1x1/mq.svg);
}

.fi-mr {
  background-image: url(../fonts/flags/4x3/mr.svg);
}
.fi-mr.fis {
  background-image: url(../fonts/flags/1x1/mr.svg);
}

.fi-ms {
  background-image: url(../fonts/flags/4x3/ms.svg);
}
.fi-ms.fis {
  background-image: url(../fonts/flags/1x1/ms.svg);
}

.fi-mt {
  background-image: url(../fonts/flags/4x3/mt.svg);
}
.fi-mt.fis {
  background-image: url(../fonts/flags/1x1/mt.svg);
}

.fi-mu {
  background-image: url(../fonts/flags/4x3/mu.svg);
}
.fi-mu.fis {
  background-image: url(../fonts/flags/1x1/mu.svg);
}

.fi-mv {
  background-image: url(../fonts/flags/4x3/mv.svg);
}
.fi-mv.fis {
  background-image: url(../fonts/flags/1x1/mv.svg);
}

.fi-mw {
  background-image: url(../fonts/flags/4x3/mw.svg);
}
.fi-mw.fis {
  background-image: url(../fonts/flags/1x1/mw.svg);
}

.fi-mx {
  background-image: url(../fonts/flags/4x3/mx.svg);
}
.fi-mx.fis {
  background-image: url(../fonts/flags/1x1/mx.svg);
}

.fi-my {
  background-image: url(../fonts/flags/4x3/my.svg);
}
.fi-my.fis {
  background-image: url(../fonts/flags/1x1/my.svg);
}

.fi-mz {
  background-image: url(../fonts/flags/4x3/mz.svg);
}
.fi-mz.fis {
  background-image: url(../fonts/flags/1x1/mz.svg);
}

.fi-na {
  background-image: url(../fonts/flags/4x3/na.svg);
}
.fi-na.fis {
  background-image: url(../fonts/flags/1x1/na.svg);
}

.fi-nc {
  background-image: url(../fonts/flags/4x3/nc.svg);
}
.fi-nc.fis {
  background-image: url(../fonts/flags/1x1/nc.svg);
}

.fi-ne {
  background-image: url(../fonts/flags/4x3/ne.svg);
}
.fi-ne.fis {
  background-image: url(../fonts/flags/1x1/ne.svg);
}

.fi-nf {
  background-image: url(../fonts/flags/4x3/nf.svg);
}
.fi-nf.fis {
  background-image: url(../fonts/flags/1x1/nf.svg);
}

.fi-ng {
  background-image: url(../fonts/flags/4x3/ng.svg);
}
.fi-ng.fis {
  background-image: url(../fonts/flags/1x1/ng.svg);
}

.fi-ni {
  background-image: url(../fonts/flags/4x3/ni.svg);
}
.fi-ni.fis {
  background-image: url(../fonts/flags/1x1/ni.svg);
}

.fi-nl {
  background-image: url(../fonts/flags/4x3/nl.svg);
}
.fi-nl.fis {
  background-image: url(../fonts/flags/1x1/nl.svg);
}

.fi-no {
  background-image: url(../fonts/flags/4x3/no.svg);
}
.fi-no.fis {
  background-image: url(../fonts/flags/1x1/no.svg);
}

.fi-np {
  background-image: url(../fonts/flags/4x3/np.svg);
}
.fi-np.fis {
  background-image: url(../fonts/flags/1x1/np.svg);
}

.fi-nr {
  background-image: url(../fonts/flags/4x3/nr.svg);
}
.fi-nr.fis {
  background-image: url(../fonts/flags/1x1/nr.svg);
}

.fi-nu {
  background-image: url(../fonts/flags/4x3/nu.svg);
}
.fi-nu.fis {
  background-image: url(../fonts/flags/1x1/nu.svg);
}

.fi-nz {
  background-image: url(../fonts/flags/4x3/nz.svg);
}
.fi-nz.fis {
  background-image: url(../fonts/flags/1x1/nz.svg);
}

.fi-om {
  background-image: url(../fonts/flags/4x3/om.svg);
}
.fi-om.fis {
  background-image: url(../fonts/flags/1x1/om.svg);
}

.fi-pa {
  background-image: url(../fonts/flags/4x3/pa.svg);
}
.fi-pa.fis {
  background-image: url(../fonts/flags/1x1/pa.svg);
}

.fi-pe {
  background-image: url(../fonts/flags/4x3/pe.svg);
}
.fi-pe.fis {
  background-image: url(../fonts/flags/1x1/pe.svg);
}

.fi-pf {
  background-image: url(../fonts/flags/4x3/pf.svg);
}
.fi-pf.fis {
  background-image: url(../fonts/flags/1x1/pf.svg);
}

.fi-pg {
  background-image: url(../fonts/flags/4x3/pg.svg);
}
.fi-pg.fis {
  background-image: url(../fonts/flags/1x1/pg.svg);
}

.fi-ph {
  background-image: url(../fonts/flags/4x3/ph.svg);
}
.fi-ph.fis {
  background-image: url(../fonts/flags/1x1/ph.svg);
}

.fi-pk {
  background-image: url(../fonts/flags/4x3/pk.svg);
}
.fi-pk.fis {
  background-image: url(../fonts/flags/1x1/pk.svg);
}

.fi-pl {
  background-image: url(../fonts/flags/4x3/pl.svg);
}
.fi-pl.fis {
  background-image: url(../fonts/flags/1x1/pl.svg);
}

.fi-pm {
  background-image: url(../fonts/flags/4x3/pm.svg);
}
.fi-pm.fis {
  background-image: url(../fonts/flags/1x1/pm.svg);
}

.fi-pn {
  background-image: url(../fonts/flags/4x3/pn.svg);
}
.fi-pn.fis {
  background-image: url(../fonts/flags/1x1/pn.svg);
}

.fi-pr {
  background-image: url(../fonts/flags/4x3/pr.svg);
}
.fi-pr.fis {
  background-image: url(../fonts/flags/1x1/pr.svg);
}

.fi-ps {
  background-image: url(../fonts/flags/4x3/ps.svg);
}
.fi-ps.fis {
  background-image: url(../fonts/flags/1x1/ps.svg);
}

.fi-pt {
  background-image: url(../fonts/flags/4x3/pt.svg);
}
.fi-pt.fis {
  background-image: url(../fonts/flags/1x1/pt.svg);
}

.fi-pw {
  background-image: url(../fonts/flags/4x3/pw.svg);
}
.fi-pw.fis {
  background-image: url(../fonts/flags/1x1/pw.svg);
}

.fi-py {
  background-image: url(../fonts/flags/4x3/py.svg);
}
.fi-py.fis {
  background-image: url(../fonts/flags/1x1/py.svg);
}

.fi-qa {
  background-image: url(../fonts/flags/4x3/qa.svg);
}
.fi-qa.fis {
  background-image: url(../fonts/flags/1x1/qa.svg);
}

.fi-re {
  background-image: url(../fonts/flags/4x3/re.svg);
}
.fi-re.fis {
  background-image: url(../fonts/flags/1x1/re.svg);
}

.fi-ro {
  background-image: url(../fonts/flags/4x3/ro.svg);
}
.fi-ro.fis {
  background-image: url(../fonts/flags/1x1/ro.svg);
}

.fi-rs {
  background-image: url(../fonts/flags/4x3/rs.svg);
}
.fi-rs.fis {
  background-image: url(../fonts/flags/1x1/rs.svg);
}

.fi-ru {
  background-image: url(../fonts/flags/4x3/ru.svg);
}
.fi-ru.fis {
  background-image: url(../fonts/flags/1x1/ru.svg);
}

.fi-rw {
  background-image: url(../fonts/flags/4x3/rw.svg);
}
.fi-rw.fis {
  background-image: url(../fonts/flags/1x1/rw.svg);
}

.fi-sa {
  background-image: url(../fonts/flags/4x3/sa.svg);
}
.fi-sa.fis {
  background-image: url(../fonts/flags/1x1/sa.svg);
}

.fi-sb {
  background-image: url(../fonts/flags/4x3/sb.svg);
}
.fi-sb.fis {
  background-image: url(../fonts/flags/1x1/sb.svg);
}

.fi-sc {
  background-image: url(../fonts/flags/4x3/sc.svg);
}
.fi-sc.fis {
  background-image: url(../fonts/flags/1x1/sc.svg);
}

.fi-sd {
  background-image: url(../fonts/flags/4x3/sd.svg);
}
.fi-sd.fis {
  background-image: url(../fonts/flags/1x1/sd.svg);
}

.fi-se {
  background-image: url(../fonts/flags/4x3/se.svg);
}
.fi-se.fis {
  background-image: url(../fonts/flags/1x1/se.svg);
}

.fi-sg {
  background-image: url(../fonts/flags/4x3/sg.svg);
}
.fi-sg.fis {
  background-image: url(../fonts/flags/1x1/sg.svg);
}

.fi-sh {
  background-image: url(../fonts/flags/4x3/sh.svg);
}
.fi-sh.fis {
  background-image: url(../fonts/flags/1x1/sh.svg);
}

.fi-si {
  background-image: url(../fonts/flags/4x3/si.svg);
}
.fi-si.fis {
  background-image: url(../fonts/flags/1x1/si.svg);
}

.fi-sj {
  background-image: url(../fonts/flags/4x3/sj.svg);
}
.fi-sj.fis {
  background-image: url(../fonts/flags/1x1/sj.svg);
}

.fi-sk {
  background-image: url(../fonts/flags/4x3/sk.svg);
}
.fi-sk.fis {
  background-image: url(../fonts/flags/1x1/sk.svg);
}

.fi-sl {
  background-image: url(../fonts/flags/4x3/sl.svg);
}
.fi-sl.fis {
  background-image: url(../fonts/flags/1x1/sl.svg);
}

.fi-sm {
  background-image: url(../fonts/flags/4x3/sm.svg);
}
.fi-sm.fis {
  background-image: url(../fonts/flags/1x1/sm.svg);
}

.fi-sn {
  background-image: url(../fonts/flags/4x3/sn.svg);
}
.fi-sn.fis {
  background-image: url(../fonts/flags/1x1/sn.svg);
}

.fi-so {
  background-image: url(../fonts/flags/4x3/so.svg);
}
.fi-so.fis {
  background-image: url(../fonts/flags/1x1/so.svg);
}

.fi-sr {
  background-image: url(../fonts/flags/4x3/sr.svg);
}
.fi-sr.fis {
  background-image: url(../fonts/flags/1x1/sr.svg);
}

.fi-ss {
  background-image: url(../fonts/flags/4x3/ss.svg);
}
.fi-ss.fis {
  background-image: url(../fonts/flags/1x1/ss.svg);
}

.fi-st {
  background-image: url(../fonts/flags/4x3/st.svg);
}
.fi-st.fis {
  background-image: url(../fonts/flags/1x1/st.svg);
}

.fi-sv {
  background-image: url(../fonts/flags/4x3/sv.svg);
}
.fi-sv.fis {
  background-image: url(../fonts/flags/1x1/sv.svg);
}

.fi-sx {
  background-image: url(../fonts/flags/4x3/sx.svg);
}
.fi-sx.fis {
  background-image: url(../fonts/flags/1x1/sx.svg);
}

.fi-sy {
  background-image: url(../fonts/flags/4x3/sy.svg);
}
.fi-sy.fis {
  background-image: url(../fonts/flags/1x1/sy.svg);
}

.fi-sz {
  background-image: url(../fonts/flags/4x3/sz.svg);
}
.fi-sz.fis {
  background-image: url(../fonts/flags/1x1/sz.svg);
}

.fi-tc {
  background-image: url(../fonts/flags/4x3/tc.svg);
}
.fi-tc.fis {
  background-image: url(../fonts/flags/1x1/tc.svg);
}

.fi-td {
  background-image: url(../fonts/flags/4x3/td.svg);
}
.fi-td.fis {
  background-image: url(../fonts/flags/1x1/td.svg);
}

.fi-tf {
  background-image: url(../fonts/flags/4x3/tf.svg);
}
.fi-tf.fis {
  background-image: url(../fonts/flags/1x1/tf.svg);
}

.fi-tg {
  background-image: url(../fonts/flags/4x3/tg.svg);
}
.fi-tg.fis {
  background-image: url(../fonts/flags/1x1/tg.svg);
}

.fi-th {
  background-image: url(../fonts/flags/4x3/th.svg);
}
.fi-th.fis {
  background-image: url(../fonts/flags/1x1/th.svg);
}

.fi-tj {
  background-image: url(../fonts/flags/4x3/tj.svg);
}
.fi-tj.fis {
  background-image: url(../fonts/flags/1x1/tj.svg);
}

.fi-tk {
  background-image: url(../fonts/flags/4x3/tk.svg);
}
.fi-tk.fis {
  background-image: url(../fonts/flags/1x1/tk.svg);
}

.fi-tl {
  background-image: url(../fonts/flags/4x3/tl.svg);
}
.fi-tl.fis {
  background-image: url(../fonts/flags/1x1/tl.svg);
}

.fi-tm {
  background-image: url(../fonts/flags/4x3/tm.svg);
}
.fi-tm.fis {
  background-image: url(../fonts/flags/1x1/tm.svg);
}

.fi-tn {
  background-image: url(../fonts/flags/4x3/tn.svg);
}
.fi-tn.fis {
  background-image: url(../fonts/flags/1x1/tn.svg);
}

.fi-to {
  background-image: url(../fonts/flags/4x3/to.svg);
}
.fi-to.fis {
  background-image: url(../fonts/flags/1x1/to.svg);
}

.fi-tr {
  background-image: url(../fonts/flags/4x3/tr.svg);
}
.fi-tr.fis {
  background-image: url(../fonts/flags/1x1/tr.svg);
}

.fi-tt {
  background-image: url(../fonts/flags/4x3/tt.svg);
}
.fi-tt.fis {
  background-image: url(../fonts/flags/1x1/tt.svg);
}

.fi-tv {
  background-image: url(../fonts/flags/4x3/tv.svg);
}
.fi-tv.fis {
  background-image: url(../fonts/flags/1x1/tv.svg);
}

.fi-tw {
  background-image: url(../fonts/flags/4x3/tw.svg);
}
.fi-tw.fis {
  background-image: url(../fonts/flags/1x1/tw.svg);
}

.fi-tz {
  background-image: url(../fonts/flags/4x3/tz.svg);
}
.fi-tz.fis {
  background-image: url(../fonts/flags/1x1/tz.svg);
}

.fi-ua {
  background-image: url(../fonts/flags/4x3/ua.svg);
}
.fi-ua.fis {
  background-image: url(../fonts/flags/1x1/ua.svg);
}

.fi-ug {
  background-image: url(../fonts/flags/4x3/ug.svg);
}
.fi-ug.fis {
  background-image: url(../fonts/flags/1x1/ug.svg);
}

.fi-um {
  background-image: url(../fonts/flags/4x3/um.svg);
}
.fi-um.fis {
  background-image: url(../fonts/flags/1x1/um.svg);
}

.fi-us {
  background-image: url(../fonts/flags/4x3/us.svg);
}
.fi-us.fis {
  background-image: url(../fonts/flags/1x1/us.svg);
}

.fi-uy {
  background-image: url(../fonts/flags/4x3/uy.svg);
}
.fi-uy.fis {
  background-image: url(../fonts/flags/1x1/uy.svg);
}

.fi-uz {
  background-image: url(../fonts/flags/4x3/uz.svg);
}
.fi-uz.fis {
  background-image: url(../fonts/flags/1x1/uz.svg);
}

.fi-va {
  background-image: url(../fonts/flags/4x3/va.svg);
}
.fi-va.fis {
  background-image: url(../fonts/flags/1x1/va.svg);
}

.fi-vc {
  background-image: url(../fonts/flags/4x3/vc.svg);
}
.fi-vc.fis {
  background-image: url(../fonts/flags/1x1/vc.svg);
}

.fi-ve {
  background-image: url(../fonts/flags/4x3/ve.svg);
}
.fi-ve.fis {
  background-image: url(../fonts/flags/1x1/ve.svg);
}

.fi-vg {
  background-image: url(../fonts/flags/4x3/vg.svg);
}
.fi-vg.fis {
  background-image: url(../fonts/flags/1x1/vg.svg);
}

.fi-vi {
  background-image: url(../fonts/flags/4x3/vi.svg);
}
.fi-vi.fis {
  background-image: url(../fonts/flags/1x1/vi.svg);
}

.fi-vn {
  background-image: url(../fonts/flags/4x3/vn.svg);
}
.fi-vn.fis {
  background-image: url(../fonts/flags/1x1/vn.svg);
}

.fi-vu {
  background-image: url(../fonts/flags/4x3/vu.svg);
}
.fi-vu.fis {
  background-image: url(../fonts/flags/1x1/vu.svg);
}

.fi-wf {
  background-image: url(../fonts/flags/4x3/wf.svg);
}
.fi-wf.fis {
  background-image: url(../fonts/flags/1x1/wf.svg);
}

.fi-ws {
  background-image: url(../fonts/flags/4x3/ws.svg);
}
.fi-ws.fis {
  background-image: url(../fonts/flags/1x1/ws.svg);
}

.fi-ye {
  background-image: url(../fonts/flags/4x3/ye.svg);
}
.fi-ye.fis {
  background-image: url(../fonts/flags/1x1/ye.svg);
}

.fi-yt {
  background-image: url(../fonts/flags/4x3/yt.svg);
}
.fi-yt.fis {
  background-image: url(../fonts/flags/1x1/yt.svg);
}

.fi-za {
  background-image: url(../fonts/flags/4x3/za.svg);
}
.fi-za.fis {
  background-image: url(../fonts/flags/1x1/za.svg);
}

.fi-zm {
  background-image: url(../fonts/flags/4x3/zm.svg);
}
.fi-zm.fis {
  background-image: url(../fonts/flags/1x1/zm.svg);
}

.fi-zw {
  background-image: url(../fonts/flags/4x3/zw.svg);
}
.fi-zw.fis {
  background-image: url(../fonts/flags/1x1/zw.svg);
}

.fi-arab {
  background-image: url(../fonts/flags/4x3/arab.svg);
}
.fi-arab.fis {
  background-image: url(../fonts/flags/1x1/arab.svg);
}

.fi-cefta {
  background-image: url(../fonts/flags/4x3/cefta.svg);
}
.fi-cefta.fis {
  background-image: url(../fonts/flags/1x1/cefta.svg);
}

.fi-cp {
  background-image: url(../fonts/flags/4x3/cp.svg);
}
.fi-cp.fis {
  background-image: url(../fonts/flags/1x1/cp.svg);
}

.fi-dg {
  background-image: url(../fonts/flags/4x3/dg.svg);
}
.fi-dg.fis {
  background-image: url(../fonts/flags/1x1/dg.svg);
}

.fi-eac {
  background-image: url(../fonts/flags/4x3/eac.svg);
}
.fi-eac.fis {
  background-image: url(../fonts/flags/1x1/eac.svg);
}

.fi-es-ct {
  background-image: url(../fonts/flags/4x3/es-ct.svg);
}
.fi-es-ct.fis {
  background-image: url(../fonts/flags/1x1/es-ct.svg);
}

.fi-es-ga {
  background-image: url(../fonts/flags/4x3/es-ga.svg);
}
.fi-es-ga.fis {
  background-image: url(../fonts/flags/1x1/es-ga.svg);
}

.fi-es-pv {
  background-image: url(../fonts/flags/4x3/es-pv.svg);
}
.fi-es-pv.fis {
  background-image: url(../fonts/flags/1x1/es-pv.svg);
}

.fi-eu {
  background-image: url(../fonts/flags/4x3/eu.svg);
}
.fi-eu.fis {
  background-image: url(../fonts/flags/1x1/eu.svg);
}

.fi-gb-eng {
  background-image: url(../fonts/flags/4x3/gb-eng.svg);
}
.fi-gb-eng.fis {
  background-image: url(../fonts/flags/1x1/gb-eng.svg);
}

.fi-gb-nir {
  background-image: url(../fonts/flags/4x3/gb-nir.svg);
}
.fi-gb-nir.fis {
  background-image: url(../fonts/flags/1x1/gb-nir.svg);
}

.fi-gb-sct {
  background-image: url(../fonts/flags/4x3/gb-sct.svg);
}
.fi-gb-sct.fis {
  background-image: url(../fonts/flags/1x1/gb-sct.svg);
}

.fi-gb-wls {
  background-image: url(../fonts/flags/4x3/gb-wls.svg);
}
.fi-gb-wls.fis {
  background-image: url(../fonts/flags/1x1/gb-wls.svg);
}

.fi-ic {
  background-image: url(../fonts/flags/4x3/ic.svg);
}
.fi-ic.fis {
  background-image: url(../fonts/flags/1x1/ic.svg);
}

.fi-pc {
  background-image: url(../fonts/flags/4x3/pc.svg);
}
.fi-pc.fis {
  background-image: url(../fonts/flags/1x1/pc.svg);
}

.fi-sh-ac {
  background-image: url(../fonts/flags/4x3/sh-ac.svg);
}
.fi-sh-ac.fis {
  background-image: url(../fonts/flags/1x1/sh-ac.svg);
}

.fi-sh-hl {
  background-image: url(../fonts/flags/4x3/sh-hl.svg);
}
.fi-sh-hl.fis {
  background-image: url(../fonts/flags/1x1/sh-hl.svg);
}

.fi-sh-ta {
  background-image: url(../fonts/flags/4x3/sh-ta.svg);
}
.fi-sh-ta.fis {
  background-image: url(../fonts/flags/1x1/sh-ta.svg);
}

.fi-un {
  background-image: url(../fonts/flags/4x3/un.svg);
}
.fi-un.fis {
  background-image: url(../fonts/flags/1x1/un.svg);
}

.fi-xk {
  background-image: url(../fonts/flags/4x3/xk.svg);
}
.fi-xk.fis {
  background-image: url(../fonts/flags/1x1/xk.svg);
}

.modal-background {
  background-color: #000;
  display: none;
  height: 100%;
  position: fixed;
  opacity: 0.5;
  width: 100%;
  top: 0;
  left: 0;
}

input[placeholder] {
  text-overflow: ellipsis;
}

header ~ #maincontent .container a:not(.btn-primary, .btn-outline-primary) {
  color: var(--skin-link-color-2);
}

.hide-order-discount {
  display: none;
}

.hide-shipping-discount {
  display: none;
}

.order-discount {
  color: #008827;
}

.shipping-discount {
  color: #008827;
}

.error-messaging {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}

.error-hero {
  background-image: url("../images/storelocator.jpg");
  margin-bottom: 0.625em;
}

.error-message {
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
}

.error.continue-shopping {
  margin-bottom: 6.25em;
}

.error-unassigned-category {
  color: #c00;
}

.skip {
  position: absolute;
  left: 0;
  top: -4.2em;
  overflow: hidden;
  padding: 1em 1.5em;
  background: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a.skip:active,
a.skip:focus,
a.skip:hover {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  z-index: 10000000;
  background: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.card-header-custom {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  margin-bottom: 0;
}

/* 【DHC 1.0】 TIGEC-430対応 フォントに関係するスタイルを上書きしないように修正 */
/* stylelint-disable scss/no-global-function-names */
@media (max-width: 543.98px) {
  .menu-toggleable-left.navbar-toggleable-xs {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    -webkit-transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%;
  }
  .menu-toggleable-left.navbar-toggleable-xs.in {
    min-width: 50%;
    left: 0;
  }
}
@media (max-width: 768.98px) {
  .menu-toggleable-left.navbar-toggleable-sm {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    -webkit-transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%;
  }
  .menu-toggleable-left.navbar-toggleable-sm.in {
    min-width: 50%;
    left: 0;
  }
}
@media (max-width: 991.98px) {
  .menu-toggleable-left.navbar-toggleable-md {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    -webkit-transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%;
  }
  .menu-toggleable-left.navbar-toggleable-md.in {
    min-width: 50%;
    left: 0;
  }
}
@media (max-width: 1199.98px) {
  .menu-toggleable-left.navbar-toggleable-lg {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    -webkit-transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
    max-width: 100%;
  }
  .menu-toggleable-left.navbar-toggleable-lg.in {
    min-width: 50%;
    left: 0;
  }
}
.menu-toggleable-left.navbar-toggleable-xl {
  position: fixed;
  left: -100%;
  top: 0;
  bottom: 0;
  -webkit-transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
  transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
  display: block;
  max-width: 100%;
}
.menu-toggleable-left.navbar-toggleable-xl.in {
  min-width: 50%;
  left: 0;
}

.navbar.bg-inverse {
  background-color: transparent !important;
  padding: 0;
}
@media (min-width: 769px) {
  .navbar.bg-inverse .navbar-nav .nav-item + .nav-item {
    margin-left: 0;
  }
  .navbar.bg-inverse .navbar-nav .nav-link {
    padding: 0.8rem;
    white-space: nowrap;
  }
}

.navbar-expand-md .navbar-nav.nav-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.navbar-expand-md .navbar-nav.nav-spaced {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.navbar-expand-md .navbar-nav.nav-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: #fff;
  color: #444;
}

@media (min-width: 769px) {
  .nav-item > .nav-link {
    color: #fff;
  }
}
@media (max-width: 768.98px) {
  .main-menu.menu-toggleable-left {
    background-color: #fff;
    z-index: 4;
  }
}

.menu-toggleable-left .close-menu {
  padding: 15px;
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
@media (min-width: 769px) {
  .menu-toggleable-left .close-menu {
    display: none;
  }
}
.menu-toggleable-left .menu-group {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.menu-toggleable-left li > .close-menu {
  margin-right: 0;
  margin-top: -0.6rem;
  margin-left: 0;
}
@media (max-width: 768.98px) {
  .menu-toggleable-left .bg-inverse {
    background-color: white !important;
    color: #222;
  }
}
@media (max-width: 543.98px) {
  .menu-toggleable-left.in {
    right: 0;
    margin-right: 1.25em; /* 20/16 */
  }
}
@media (max-width: 768.98px) {
  .menu-toggleable-left.in .nav-item + .nav-item {
    border-top: 1px solid #eee;
  }
  .menu-toggleable-left.in .dropdown {
    display: block;
    position: static;
  }
  .menu-toggleable-left.in .dropdown-toggle {
    padding-left: 1rem;
  }
  .menu-toggleable-left.in .dropdown-toggle::after {
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    position: absolute;
    right: 0.3em;
    margin-top: 0.55em;
  }
  .menu-toggleable-left.in .nav-item .nav-link {
    padding-left: 1rem;
  }
  .menu-toggleable-left.in .dropdown-menu {
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
    -webkit-transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    transition: left 0.5s cubic-bezier(0, 1, 0.5, 1);
    display: block;
  }
  .menu-toggleable-left.in .show > .dropdown-menu {
    left: 0;
  }
}

.multilevel-dropdown .dropdown-menu {
  top: 90%;
  border: 0;
  border-radius: 0;
}
@media (min-width: 769px) {
  .multilevel-dropdown .dropdown-menu {
    -webkit-box-shadow: 0 3px 5px rgba(43, 36, 25, 0.4);
            box-shadow: 0 3px 5px rgba(43, 36, 25, 0.4);
  }
}
.multilevel-dropdown .dropdown-item.dropdown > .dropdown-toggle::after {
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  position: absolute;
  right: 0.3em;
  margin-top: 0.55em;
}
@media (min-width: 769px) {
  .multilevel-dropdown .dropdown-menu > .dropdown > .dropdown-menu {
    top: -0.65em;
    left: 99%;
  }
}
.multilevel-dropdown .close-menu .back .caret-left {
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-left: 0.3 solid transparent;
  width: 0;
  height: 0;
  display: inline-block;
  margin-bottom: 0.125em;
}
.multilevel-dropdown .navbar > .close-menu > .back {
  display: none;
}
.multilevel-dropdown .dropdown-item {
  padding: 0 0 0 1em;
}
.multilevel-dropdown .dropdown-item .dropdown-link {
  display: block;
  padding: 0.425em 5em 0.425em 0;
}
.multilevel-dropdown .dropdown-item + .dropdown-item {
  border-top: 1px solid #eee;
}
.multilevel-dropdown .dropdown-item.top-category {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.multilevel-dropdown .dropdown-item.top-category > .nav-link {
  padding-left: 0;
}

/* stylelint-enable scss/no-global-function-names */
.header {
  position: relative;
}

.minicart {
  margin-top: 0.1875em; /* 3/16 */
  vertical-align: top;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.minicart a.minicart-link:hover {
  text-decoration: none;
}
.minicart .minicart-quantity {
  background-color: var(--skin-primary-color-1);
  border-radius: 50%;
  width: 1.25em; /* 20/16 */
  height: 1.25em; /* 20/16 */
  line-height: normal;
  display: inline-block;
  text-align: center;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  position: relative;
  top: -0.9375em; /* 15/16 */
  left: -0.9375em; /* 15/16 */
  color: #fff;
}

.navbar-header {
  height: 4.375em; /* 70/16 */
}
.navbar-header .user,
.navbar-header .country-selector,
.navbar-header .search,
.navbar-header .minicart {
  display: inline-block;
  margin: 1.125em 0 0 0.5em;
}
.navbar-header .user,
.navbar-header .country-selector,
.navbar-header .minicart,
.navbar-header .navbar-toggler {
  line-height: 2.25em; /* 36/16 */
  height: auto;
}
.navbar-header .navbar-toggler {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  width: auto;
}
.navbar-header .user {
  position: relative;
}
.navbar-header .user .popover {
  position: absolute;
  display: none;
  padding: 1em;
  top: 85%;
  left: 0;
}
.navbar-header .user .popover a {
  white-space: nowrap;
  margin-bottom: 0.5em;
}
.navbar-header .user .popover::before {
  left: 1.5rem;
}
.navbar-header .user .popover::after {
  left: 1.5rem;
}
.navbar-header .user .popover.show {
  display: block;
}

.brand {
  position: absolute;
  left: 50%;
  display: block;
  text-align: center;
}
.brand img {
  width: 100%;
}
@media (min-width: 992px) {
  .brand {
    width: 14.125em; /* 226/16 */
    margin-left: -7.0625em; /* 113/16 */
    padding-top: 0.5em;
  }
}
@media (max-width: 991.98px) {
  .brand {
    width: 4em; /* 64/16 */
    margin-left: -2em;
    padding-top: 0.8em;
  }
}

.main-menu {
  background-color: #444;
}
.main-menu .navbar .close-menu button,
.main-menu .navbar .close-button button {
  background-color: transparent;
  border: 0;
  -webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
}

.header-banner {
  background-color: #222;
  text-align: center;
  color: #fff;
}
.header-banner .close-button {
  width: 2.125em;
}
.header-banner .close-button .close {
  opacity: 1;
  color: #fff;
  width: 100%;
  height: 100%;
  background-color: var(--skin-primary-color-1);
}
.header-banner .content {
  margin-right: 1.5em;
  padding-top: 0.3125em;
  padding-bottom: 0.3125em;
}

a.normal {
  color: var(--skin-primary-color-1);
  text-decoration: underline;
}

.slide-up {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  max-height: 100px;
  overflow: hidden;
}
.slide-up.hide {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
          transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.dropdown-country-selector {
  margin-top: -0.0625em;
}

.cookie-warning-messaging.cookie-warning {
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  text-align: center;
  display: none;
}

.valid-cookie-warning {
  background-color: var(--skin-link-color-1);
  color: #fff;
  white-space: nowrap;
}
.valid-cookie-warning p {
  margin-top: 0;
  margin-bottom: 0.2em;
  padding-right: 2em;
}

/* 【DHC 1.0】 TIGEC-430対応 フォントに関係するスタイルを上書きしないように修正 */
@media (max-width: 543.98px) {
  .collapsible-xs .title {
    line-height: 2.5rem; /* 40/16 */
  }
  .collapsible-xs .title::after {
    display: block;
    clear: both;
    content: "";
  }
  .collapsible-xs .title::after {
    float: right;
    content: "\f078";
    /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
    /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  }
  .collapsible-xs .content,
  .collapsible-xs .card-body {
    display: none;
  }
  .collapsible-xs.active .title::after {
    content: "\f077";
    margin-top: -0.125em; /* 2/16 */
  }
  .collapsible-xs.active .content,
  .collapsible-xs.active .card-body {
    display: block;
  }
}
.container div.collapsible-xs button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent;
}
.container div.collapsible-xs button.title:hover {
  text-decoration: none;
}

@media (max-width: 768.98px) {
  .collapsible-sm .title {
    line-height: 2.5rem; /* 40/16 */
  }
  .collapsible-sm .title::after {
    display: block;
    clear: both;
    content: "";
  }
  .collapsible-sm .title::after {
    float: right;
    content: "\f078";
    /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
    /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  }
  .collapsible-sm .content,
  .collapsible-sm .card-body {
    display: none;
  }
  .collapsible-sm.active .title::after {
    content: "\f077";
    margin-top: -0.125em; /* 2/16 */
  }
  .collapsible-sm.active .content,
  .collapsible-sm.active .card-body {
    display: block;
  }
}
.container div.collapsible-sm button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent;
}
.container div.collapsible-sm button.title:hover {
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .collapsible-md .title {
    line-height: 2.5rem; /* 40/16 */
  }
  .collapsible-md .title::after {
    display: block;
    clear: both;
    content: "";
  }
  .collapsible-md .title::after {
    float: right;
    content: "\f078";
    /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
    /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  }
  .collapsible-md .content,
  .collapsible-md .card-body {
    display: none;
  }
  .collapsible-md.active .title::after {
    content: "\f077";
    margin-top: -0.125em; /* 2/16 */
  }
  .collapsible-md.active .content,
  .collapsible-md.active .card-body {
    display: block;
  }
}
.container div.collapsible-md button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent;
}
.container div.collapsible-md button.title:hover {
  text-decoration: none;
}

@media (max-width: 1199.98px) {
  .collapsible-lg .title {
    line-height: 2.5rem; /* 40/16 */
  }
  .collapsible-lg .title::after {
    display: block;
    clear: both;
    content: "";
  }
  .collapsible-lg .title::after {
    float: right;
    content: "\f078";
    /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
    /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  }
  .collapsible-lg .content,
  .collapsible-lg .card-body {
    display: none;
  }
  .collapsible-lg.active .title::after {
    content: "\f077";
    margin-top: -0.125em; /* 2/16 */
  }
  .collapsible-lg.active .content,
  .collapsible-lg.active .card-body {
    display: block;
  }
}
.container div.collapsible-lg button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent;
}
.container div.collapsible-lg button.title:hover {
  text-decoration: none;
}

.collapsible-xl .title {
  line-height: 2.5rem; /* 40/16 */
}
.collapsible-xl .title::after {
  display: block;
  clear: both;
  content: "";
}
.collapsible-xl .title::after {
  float: right;
  content: "\f078";
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.collapsible-xl .content,
.collapsible-xl .card-body {
  display: none;
}
.collapsible-xl.active .title::after {
  content: "\f077";
  margin-top: -0.125em; /* 2/16 */
}
.collapsible-xl.active .content,
.collapsible-xl.active .card-body {
  display: block;
}

.container div.collapsible-xl button.title {
  color: #000;
  text-decoration: none;
  border: none;
  background-color: transparent;
}
.container div.collapsible-xl button.title:hover {
  text-decoration: none;
}

footer {
  /* 【DHC 1.0】 Start 簡易フッター global.css競合個所コメントアウト */
  /*
  background-color: $gray-200;
  */
  /* 【DHC 1.0】 End 簡易フッター global.css競合個所コメントアウト */
  /* 【DHC 1.0】 Start 簡易フッター global.css競合個所コメントアウト */
  /*
  padding-top: 1.25em;
  padding-bottom: 1.25em;
  */
  /* 【DHC 1.0】 End 簡易フッター global.css競合個所コメントアウト */
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
footer h2 {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  margin-bottom: 0;
  line-height: 2.5em; /* 40/16 */
}
footer ul {
  list-style: none;
  padding-left: 0;
}
footer .social h2 {
  margin-top: 0;
}
footer .social::after {
  display: block;
  clear: both;
  content: "";
}
footer .copyright,
footer .social {
  margin-top: 1.25em;
}
footer .footer-container .footer-item.collapsible-xs button {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  padding: 0;
}
footer .social-links {
  float: left;
}
footer .social-links::after {
  display: block;
  clear: both;
  content: "";
}
@media (max-width: 543.98px) {
  footer .social-links {
    width: 80%;
  }
}
footer .social-links li {
  float: left;
  margin: 0.313em;
}
@media (max-width: 543.98px) {
  footer .social-links li {
    width: 20%;
    text-align: center;
  }
}
footer .social-links a {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
footer .social-links a:hover {
  text-decoration: none;
}
@media (max-width: 543.98px) {
  footer .store {
    border-bottom: 1px solid #444;
  }
  footer .store .content {
    display: none;
  }
  footer .store h2::after {
    display: block;
    clear: both;
    content: "";
  }
  footer .store h2::after {
    /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
    /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
    float: right;
    content: "\f041";
  }
}
footer .content {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
footer .content li {
  height: 1.875rem;
}
footer .copyright {
  margin-bottom: 0.625em;
}
footer .back-to-top {
  margin: 0.1em 0.313em;
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
}
footer .back-to-top i.fa-arrow-up {
  color: rgba(0, 0, 0, 0.7);
}
footer .back-to-top i.fa-circle {
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 543.98px) {
  .footer-item {
    border-bottom: 1px solid #444;
  }
}

#consent-tracking .button-wrapper button {
  margin: 0.5em;
}

.email-signup-message {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
}

.email-signup-alert {
  -webkit-animation: fade 5s linear forwards;
          animation: fade 5s linear forwards;
  -webkit-box-shadow: 1px 1px 5px grey;
          box-shadow: 1px 1px 5px grey;
  padding: 1em;
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.email-signup-alert.show {
  display: block;
}

/*【DHC 1.0】 簡易フッター global.css競合個所修正 */
/* stylelint-disable scss/no-global-function-names */
@media (min-width: 544px) {
  .slant-down::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 0;
    border-left-width: 90vw;
    border-bottom: 4vw solid #f9f9f9;
  }
}

@media (min-width: 544px) {
  .slant-up::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left-width: 0;
    border-right-width: 90vw;
    border-top: 4vw solid #f9f9f9;
  }
}

h1.page-title {
  position: relative;
  color: white;
  padding: 0.3125em 0.625em 0.3125em 15px;
  background-color: var(--skin-primary-color-1);
  display: inline-block;
  margin: 0.9375em 0;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
h1.page-title::before {
  content: "";
  background-color: var(--skin-primary-color-1);
  height: 100%;
  width: 0;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 1200px) {
  h1.page-title::before {
    width: calc((100vw - 1140px) / 2);
    left: calc((100vw - 1140px) / 2 * -1);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  h1.page-title::before {
    width: calc((100vw - 940px) / 2);
    left: calc((100vw - 940px) / 2 * -1);
  }
}
@media (min-width: 769px) and (max-width: 991.98px) {
  h1.page-title::before {
    width: calc((100vw - 720px) / 2);
    left: calc((100vw - 720px) / 2 * -1);
  }
}
@media (min-width: 1200px) {
  h1.page-title {
    left: calc((100% - 1140px) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  h1.page-title {
    left: calc((100% - 940px) / 2);
  }
}
@media (min-width: 769px) and (max-width: 991.98px) {
  h1.page-title {
    left: calc((100% - 720px) / 2);
  }
}
@media (max-width: 768.98px) {
  h1.page-title {
    left: 0;
  }
}

.hero {
  height: 25vw;
  background-size: cover;
  background-position: 50%;
  position: relative;
}
.hero h1.page-title {
  top: 50%;
  margin: -1em 0 0;
}

/* stylelint-enable scss/no-global-function-names */
/* 【DHC 1.0】 TIGEC-430対応 フォントに関係するスタイルを上書きしないように修正 */
.notify {
  position: fixed;
  top: 0;
}

/* stylelint-disable-line import-notation */
.price {
  color: #222;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.price .strike-through {
  text-decoration: line-through;
  color: #999;
  margin-right: 0.938rem;
}
.price .tiered {
  color: #222;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.price .tiered table {
  border-top: 1px solid #ccc;
  margin: 0 auto;
}
.price .tiered table tr:nth-child(odd) {
  background-color: #eee;
}
.price .tiered td {
  padding: 0.313rem;
}
.price .tiered td.quantity {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  text-align: right;
}
.price .tiered td.value {
  text-align: left;
}
.price .tiered .table-header {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  padding: 0.313rem;
}
.price .tiered .column-header {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  padding: 0.313rem;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.price .tiered .column-header.quantity {
  text-align: right;
}

/* 【DHC 1.0】 TIGEC-430対応 フォントに関係するスタイルを上書きしないように修正 */
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-beige.disabled {
  opacity: 0.2;
}

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative;
}
.swatch-filter-beige.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-black.disabled {
  opacity: 0.2;
}

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative;
}
.swatch-filter-black.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-blue.disabled {
  opacity: 0.2;
}

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative;
}
.swatch-filter-blue.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-brown.disabled {
  opacity: 0.2;
}

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative;
}
.swatch-filter-brown.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-green.disabled {
  opacity: 0.2;
}

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative;
}
.swatch-filter-green.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-grey.disabled {
  opacity: 0.2;
}

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative;
}
.swatch-filter-grey.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-navy.disabled {
  opacity: 0.2;
}

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative;
}
.swatch-filter-navy.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-orange.disabled {
  opacity: 0.2;
}

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative;
}
.swatch-filter-orange.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-pink.disabled {
  opacity: 0.2;
}

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative;
}
.swatch-filter-pink.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-purple.disabled {
  opacity: 0.2;
}

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative;
}
.swatch-filter-purple.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-red.disabled {
  opacity: 0.2;
}

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative;
}
.swatch-filter-red.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-white.disabled {
  opacity: 0.2;
}

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative;
}
.swatch-filter-white.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-yellow.disabled {
  opacity: 0.2;
}

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative;
}
.swatch-filter-yellow.disabled {
  opacity: 0.2;
}

.swatch-circle-miscellaneous {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(130, 30, 145)), color-stop(25%, rgb(130, 30, 145)), color-stop(25%, rgb(237, 209, 52)), color-stop(50%, rgb(255, 255, 0)), color-stop(50%, rgb(237, 209, 52)), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(14, 92, 209)), color-stop(50%, rgb(14, 92, 209)), color-stop(50%, rgb(226, 11, 11)), to(rgb(226, 11, 11)));
  background: linear-gradient(0deg, rgb(130, 30, 145) 0, rgb(130, 30, 145) 25%, rgb(237, 209, 52) 25%, rgb(255, 255, 0) 50%, rgb(237, 209, 52) 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, rgb(14, 92, 209) 0, rgb(14, 92, 209) 50%, rgb(226, 11, 11) 50%, rgb(226, 11, 11) 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em;
}
.swatch-circle-miscellaneous.disabled {
  opacity: 0.2;
}
.swatch-circle-miscellaneous.selected::after {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

.attribute {
  margin-top: 0.938em;
}
.attribute label {
  display: block;
}

.swatch a {
  text-decoration: none;
}

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0;
  }
}

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0;
}
@media (max-width: 543.98px) {
  .prices-add-to-cart-actions {
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 544px) {
  .prices-add-to-cart-actions {
    position: static;
    padding: 0 0.9375em;
  }
}
.prices-add-to-cart-actions .price {
  text-align: center;
}

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center;
}

.cart-and-ipay {
  text-align: center;
}
@media (max-width: 543.98px) {
  .cart-and-ipay {
    padding-bottom: 26px;
  }
  .cart-and-ipay .btn {
    width: 98%;
    margin: 1%;
    display: block;
  }
}

.add-to-cart-messages {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
}

.add-to-basket-alert {
  -webkit-animation: fade 5s linear forwards;
          animation: fade 5s linear forwards;
  -webkit-box-shadow: 1px 1px 5px grey;
          box-shadow: 1px 1px 5px grey;
  padding: 1em;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.add-to-basket-alert.show {
  display: block;
}

.simple-quantity {
  margin-top: 1em;
}

.main-attributes {
  margin-top: 1em;
}

.size-chart {
  margin-top: 1.071em;
}

div.availability {
  margin-top: 1.071em;
}

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}
.bundle-item:last-child {
  border-bottom: none;
}

.container.product-detail {
  margin-top: 2em;
  margin-bottom: 2em;
}
@media (max-width: 543.98px) {
  .container.product-detail {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.product-option:not(:first-child) {
  margin-top: 1.071em;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-beige.disabled {
  opacity: 0.2;
}

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative;
}
.swatch-filter-beige.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-black.disabled {
  opacity: 0.2;
}

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative;
}
.swatch-filter-black.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-blue.disabled {
  opacity: 0.2;
}

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative;
}
.swatch-filter-blue.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-brown.disabled {
  opacity: 0.2;
}

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative;
}
.swatch-filter-brown.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-green.disabled {
  opacity: 0.2;
}

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative;
}
.swatch-filter-green.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-grey.disabled {
  opacity: 0.2;
}

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative;
}
.swatch-filter-grey.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-navy.disabled {
  opacity: 0.2;
}

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative;
}
.swatch-filter-navy.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-orange.disabled {
  opacity: 0.2;
}

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative;
}
.swatch-filter-orange.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-pink.disabled {
  opacity: 0.2;
}

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative;
}
.swatch-filter-pink.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-purple.disabled {
  opacity: 0.2;
}

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative;
}
.swatch-filter-purple.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-red.disabled {
  opacity: 0.2;
}

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative;
}
.swatch-filter-red.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-white.disabled {
  opacity: 0.2;
}

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative;
}
.swatch-filter-white.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-yellow.disabled {
  opacity: 0.2;
}

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative;
}
.swatch-filter-yellow.disabled {
  opacity: 0.2;
}

.swatch-circle-miscellaneous {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(130, 30, 145)), color-stop(25%, rgb(130, 30, 145)), color-stop(25%, rgb(237, 209, 52)), color-stop(50%, rgb(255, 255, 0)), color-stop(50%, rgb(237, 209, 52)), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(14, 92, 209)), color-stop(50%, rgb(14, 92, 209)), color-stop(50%, rgb(226, 11, 11)), to(rgb(226, 11, 11)));
  background: linear-gradient(0deg, rgb(130, 30, 145) 0, rgb(130, 30, 145) 25%, rgb(237, 209, 52) 25%, rgb(255, 255, 0) 50%, rgb(237, 209, 52) 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, rgb(14, 92, 209) 0, rgb(14, 92, 209) 50%, rgb(226, 11, 11) 50%, rgb(226, 11, 11) 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em;
}
.swatch-circle-miscellaneous.disabled {
  opacity: 0.2;
}
.swatch-circle-miscellaneous.selected::after {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

.attribute {
  margin-top: 0.938em;
}
.attribute label {
  display: block;
}

.swatch a {
  text-decoration: none;
}

@media (max-width: 543.98px) {
  .primary-images {
    margin: 0;
    padding: 0;
  }
}

.prices-add-to-cart-actions {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 50;
  padding-right: 0;
  padding-left: 0;
  left: 0;
}
@media (max-width: 543.98px) {
  .prices-add-to-cart-actions {
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 544px) {
  .prices-add-to-cart-actions {
    position: static;
    padding: 0 0.9375em;
  }
}
.prices-add-to-cart-actions .price {
  text-align: center;
}

.prices {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-align: center;
}

.cart-and-ipay {
  text-align: center;
}
@media (max-width: 543.98px) {
  .cart-and-ipay {
    padding-bottom: 26px;
  }
  .cart-and-ipay .btn {
    width: 98%;
    margin: 1%;
    display: block;
  }
}

.add-to-cart-messages {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  top: 15%;
  left: 50%;
}

.add-to-basket-alert {
  -webkit-animation: fade 5s linear forwards;
          animation: fade 5s linear forwards;
  -webkit-box-shadow: 1px 1px 5px grey;
          box-shadow: 1px 1px 5px grey;
  padding: 1em;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.add-to-basket-alert.show {
  display: block;
}

.simple-quantity {
  margin-top: 1em;
}

.main-attributes {
  margin-top: 1em;
}

.size-chart {
  margin-top: 1.071em;
}

div.availability {
  margin-top: 1.071em;
}

.bundle-item {
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}
.bundle-item:last-child {
  border-bottom: none;
}

.container.product-detail {
  margin-top: 2em;
  margin-bottom: 2em;
}
@media (max-width: 543.98px) {
  .container.product-detail {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.product-option:not(:first-child) {
  margin-top: 1.071em;
}

.quick-view-dialog,
.choose-bonus-product-dialog {
  max-width: 56.25em;
  /* stylelint-disable-next-line selector-class-pattern */
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.quick-view-dialog .selectable-bonus-product-line-item,
.choose-bonus-product-dialog .selectable-bonus-product-line-item {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.quick-view-dialog .beenSelected,
.choose-bonus-product-dialog .beenSelected {
  background-color: #eee;
}
.quick-view-dialog .modal-header,
.choose-bonus-product-dialog .modal-header {
  background-color: #eee;
  border-bottom: 2px solid #ccc;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
}
.quick-view-dialog .modal-header .full-pdp-link,
.choose-bonus-product-dialog .modal-header .full-pdp-link {
  color: var(--skin-primary-color-1);
}
.quick-view-dialog .modal-header .close,
.choose-bonus-product-dialog .modal-header .close {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  line-height: 1.5rem;
}
.quick-view-dialog .swatch-circle,
.choose-bonus-product-dialog .swatch-circle {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin-right: 0.313em;
  position: relative;
}
.quick-view-dialog .swatch-circle.color-value[data-selected=true]::after,
.choose-bonus-product-dialog .swatch-circle.color-value[data-selected=true]::after {
  color: #000;
  content: "\f058";
  display: table-caption;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  left: 0.295em;
  position: absolute;
}
.quick-view-dialog .swatch-circle.color-value.selected::after,
.choose-bonus-product-dialog .swatch-circle.color-value.selected::after {
  background: #fff;
  border-radius: 50%;
  color: #000;
  content: "\f058";
  display: table-caption;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  height: 0.75em;
  left: 0.31em;
  line-height: 0.8em;
  position: absolute;
  top: 0.35em;
  width: 0.8em;
}
.quick-view-dialog .swatch-circle i.fa-times-circle,
.choose-bonus-product-dialog .swatch-circle i.fa-times-circle {
  background: #fff;
  border-radius: 50%;
  height: 0.75em;
  line-height: 0.8em;
  width: 0.8em;
}
.quick-view-dialog a[disabled] .swatch-circle,
.choose-bonus-product-dialog a[disabled] .swatch-circle {
  cursor: not-allowed;
}
.quick-view-dialog a[disabled] .swatch-circle.color-value.selected::after,
.choose-bonus-product-dialog a[disabled] .swatch-circle.color-value.selected::after {
  background-color: #495057;
}
.quick-view-dialog .availablity-container,
.choose-bonus-product-dialog .availablity-container {
  text-align: right;
}
.quick-view-dialog .availablity-container,
.quick-view-dialog .size-chart,
.choose-bonus-product-dialog .availablity-container,
.choose-bonus-product-dialog .size-chart {
  margin-top: 0.938em;
}
.quick-view-dialog .modal-content,
.choose-bonus-product-dialog .modal-content {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.quick-view-dialog .modal-body,
.choose-bonus-product-dialog .modal-body {
  max-height: 28.125em; /* 450/16 */
  overflow-y: auto;
}
.quick-view-dialog .modal-footer,
.choose-bonus-product-dialog .modal-footer {
  background-color: #fff;
  border: none;
  border-bottom-right-radius: 0.1875rem;
  border-bottom-left-radius: 0.1875rem;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.quick-view-dialog .promotions,
.choose-bonus-product-dialog .promotions {
  text-align: left;
  color: #c00;
}
.quick-view-dialog .bonus-summary,
.choose-bonus-product-dialog .bonus-summary {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
@media (max-width: 768.98px) {
  .quick-view-dialog .bonus-summary .bonus-product-name,
  .choose-bonus-product-dialog .bonus-summary .bonus-product-name {
    padding: 0;
  }
}
.quick-view-dialog .pre-cart-products,
.choose-bonus-product-dialog .pre-cart-products {
  margin-right: 0.125em;
}
.quick-view-dialog .color-attribute,
.choose-bonus-product-dialog .color-attribute {
  border: none;
  padding: 0;
  background: none;
}
.quick-view-dialog .non-input-label,
.choose-bonus-product-dialog .non-input-label {
  display: block;
  margin-bottom: 0.5rem;
}

.product-tile {
  border: 0;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .product-tile {
    min-height: 23.4375em;
  }
}
@media (max-width: 768.98px) {
  .product-tile {
    min-height: 19.6875em;
  }
}
@media (max-width: 543.98px) {
  .product-tile {
    min-height: 13.4375em;
  }
}
.product-tile .swatches a {
  text-decoration: none;
}
.product-tile .image-container {
  position: relative;
  overflow: auto;
}
.product-tile .image-container .quickview {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
.product-tile .image-container .quickview i.fa-expand {
  color: rgba(0, 0, 0, 0.7);
}
.product-tile .image-container .quickview i.fa-circle {
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.product-tile .image-container a {
  display: block;
}
.product-tile .image-container a .tile-image {
  width: 100%;
}
.product-tile .tile-body {
  padding: 0.625em 0 1.875em;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.product-tile .tile-body .color-swatches {
  min-height: 2.25em;
}
.product-tile .tile-body .color-swatches .product-tile-color-label {
  cursor: pointer;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.product-tile .tile-body .price {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  margin-bottom: 0;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.product-tile .tile-body .coming-soon-tile {
  text-align: center;
}
.product-tile .tile-body .pdp-link {
  line-height: 1.2;
}
.product-tile .tile-body .pdp-link a {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  text-decoration: none;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.product-tile .swatch-circle {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.8em;
  height: 1.8em;
  background: #fff; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.9em;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin-right: 0.313em;
  position: relative;
}
.product-tile .swatch-circle.color-value[data-selected=true]::after {
  color: #000;
  content: "\f058";
  display: table-caption;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  left: 0.295em;
  position: absolute;
}
.product-tile .swatch-circle.color-value.selected::after {
  background: #fff;
  border-radius: 50%;
  color: #000;
  content: "\f058";
  display: table-caption;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  height: 0.75em;
  left: 0.31em;
  line-height: 0.8em;
  position: absolute;
  top: 0.35em;
  width: 0.8em;
}
.product-tile .swatch-circle i.fa-times-circle {
  background: #fff;
  border-radius: 50%;
  height: 0.75em;
  line-height: 0.8em;
  width: 0.8em;
}

/* stylelint-disable-next-line selector-id-pattern */
#chooseBonusProductModal .modal-footer .container {
  margin-left: 0;
  width: 100%;
  margin-right: 0;
}
#chooseBonusProductModal .select-cbp-container {
  margin-top: auto;
  margin-bottom: auto;
}
#chooseBonusProductModal .product-name-wrapper {
  width: 100%;
}
#chooseBonusProductModal .bonus-quantity,
#chooseBonusProductModal .bonus-option {
  margin-top: 0.938em;
}
#chooseBonusProductModal .bonus-quantity-select {
  min-width: 5em;
}
#chooseBonusProductModal .select-bonus-product {
  margin-top: 1em;
}
#chooseBonusProductModal .selected-pid {
  border: 1px solid #ccc;
}
#chooseBonusProductModal .selected-pid .bonus-product-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#chooseBonusProductModal .bonus-product-price {
  text-align: center;
  margin-top: 1em;
}

/* 【DHC 1.0】 TIGEC-430対応 フォントに関係するスタイルを上書きしないように修正 */
.form-nav .nav-tabs .nav-link {
  color: #333;
}

.nav-tabs .nav-link.active {
  background-color: transparent;
}

.form-nav .nav-tabs .nav-link.active,
.form-nav .nav-tabs .nav-link.active:focus,
.form-nav .nav-tabs .nav-link.active:hover {
  background-color: #fff;
  color: #333;
}

@media (min-width: 992px) {
  .form-nav .nav-item > .nav-link {
    color: #333;
  }
}
.container .breadcrumb {
  border-radius: 0;
  border-bottom: 1px solid #ccc;
}

.veil {
  position: absolute;
  z-index: 1060;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.veil .underlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: #000;
}

.spinner {
  width: 67px;
  height: 67px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -33.5px;
  margin-left: -33.5px;
}

.dot1,
.dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
          animation: sk-bounce 2s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.item-attributes {
  vertical-align: top;
  padding-left: 0;
}

.line-item-attributes,
.line-item-option {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  margin: 0;
}

.line-item-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #222;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  margin-bottom: 0.313em;
}

.line-item-pricing-info {
  margin-bottom: 0;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}

.line-item-price-quantity-info {
  margin-top: 0.625em;
  border-top: 1px solid #ccc;
}

/* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
/* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
.item-image {
  height: 5.625em;
  width: 5.625em;
  margin-right: 0.938em;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.item-image img.product-image {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  max-height: 5.625em;
}

.non-adjusted-price {
  display: none;
}

.line-item-promo {
  color: #008827;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}

.line-item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.bundled-line-item + .bundled-line-item {
  margin-top: 0.625em;
}

.bundle-includes {
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  margin-bottom: 0.625em;
}

.line-item-divider {
  margin: 0.625em -1.225em 0.625em -1.325em;
}

.line-dotted {
  border-top: 0.063em dashed #ccc;
}

/* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
/* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
.product-line-item-details {
  overflow-y: auto;
}

.minicart {
  position: relative;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.minicart .cart {
  padding-top: 0.625em;
  padding-bottom: 0.625em;
  background-color: #f9f9f9;
}
.minicart .remove-btn {
  color: #999;
  float: right;
  background-color: white;
  border: none;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  margin-top: -0.313em;
  padding: 0;
}
.minicart .product-summary {
  margin-right: -0.938em;
  max-height: 21.875em;
  overflow: hidden auto;
  padding-right: 0.938em;
}
.minicart .card-body {
  padding: 0.625em;
}
.minicart .quantity {
  width: 100%;
}
.minicart .popover {
  top: 100%;
  left: auto;
  right: 0;
  min-width: 23.44rem;
  max-width: 23.44rem;
  min-height: 22.7rem;
  display: none;
}
.minicart .popover::before {
  left: auto;
  right: 15px;
}
.minicart .popover::after {
  left: auto;
  right: 16px;
}
.minicart .popover.show {
  display: block;
}
.minicart .minicart-footer {
  border-top: 1px solid #ccc;
}
.minicart .estimated-total {
  margin-top: 0.625em;
}
.minicart .line-item-divider {
  margin: 0.625em -0.625em 0.625em -1.325em;
}
.minicart .line-item-name {
  width: 90%;
}

@media (min-width: 544px) and (max-width: 768.98px) {
  .hide-link-med {
    display: none;
  }
}

@media (min-width: 769px) {
  .hide-no-link {
    display: none;
  }
}
@media (max-width: 543.98px) {
  .hide-no-link {
    display: none;
  }
}

/* 【DHC 1.0】 TIGEC-430対応 フォントに関係するスタイルを上書きしないように修正 */
/* 20/16 */
.info-icon {
  position: relative;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  background: inherit;
}
.info-icon .icon {
  border-radius: 1.25rem;
  background-color: var(--skin-primary-color-1);
  width: 1.5625rem;
  display: inline-block;
  text-align: center;
  color: #fff;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.info-icon .tooltip {
  position: absolute;
  bottom: 100%;
  padding: 0.312rem;
  border-radius: 0.1875rem;
  background-color: #444;
  color: #fff;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  min-width: 20rem;
  max-width: 15rem;
  -webkit-transform: translate(-50%, calc(-1 * 1.25em / 2));
          transform: translate(-50%, calc(-1 * 1.25em / 2));
  left: 50%;
  margin-left: 4px;
  -webkit-animation: fade-in 0.5s linear forwards;
          animation: fade-in 0.5s linear forwards;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.info-icon .tooltip::before {
  content: " ";
  position: absolute;
  display: block;
  height: 1.25em; /* 20/16 */
  left: 0;
  bottom: -1.25em;
  width: 100%;
}
.info-icon .tooltip::after {
  border-left: solid transparent calc(1.25em / 2); /* 10/16 */
  border-right: solid transparent calc(1.25em / 2); /* 10/16 */
  border-top: solid #444 0.625em;
  bottom: -0.625em;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

/* 【DHC 1.0】 TIGEC-430対応 フォントに関係するスタイルを上書きしないように修正 */
/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-beige.disabled {
  opacity: 0.2;
}

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative;
}
.swatch-filter-beige.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-black.disabled {
  opacity: 0.2;
}

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative;
}
.swatch-filter-black.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-blue.disabled {
  opacity: 0.2;
}

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative;
}
.swatch-filter-blue.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-brown.disabled {
  opacity: 0.2;
}

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative;
}
.swatch-filter-brown.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-green.disabled {
  opacity: 0.2;
}

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative;
}
.swatch-filter-green.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-grey.disabled {
  opacity: 0.2;
}

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative;
}
.swatch-filter-grey.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-navy.disabled {
  opacity: 0.2;
}

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative;
}
.swatch-filter-navy.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-orange.disabled {
  opacity: 0.2;
}

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative;
}
.swatch-filter-orange.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-pink.disabled {
  opacity: 0.2;
}

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative;
}
.swatch-filter-pink.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-purple.disabled {
  opacity: 0.2;
}

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative;
}
.swatch-filter-purple.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-red.disabled {
  opacity: 0.2;
}

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative;
}
.swatch-filter-red.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-white.disabled {
  opacity: 0.2;
}

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative;
}
.swatch-filter-white.disabled {
  opacity: 0.2;
}

/* stylelint-disable-next-line scss/no-global-function-names */
.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  display: block;
  position: relative;
}
.swatch-circle-yellow.disabled {
  opacity: 0.2;
}

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative;
}
.swatch-filter-yellow.disabled {
  opacity: 0.2;
}

.swatch-circle-miscellaneous {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(130, 30, 145)), color-stop(25%, rgb(130, 30, 145)), color-stop(25%, rgb(237, 209, 52)), color-stop(50%, rgb(255, 255, 0)), color-stop(50%, rgb(237, 209, 52)), color-stop(50%, #59ba00), color-stop(76%, #59ba00), color-stop(76%, #111), to(#111)), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(14, 92, 209)), color-stop(50%, rgb(14, 92, 209)), color-stop(50%, rgb(226, 11, 11)), to(rgb(226, 11, 11)));
  background: linear-gradient(0deg, rgb(130, 30, 145) 0, rgb(130, 30, 145) 25%, rgb(237, 209, 52) 25%, rgb(255, 255, 0) 50%, rgb(237, 209, 52) 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, rgb(14, 92, 209) 0, rgb(14, 92, 209) 50%, rgb(226, 11, 11) 50%, rgb(226, 11, 11) 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 2.5em;
}
.swatch-circle-miscellaneous.disabled {
  opacity: 0.2;
}
.swatch-circle-miscellaneous.selected::after {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

.site-search {
  position: relative;
  /* 【DHC 1.0】 Start 共通ヘッダー global.css競合個所コメントアウト */
  /*
  height: 2.5em;
  */
  /* 【DHC 1.0】 End 共通ヘッダー global.css競合個所コメントアウト */
  /* 【DHC 1.0】 Start 共通ヘッダー global.css競合個所コメントアウト */
  /*
  @include media-breakpoint-up(xl) {
      width: 20em;
  }
  */
  /* 【DHC 1.0】 End 共通ヘッダー global.css競合個所コメントアウト */
}
@media (min-width: 544px) {
  .site-search {
    margin-right: 0.5em; /* 20/16 */
  }
}
@media (min-width: 769px) and (max-width: 991.98px) {
  .site-search {
    width: 14.0625em; /* 225/16 */
  }
}
@media (min-width: 544px) and (max-width: 768.98px) {
  .site-search {
    width: 12.5em; /* 200/16 */
  }
}
.site-search .fa-close,
.site-search .fa-search {
  position: absolute;
  border: none;
  top: 0.5625em; /* 9/16 */
  right: 0.5625em; /* 9/16 */
  padding: 0;
  background-color: transparent;
}
.site-search .reset-button {
  position: absolute;
  border: none;
  top: 0.5625em; /* 9/16 */
  right: 2em; /* 32/16 */
  padding: 0;
  background-color: transparent;
}
.site-search input {
  padding-right: 2rem;
  height: 100%;
}

@media (max-width: 543.98px) {
  .header-search .site-search {
    display: none;
  }
}
.suggestions-wrapper {
  position: relative;
}

.suggestions {
  display: block;
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  top: 0;
  right: 0;
  width: 21.875rem;
  z-index: 3;
}
@media (max-width: 543.98px) {
  .suggestions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    width: 100%;
  }
}
.suggestions .swatch-circle {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff; /* stylelint-disable-line property-no-vendor-prefix */
  border-radius: 1.25em;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin-right: 0.313em;
  position: relative;
  margin-right: 0.85em;
}
.suggestions .swatch-circle.color-value[data-selected=true]::after {
  color: #000;
  content: "\f058";
  display: table-caption;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  left: 0.295em;
  position: absolute;
}
.suggestions .swatch-circle.color-value.selected::after {
  background: #fff;
  border-radius: 50%;
  color: #000;
  content: "\f058";
  display: table-caption;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  height: 0.75em;
  left: 0.31em;
  line-height: 0.8em;
  position: absolute;
  top: 0.35em;
  width: 0.8em;
}
.suggestions .swatch-circle i.fa-times-circle {
  background: #fff;
  border-radius: 50%;
  height: 0.75em;
  line-height: 0.8em;
  width: 0.8em;
}
.suggestions .header {
  color: #999;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  padding-top: 0.625em;
}
.suggestions .header:not(:first-child) {
  border-top: 1px solid #ccc;
}
.suggestions .item {
  padding-bottom: 0.625em;
}
.suggestions .item .name {
  margin-top: 0.313em;
}
.suggestions .item .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 543.98px) {
  .suggestions .item {
    padding-bottom: 0.938em;
  }
}
.suggestions .items {
  padding: 0.313em 0;
}
.suggestions .items .list {
  padding: 0;
  list-style-type: none;
}
.suggestions .items .link {
  text-decoration: none;
}
.suggestions .items .link:hover .name {
  text-decoration: underline;
}
.suggestions .category-parent {
  color: #999;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
}
.suggestions .selected {
  background-color: #eee;
}
.suggestions .container {
  list-style-type: none;
}

.more-below {
  -moz-border-radius: 1.25em; /* stylelint-disable-line property-no-vendor-prefix */
  background: #ccc;
  border: 0.063em solid rgba(0, 0, 0, 0.1);
  border-radius: 1.25em;
  bottom: 1.875em;
  -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  display: none;
  height: 2.5em;
  position: fixed;
  right: 1.875em;
  width: 2.5em;
}
.more-below i.fa-long-arrow-down {
  border-radius: 50%;
  color: #fff;
  display: table-caption;
  height: 0.75em;
  /* 【DHC 1.0】 Start TIGEC-430対応 フォントに関係する記述はコメントアウト */
  /* 【DHC 1.0】 End TIGEC-430対応 フォントに関係する記述はコメントアウト */
  left: 0.57em;
  line-height: 0.8em;
  position: absolute;
  top: 0.4em;
  width: 0.8em;
}

/*【DHC 1.0】 簡易フッター global.css競合個所修正 */