#main_inner .pd-t--0 {
	padding-top: 0px !important;
}
#main_inner .pd-r--0 {
	padding-right: 0px !important;
}
#main_inner .pd-b--0 {
	padding-bottom: 0px !important;
}
#main_inner .pd-l--0 {
	padding-left: 0px !important;
}
#main_inner .pd-t--5 {
	padding-top: 5px !important;
}
#main_inner .pd-r--5 {
	padding-right: 5px !important;
}
#main_inner .pd-b--5 {
	padding-bottom: 5px !important;
}
#main_inner .pd-l--5 {
	padding-left: 5px !important;
}
#main_inner .pd-t--10 {
	padding-top: 10px !important;
}
#main_inner .pd-r--10 {
	padding-right: 10px !important;
}
#main_inner .pd-b--10 {
	padding-bottom: 10px !important;
}
#main_inner .pd-l--10 {
	padding-left: 10px !important;
}
#main_inner .pd-t--15 {
	padding-top: 15px !important;
}
#main_inner .pd-r--15 {
	padding-right: 15px !important;
}
#main_inner .pd-b--15 {
	padding-bottom: 15px !important;
}
#main_inner .pd-l--15 {
	padding-left: 15px !important;
}
#main_inner .pd-t--20 {
	padding-top: 20px !important;
}
#main_inner .pd-r--20 {
	padding-right: 20px !important;
}
#main_inner .pd-b--20 {
	padding-bottom: 20px !important;
}
#main_inner .pd-l--20 {
	padding-left: 20px !important;
}
#main_inner .pd-t--25 {
	padding-top: 25px !important;
}
#main_inner .pd-r--25 {
	padding-right: 25px !important;
}
#main_inner .pd-b--25 {
	padding-bottom: 25px !important;
}
#main_inner .pd-l--25 {
	padding-left: 25px !important;
}
#main_inner .pd-t--30 {
	padding-top: 30px !important;
}
#main_inner .pd-r--30 {
	padding-right: 30px !important;
}
#main_inner .pd-b--30 {
	padding-bottom: 30px !important;
}
#main_inner .pd-l--30 {
	padding-left: 30px !important;
}
#main_inner .pd-t--35 {
	padding-top: 35px !important;
}
#main_inner .pd-r--35 {
	padding-right: 35px !important;
}
#main_inner .pd-b--35 {
	padding-bottom: 35px !important;
}
#main_inner .pd-l--35 {
	padding-left: 35px !important;
}
#main_inner .pd-t--40 {
	padding-top: 40px !important;
}
#main_inner .pd-r--40 {
	padding-right: 40px !important;
}
#main_inner .pd-b--40 {
	padding-bottom: 40px !important;
}
#main_inner .pd-l--40 {
	padding-left: 40px !important;
}
#main_inner .pd-t--45 {
	padding-top: 45px !important;
}
#main_inner .pd-r--45 {
	padding-right: 45px !important;
}
#main_inner .pd-b--45 {
	padding-bottom: 45px !important;
}
#main_inner .pd-l--45 {
	padding-left: 45px !important;
}
#main_inner .pd-t--50 {
	padding-top: 50px !important;
}
#main_inner .pd-r--50 {
	padding-right: 50px !important;
}
#main_inner .pd-b--50 {
	padding-bottom: 50px !important;
}
#main_inner .pd-l--50 {
	padding-left: 50px !important;
}
@font-face {
	font-weight: 700;
	font-style: normal;
	font-family: "UniqloProBold";
	src: url("/jp/fonts/UniqloProBold.eot");
	src: url("/jp/fonts/UniqloProBold.eot?#iefix") format("embedded-opentype"), url("/jp/fonts/UniqloProBold.woff") format("woff"), url("/jp/fonts/UniqloProBold.ttf") format("truetype"), url("/jp/fonts/UniqloProBold.svg#uniqlo_probold") format("svg");
}
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "UniqloProRegular";
	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-face {
	font-weight: 400;
	font-style: normal;
	font-family: "UniqloProLight";
	src: url("/jp/fonts/UniqloProLight.eot");
	src: url("/jp/fonts/UniqloProLight.eot?#iefix") format("embedded-opentype"), url("/jp/fonts/UniqloProLight.woff") format("woff"), url("/jp/fonts/UniqloProLight.ttf") format("truetype"), url("/jp/fonts/UniqloProLight.svg#uniqlo_probold") format("svg");
}
#main_inner .uni-font--bold {
	font-family: "UniqloProBold";
}
#main_inner .uni-font--regular {
	font-family:  "Uniqlo Pro","UniqloProRegular";
}
#main_inner .uni-font--light {
	font-family: "UniqloProLight";
}
#main_inner {
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}
 a:hover {
	opacity: 0.8;
}
#main_inner .lead-section {
	padding: 40px 0 0px;/* background: #f3f3f3; */
}
#main_inner .lead-section .lead-text {
	margin-top: 20px;
	font-weight: bold;
	text-align: center;
	font-size: 21px;
	line-height: 1.5;
}
#main_inner .lead-section .lead-title {
	text-align:center;
	line-height: 1.4;
}
#main_inner .lead-section .lead-title span {
	display: inline-block;
}
#main_inner .lead-section .lead-title .text-01 {
	position: relative;
	font-size: 46px;
 
	letter-spacing: 5px;
    font-weight: bold;
	font-family: "Uniqlo Pro", "UniqloProRegular","Microsoft JhengHei", 'News Cycle';
	z-index: 1;
}
 
#main_inner .lead-section .lead-title .text-02 {
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 2px;
	border-bottom: solid 1px #1b1b1b;
}
#main_inner .lead-section .lead-title .text-03 {
	font-size: 26px;
	font-weight: normal;
	letter-spacing: 2px;
	border-bottom: solid 1px #7d7d7d;
	color: #7d7d7d;
		font-family: "Uniqlo Pro", "UniqloProRegular","Microsoft JhengHei", 'News Cycle';
}
#main_inner .l3framework-pop-b.l3framework-02 {
	/* background: #f3f3f3; */
	margin-top: 60px;
	width: 100%;
}
#main_inner .l3framework-pop-b.l3framework-02.first {
	margin-top: 60px;
}
#main_inner .l3framework-pop-b.l3framework-02 .l3framework-img {
	width: auto;
	padding-right: 60px;
}
#main_inner .l3framework-pop-b.l3framework-02 .l3framework-info {
	width: 370px;
	padding-right: 50px;
	text-align: left
}
#main_inner .l3framework-pop-b.l3framework-02 .l3framework-info .l3framework-info-heading {
	font-size: 32px;
	text-align:left;
	margin-bottom: 45px;
}
#main_inner .l3framework-pop-b.l3framework-02 .l3framework-info .l3framework-info-text {
	font-size: 17px;
	line-height: 1.8;
	
}
#main_inner .l3framework-pop-b.l3framework-02 .l3framework-info .l3framework-info-text-b {
	font-size: 17px;
	line-height: 1.8;
	font-weight: bold;
}
#main_inner .btn a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
	font-size: 16px;
	border: solid #1b1b1b 1px;
	text-align: center;
	color: #1b1b1b;
	text-decoration: none;
	padding: 18px 0;
	margin-bottom: 30px;
}
#main_inner .btn a::after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	vertical-align: 0.1em;
	border-right: 1px solid #1b1b1b;
	border-bottom: 1px solid #1b1b1b;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#main_inner .btn2:first-child
{margin-right: 20px}

#main_inner .btn2 a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  
  flex-wrap: wrap;
	width: 45%;
	font-size: 16px;
	border: solid #1b1b1b 1px;
	float: left;
	color: #1b1b1b;
	text-decoration: none;
	padding: 18px 0;
	margin: 0 26px 30px;
text-align: center;
}

#main_inner .btn2 a :after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	vertical-align: 0.1em;
	border-right: 1px solid #1b1b1b;
	border-bottom: 1px solid #1b1b1b;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	color: #1b1b1b;
	
}
#main_inner .btn2 a :hover {
opacity: 0.8;
	
}
  
#main_inner .btn3 a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width:100%;
	font-size: 28px;
	font-weight: bold;
	border:none;
	float: left;
	color: white;
	text-decoration: none;
	padding: 18px 0;
	text-align: center;
	background: red;
}
 
#main_inner .btn3 a :after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	vertical-align: 0.1em;
	border-right: 1px solid #1b1b1b;
	border-bottom: 1px solid #1b1b1b;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	color: #1b1b1b;
}
#main_inner .l3framework-movie {
/* background: #f3f3f3; */
}
#main_inner .l3framework-movie .l3framework-img {
	padding-right: 60px;
}
#main_inner .l3framework-movie .l3framework-info .l3framework-info-heading-area .l3framework-info-heading {
	display: inline-block;
	color: #1b1b1b;
	line-height: 1.4;
	font-size: 17px;
	border-bottom: 1px solid #1b1b1b;
}
#main_inner .l3framework-movie .l3framework-info .l3framework-info-heading-area .l3framework-info-text {
	line-height: 1.5;
	font-size: 15px;
}
/* 190301 Add */
.l3framework-section {
	position: relative;
}
.l3framework-section .creditText {
	position: absolute;
	right: 10px;
	bottom: 10px;
	text-align: right;
}
#main_inner .tabSet {
	text-align: center;
	background-image: url("//im.uniqlo.com/images/jp/pc/img/feature/uq/comfortsmartwear/women/190301-19SS_comfortsmartwear_W_comfortsmartwear_tabLine.png");
	background-repeat: repeat-x;
	background-position: bottom;
	height: 60px;
	overflow: hidden;
}
#main_inner .tabSet li {
	display: inline-block;
	margin: 0 5px;
	border-top: solid 1px;
	/* border-right: solid 1px; */
	/* border-left: solid 1px; */
	border-color: #ffffff;
	border-bottom: solid 1px;
	padding: 0 35px;
	height: 70px;
}
#main_inner .tabSet li.active {
	border-color: #1b1b1b;
	border-bottom-color: #ffffff;
	background-color: #ffffff;
	border-right: solid 1px;
	border-left: solid 1px;
}
#main_inner .tabSet li a {
	position: relative;
	font-size: 38px;
	font-style: italic;
	letter-spacing: 5px;
		font-family: "Uniqlo Pro", "UniqloProRegular","Microsoft JhengHei", 'News Cycle';
	z-index: 1;
	color: #ababab;
	margin: 10px 0 0 0;
	display: block;
}
#main_inner .tabSet li a:hover {
	text-decoration: none;
}
#main_inner .tabSet li.active a:hover {
	opacity: 1;
}
#main_inner .tabSet li.active a {
	color: #1b1b1b;
}
#main_inner .tabSet li.active a::before {
	content: "";
	position: absolute;
	display: block;
	background: #dadada;
	width: 100%;
	height: 6px;
	bottom: 6px;
	left: 0;
	z-index: -1;
}
#main_inner .stylingSet {
	overflow: hidden;
	padding: 0 30px;
	margin: 0 0 20px 0;
}
#main_inner .stylingSet ul {
}
#main_inner .stylingSet li {
	float: left;
	width: 260px;
	margin: 0 20px;
}
#main_inner .stylingSet dl {
	}
#main_inner .stylingSet dl a{
	color: #1b1b1b;
	text-decoration: none;
	}
#main_inner .stylingSet dl img:hover{
	opacity: 0.7;
	}
#main_inner .stylingSet dt {
	margin: 0 0 15px 0;
}
#main_inner .stylingSet dd {
}
#main_inner .stylingSet dd p {
	font-size: 15px;
}
#main_inner .stylingSet dd p.info-heading {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 15px 0;
}
#main_inner #youn-a .lead-section {
	padding: 40px 0 30px;
}
#main_inner #youn-a .statement {
	font-size: 17px;
	margin: 0 60px 30px 60px;
}
	.abgne_tab {
		clear: left;
		width: 960px;
		margin: 10px 0;
		text-align: center;

	}
	.tabs {
 
}
	ul.tabs {
		width: 100%;
		height: 70px;
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
			  display: inline-block;
  margin: 0 5px;
  border-top: solid 1px;
  /* border-right: solid 1px; */
  /* border-left: solid 1px; */
  border-color: #ffffff;
  border-bottom: solid 1px;
  	text-align: center;
  
	}
	ul.tabs li {
	  display: inline-block;
  margin: 0 5px;

  border-color: #ffffff;
  border-bottom: solid 1px;
  padding: 0 40px;
  height: 70px;
			text-align: center;
	}
	ul.tabs li a {
	  position: relative;
  font-size: 38px;
  font-style: italic;
  letter-spacing: 5px;
	font-family: "Uniqlo Pro", "UniqloProRegular","Microsoft JhengHei", 'News Cycle';
  z-index: 1;
  color: #ababab;
  margin: 10px 0 0 0;
  display: block;
		text-align: center;
	}
	ul.tabs li a:hover {
 text-decoration: none;
	}
	ul.tabs li.active  {
	  color: #1b1b1b;
		
	}
	ul.tabs li.active a:hover {
	  text-decoration: none;
	}
	ul.tabs li.active a:hover {
  opacity: 1;
}
	ul.tabs li.active a {
  color: #1b1b1b;
}
	ul.tabs li.active a::before {
  content: "";
  position: absolute;
  display: block;
  background: #dadada;
  width: 100%;
  height: 6px;
  bottom: 6px;
  left: 0;
  z-index: -1;
}	
	div.tab_container {
		clear: left;
		width: 100%;
	 
		border-top: none;
		background: #fff;
	}
  .fr-heading.-h2 {
    font-size: 26px
  }
.fr-contentsCard .fr-heading.-h2 { padding-top: 0; }
 
.fr-heading.next-note { padding-bottom: 3px; }
.u-align-center {
  text-align: center
}
	.pagetop {
  position: fixed;
  width: 45px;
  height: 45px;
  right: 0;
  bottom: 15px;
  transition: opacity 0.4s;
        z-index: 999;
}
.pagetop a {
  display: inline-block;
  z-index: 1000;
  width: 100%;
  height: 45px;
  background: url("https://www.uniqlo.com/tw/collection/page-top.png") no-repeat;
  background-size: 45px auto;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}
#information {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
#information > dl {
	position: relative;
	float: left;
	width: 455px;
	height: 260px;
	margin: 0 0 50px 50px;
}
#information > dl:nth-child(odd) {
	margin-left: 0;
}
#information > dl > a > dd {
	position: absolute;
	top: 70px;
	left: 20px;
	color: #fff;
}
#information > dl > a > dt + dd {
	font-family: Uniqlo Pro Regular;
	font-size: 24px;
	line-height: 27px;
}
#twenty_four_jeans #information > dl > a > dd + dd {
	position: absolute;
	top: 130px;
	left: 20px;
}
/*info-area*/

.info-area{
  width: 740px;
  margin: 80px auto 0;
  display: flex;
  justify-content: space-between;
	text-align: center;
}
.info-area>section{
  flex: 50%;
  text-align: center;
}
.info-area .sectionTitle{
	font:  "UniqloProLight","DFHeiStd-W5",;
	  text-align: center;
  font-size: 22px;
  margin-bottom: 36px;
}
.info-area .links .link-content{
  display: inline-block;
  vertical-align: top;
    text-align: center; 
}
.info-area .links .icon-wrap{
    text-align: center; 
}
.info-area .sectionTitle.txt-jp{
  font-size: 20px;
	  text-align: center;

}
.info-area .updates .links .link-content{width: 120px;}
.info-area .sns .links .link-content{width: 80px;}

.info-area .links a{
    display: inline-block;


  text-decoration: none !impotant;
    color: #333333;
    text-align: center;
}
.info-area .links a span{
  display: block;
  margin-top: 14px;
  position: relative;
  line-height: 2;
	text-align: center;
}
.info-area .links a span.txt-jp{
  font-size: 12px;
		text-align: center;
}

/* ---------------------------------------------------------
footer
----------------------------------------------------------*/
.footer {
  min-width: 960px;
  margin: 0 auto 20px;
  text-align: center;
  padding: 0px 10px 0;
}
.footer > a{
  display: inline-block;
}
.footer > a > img {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
}
.footer > a > p {
  font-size: 16px;
  color: #333333;
  text-decoration: underline;
}
/* color of underline */
.footer > a > p >span {
  color: #333333;
}
.footer > p {
  font-size: 12px;
  margin-top: 30px;
  text-align: center;
}
/* start gendertabs */
#gendertabs{
  background-color: #fff;
}
#gendertabs .gendertab-link-no-color .tabs, .gendertabs-with-border{
  border-bottom: 0;
  background-color: transparent;
}
#gendertabs .gendertabs-with-border{
/*  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;*/
  margin: 0;
  padding: 0;
  line-height: 18px;
  overflow: hidden;

}
#gendertabs .gendertabs-with-border .tabs-item{
  width: 50%;
  line-height: 3.0;
  float: left;
/*  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;*/
  border-right: 0;
  text-align: center;
  /*height: 60px;*/
  padding: 15px 0;
}
#gendertabs .gendertabs-with-border .tabs-item .tabs-title{
  color: #ababab;
  font-size: 22px;
  font-weight: normal;
}
#gendertabs .gendertabs-with-border .tabs-item.active .tabs-title{
  color: #1b1b1b;
}
#gendertabs .gendertab-link-no-color .tabs .tabs-item, #gendertabs .gendertabs-with-border .tabs-item{
  box-sizing: border-box;
  background: #f4f4f4;
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-top: 1px solid #dadada;
  padding: 1px 0;
}
#gendertabs .gendertab-link-no-color .tabs .tabs-item:first-child, #gendertabs .gendertabs-with-border .tabs-item:first-child{
  border-left: 1px solid #dadada;
  width: 50%;
}
#gendertabs .gendertab-link-no-color .tabs .tabs-item.active, #gendertabs .gendertabs-with-border .tabs-item.active{
  background-color: #fff;
  border-bottom-color: #378694;
	 border-bottom: 2px solid transparent;
}
#gendertabs .gendertab-link-no-color .tabs .tabs-item .tabs-title, #gendertabs .gendertabs-with-border .tabs-item .tabs-title{
	font-family: "Uniqlo Pro", "UniqloProRegular","Microsoft JhengHei", 'News Cycle';  padding: 4px 0;
  width: auto;
  border-bottom: 2px solid transparent;
}
#gendertabs .gendertab-link-no-color .tabs .tabs-item.active .tabs-title, #gendertabs .gendertabs-with-border .tabs-item.active .tabs-title{
  border-bottom-color: #378694;
}
#gendertabs .gendertabs-with-border .hr{
	width: 1px;}
#main .grid {
  overflow: hidden;
  width: 100%;
}

#main .grid__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

#main .grid__col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#main .grid--gutter-0 > .grid__row {
  margin-left: 0;
  margin-right: 0;
}

#main .grid--gutter-0 > .grid__row > .grid__col {
  padding-left: 0;
  padding-right: 0;
}

#main .grid--gutter-4 > .grid__row {
  margin-left: -2px;
  margin-right: -2px;
}

#main .grid--gutter-4 > .grid__row > .grid__col {
  padding-left: 2px;
  padding-right: 2px;
}

#main .grid--gutter-10 > .grid__row {
  margin-left: -5px;
  margin-right: -5px;
}

#main .grid--gutter-10 > .grid__row > .grid__col {
  padding-left: 5px;
  padding-right: 5px;
}

#main .grid--gutter-15 > .grid__row {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

#main .grid--gutter-15 > .grid__row > .grid__col {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

#main .grid--gutter-20 > .grid__row {
  margin-left: -10px;
  margin-right: -10px;
}

#main .grid--gutter-20 > .grid__row > .grid__col {
  padding-left: 10px;
  padding-right: 10px;
}

#main .grid--gutter-40 > .grid__row {
  margin-left: -20px;
  margin-right: -20px;
}

#main .grid--gutter-40 > .grid__row > .grid__col {
  padding-left: 20px;
  padding-right: 20px;
}

#main .grid--gutter-60 > .grid__row {
  margin-left: -30px;
  margin-right: -30px;
}

#main .grid--gutter-60 > .grid__row > .grid__col {
  padding-left: 30px;
  padding-right: 30px;
}

#main .grid--cols-2 > .grid__row > .grid__col {
  width: 50%;
}

#main .grid--cols-3 > .grid__row > .grid__col {
  width: 33.33333333333%;
}

#main .grid--cols-4 > .grid__row > .grid__col {
  width: 25%;
}

#main .grid--bordered {
  border-top: 1px solid #dadada;
}

#main .grid--bordered > .grid__col {
  border-bottom: 1px solid #dadada;
}

#main .grid--bordered > .grid__col:not(:first-child) {
  border-left: 1px solid #dadada;
}