@charset "utf-8";

html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
em{font-style:normal;}
ul,ol{list-style:none;}
body,html{color:#333;font-size:small;line-height:1.5;height:100%;}

body{
background:#e6e6e6;
min-width:320px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

img{
max-width:100%;
height:auto;
line-height:0;
}

a{
color:#333;
text-decoration:none;
}

/*-- clearfix --*/
.clearfix:after,
.col-dl-3:after,
.h-bg:after,
.h-bg-gr:after,
#header-inner:after,
#category:after,
#category-goods:after,
#tab-ranking:after,
#tab-li-ranking:after,
#sns:after,
#footer-inner:after{content:'';display:block;clear:both;height:0;}

/*-- css sprite --*/
.h-bg .see-more span,
.h-bg-gr .see-more span,
#category,
#category-goods span,
#tab-ranking li .tab-txt span,
#tab-li-ranking span{
background:url(//im.uniqlo.com/images/jp/sp/img/feature_mb/uq/top/sprite.png);
-webkit-background-size:88px 750px;
}

/*-- header --*/
#header-inner{
height:44px;
background:url(//im.uniqlo.com/images/jp/sp/img/material/nav/ico_bg.png) repeat-x;
-webkit-background-size:44px;
border-bottom:solid 1px #b8b8b8;
}

header h1{
float:left;
width:44px;
height:44px;
}

#menu{
height:44px;
padding-left:44px;
}

#menu li{
float:left;
width:20%;
height:100%;
text-align:center;
}

#menu a{
display:block;
height:44px;
border-left:solid 1px #666;
}

#menu img,
#category img{
height:44px;
}

#category{
height:44px;
background-position:left -472px;
border-bottom:solid 1px #b8b8b8;
-webkit-box-shadow:0px 1px 2px #cacaca;
/*margin-bottom:4px;*/
}

#category li{
float:left;
width:25%;
text-align:center;
}

#category a{
display:block;
height:44px;
border-left:solid 1px #ccc;
}

#category li:first-child a{
border-left:none;
}

/*-- main-slide-banner --*/
#main-bnr{
margin:0 0 5px;
}
#bnr-img{
width:100%;
overflow:hidden;
background:#fff;
}
#bnr-img ul{
position:relative;
display:block;
-webkit-box-sizing:border-box;
width:100%;
height:auto;
margin:0 0 5px;
padding:0;
}
#bnr-img ul li{
float:left;
display:inline-block;
-webkit-box-sizing:border-box;
width:100%;
margin:0;
padding:0;
list-style:none;
text-align:center;
}
#bnr-img ul li:nth-child(2),
#bnr-img ul li:nth-child(3),
#bnr-img ul li:nth-child(4),
#bnr-img ul li:nth-child(5){
display:none;
}
#bnr-img ul li p{
padding:5px;
}
.font-red{color:#f00;}

/*-- category-goods --*/
#category-goods{
margin:0 5px;
}
#category-goods ul{
position:relative;
left:-5px;
margin-left:5px;
}
#category-goods li{
float:left;
background:#fff;
width:50%;
margin-bottom:5px;
}
#category-goods li:nth-child(even){
position:relative;
right:-5px;
}
#category-goods a{
display:block;
position:relative;
height:14px;
padding:15px 9px;
}
#category-goods span{
display:block;
position:absolute;
top:50%;
right:9px;
background-position:left -526px;
width:15px;
height:15px;
margin-top:-7.5px;
}

h2{
color:#fff;
font-size:medium;
font-weight:bold;
background-color:#434343;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(40%,#2e2e2e), color-stop(100%,#000));
background:-webkit-linear-gradient(top, #434343 0%,#2e2e2e 40%,#000 100%);
padding:10px 13px 9px;
margin-bottom:5px;
}

/*-- Serach Form --*/
#search_box {
display:none;
position:relative;
padding:7px 0;
text-align:center;
border-left:1px solid #666;
border-right:1px solid #666;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.03, #eee), color-stop(0.97, #aaa), to(#333));
}
#search_box input{
padding:10px 30px 10px 30px;
border-radius:20px;
width:98%;
box-shadow:2px 2px 2px 0 rgba(180, 180, 180, 0.8) inset; 
outline: none;
color:#999;
font-size:120%;
border:1px solid #999;
background-image:url(//im.uniqlo.com/images/jp/sp/img/feature_mb/uq/top/search_lupe.png);
background-repeat:no-repeat;
background-position:10px 50%;
-webkit-box-sizing:border-box;
line-height:15px;
}
#search_clear {
display:none;
position:absolute;
right:3.5%;
top:33%;
width:20px;
height:20px;
background-image:url(//im.uniqlo.com/images/jp/sp/img/feature_mb/uq/top/search_clear.png);
background-repeat:no-repeat;
cursor:pointer;
}

/*-- CAMPAIGN / TOPICS --*/
.col-dl-3 {
display:-webkit-box;
margin:5px 5px 5px 0;
}
.col-dl-3 dl{
margin:0 0 0 5px;
background:#fff;
-webkit-box-flex:1.0;
width:33%;
}
.col-dl-3 dt{
line-height:0;
text-align:center;
background:#fff;
border-bottom:5px solid #e6e6e6;
}
.col-dl-3 dd{
font-size:x-small;
line-height:1.3;
text-align:left;
padding:5px;
}
.h-bg{
background-color:#434343;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(40%,#2e2e2e), color-stop(100%,#000));
background:-webkit-linear-gradient(top, #434343 0%,#2e2e2e 40%,#000 100%);
padding:5px 13px;
margin-bottom:5px;
}
.h-bg h2{
width:67%;
float:left;
background:none;
padding:5px 0 4px;
margin-bottom:0;
}
.h-bg .see-more{
float:left;
width:33%;
}
.h-bg .see-more a{
position:relative;
display:block;
color:#fff;
border-left:dotted 1px #ccc;
padding:7px 0 7px 15px;
}
.h-bg .see-more span{
display:block;
position:absolute;
top:50%;
right:0;
background-position:-35px -526px;
width:16px;
height:16px;
margin-top:-7.5px;
}

/*-- SALES RANKING --*/
.tab-box-wrapper{
background-color:#E6E6E6;
}
.tab-box{
min-height:30px;
color:#FFF;
font-weight:bold;
margin:0 5px 5px;
text-align:center;
display:-webkit-box;
-webkit-box-orient:horizontal;
-webkit-box-align:stretch;
}
.tab-box.set2 .tab{
max-width:50%;  
}
.tab-box.set3 .tab{
width:33%;  
}
.tab-box.set4 .tab{
max-width:25%;  
}
.tab-box .tab{
cursor:pointer;
display:-webkit-box;
-webkit-box-align:center;
-webkit-box-pack:center;
-webkit-box-flex:1.0;
min-height:30px;
background-color:#BBB;
}
.tab-box .tab p{
width:100%;
padding-top:1px;
margin-right:-1px;
border-left:dotted 1px #FFF;
line-height: 20px;
}
.tab-box .tab.focus p,
.tab-box .tab:first-of-type p,
.tab-box .tab.focus+.tab p{
border-color:transparent;
}
.tab-box .tab a{
color:#FFF;
text-decoration:none;
width:100%;
display:-webkit-box;
-webkit-box-pack:center;
}
.tab-box .tab a p{
height:30px;
display:table-cell;
vertical-align:middle;
}
.tab-box .tab.focus{
cursor:default;
display:-webkit-box;
-webkit-box-align:center;
-webkit-box-pack:center;
-webkit-box-orient:vertical;
min-height:30px;
background-color:#F00;
position:relative;
}
.tab-box .tab.focus:after{
content:'';
width:0;
height:0;
position:absolute;
border:solid #F00;
border-color:#F00 transparent transparent;
border-width:5px 6px 0;
top:100%;
left:50%;
margin-left:-6px;
}
.dsp-none{
display:none;
}
#tab-li-ranking ul {
display: -webkit-box;
margin: 0 5px 5px 0;
}
#tab-li-ranking li {
-webkit-box-flex: 1.0;
margin-left: 5px;
background: white;
text-align: center;
}
#tab-li-ranking .basic-list span{
position:absolute;
display:block;
float:left;
width:20px;
height:20px;
}
#tab-li-ranking .basic-list li:nth-child(1) span{
background-position:left  -546px;
}

#tab-li-ranking .basic-list li:nth-child(2) span{
background-position:-22px  -546px;
}

#tab-li-ranking .basic-list li:nth-child(3) span{
background-position:-43px  -546px;
}

#tab-li-ranking .basic-list p{
font-size:x-small;
}

/*-- NEWS --*/
.h-bg-gr {
height:19px;
margin:0 0 5px 0;
padding:4px 5px 2px 5px;
background-color:#777;
color:#fff;
}
.h-bg-gr .see-more {
border-left:dotted 1px #fff;
}
.scroll-box{
display:-webkit-box;
}
.scroll-box .see-more{
margin-left:7px;
padding:1px 0 0 5px;
}
.h-bg-gr .see-more div {
width:16px;
height:16px;
background:url(//im.uniqlo.com/images/jp/sp/img/feature_mb/uq/top/sprite.png);
-webkit-background-size:88px 750px;
background-position:-17px -525px;
}
.scroll_text {
-webkit-box-flex:1.0;
overflow:hidden;
overflow:-webkit-marquee;
}
.scroll_text p {
line-height:19px;
white-space:nowrap;
}

/*-- UNIQLO OFFICIAL SNS --*/
.bg-wh{
background:#fff;
padding:5px;
margin-bottom:5px
}

#sns{
padding:2px 0;
}

#sns li{
float:left;
width:20%;
line-height:0;
text-align:center;
}

/*-- footer --*/
footer{
text-align:center;
}

footer small{
display:block;
line-height:0;
padding:11px 0 13px;
}

#footer-inner{
height:44px;
background:url(//im.uniqlo.com/images/jp/sp/img/material/nav/ico_bg.png) repeat-x;
-webkit-background-size:44px;
border:solid 1px #999;
border-style:solid none;
}

#footer-inner #logo{
float:left;
width:88px;
}

#footer-inner #logo a{
display:block;
float:left;
width:44px;
height:44px;
}

#footer-inner #menu{
padding-left:88px;
}

#footer-inner #menu li{
float:left;
width:33.3%;
height:100%;
text-align:center;
}

#footer-inner #menu a{
display:block;
border-left:solid 1px #999;
}

/*-- alert --*/
.box-alert{
border:2px #f00 solid;
background:#fff;
margin:7px 5px 5px;
padding:5px 10px;
color:red;
}
.box-alert.icon {
background:url("//im.uniqlo.com/images/jp/sp/img/feature_mb/uq/top/icon_alert_121026.gif") no-repeat 10px 10px #fff;
-webkit-background-size:57px 15px;
padding-top:30px;
}
.box-alert.font-black {
color:#333;
border:2px #aaa solid;
}


/*0311yamamoto*/
.fancy h3{
  background: #444;
  background-repeat:no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RkZDOTlFNTgyMkYxMUUyQjIyRUU2OUZFRjEyMkVGQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RkZDOTlFNjgyMkYxMUUyQjIyRUU2OUZFRjEyMkVGQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVGRkM5OUUzODIyRjExRTJCMjJFRTY5RkVGMTIyRUZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVGRkM5OUU0ODIyRjExRTJCMjJFRTY5RkVGMTIyRUZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FZKjjQAAA1hJREFUeNrsWs9LG1EQ3tgSEPZQhIAgFMSDIGiLwbSC4K1UUgqWnMxJzD2lf0MOJdJiLylCDlKoJ48teBVyaSHQUil4EZQKxUBJUQwNke08mIXtZt+82bfvhYZ24GOj7pv5Znfey/ww5XmeM8wy4gy5DL0DNy3ovAu4EbgKuQZ8Clz/KgfGAGuAPGAZMKq4vwM4ALwH7AJ+JLIuNrEmxgHbgJ6nLz3UMa7LQ2eRC6gALjxzcoE6XdsOLAJOPHtygjasOLCRMFzihNUGlxd3Ez8DvGDe+zl06jihU+mOYr24p46Hw6aJTfyY+eSqzNe/iPdyZDVpCM0yNqs4RbIah0EW11JyhRy0HHAVG/YSUExwDPsooi5qY7s6DlQIpWeAKQPkfQhdp4S9SlwHJhShc98geR8Liu+JiTgOULFZskDex7pir7EcyBDn/bZF8qqH9wu5/XF/VDq9Fsgiw/J6ABmyzEYauSnrgbxEwabpVFgiwsZLyd/6uKVCJaXwsi1Jie8BPg6oTskBPkhS8VuAruwNTEvIHw6QvIO2DiN+P4ocpSE0I1H4NfB5S2QglrAlsSnlGHYgI1nUCnx+Ctix8NR3UHeUTSnHsAOuZNFl6OcSYM8g+T3USdmM5KjblRBpchGwb4D8Puq6NtFWYXmNIk6CJ4BGAvIN1NFl2uzjOELEOmdviGPtEaCpQb6JazsxbbYoB44ki6YJIj8BK8SpITvVVnCtE9PmEVWRpbGIiJKcIocR2eIxo8o6lmWWAeSIAidN5UJdIhwKiqd6BniA1yT3ULaaffslwvsykZNPMrJJUQKeR6w/V5WHiEmiFiknTaerzJRYhEA7sK7NCEEfVaLdkuEWNG+JGF5nElnCmBVYNlDQvIlTkc0omlgLTEIPAXkDJWUPOcUq6muEwu+AeYNV2DzqlElNpysxxuiDmqiPSwob35CLdmPrSmGglqCxVbPZ2PKxGqO1mGOeUMZaiynmlLIcKjY4zd1mqLmbZTZ3g3XHK5MTmoLhoQbVxCpweXHfgC+zgHeA25Zq4VPMUL/YGrMKxXOA50QarCMd1DkXh7yJIV/dwJCvnmTIFzeEZIWHP2ZdYo5ZG4ExayuJcRMOyAbd2dCgu2lj0G3Dgf//K/FPOfBbgAEAODhx5O1VJSAAAAAASUVORK5CYII=);
  background-size:24px 24px;
  background-position: 8px 50%;
  
  padding:10px 0px 10px 30px;
  font-size: 14px;
  color:#fff;
  border-radius: 4px 4px 0 0;
  height: 20px;
  width: 100% !important;
}
.fancy{
  width: auto !important;
  overflow: hidden;
}
.fancy p{ 
  padding:10px 10px;
  font-size: 14px;
  border-top: 1px #bbb solid;
}