@charset "UTF-8";
/* .clearfix
-----------------------------------------------------------------*/
.clearfix:after {
display:table;
clear:both;
content:"";
}

/* 共通
-----------------------------------------------------------------*/
@font-face {
  font-family: helvetica,arial,sans-serif;
  src: url("/jp/fonts/uniqloproregular-webfont.eot");
  src: url("/jp/fonts/uniqloproregular-webfont.eot?#iefix") format("embedded-opentype"), url("/jp/fonts/uniqloproregular-webfont.woff") format("woff"), url("/jp/fonts/uniqloproregular-webfont.ttf") format("truetype"), url("/jp/fonts/uniqloproregular-webfont.svg#uniqlo_proregular") format("svg");
  font-weight: normal;
}
body{
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* width: 100%; */
  /* height: auto; */
  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{
  width: 100%;
  height: auto;
  display: inherit;
}
.content  .main .mainImg{
  border-top: 2px solid #e60012;
}
.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 li .menuRight img,
.content nav .store img{
  position: absolute;
  top: 0;
  right: 4%;
  bottom: 0;
  margin: auto;
  height: 9px;
  width: auto;
}
.content nav li .circle img,
.content nav .store img{
  width: 17px;
  height: 17px;
}

.content nav li .menuRight img{
	-moz-transition: -moz-transform .2s linear;
	-webkit-transition: -webkit-transform .2s linear;
	-o-transition: -o-transform .2s linear;
	-ms-transition: -ms-transform .2s linear;
	transition: transform .2s linear;
}

.content nav li.active .menuRight img {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.content nav li .lineup_title-link .menuRight img {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.content nav h2{
  background-color: #002965;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  padding: 6% 4%;
  margin: 0;
  margin-top: 0.5%;
  border-bottom: 2px solid #c9caca;
}
.content nav .lineup > ul > li{
  border-bottom: 2px solid #c9caca;
  width: 100%;
  margin: 0;
  font-weight: bold;
  background-color: #fff;
}
.content .lineup_title{
  display: block;
  margin: 0;
  padding: 4%;
  color: #000;
  font-size: 14px;
  position: relative;
}
.content .lineup_itemList{
  display: none;
}

.content .lineup_itemList_item{
  float: left;
  width: 50%;
  margin-bottom: 18px;
}

.content .lineup_itemList_item:nth-child(odd){
  clear: both;
}
.content .lineup_itemList_image img{
  max-width: 100%;
}

.content .lineup_itemList_item .colorlist,
.content .lineup_itemList_item .txt,
.content .lineup_itemList_item .update,
.content .lineup_itemList_item .price{
  margin-left: 20px;
}

.content .lineup_itemList_item .colorlist{
  margin-top: 5px;
  font-size: 0;
}

.content .lineup_itemList_item .colorlist li{
  width: 16px;
  height: 16px;
  overflow: hidden;
  display: inline-block;
  margin-right: 4px;
}
.content .lineup_itemList_item .colorlist li img{
  position: relative;
  height: 18px;
  left: -2px;
}
.content .lineup_itemList_item .txt,
.content .lineup_itemList_item .update{
  margin-top: 10px;
  font-size: 10px;
  font-weight: bold;
}

.content .lineup_itemList_item .txt{
  min-height: 3em;
  margin-right: 5px;
}

.content .lineup_itemList_item .price {
  margin-top: 10px;
  font-family: helvetica,arial,sans-serif;
  font-weight: normal;
  font-size: 24px;
}