@charset "UTF-8";
/*
 *フォント閉店
 */
@font-face {
  font-family: 'Uniqlo Pro Regular';
  font-style: normal;
  font-weight: 400;
/* GDS↓*/
  src: url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.eot");
  src: url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.eot?#iefix") format("embedded-opentype"), url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.woff") format("woff"), url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.ttf") format("truetype"), url("//www.uniqlo.com/tw/collection/UQ_fonts/uniqloproregular-webfont.svg#uniqlo_proregular") format("svg"); }

/*test223↓
  src: url("//test223.whatis.com.tw/tw/store/feature/top/fonts/uniqloproregular-webfont.eot");
  src: url("//test223.whatis.com.tw/tw/store/feature/top/fonts/uniqloproregular-webfont.eot?#iefix") format("embedded-opentype"), url("//test223.whatis.com.tw/tw/store/feature/top/fonts/uniqloproregular-webfont.woff") format("woff"), url("//test223.whatis.com.tw/tw/store/feature/top/fonts/uniqloproregular-webfont.ttf") format("truetype"), url("//test223.whatis.com.tw/tw/store/feature/top/fonts/uniqloproregular-webfont.svg#uniqlo_proregular") format("svg"); }
*/

@font-face {
  font-family: uniqlo-icons;
/*GDS↓
  src: url(/jp/fonts/icomoon1.eot);
  src: url("/jp/fonts/icomoon1.eot?#iefix"), url(jp/fonts/icomoon1.woff) format("woff"), url(/jp/fonts/icomoon1.ttf) format("truetype"), url(/jp/fonts/icomoon1.svg#icomoon) format("svg");
*/
/*test223↓*/
  src: url(//test223.whatis.com.tw/tw/store/feature/top/fonts/icomoon1.eot);
  src: url("//test223.whatis.com.tw/tw/store/feature/top/fonts/icomoon1.eot?#iefix"), url(//test223.whatis.com.tw/tw/store/feature/top/fonts/icomoon1.woff) format("woff"), url(//test223.whatis.com.tw/tw/store/feature/top/fonts/icomoon1.ttf) format("truetype"), url(//test223.whatis.com.tw/tw/store/feature/top/fonts/icomoon1.svg#icomoon) format("svg");

  font-weight: 400;
  font-style: normal; }

.multi-font {
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, メイリオ, Meiryo, sans-serif; }

.uni-font {
  font-family: 'Uniqlo Pro Regular', 'News Cycle';
  font-size: 1.3em;
  position: relative;
  bottom: -1px; }

#container span.uniqlo_font,
#container span.uniqlo_font_5-digit {
  font: 14px 'Uniqlo Pro Regular', 'News Cycle';
  letter-spacing: 0.03em; }

/*
 *基本設定
 */
html body {
  background: #fff; }

body {
  font:13px Uniqlo Pro, "Microsoft JhengHei";
  overflow-x: hidden; }

body *{ 
  font-family: Uniqlo Pro, "Microsoft JhengHei";}

#container {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  color: #1b1b1b; }

#container .content_wrap {
  width: 940px;
  margin: 0 auto; }

/*20180427 new topic*/
/*
 *topics
 */
.topics_column {
  margin: 0px 0px 52px 0px;
  height: 88px;
}

.topics {
  position: relative;
  background-color: #fff;
  float: left;
  width: 220px;
  height: 80px;
  text-align: center;
  margin-left: 20px;
  margin-bottom: 8px;
}

.topics:before {
  content: "";
  display: block;
  *display: inline;
  *zoom: 1;
  background: #dadada;
  width: 1px;
  height: 14px;
  position: absolute;
  left: -11px;
  top: 8px;
}

.topics:first-child:before {
  display: none;
}

.topics:first-child {
  margin-left: 0px;
}

.topics.largestoreitem {
  letter-spacing: -1px;
}

.topics.largestoreitem .title_180424,
.topics.largestoreitem .gender_180426 {
  letter-spacing: 0px;
}

.topics span {
  text-align: center;
  display: inline-block;
}

.topics span.title_180424 {
  font-size: 18px!important;
  height: 24px!important;
  font-weight: bold!important;
  margin-bottom: 28px!important;
  line-height: 28px!important;
}

.topics .gender,
.topics .gender_tab {
  z-index: 100;
}
.gender_180426 li {
  display: block!important;
  float: left!important;
  height: 18px!important;
  text-align: center!important;
  border-right:none!important;
  margin-right: 21px!important;
}

.gender_180426 li a {
  font-size: 16px!important;
  line-height: 18px!important;
  padding-bottom: 8px!important;
  font-family: "Uniqlo Pro Regular", sans-serif!important;
  height: 13px!important;
  text-align: center!important;
  display: inline!important;
  border-bottom: 2px solid #dadada!important;
  text-indent: 1px!important;
}
.gender_180426 li a:visited{
  text-decoration: none;
  color:#000;
}
.gender_180426 li a:link{
  text-decoration: none;
  color:#000;
}
.gender_180426 li a:active{
  color:#000;
  text-decoration: none;
}
.gender_180426 li:last-child{
  margin-right: 0px!important;
}

.topics_gender_none {
  width: 145px !important;
  margin-left: 25px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #dadada;
}
/*
 *固定メニュー
 */
 /*
.topics_column {
  margin: 0px 0px 52px 0px;
  border-bottom: #dadada 1px solid;
  border-top: #dadada 1px solid; }

.topics {
  position: relative;
  background-color: #fff;
  float: left;
  width: 220px;
  height: 103px;
  text-align: center;
  margin-left: 20px; }

.topics:before {
  content: "";
  display: block;
  *display: inline;
  *zoom: 1;
  background: #dadada;
  width: 1px;
  height: 63px;
  position: absolute;
  left: -11px;
  top: 20px; }

.topics:first-child:before {
  display: none; }

.topics:first-child {
  margin-left: 0px; }

.topics.largestoreitem {
  letter-spacing: -1px; }

.topics.largestoreitem .title,
.topics.largestoreitem .gender {
  letter-spacing: 0px; }

.topics span {
  font-size: 12px;
  margin: 10px 0 -6px;
  text-align: center;
  display: inline-block; }

.topics span.title {
  font-size: 14px;
  height: 24px;
  font-weight: bold;
  margin-top: 20px; }

.topics .gender,
.topics .gender_tab {
  position: absolute;
  bottom: 0px;
  padding: 0;
  z-index: 100; }
*/
/*
2018/04/27 icon改為灰底線，還原原色W #ff0000 M #000066 K #54b2ef g #ff6699 b #54b2ef B #99cc00
 */
.gender li.women {
  border-bottom: 2px solid #d9dbda; }

.gender li.men {
  border-bottom: 2px solid #d9dbda; }

.gender li.kids {
  border-bottom: 2px solid #d9dbda; }

.gender li.girls {
  border-bottom: 2px solid #d9dbda; }

.gender li.boys {
  border-bottom: 2px solid #d9dbda; }

.gender li.baby {
  border-bottom: 2px solid #d9dbda; }

.gender li {
  display: block;
  float: left;
  width: 55px;
  height: 18px;
  text-align: center; }

.gender li a {
  font-family: 'Uniqlo Pro Regular', 'News Cycle';
  height: 13px;
  padding-bottom: 5px;
  padding-top: 10px;
  text-align: center;
  font-size: 14px;
  line-height: 1em;
  display: inline; }

.topics_gender_none {
  width: 145px !important;
  margin-left: 25px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #dadada; }

/*
 *Special
 */
.special_column {
  margin-bottom: 60px; }

.special_column .special_item {
  float: left;
  margin-left: 20px; }

.special_column .special_item:first-child {
  margin-left: 0px; }

/*
 *GoToTop
 */
#container .gototop {
  height: 80px;
  margin-right: 0px;
  margin-bottom: 0px;
  position: fixed;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 300; }

#container .gototop .inner {
  text-align: right;
  line-height: 0; }

#container .gototop .inner.fixed {
  display: none;
  position: fixed;
  bottom: 0;
  right: 50%;
  z-index: 100;
  width: 480px;
  margin-right: -480px; }

#container .gototop .inner img {
  cursor: pointer; }

.androidTab .contentCrossFade > a > img,
.ipad .contentCrossFade > a > img {
  opacity: 1 !important; }

#container .recommend {
  margin-bottom: 50px; }

/*
 *TPU
 */
.tpu {
  width: 960px; }

.tpu img {
  width: 100%;
  height: auto; }

.tpu .main_item {
  height: 612px;
  width: 460px;
  margin-right: 20px;
  float: left; }

.tpu .sub_item {
  height: 612px;
  width: 480px;
  float: left; }

.tpu .sub_item a {
  height: 291px;
  width: 220px;
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
  display: block; }

.tpu .image {
  margin-bottom: 12px; }

.tpu .main_item .image {
  margin-bottom: 17px; }

.tpu .info .head {
  font-size: 14px;
  font-family: 'Uniqlo Pro Regular', 'News Cycle';
  color: #378694;
  line-height: 1em;
  margin-bottom: 7px; }

#container .tpu .info .head .gender_flag {
  color: #ababab;
  margin-left: 10px; }

.tpu .info .title {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 9px;
  font-weight: bold; }

.tpu .info .description {
  font-size: 13px;
  line-height: 1.5; }

/*
 *LifeWear
 */
.lifewear {
  float: left;
  display: block;
  width: 177px; }

.lifewear > div {
  height: 273px;
  background-color: #ffffff;
  position: relative; }

.lifewear > div > a {
  display: block;
  height: 273px; }

.lifewear > div img {
  margin: 10px;
  display: inline-block; }

.lifewear > div:first-child {
  height: 273px;
  margin-bottom: 6px; }

.lifewear .video {
  position: absolute;
  top: 10px;
  left: 10px; }

.lifewear .txt {
  position: absolute;
  top: 148px;
  color: #585858;
  margin: 0 14px;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px; }

.lifewear .txt .attention {
  border: 1px #959595 solid;
  padding: 6px 15px 6px 6px;
  width: 143px;
  font-size: 12px;
  text-align: center;
  font-weight: normal;
  position: absolute;
  margin: 0 auto;
  bottom: -48px; }

.lifewear a:hover .txt {
  color: #378694; }

#container .lifewear .img {
  position: relative; }

#container .lifewear .img .play_back_movie {
  position: absolute;
  top: 67px;
  left: 61px;
  visibility: hidden; }

#container .lifewear a:hover .play_back_movie {
  visibility: visible; }

/*
 *ランキング
 */
#container .ranking {
  position: relative; }
  #container .ranking a {
    color: #1b1b1b; }
  #container .ranking a:hover {
    text-decoration: none;
    color: #1b1b1b; }

#container .lineupitem ul {
  margin: 0;
  padding: 0;
  border-collapse: separate;
  border-spacing: 0px 0; }

#container .lineupitem li {
  list-style-type: none;
  display: table-cell;
  padding-right: 20px;
  zoom: 1;
  width: 172px; }

#container .ranking .lineupitem.active {
  display: block; }

#container .lineupitem .lineupitem.active .item {
  display: block; }

#container .ranking .lineupitem li a {
  width: 172px;
  display: block; }

#container .ranking .lineupitem li a > img {
  width: 100%;
  height: auto; }

#container .lineupitem li:last-child {
  padding-right: 0; }

#container .lineupitem .ranking_no {
  margin-bottom: 15px;
  display: block;
  width: 30px;
  height: 30px; }

#container .lineupitem li a > img {
  margin-bottom: 12px; }

#container .lineupitem .title {
  display: block;
  margin-top: 7px;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px; }

#container .lineupitem .description {
  display: block;
  font-size: 13px;
  margin-bottom: 5px; }

#container .lineupitem .info .item {
  display: block;
  font-size: 11px;
  color: #1b1b1b;
  position: relative; }

#container .lineupitem .info .item .gender {
  display: block;
  font-size: 10px;
  margin-bottom: 5px; }

#container .lineupitem .info .item .size {
  display: block;
  font-size: 10px;
  margin-bottom: 5px;
  position: absolute;
  right: 0;
  top: 0; }

#container .lineupitem .info .item .item_name {
  display: block;
  margin-bottom: 6px; }

#container .lineupitem .info .item .item_price {
  display: block;
  margin-top: -5px;
  margin-bottom: 5px;
  font-family: 'Uniqlo Pro Regular', 'News Cycle';
  font-size: 20px;
  line-height: 1em; }

#container .lineupitem .info .item.item--limited .item_price,
#container .lineupitem .info .item.item--limited .item-annotation {
  color: #f00; }

#container .lineupitem .info .item .item_price .price-tax {
  font-size: 10px;
  color: #7d7d7d;
  font-weight: normal; }

#container .lineupitem .info .item .flag {
  display: block;
  margin-bottom: 7px;
  line-height: 1em;
  color: #7d7d7d; }

#container .lineupitem .info .item .flag.red {
  color: #f00; }

#container .lineupitem .info .item .item_star {
  display: block;
  margin-top: 5px;
  position: relative; }

#container .lineupitem .info .item .item_star .uni-product-rating-star:after {
  content: "\e900";
  font-size: 12px;
  font-family: uniqlo-icons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #dadada; }

#container .lineupitem .info .item .item_star .uni-product-rating-filled-stars-container,
#container .lineupitem .info .item .item_star .uni-product-rating-empty-stars-container {
  display: block;
  white-space: nowrap; }

#container .lineupitem .info .item .item_star .uni-product-rating-filled-stars-container {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden; }

#container .lineupitem .info .item .item_star.star-0_5 .uni-product-rating-filled-stars-container {
  width: 6px; }

#container .lineupitem .info .item .item_star.star-1_0 .uni-product-rating-filled-stars-container {
  width: 13px; }

#container .lineupitem .info .item .item_star.star-1_5 .uni-product-rating-filled-stars-container {
  width: 22px; }

#container .lineupitem .info .item .item_star.star-2_0 .uni-product-rating-filled-stars-container {
  width: 28px; }

#container .lineupitem .info .item .item_star.star-2_5 .uni-product-rating-filled-stars-container {
  width: 37px; }

#container .lineupitem .info .item .item_star.star-3_0 .uni-product-rating-filled-stars-container {
  width: 44px; }

#container .lineupitem .info .item .item_star.star-3_5 .uni-product-rating-filled-stars-container {
  width: 53px; }

#container .lineupitem .info .item .item_star.star-4_0 .uni-product-rating-filled-stars-container {
  width: 58px; }

#container .lineupitem .info .item .item_star.star-4_5 .uni-product-rating-filled-stars-container {
  width: 69px; }

#container .lineupitem .info .item .item_star.star-5_0 .uni-product-rating-filled-stars-container {
  width: 75px; }

#container .lineupitem .info .item .item_star .uni-product-rating-filled-stars-container .uni-product-rating-star:after {
  color: #EBBE00; }

/*
 *Tab
 */
#container .gender_tab {
  left: 0;
  top: -32px;
  height: 32px;
  font-family: 'Uniqlo Pro Regular', 'News Cycle';
  color: #7d7d7d;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #dadada;
  padding-left: 15px; }

#container .gender_tab li {
  display: block; }

#container .gender_tab {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 100; }

#container .gender_tab a {
  color: #7d7d7d; }

#container .gender_tab a:hover {
  color: #378694; }

#container .gender_tab .women.active {
  border-bottom: 3px solid #378694;
  color: #1b1b1b; }

#container .gender_tab .women.active a {
  color: #1b1b1b; }

#container .gender_tab .men.active {
  border-bottom: 3px solid #378694;
  color: #1b1b1b; }

#container .gender_tab .men.active a {
  color: #1b1b1b; }

#container .gender_tab .kids.active {
  border-bottom: 3px solid #378694;
  color: #1b1b1b; }

#container .gender_tab .kids.active a {
  color: #1b1b1b; }

#container .gender_tab .kidsbaby.active {
  border-bottom: 3px solid #378694;
  color: #1b1b1b; }

#container .gender_tab .kidsbaby.active a {
  color: #1b1b1b; }

#container .gender_tab .girls.active {
  border-bottom: 3px solid #ff6699;
  color: #1b1b1b; }

#container .gender_tab .boys.active {
  border-bottom: 3px solid #54b2ef;
  color: #1b1b1b; }

#container .gender_tab .boys.active a {
  color: #1b1b1b; }

#container .gender_tab .baby.active {
  border-bottom: 3px solid #99cc00;
  color: #1b1b1b; }

#container .gender_tab .baby.active a {
  color: #1b1b1b; }

#container .gender_tab li {
  box-sizing: border-box;
  display: block;
  float: left;
  height: 32px;
  margin-right: 60px; }

#container .gender_tab li:last-child {
  border-right: none;
  margin-right: 0px; }

#container .gender_tab li a {
  padding-top: 0;
  text-align: center;
  display: block;
  box-sizing: border-box; }

#container .gender_tab li a img {
  vertical-align: top;
  margin: 0 auto; }

/*
 *BxSlider
 */
#container .bx-viewport {
  border: none;
  box-shadow: none;
  left: 0;
  background: none;
  overflow-x: hidden; }

#container .bx-wrapper .bx-pager {
  padding-top: 0px;
  bottom: -40px; }

#container .lineupitem.slider li {
  display: block;
  padding-right: 0px; }

#container .col4_slider .bx-prev,
#container .col4_slider .bx-next {
  top: 65px !important; }

.section_wrap.col2 .slider_col2 {
  margin-bottom: 80px; }

.section_wrap.col2 .slider .hero_content,
.section_wrap.col3 .slider .hero_content {
  margin-left: 0 !important; }

.section_wrap.col2 .slider .hero_content > a,
.section_wrap.col2 .slider .hero_content > img,
.section_wrap.col3 .slider .hero_content > a,
.section_wrap.col3 .slider .hero_content > img {
  margin: 0 !important; }

.section_wrap .slider_col2 .bx-prev,
.section_wrap .slider_col2 .bx-next {
  top: 238px !important; }

.section_wrap .col3_slider .bx-prev,
.section_wrap .col3_slider .bx-next,
.section_wrap .slider_col3 .bx-prev,
.section_wrap .slider_col3 .bx-next {
  top: 90px !important; }

/*
 *Information
 */
#container .special {
  margin: 0;
  width: 940px;
  margin-bottom: 50px; }

#container .special .specialBxSlider .inner {
  position: relative; }

#container .special .specialBxSlider .inner span {
  width: 100%;
  display: inline-block;
  margin: 0; }

#container .special .specialBxSlider .inner span.slide_image {
  line-height: 0;
  text-align: center; }

#container .special .specialBxSlider .inner.r2 {
  position: relative;
  margin-bottom: 0;
  background-color: #FFF; }

#container .special .specialBxSlider .inner.r2 {
  margin-bottom: 0; }

#container .special .specialBxSlider .inner.r2:first-child {
  margin-bottom: 15px; }

#container .special .bx-prev {
  top: 114px;
  left: -43px; }

#container .special .bx-next {
  top: 114px;
  right: -43px; }

#container .bx-wrapper {
  margin-bottom: 40px; }

#container .bx-viewport {
  border: none;
  box-shadow: none;
  left: 0;
  background: none; }

#container .bx-controls-direction .bx-prev {
  position: absolute;
  top: 50%;
  margin-top: -33px;
  left: -34px;
  background: url(//im.uniqlo.com/images/tw/uq/pc/img/feature/top/160422/top_back_160722.png) no-repeat;
  background-position: left center;
  width: 34px;
  height: 66px;
  z-index: 1;
  }

#container .bx-controls-direction .bx-next {
  position: absolute;
  top: 50%;
  margin-top: -33px;
  right: -34px;
  background: url(//im.uniqlo.com/images/tw/uq/pc/img/feature/top/160422/top_next_160722.png) no-repeat;
  background-position: right center;
  width: 34px;
  height: 66px;
  z-index: 1;
  }

#container .info_line {
  width: 929px;
  height: 1px;
  background-color: #d5d5d5;
  margin: 30px auto; }

#container .infomation_attention {
  margin: 25px 0 0; }

#container .info_other {
  font-weight: bold; }

#container .info_other .other {
  float: left;
  width: 320px; }

#container .info_other .info_other_SNS_gu {
  float: left;
  width: 620px; }

#container .info_other .info_other_group {
  float: right;
  width: 620px; }

#container .info_other .info_other_SNS_gu > span {
  display: block;
  margin-top: 25px;
  margin-bottom: 15px;
  line-height: 1em; }

#container .info_other .other > ul,
#container .info_other .info_other_SNS_gu > ul {
  border-top: #1b1b1b solid 2px;
  float: left;
  width: 300px;
  margin-right: 20px; }

#container .info_other .info_other_SNS_gu > ul.info_other_SNS_container {
  margin-right: 0; }

#container .info_other .other > ul li,
#container .info_other .info_other_SNS_gu > ul li {
  border-bottom: 1px solid #ababab; }

#container .info_other .info_other_SNS_gu > ul.info_other_SNS_container li {
  padding: 25px 0;
  height: 91px; }

#container .info_other .info_other_SNS_gu > ul.info_other_SNS_container .info_other_SNS_container_title {
  margin-bottom: 15px; }

#container .info_other .info_other_group .info_other_group_title {
  padding-top: 50px;
  padding-bottom: 18px;
  line-height: 20px; }

#container .info_other .other > ul li a,
#container .info_other .info_other_SNS_gu > ul li a {
  padding: 25px 0;
  display: block;
  position: relative;
  height: 20px; }

#container .info_other .info_other_SNS_gu > ul li a.info_other_SNS_icons {
  display: inline; }

#container .info_other .other > ul li a:after,
#container .info_other .info_other_SNS_gu > ul li a:after {
  font-family: uniqlo-icons;
  display: inline-block;
  font-size: 20px;
  text-align: center;
  /* content: "\e924"; */
  color: #ababab;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -10px; }

#container .info_other .info_other_SNS_gu > ul li a.info_other_SNS_icons:after {
  content: ""; }

#container .info_other .info_other_group .info_other_group_anchor {
  display: inline-block;
  margin-right: 45px;
  font-size: 10px; }

#container .info_other .info_other_group .info_other_group_name {
  display: block;
  line-height: 1;
  padding-top: 6px; }

/*
 *CSR
 */
.section_wrap > .fr-image-plus-text-grid {
  margin-bottom: 20px; }

.section_wrap > .fr-image-plus-text-grid .item {
  float: left;
  margin-left: 20px;
  position: relative;
  width: 300px; }

.section_wrap > .fr-image-plus-text-grid .item:first-child {
  margin-left: 0; }

.section_wrap > .fr-image-plus-text-grid .item .image {
  margin-bottom: 17px; }

.section_wrap > .fr-image-plus-text-grid .item .head {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 4px;
  color: #ababab; }

.section_wrap > .fr-image-plus-text-grid .item .head.teal {
  color: #378694; }

.section_wrap > .fr-image-plus-text-grid .item .title {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 9px; }

.section_wrap > .fr-image-plus-text-grid .item .description {
  font-size: 13px;
  margin-bottom: 17px;
  line-height: 1.5; }

.section_wrap > .fr-image-plus-text-grid .item .link {
  text-decoration: underline;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 12px; }

.info_csr .fr-image-plus-text-grid .item {
  width: 100px; }

.info_csr .fr-image-plus-text-grid .item .image {
  margin-bottom: 12px; }

.info_csr .fr-image-plus-text-grid .item .title {
  font-size: 10px;
  margin-bottom: 0; }

/*
 *HeroAreaSlider
 */
#container .mainBxSlider {
  height: 470px;
  background: url(/jp/images/top/z_02/icon/loader.gif) center center no-repeat #fff;
  overflow: hidden; }

#container .content_wrap > .main .bx-wrapper img,
#container .content_wrap > .main .bx-wrapper area,
#container .content_wrap > .main .bx-wrapper map {
  border: none;
  outline: none; }

#container .content_wrap > .main .bx-wrapper ul.btnArea {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1; }

#container .content_wrap > .main .bx-wrapper ul.btnArea li {
  list-style-type: none;
  display: table-cell;
  width: 75px;
  height: 75px; }

#container .content_wrap > .main .bx-wrapper .bx-controls {
  height: 5px; }

#container .content_wrap > .main .bx-wrapper .bx-controls .bx-prev {
  top: 180px;
  left: -40px;
  height: 40px;
  background: url(/jp/images/top/161025/back.jpg) no-repeat center; }

#container .content_wrap > .main .bx-wrapper .bx-controls .bx-next {
  top: 180px;
  right: -40px;
  height: 40px;
  background: url(/jp/images/top/161025/next.jpg) no-repeat center; }

#container #ut .col4_slider .bx-prev, #container #ut .col4_slider .bx-next {
  top: 145px !important; }

/*
 *Footer
 */
#container .infomation_jasrac {
  text-align: right;
  margin: 16px 0; }

#footer {
  margin-top: 0px !important; }

#container .scam {
  padding-bottom: 30px; }

#container .scam > a {
  display: block;
  background: #fff;
  border: #eaeaea solid 1px;
  padding: 20px;
  position: relative; }

#container .scam > a:after {
  font-family: uniqlo-icons;
  display: inline-block;
  font-size: 20px;
  text-align: center;
  content: "\e924";
  color: #ababab;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px; }

/*
 *既存コンテンツまま
 */
.bg_normal {
  clear: both;
  margin: 0 -500px;
  padding: 50px 500px; }

.bg_color {
  background-color: #ebebeb;
  margin: 0 -500px;
  padding: 50px 500px 1px; }

.bg_color_footer {
  background-color: #f4f4f4;
  margin: 0 -500px !important;
  padding: 50px 500px;
  width: 940px; }
  .bg_color_footer a {
    color: #1b1b1b; }
  .bg_color_footer a:hover {
    text-decoration: none;
    color: #1b1b1b; }

#container .content_wrap > .main {
  position: relative;
  margin-bottom: 30px; }

#container .over_bg_color {
  margin-top: 60px; }
  #container .over_bg_color a:hover {
    text-decoration: none; }

/*
 *Utility
 */
#container .mt0 {
  margin-top: 0 !important; }

.section_wrap {
  margin-bottom: 0px; }

/*
 *header
 */
#container #head_wrap {
  width: 960px !important; }

/*
 *クロスデバイス対応
 */
body.android,
body.androidTab,
body.ipad {
  overflow: hidden !important; }

body.androidTab .bx-controls-direction,
body.ipad .bx-controls-direction {
  display: none; }

/*
*不明（削除検討）
*/
#container .gender a {
  text-decoration: none;
  color: #585858;
  outline: none; }

#container .gender a:hover {
  color: #378694;
  text-decoration: none; }

@media screen and (max-device-width: 1280px) {
  html {
    overflow-x: hidden !important; } }

.clearfix,
#container > .column,
#container .video,
#container .gender,
#container .gender_tab,
#container .lifewear,
#container .ranking .item {
  *zoom: 1; }

.clearfix:after,
#container > .column:after,
#container .topics_column:after,
#container .column:after,
#container .product:after,
#container .txt_padding:after,
#container .gender_tab:after,
#container .bg_normal:after,
#container .sec_title:after,
#container .news_wrap:after,
#container .ranking .tip.kidsbaby:after,
#container .ranking .item.kidsbaby:after,
#container .ranking ul li:after {
  content: "";
  display: table;
  clear: both; }

.special_column:after,
.section_wrap:after,
.section_wrap > .col2:after,
.section_wrap .hero_content:after,
.section_wrap > .fr-image-plus-text-grid:after,
.section_wrap .hero_content > .info_content .price_area .gender-color .color-tips:after,
.section_wrap .hero_content > .info_content .price_area .fr-image-plus-text:after,
.section_wrap > .fr-image-plus-text-grid.col2 .item .fr-image-plus-text:after,
.tpu:after,
.tpu .sub_item:after,
#container .info_other:after,
#container .info_other .other:after,
.section_wrap .col2 .hero_content > .info_content .price_area.col2 .fr-price:after,
.fr-image-plus-text-grid a:after {
  content: "";
  font-size: 0;
  height: 0;
  visibility: hidden;
  display: block;
  clear: both; }

/*
 *171027 追加ここから
 */
.content_wrap a {
  display: block; }

.lineupitem a:hover {
  text-decoration: none !important; }

a:focus, *:focus {
  outline: none; }

.uni-spacing-XXL {
  margin-bottom: 52px; }
  .uni-spacing-XXL:after {
    display: table;
    clear: both;
    content: ''; }

.uni-spacing-XL {
  margin-bottom: 40px; }
  .uni-spacing-XL:after {
    display: table;
    clear: both;
    content: ''; }

.uni-spacing-L {
  margin-bottom: 28px; }
  .uni-spacing-L:after {
    display: table;
    clear: both;
    content: ''; }

.uni-spacing-M {
  margin-bottom: 20px; }
  .uni-spacing-M:after {
    display: table;
    clear: both;
    content: ''; }

.uni-spacing-S {
  margin-bottom: 12px; }
  .uni-spacing-S:after {
    display: table;
    clear: both;
    content: ''; }

.uni-spacing-XS {
  margin-bottom: 10px; }
  .uni-spacing-XS:after {
    display: table;
    clear: both;
    content: ''; }

.uni-normalweight {
  font-weight: normal !important; }

.uni-boldweight {
  font-weight: bold !important;}

.uni-defaultcolor {
  color: #1b1b1b !important; }

.uni-heading-h2 {
  height: 42px;
  position: relative;
  margin-bottom: 20px; }
  .uni-heading-h2__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    float: left;
    height: 42px; }
  .uni-heading-h2__icon-img {
    display: inline-block;
    margin-right: 10px;
    height: auto; }
  .uni-heading-h2__title {
    display: inline-block;
    float: left;
    font-size: 30px;
    font-family: 'Uniqlo Pro Regular',"Microsoft JhengHei", 'News Cycle';
    font-weight: bold;
    line-height: 42px; }
  .uni-heading-h2__lead {
    display: inline-block;
    float: left;
    font-size: 13px;
    padding-left: 20px;
    margin: 5px 0 5px 20px;
    border-left: 2px solid #1b1b1b;
    line-height: 32px; }
  .uni-heading-h2__leadbold {
    display: inline-block;
    float: left;
    padding-left: 5px;
    margin: 5px 0 5px 0;
    line-height: 32px;
    font-size: 18px;
    font-weight: bold; }
  .uni-heading-h2__anchor {
    display: inline-block;
    float: right;
    font-size: 12px;
    position: absolute;
    right: 0;
    display: inline-block !important;
    line-height: 42px;
    text-decoration: underline !important; }
    .uni-heading-h2__anchor:hover {
      text-decoration: none !important; }
  .uni-heading-h2 a {
    color: #1b1b1b; }

.uni-bnr.col-1 .uni-bnr-item:after {
  display: table;
  clear: both;
  content: ''; }

.uni-bnr.col-1 .uni-bnr-img {
  float: left;
  width: 620px; }

.uni-bnr.col-1 .uni-bnr-meta {
  float: right;
  width: 300px; }

.uni-bnr.col-2 {
  margin: 0 -10px; }
  .uni-bnr.col-2:after {
    display: table;
    clear: both;
    content: ''; }
  .uni-bnr.col-2 .uni-bnr-item {
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
    width: 50%; }
  .uni-bnr.col-2 .uni-bnr-text {
    padding-top: 20px; }
  .uni-bnr.col-2 .uni-bnr-info-item {
    margin-bottom: 0; }

.uni-bnr-img__item {
  height: auto; }

.uni-bnr-text {
  padding: 8px 0 12px;
  }
  .uni-bnr-text__lead {
    font-weight: bold;
    font-size: 16px; }
  .uni-bnr-text a {
    color: #1b1b1b; }
  .uni-bnr-text a:hover {
    text-decoration: none;
    color: #1b1b1b; }

.uni-bnr-info-item {
  margin-bottom: 28px; }
  .uni-bnr-info-item--limited .uni-bnr-info__price,
  .uni-bnr-info-item--limited .uni-bnr-info__annotation {
    color: #ff0000; }
  .uni-bnr-info-item a {
    color: #1b1b1b; }
  .uni-bnr-info-item a:hover {
    text-decoration: none;
    color: #1b1b1b; }

.uni-bnr-info__gender-size {
  margin-bottom: 7px;
  font-size: 12px;
  line-height: 1em; }

.uni-bnr-info-ctip {
  float: right; }
  .uni-bnr-info-ctip__item {
    float: left;
    width: 12px;
    height: 12px;
    background-size: cover;
    margin-left: 3px; }
    .uni-bnr-info-ctip__item--plus {
      float: left;
      width: 12px;
      height: 12px;
      margin-left: 3px;
      background: url(data:image/gif;base64,R0lGODlhFAAUAPAAAKurqwAAACH5BAEAAAEALAAAAAAUABQAAAIqjG+ggO2x2Jtx0mVfzW3z430QpkXmiabqyrbopYggKYefzeGZbvGw5CgAADs=) no-repeat center center;
      background-size: 80%; }

.uni-bnr-info__name {
  margin-bottom: 3px;
  font-size: 12px; }

.uni-bnr-info__price {
  font-size: 30px;
  display: block;
  font-family: 'Uniqlo Pro Regular',"Microsoft JhengHei", 'News Cycle';
  position: relative;
  line-height: 1em; }

.uni-bnr-info__price a {
  font-family: 'Uniqlo Pro Regular',"Microsoft JhengHei", 'News Cycle';
}

.uni-bnr-info__tax {
  display: inline-block;
  font-size: 10px;
  color: #7d7d7d;
  line-height: 1em; }

.uni-bnr-info__label-link {
  font-size: 12px;
  position: absolute;
  right: 0;
  bottom: 0;
  text-decoration: underline;
  color: #1b1b1b;
  line-height: 1em;
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, メイリオ, Meiryo, sans-serif; }

.uni-bnr-info__annotation {
  font-size: 12px;
  line-height: 1.2;
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, メイリオ, Meiryo, sans-serif;
  padding-top: 8px; }
  .uni-bnr-info__annotation--sub {
    font-size: 11px;
    color: #7d7d7d !important; }

.uni-bnr-info.col-2 {
  margin: 0 -10px; }
  .uni-bnr-info.col-2:after {
    display: table;
    clear: both;
    content: ''; }
  .uni-bnr-info.col-2 .uni-bnr-info-item {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 0 10px;
    margin-bottom: 0; }
  .uni-bnr-info.col-2 .uni-bnr-info__price {
    padding-bottom: 20px; }

.uni-tab {
  margin-bottom: 40px; }
  .uni-tab-heading {
    width: 940px;
    height: 50px;
    border-bottom: 1px solid #dadada;
    box-sizing: border-box;
    margin-bottom: 28px; }
    .uni-tab-heading__items {
      padding: 0 10px; }
    .uni-tab-heading__items.col-3 {
      padding: 0 5px; }
    .uni-tab-heading__items.col-3 .uni-tab-heading__item {
      width: 250px; }
      .uni-tab-heading__items:after {
        display: table;
        clear: both;
        content: ''; }
    .uni-tab-heading__item {
      float: left;
      width: 170px;
      margin: 0 30px; }
      .uni-tab-heading__item .uni-tab-heading__anchor {
        color: #ababab;
        display: block;
        padding: 0 30px 20px;
        line-height: 26px;
        text-align: center;
        font-family: 'Uniqlo Pro Regular', 'News Cycle';
        font-size: 20px; }
        .uni-tab-heading__item .uni-tab-heading__anchor--active {
          border-bottom: 3px solid #378694;
          color: #1b1b1b; }
        .uni-tab-heading__item .uni-tab-heading__anchor:hover {
          text-decoration: none;
          color: #1b1b1b; }
  .uni-tab-body {
    display: none; }
    .uni-tab-body--active {
      display: block; }

.uni-col4img {
  box-sizing: border-box;
  border-left: 1px solid #dadada;
  border-top: 1px solid #dadada; }
  .uni-col4img:after {
    display: table;
    clear: both;
    content: ''; }
  .uni-col4img__item {
    float: left;
    box-sizing: inherit;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    width: 25%; }
  .uni-col4img__img {
    width: 100%;
    height: auto; }

.uni-col3img {
  box-sizing: border-box;
  border-left: 1px solid #dadada;
  border-top: 1px solid #dadada; }
  .uni-col3img:after {
    display: table;
    clear: both;
    content: ''; }
  .uni-col3img__item {
    float: left;
    box-sizing: inherit;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    width: 33.3333%; }
  .uni-col3img__img {
    width: 100%;
    height: auto; }

.uni-bnr-text__subtext {
  font-size: 14px;
}
.uni-bnr-info__name {
  font-weight: bold;
}
.uni-bnr-text__anchor > div:nth-child(3) {
  margin-top: 5px;
}
.uni-bnr-item {
  position: relative;
}
.uni-bnr-iptg {
}
.uni-bnr-iptg a:after {
  display: table;
  clear: both;
  content: '';
}
.uni-bnr-iptg a {
  color: #1b1b1b;
}
.uni-bnr-iptg a .uni-bnr-iptg-label {
  text-decoration: underline;
}
.uni-bnr-iptg a:hover {
  text-decoration: none;
}
.uni-bnr.col-1 .uni-bnr-iptg {
  width: 300px;
  position: absolute;
  bottom: 20px;
  right: 0;
}
.uni-bnr.col-2 .uni-bnr-iptg {
  width: 460px;
  margin-top: 30px;
}
.uni-bnr-iptg-img {
  float: left;
}
.uni-bnr-iptg-text {
  padding-left: 160px;
}
.uni-bnr-iptg-text__lead {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 9px;
}
.uni-bnr-iptg-text__body {
  font-size: 13px;
  line-height: 1.5;
}
.uni-bnr-iptg-label  {
  position: absolute;
  bottom: 0;
}
.uni-bnr.col-1 .uni-bnr-iptg-label {
  right: 0;
  bottom: -20px;
}
.uni-bnr.col-2 .uni-bnr-iptg-label {
  right: 10px;
}
.uni-bnr-text__flag {
  background: #378694;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  line-height: 1em;
  margin-bottom: 11px;
}
.uni-bnr-text__flag.uni-bnr-text__flag--limited {
  background: #F00;
}
.lineupitem a:hover {
  color: #1b1b1b !important;
  text-decoration: none !important;
}
/*
 * add 20171117
 * uni-sastainability
 */
.uni-sastainability {
}
.uni-sastainability:after {
  display: table;
  clear: both;
  content: '';
}
.uni-sastainability__left {
  width: 527px;
  float: left;
}
.uni-sastainability__right {
  width: 393px;
  float: right;
}
.uni-sastainability-row {
  margin-bottom: 20px;
}
.uni-sastainability-row:after {
  display: table;
  clear: both;
  content: '';
}
.uni-sastainability__item {
  float: left;
  width: 116px;
  margin-right: 21px;
}
.uni-sastainability__item--nomargin {
  margin-right: 0;
}
.uni-sastainability__image {
  margin-bottom: 12px;
}
.uni-sastainability__title {
  font-size: 10px;
  text-align: left;
  font-weight: bold;
  line-height: 1.5;
}
.uni-sastainability__subtext {
  font-size: 10px;
  text-align: left;
  line-height: 1.5;
}

/*
 * add 20180119
 * 特別コレクション
 */
.uni-col3bnr {
  margin: 0;
  width: 940px;
  margin-bottom: 52px;
}
.uni-col3bnr-items a {
  padding-right: 0;
  text-decoration: none;
  color: #1b1b1b;
}
.uni-col3bnr-items a:hover {
  text-decoration: none !important;
}
.uni-col3bnr-items .uni-col3bnr-img-item {
  list-style-type: none;
  display: table-cell;
  padding-right: 20px;
  zoom: 1;
  width: 172px;
}
.uni-col3bnr-items .uni-col3bnr-img-item:last-child {
  padding-right: 0;
}
.uni-col3bnr-items .uni-col3bnr-img-item a > img {
  margin-bottom: 12px;
}
.uni-col3bnr-items .title {
  display: block;
  margin-top: 7px;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}
a:visited{
  text-decoration:none !important;
  color:#1b1b1b !important;
}
a:active{
  text-decoration:none !important;
  color:#1b1b1b !important;
}
a:link{
  text-decoration:none !important;
  color:#1b1b1b !important;
}