@charset "utf-8";

/*-- clearfix --*/
.clearfix:after{content:'';display:block;clear:both;height:0;}

/*-- font --*/
@font-face {
    font-family:uniqlo-icons;
    src:url(/jp/en/free-wifi/fonts/icomoon.woff?-2vjt0h) format("woff"),url(/jp/en/free-wifi/fonts/icomoon.ttf?-2vjt0h) format("truetype"),url(/jp/en/free-wifi/fonts/icomoon.svg?-2vjt0h#icomoon) format("svg");
    font-weight:400;
    font-style:normal
}

@font-face {
    font-family: UNIQLOLight;
    src: url(/jp/en/free-wifi/fonts/uniqlolight-webfont.eot);
    src: url(/jp/en/free-wifi/fonts/uniqlolight-webfont.eot?#iefix) format('embedded-opentype'),
         url(/jp/en/free-wifi/fonts/uniqlolight-webfont.woff) format('woff'),
         url(/jp/en/free-wifi/fonts/uniqlolight-webfont.ttf) format('truetype'),
         url(/jp/en/free-wifi/fonts/uniqlolight-webfont.svg#uniqlolightregular) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face { 
        font-family: UniqloBoldRegular; 
        src: url(/jp/en/free-wifi/fonts/uniqlobold-webfont.eot); 
        src: url(/jp/en/free-wifi/fonts/uniqlobold-webfont.eot?#iefix) format('embedded-opentype'), 
             url(/jp/en/free-wifi/fonts/uniqlobold-webfont.woff) format('woff'), url('/jp/en/free-wifi/fonts/uniqlobold-webfont.ttf') format('truetype'), 
             url(/jp/en/free-wifi/fonts/uniqlobold-webfont.svg#UniqloBoldRegular) format('svg'); font-weight: normal; font-style: normal; }
.bt5{
    border-top: solid #e6e6e6 5px;
}

.bb5{
    border-bottom: solid #e6e6e6 5px;
}

/*-- icon --*/
.arrow-link {
  position: relative;
}

.arrow-link:after {
  content: "\e611";
  right: 0;
  color: #bebebe;
  position: absolute;
  right: 0px;
  top: 50%;
  font-size: 12px;
  margin-top: -6px;
  font-family: uniqlo-icons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.close-btn:after {
  content: "\e61a";
  display: block;
  color: #fff;
  font-size: 14px;
  font-family: uniqlo-icons;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*-- header --*/
#header-inner{
	overflow: hidden;
}

#header-inner #header-menu{
  display:table;
  table-layout: fixed;
  float: right;
}

#header-menu li{
	height: 100%;
	text-align: center;
}
#header-menu .header-menu-language {
  float: left;
}

#header-menu .header-menu-language img {
	height: 64px;
	width: auto;
}

#header-menu a{
	display: block;
	height: 64px;
}

#header-menu .header-menu-nav{
  position: relative;
  float: left;
  width: 80px;
  height: 56px;
}

.header-menu-nav .top-bar{
  -webkit-transform: translateY(-6px) rotate(0);
  transform: translateY(-6px) rotate(0);
}

.header-menu-nav .bottom-bar{
  -webkit-transform: translateY(6px) rotate(0);
  transform: translateY(6px) rotate(0);
}

.header-menu-nav .top-bar,
.header-menu-nav .middle-bar,
.header-menu-nav .bottom-bar{
  background-color: #636262;
  border-radius: 1px;
  height: 3px;
  width: 22px;
  position: absolute;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -11px;
}

.header-menu-nav .txt{
  display: block;
  width: 80px;
  text-align: center;
  position: absolute;
  bottom: 5px;
}
.header-menu-nav .txt img{
  width: 40px;
}
.header-menu-nav .close-btn{
  display: none;
  position: absolute;
  left: 31px;
  bottom: 22px;
}
.header-menu-nav .close-btn:after{
  color: #F00;
}
.header-menu-list {
  display: none;
  position:absolute;
  width:100%;
  z-index:500;
}
.header-menu-list p{
  background: #FFFFFF;
  border-top: 1px solid #e6e6e6;

}
.header-menu-list p a{
  width: 100%;
  height: 100%;
  padding: 20px 30px 19px 20px;
  box-sizing: border-box;
  display: block;
  font-family:'UniqloBoldRegular';
  font-size:20px;
}
.header-menu-list p img{
  width: 265px;
}
.header-menu-list p.arrow-link:after{
  right: 20px;
}

.country_select ul{
	width:236px;
	margin:0 auto;
	overflow:hidden;
}

.country_select li{
	float:left;
	margin-right:25px;
}

.country_select li:last-child{
	margin-right:0;
}

.country_select img{
	width:27px;
}

/*-- footer --*/
footer{
	height:120px;
	background-color:#e6e6e6;
}

#footer{
	text-align:center;
}

#footer .uni-address{
	padding:13px 0;
}

#footer .uni-copyright{
	padding:10px 0;
	background:#636262;
	color:#ffffff;
	font-family:'Uniqlo Pro Regular';
	text-transform:uppercase;
	font-size:12px;
}

/*-- common --*/
#content h1{
	background:#333333;
	color:#ffffff;
	font-family:'UNIQLOLight';
	padding:11px 0 10px 15px;
	font-size:26px;
	letter-spacing:1px;
}

#content h2{
	background:#ffffff;
    border-bottom: solid #e6e6e6 1px;
	font-family:'UNIQLOLight';
	padding:16px 0 14px 15px;
	font-size:20px;
	letter-spacing:1px;
	display:block;
	line-height:1;
}

/*-- Back to top --*/
.topBack{
    border-top: solid #e6e6e6 5px;
}

.topBack .arrow-link:after {
  right: 16px;
  color:#ffffff;
}

.topBack .arrow-link:after {
  right: 16px;
}

.topBack li {
  padding: 10px 30px 11px 20px;
  background-color: #b8b8b8;
  margin-bottom: 1px;
}

.topBack li a {
  display: block;
  color:#ffffff;
  font-family:'UNIQLOLight';
  font-size:20px;
  letter-spacing:1px;
}

.topBack li img{
	width:265px;
}