@charset "UTF-8";
@font-face {
  font-family: "UniqloProLight";
  src: url(/jp/ja/contents/sustainability/cmn/font/UniqloProLight.woff) format("woff")
}
@font-face {
  font-family: "UniqloProRegular";
  src: url(/jp/ja/contents/sustainability/cmn/font/UniqloProRegular.woff) format("woff")
}
@font-face {
  font-family: "UniqloProBold";
  src: url(/jp/ja/contents/sustainability/cmn/font/UniqloProBold.woff) format("woff")
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
body #wrapper {
  display: block;
  margin: 0 auto;
}
#wrapper {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  font-family: sans-serif;
  display: block!important;
}
#wrapper {
  margin: 0;
  font-size: 13px;
  font-family: UniqloProRegular, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: .08em
}
#wrapper article, #wrapper aside, #wrapper details, #wrapper figcaption, #wrapper figure, #wrapper footer, #wrapper header, #wrapper main, #wrapper menu, #wrapper nav, section {
  display: block
}
#wrapper hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
#wrapper code, #wrapper kbd, #wrapper pre, #wrapper samp {
  font-family: monospace, monospace;
  font-size: 1em
}
#wrapper a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  color: #1b1b1b;
  font-weight: 700
}
#wrapper abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
#wrapper b, #wrapper strong {
  font-weight: bolder
}
#wrapper dfn {
  font-style: italic
}
#wrapper mark {
  background-color: #ff0;
  color: #000
}
#wrapper small {
  font-size: 80%
}
#wrapper sub, #wrapper sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
#wrapper sub {
  bottom: -.25em
}
#wrapper sup {
  top: -.5em
}
#wrapper audio, #wrapper canvas, video {
  display: inline-block
}
#wrapper audio:not([controls]) {
  display: none;
  height: 0
}
#wrapper img {
  border-style: none
}
#wrapper svg:not(:root) {
  overflow: hidden
}
#wrapper button, #wrapper input, #wrapper optgroup, #wrapper select, #wrapper textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
#wrapper button, #wrapper input {
  overflow: visible
}
#wrapper button, #wrapper select {
  text-transform: none
}
#wrapper fieldset {
  padding: .35em .75em .625em
}
#wrapper legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}
#wrapper progress {
  display: inline-block;
  vertical-align: baseline
}
#wrapper textarea {
  overflow: auto
}
#wrapper [type=checkbox], #wrapper [type=radio], #wrapper legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}
#wrapper [type=number]::-webkit-inner-spin-button, #wrapper [type=number]::-webkit-outer-spin-button {
height:auto
}
#wrapper [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
#wrapper [type=search]::-webkit-search-cancel-button, #wrapper [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
#wrapper ::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
#wrapper summary {
  display: list-item
}
#wrapper [hidden], template {
  display: none
}
#wrapper * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top
}
#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6 {
  margin: 0;
  font-size: 100%
}
#wrapper blockquote, #wrapper dd, #wrapper dl, #wrapper figure, #wrapper li, #wrapper ol, #wrapper p, #wrapper pre, #wrapper ul {
  margin: 0;
  padding: 0
}
#wrapper li, #wrapper ul {
  list-style-type: none
}
#wrapper .mainContents, #wrapper .mainContents .section, #wrapper .mainContents .section.category .categoryItems .categoryItem, #wrapper .mainContents .section.contents .contentsItems .contentsItem, #wrapper .mainContents .section.recommended .recommendedItems .recommendedItem, #wrapper .mainContents .section.recommended .recommendedItems .recommendedItem a .thumb {
  position: relative
}