@charset "UTF-8";
/* .clearfix
-----------------------------------------------------------------*/
.clearfix:after {
  display:table;
  clear:both;
  content:"";
}
/* 共通
-----------------------------------------------------------------*/
@font-face {
  font-family: 'Uniqlo';
  src: url("/ines/us/sp/fonts/uniqloproregular-webfont.eot");
  src: url("/ines/us/sp/fonts/uniqloproregular-webfont.eot?#iefix") format("embedded-opentype"), url("/ines/us/sp/fonts/uniqloproregular-webfont.woff") format("woff"), url("/ines/us/sp/fonts/uniqloproregular-webfont.ttf") format("truetype"), url("/ines/us/sp/fonts/uniqloproregular-webfont.svg#uniqlo_proregular") format("svg");
  font-weight: normal;
}
body {
  z-index: -1;
  background-color: #fff;
  font-family: helvetica,arial,sans-serif;
  margin: 0;
}
.content li {
  list-style: none;
  margin: 0;
}
.content ul {
  padding: 0;
  margin: 0;
}
.content a {
  text-decoration: none;
}
.content p {
  margin: 0;
  padding: 0;
}
/*
-----------------------------------------------------------------*/
.content  .main img {
  max-width: 100%;
  height: auto;
  display: inherit;
}
.content  .main .txt {
  padding: 0 16px;
  margin: 14px auto 15px;
}
.content nav .menu li ,
.content nav .store {
  box-sizing: border-box;
  background-color: #e60012;
  margin: 2px 0;
  height: 11%;
  position: relative;
  font-size: 12px;
  vertical-align: middle;
}
.content nav li a ,
.content nav .store a {
  color: #fff;
  font-size: 14px;
  display: block;
  height: 100%;
  padding: 4%;
  box-sizing: border-box;
}
.content nav .store a {
  width: 100%;
}
.content nav .store a {
  text-align: center;
}
.content nav .store img {
  position: absolute;
  top: 0;
  right: 4%;
  bottom: 0;
  margin: auto;
  height: 9px;
  width: auto;
}
.content nav li .circle {
  position: absolute;
  right: 4%;
}
.content nav li .circle img,
.content nav .store img {
  width: 17px;
  height: 17px;
}
/*
-----------------------------------------------------------------*/
.content .lineup *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.content .shop-link {
  margin: 0 auto 0;
}
.content .shop-link a {
  display: block;
  height: 36px;
  padding: 10px 12px;
  color: #000;
  font-size: 11px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.content .lineup h2 {
  width: 100%;
  height: 36px;
  padding: 12px 12px;
  margin: 0 auto 0;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  background-color: #000;
}
.content .lineup .tab-menu{
  display: table;
  table-layout: fixed;
  border-top: 1px solid  #fff;
  margin: 0 auto 16px;
}
.content .lineup .tab-menu li {
  display: table-cell;
  width: 10%;
  height: 100%;
  background-color: #cecece;
  border-right: 1px solid  #fff;
  vertical-align: middle;
}
.content .lineup .tab-menu li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 22px 1px;
  font-size: 10px;
  text-align: center;
  -ms-word-break: break-all;
  word-break: break-all;
}
.content .lineup .tab-menu .on {
  background-color: #000000;
  position: relative;
  z-index: 5;
}
.content .lineup .tab-menu .on:before{
  content: '';
  width:0;
  height:0;
  margin-left: -14px;
  border-right:14px solid transparent;
  border-left:14px solid transparent;
  border-top:16px solid #000;
  position: absolute;
  bottom: -16px;
  left: 50%;
  z-index: 1;
}
.LineUpListWrap.off {
  display: none;
}
.LineUpList{
  width: 100%;
}
.LineUpList .itemList_item {
  display: inline-block;
  width: 50%;
  padding: 18px 16px;
  vertical-align: top;
}
.LineUpList .itemList_item .itemList_image {
  display: table;
  width: 100%;
  margin: 0 auto 16px;
  text-align: center;
}
.LineUpList .itemList_item .itemList_image span {
  display: table-cell;
  width: 100%;
  height: 140px;
  vertical-align: middle;
}
.LineUpList .itemList_item .itemList_image span img {
  width: auto;
  max-width: 100%;
  max-height: 140px;
  vertical-align: bottom;
}
.LineUpList .itemList_item .colorlist {
  padding: 0 0px;
  margin: 5px;
  font-size: 0;
}
.LineUpList .itemList_item .colorlist .js-color {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin-right: 4px;
}
.LineUpList .itemList_item .colorlist .js-color img {
  max-width: 100%;
  height: auto;
}
.LineUpList .itemList_item .txt {
  min-height: 3em;
  padding: 0 5px;
  margin: 10px 0 0;
  font-size: 10px;
  font-weight: bold;
}
.LineUpList .itemList_item .update {
  padding: 0 5px;
  margin: 10px auto 0;
  font-size: 10px;
  font-weight: bold;
}
.LineUpList .itemList_item .price {
  margin-top: 10px;
  font-family: 'Uniqlo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  font-size: 24px;
}
@media screen and (min-width: 640px) {
  .LineUpList .itemList_item .colorlist ,
  .LineUpList .itemList_item .txt ,
  .LineUpList .itemList_item .update ,
  .LineUpList .itemList_item .price {
    text-align: center;
  }
  .LineUpList .itemList_item .update {
    padding: 0 80px 0 0;
  }
  .LineUpList .itemList_item .price {
    padding: 0 124px 0 0;
  }
}