@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");
}

#content .uni-font--bold {
  font-family: "UniqloProBold";
}

#content .uni-font--regular {
  font-family: "UniqloProRegular";
}

#content .uni-font--light {
  font-family: "UniqloProLight";
}

#content .mg-t--0 {
  margin-top: 0px !important;
}

#content .mg-r--0 {
  margin-right: 0px !important;
}

#content .mg-b--0 {
  margin-bottom: 0px !important;
}

#content .mg-l--0 {
  margin-left: 0px !important;
}

#content .mg-t--5 {
  margin-top: 5px !important;
}

#content .mg-r--5 {
  margin-right: 5px !important;
}

#content .mg-b--5 {
  margin-bottom: 5px !important;
}

#content .mg-l--5 {
  margin-left: 5px !important;
}

#content .mg-t--10 {
  margin-top: 10px !important;
}

#content .mg-r--10 {
  margin-right: 10px !important;
}

#content .mg-b--10 {
  margin-bottom: 10px !important;
}

#content .mg-l--10 {
  margin-left: 10px !important;
}

#content .mg-t--15 {
  margin-top: 15px !important;
}

#content .mg-r--15 {
  margin-right: 15px !important;
}

#content .mg-b--15 {
  margin-bottom: 15px !important;
}

#content .mg-l--15 {
  margin-left: 15px !important;
}

#content .mg-t--20 {
  margin-top: 20px !important;
}

#content .mg-r--20 {
  margin-right: 20px !important;
}

#content .mg-b--20 {
  margin-bottom: 20px !important;
}

#content .mg-l--20 {
  margin-left: 20px !important;
}

#content .mg-t--25 {
  margin-top: 25px !important;
}

#content .mg-r--25 {
  margin-right: 25px !important;
}

#content .mg-b--25 {
  margin-bottom: 25px !important;
}

#content .mg-l--25 {
  margin-left: 25px !important;
}

#content .mg-t--30 {
  margin-top: 30px !important;
}

#content .mg-r--30 {
  margin-right: 30px !important;
}

#content .mg-b--30 {
  margin-bottom: 30px !important;
}

#content .mg-l--30 {
  margin-left: 30px !important;
}

#content .mg-t--35 {
  margin-top: 35px !important;
}

#content .mg-r--35 {
  margin-right: 35px !important;
}

#content .mg-b--35 {
  margin-bottom: 35px !important;
}

#content .mg-l--35 {
  margin-left: 35px !important;
}

#content .mg-t--40 {
  margin-top: 40px !important;
}

#content .mg-r--40 {
  margin-right: 40px !important;
}

#content .mg-b--40 {
  margin-bottom: 40px !important;
}

#content .mg-l--40 {
  margin-left: 40px !important;
}

#content .mg-t--45 {
  margin-top: 45px !important;
}

#content .mg-r--45 {
  margin-right: 45px !important;
}

#content .mg-b--45 {
  margin-bottom: 45px !important;
}

#content .mg-l--45 {
  margin-left: 45px !important;
}

#content .mg-t--50 {
  margin-top: 50px !important;
}

#content .mg-r--50 {
  margin-right: 50px !important;
}

#content .mg-b--50 {
  margin-bottom: 50px !important;
}

#content .mg-l--50 {
  margin-left: 50px !important;
}

#content .mg-t--55 {
  margin-top: 55px !important;
}

#content .mg-r--55 {
  margin-right: 55px !important;
}

#content .mg-b--55 {
  margin-bottom: 55px !important;
}

#content .mg-l--55 {
  margin-left: 55px !important;
}

#content .mg-t--60 {
  margin-top: 60px !important;
}

#content .mg-r--60 {
  margin-right: 60px !important;
}

#content .mg-b--60 {
  margin-bottom: 60px !important;
}

#content .mg-l--60 {
  margin-left: 60px !important;
}

#content .mg-t--65 {
  margin-top: 65px !important;
}

#content .mg-r--65 {
  margin-right: 65px !important;
}

#content .mg-b--65 {
  margin-bottom: 65px !important;
}

#content .mg-l--65 {
  margin-left: 65px !important;
}

#content .mg-t--70 {
  margin-top: 70px !important;
}

#content .mg-r--70 {
  margin-right: 70px !important;
}

#content .mg-b--70 {
  margin-bottom: 70px !important;
}

#content .mg-l--70 {
  margin-left: 70px !important;
}

#content .mg-t--75 {
  margin-top: 75px !important;
}

#content .mg-r--75 {
  margin-right: 75px !important;
}

#content .mg-b--75 {
  margin-bottom: 75px !important;
}

#content .mg-l--75 {
  margin-left: 75px !important;
}

#content .mg-t--80 {
  margin-top: 80px !important;
}

#content .mg-r--80 {
  margin-right: 80px !important;
}

#content .mg-b--80 {
  margin-bottom: 80px !important;
}

#content .mg-l--80 {
  margin-left: 80px !important;
}

#content .mg-t--85 {
  margin-top: 85px !important;
}

#content .mg-r--85 {
  margin-right: 85px !important;
}

#content .mg-b--85 {
  margin-bottom: 85px !important;
}

#content .mg-l--85 {
  margin-left: 85px !important;
}

#content .mg-t--90 {
  margin-top: 90px !important;
}

#content .mg-r--90 {
  margin-right: 90px !important;
}

#content .mg-b--90 {
  margin-bottom: 90px !important;
}

#content .mg-l--90 {
  margin-left: 90px !important;
}

#content .pd-t--0 {
  padding-top: 0px !important;
}

#content .pd-r--0 {
  padding-right: 0px !important;
}

#content .pd-b--0 {
  padding-bottom: 0px !important;
}

#content .pd-l--0 {
  padding-left: 0px !important;
}

#content .pd-t--5 {
  padding-top: 5px !important;
}

#content .pd-r--5 {
  padding-right: 5px !important;
}

#content .pd-b--5 {
  padding-bottom: 5px !important;
}

#content .pd-l--5 {
  padding-left: 5px !important;
}

#content .pd-t--10 {
  padding-top: 10px !important;
}

#content .pd-r--10 {
  padding-right: 10px !important;
}

#content .pd-b--10 {
  padding-bottom: 10px !important;
}

#content .pd-l--10 {
  padding-left: 10px !important;
}

#content .pd-t--15 {
  padding-top: 15px !important;
}

#content .pd-r--15 {
  padding-right: 15px !important;
}

#content .pd-b--15 {
  padding-bottom: 15px !important;
}

#content .pd-l--15 {
  padding-left: 15px !important;
}

#content .pd-t--20 {
  padding-top: 20px !important;
}

#content .pd-r--20 {
  padding-right: 20px !important;
}

#content .pd-b--20 {
  padding-bottom: 20px !important;
}

#content .pd-l--20 {
  padding-left: 20px !important;
}

#content .pd-t--25 {
  padding-top: 25px !important;
}

#content .pd-r--25 {
  padding-right: 25px !important;
}

#content .pd-b--25 {
  padding-bottom: 25px !important;
}

#content .pd-l--25 {
  padding-left: 25px !important;
}

#content .pd-t--30 {
  padding-top: 30px !important;
}

#content .pd-r--30 {
  padding-right: 30px !important;
}

#content .pd-b--30 {
  padding-bottom: 30px !important;
}

#content .pd-l--30 {
  padding-left: 30px !important;
}

#content .pd-t--35 {
  padding-top: 35px !important;
}

#content .pd-r--35 {
  padding-right: 35px !important;
}

#content .pd-b--35 {
  padding-bottom: 35px !important;
}

#content .pd-l--35 {
  padding-left: 35px !important;
}

#content .pd-t--40 {
  padding-top: 40px !important;
}

#content .pd-r--40 {
  padding-right: 40px !important;
}

#content .pd-b--40 {
  padding-bottom: 40px !important;
}

#content .pd-l--40 {
  padding-left: 40px !important;
}

#content .pd-t--45 {
  padding-top: 45px !important;
}

#content .pd-r--45 {
  padding-right: 45px !important;
}

#content .pd-b--45 {
  padding-bottom: 45px !important;
}

#content .pd-l--45 {
  padding-left: 45px !important;
}

#content .pd-t--50 {
  padding-top: 50px !important;
}

#content .pd-r--50 {
  padding-right: 50px !important;
}

#content .pd-b--50 {
  padding-bottom: 50px !important;
}

#content .pd-l--50 {
  padding-left: 50px !important;
}

#content .pd-t--55 {
  padding-top: 55px !important;
}

#content .pd-r--55 {
  padding-right: 55px !important;
}

#content .pd-b--55 {
  padding-bottom: 55px !important;
}

#content .pd-l--55 {
  padding-left: 55px !important;
}

#content .pd-t--60 {
  padding-top: 60px !important;
}

#content .pd-r--60 {
  padding-right: 60px !important;
}

#content .pd-b--60 {
  padding-bottom: 60px !important;
}

#content .pd-l--60 {
  padding-left: 60px !important;
}

#content .pd-t--65 {
  padding-top: 65px !important;
}

#content .pd-r--65 {
  padding-right: 65px !important;
}

#content .pd-b--65 {
  padding-bottom: 65px !important;
}

#content .pd-l--65 {
  padding-left: 65px !important;
}

#content .pd-t--70 {
  padding-top: 70px !important;
}

#content .pd-r--70 {
  padding-right: 70px !important;
}

#content .pd-b--70 {
  padding-bottom: 70px !important;
}

#content .pd-l--70 {
  padding-left: 70px !important;
}

#content .pd-t--75 {
  padding-top: 75px !important;
}

#content .pd-r--75 {
  padding-right: 75px !important;
}

#content .pd-b--75 {
  padding-bottom: 75px !important;
}

#content .pd-l--75 {
  padding-left: 75px !important;
}

#content .pd-t--80 {
  padding-top: 80px !important;
}

#content .pd-r--80 {
  padding-right: 80px !important;
}

#content .pd-b--80 {
  padding-bottom: 80px !important;
}

#content .pd-l--80 {
  padding-left: 80px !important;
}

#content .pd-t--85 {
  padding-top: 85px !important;
}

#content .pd-r--85 {
  padding-right: 85px !important;
}

#content .pd-b--85 {
  padding-bottom: 85px !important;
}

#content .pd-l--85 {
  padding-left: 85px !important;
}

#content .pd-t--90 {
  padding-top: 90px !important;
}

#content .pd-r--90 {
  padding-right: 90px !important;
}

#content .pd-b--90 {
  padding-bottom: 90px !important;
}

#content .pd-l--90 {
  padding-left: 90px !important;
}

#content .grid {
  overflow: hidden;
  width: 100%;
}

#content .grid__row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#content .grid__col {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#content .grid--has-garter0 .grid__row {
  margin-left: 0;
  margin-right: 0;
}

#content .grid--has-garter0 .grid__col {
  padding-left: 0;
  padding-right: 0;
}

#content .grid--has-garter15 .grid__row {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

#content .grid--has-garter15 .grid__col {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

#content .grid--has-garter45 .grid__row {
  margin-left: -22.5px;
  margin-right: -22.5px;
}

#content .grid--has-garter45 .grid__col {
  padding-left: 22.5px;
  padding-right: 22.5px;
}

#content .grid--has-garter40 .grid__row {
  margin-left: -20px;
  margin-right: -20px;
}

#content .grid--has-garter40 .grid__col {
  padding-left: 20px;
  padding-right: 20px;
}

#content .grid--3cols.grid__col {
  width: 33.333333333333333%;
}

#content .grid--4cols.grid__col {
  width: 25%;
}

#content .grid--6cols.grid__col {
  width: 16.666666666666666%;
}

#content .grid--2cols.grid__col {
  width: 50%;
}

#content .grid--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#content {
  -webkit-text-size-adjust: 100%;
  max-height: 100%;
}

#content #uvcutspecial .font-11 {
  font-size: 11px;
}

#content #uvcutspecial .font-14 {
  font-size: 14px;
}

#content #uvcutspecial .font-15 {
  font-size: 15px;
}

#content #uvcutspecial .font-20 {
  font-size: 20px;
}

#content #uvcutspecial .font-24 {
  font-size: 24px;
}

#content #uvcutspecial .font-30 {
  font-size: 30px;
}

#content #uvcutspecial .text-left {
  text-align: left;
}

#content #uvcutspecial .text-right {
  text-align: right;
}

#content #uvcutspecial .text-center {
  text-align: center;
}

#content #uvcutspecial .text-bold {
  font-weight: bold;
}

#content #uvcutspecial .heading-02 {
  margin-top: 80px;
  font-size: 30px;
  text-align: center;
}

#content #uvcutspecial .heading-03 {
  margin-top: 60px;
  padding: 5px 0;
  font-size: 24px;
  text-align: center;
  background-color: #fff899;
}

#content #uvcutspecial .heading-04 {
  position: relative;
  margin-top: 60px;
  padding: 5px 0 0;
  font-size: 24px;
  font-weight: normal;
  text-align: left;
}

#content #uvcutspecial .heading-04 span {
  display: inline-block;
  background: #fff;
  padding: 8px 8px 0;
  margin-left: 82px;
  z-index: 1;
}

#content #uvcutspecial .heading-04::before {
  content: "";
  position: absolute;
  display: inline-block;
  border-bottom: dotted 1px #1b1b1b;
  width: 960px;
  height: 15px;
  bottom: 14px;
  left: 0;
  z-index: -1;
}

#content #uvcutspecial .dot_line {
  border: none;
  border-top: dotted 1px #1b1b1b;
}

#content #uvcutspecial .float-left {
  float: left;
}

#content #uvcutspecial .float-righr {
  float: right;
}

#content #uvcutspecial .note {
  text-indent: -1em;
  padding-left: 1em;
}

#content #uvcutspecial .note::before {
  content: "\203B";
  color: #1b1b1b;
}

/*カバー*/

#content #uvcutspecial .l3framework-movie.cover {
  margin-top: 0;
}

#content #uvcutspecial .l3framework-movie.cover .l3framework-img {
  padding-right: 0;
}

/*アンカー*/

#content #uvcutspecial .l3framework-anchor.l3framework-01 > ul li {
  height: auto;
  border: none;
  width: 250px;
}

#content #uvcutspecial .l3framework-anchor.l3framework-01 > ul li a {
  height: auto;
  font-size: 18px;
  font-weight: bold;
  width: 250px;
}

#content #uvcutspecial .anker_arrow::after {
  content: "";
  display: inline-block;
  border-bottom: solid 2px #1b1b1b;
  border-left: solid 2px #1b1b1b;
  width: 9px;
  height: 9px;
  margin-top: 5px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#content #uvcutspecial .l3framework-anchor.l3framework-01 {
  text-align: center;
}

#content #uvcutspecial .l3framework-anchor.l3framework-01 ul {
  display: inline-block;
}

/*リード文*/

#content #uvcutspecial .lead {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6;
  margin: 90px 0 50px;
}

/*ボタン*/

#content #uvcutspecial .btn a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  color: #1b1b1b;
  width: 100%;
  font-size: 18px;
  padding: 20px 5px;
  font-size: 18px;
  font-weight: bold;
  border: solid 1px #000;
}

#content #uvcutspecial .btn a::after {
  content: "";
  display: inline-block;
  border-bottom: solid 2px #1b1b1b;
  border-left: solid 2px #1b1b1b;
  width: 9px;
  height: 9px;
  margin-top: 5px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#content #uvcutspecial .btn.gender a {
  border: solid 2px #000;
  font-size: 15px;
}

#content #uvcutspecial .btn.gender.women a {
  border-color: #ff0000;
  color: #ff0000;
}

#content #uvcutspecial .btn.gender.women a::after {
  border-color: #ff0000;
}

#content #uvcutspecial .btn.gender.men a {
  border-color: #000082;
  color: #000082;
}

#content #uvcutspecial .btn.gender.men a::after {
  border-color: #000082;
}

#content #uvcutspecial .btn.gender.kids a {
  border-color: #50b4f0;
  color: #50b4f0;
}

#content #uvcutspecial .btn.gender.kids a::after {
  border-color: #50b4f0;
}

/*feature*/

#content #uvcutspecial .feature {
  width: 750px;
  padding-top: 60px;
  margin: auto;
}

#content #uvcutspecial .feature_title {
  text-align: center;
  font-size: 21px;
  font-weight: bold;
}

#content #uvcutspecial .feature_text {
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.7;
}

#content #uvcutspecial .l3framework-pop-b.l3framework-02 {
  margin: 55px 0 60px;
}

#content #uvcutspecial .l3framework-pop-b.l3framework-02 .l3framework-img {
  width: 596px;
  padding: 0;
}

#content #uvcutspecial .l3framework-pop-b.l3framework-02 .l3framework-info {
  width: 360px;
}

#content
  #uvcutspecial
  .l3framework-pop-b.l3framework-02
  .l3framework-info
  .l3framework-info-sub-heading {
  text-align: center;
}

#content #uvcutspecial .check::before {
  content: url(../images/pc/190306-19SS_UVcut_W_UVcut_check.jpg);
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

#content #uvcutspecial .uvguard {
  width: 820px;
  margin: 50px auto 80px;
}

#content #uvcutspecial .uvguard .text {
  font-size: 16px;
  line-height: 1.5;
}

#content #uvcutspecial dl.faq {
  width: 780px;
  margin: 40px auto;
}

#content #uvcutspecial dl.faq dt,
#content #uvcutspecial dl.faq dd {
  font-size: 20px;
}

#content #uvcutspecial dl.faq dt .question,
#content #uvcutspecial dl.faq dt .answer,
#content #uvcutspecial dl.faq dd .question,
#content #uvcutspecial dl.faq dd .answer {
  font-weight: bold;
  font-size: 30px;
}

#content #uvcutspecial dl.faq dd {
  line-height: 2;
}

/*lineup*/

#content #uvcutspecial .lineup .l3framework-info {
  vertical-align: top;
  padding: 25px 0;
}

#content #uvcutspecial .lineup .l3framework-info-text,
#content #uvcutspecial .lineup .l3framework-info {
  font-size: 12px;
  line-height: 1.4;
}

#content #uvcutspecial .lineup .l3framework-info-heading-area {
  margin-bottom: 30px;
}

#content #uvcutspecial .lineup .point-icon {
  display: inline-block;
  font-family: "UniqloProRegular";
  padding: 6px 10px;
  font-size: 14px;
  margin-right: 15px;
  background-color: #fff899;
}

#content #uvcutspecial .lineup .color {
  font-family: "UniqloProBold";
}

#content #uvcutspecial .lineup .color p {
  display: inline-block;
  vertical-align: middle;
  bottom: 5px;
}

#content #uvcutspecial .lineup .link-arrow::after {
	/*
  content: "";
  display: inline-block;
  border-bottom: solid 1px #1b1b1b;
  border-left: solid 1px #1b1b1b;
  width: 6px;
  height: 6px;
  margin-bottom: 2px;
  margin-left: 20px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  */
}

#content #uvcutspecial .lineup .link-arrow a {
  color: #1b1b1b;
}

#content #uvcutspecial .lineup .link-arrow a:hover {
  text-decoration: underline;
}

#content #uvcutspecial .lineup .hover:hover {
  opacity: 0.7;
  cursor: pointer;
}

#content #uvcutspecial .lineup .hover.dramlink.visible:hover {
  opacity: 1;
  cursor: auto;
}

#content
  #uvcutspecial
  .lineup
  .l3framework-bx-wrapper
  .l3framework-bx-viewport {
  padding-bottom: 0;
}

#content
  #uvcutspecial
  .lineup
  .l3framework-bx-wrapper
  .l3framework-bx-viewport
  .l3framework-pop-b {
  margin: 0;
}

#content #uvcutspecial .lineup .l3framework-bx-wrapper img {
  display: inline-block;
  width: auto;
}

#content
  #uvcutspecial
  .l3framework-section-slider-02
  .l3framework-bx-controls-direction
  .l3framework-bx-next {
  top: 180px;
  right: 3px;
}

#content
  #uvcutspecial
  .l3framework-section-slider-02
  .l3framework-bx-controls-direction
  .l3framework-bx-prev {
  top: 180px;
  left: 3px;
}

#content #uvcutspecial .l3framework-section-slider-02 a:hover img {
  opacity: 0.7;
}

#content #uvcutspecial .dramlink_inner {
  position: relative;
  display: none;
}

#content #uvcutspecial .dramlink.visible {
  position: relative;
  background: #000;
  display: inline-block;
}

#content #uvcutspecial .dramlink.visible img {
  opacity: 0.7;
}

#content #uvcutspecial .dramlink.visible .dramlink_inner {
  position: absolute;
  display: table;
  top: 0;
  left: 0;
  width: 100%;
  vertical-align: middle;
  height: 470px;
}

#content #uvcutspecial .dramlink.visible .dramlink_inner ul {
  display: table-cell;
  vertical-align: middle;
}

#content #uvcutspecial .dramlink.visible .dramlink_inner ul li {
  display: block;
  margin: auto;
  width: 60%;
  background: #fff;
  padding: 10px;
  border-bottom: solid 1px #999;
}

#content #uvcutspecial .dramlink.visible .dramlink_inner ul li a {
  color: #1b1b1b;
}



.item_swiper {
	position: relative;
}
.item_swiper .swiper-button-prev {
	width: 34px;
	height: 66px;
	outline: none;
	left: -34px;
	background-image: url(../images/pc/171025-l3framework-top_back.png)!important;
	background-size: auto;
	background-position: center left;
}
.item_swiper .swiper-button-next {
	width: 34px;
	height: 66px;
	outline: none;
	right: -34px;
	background-image: url(../images/pc/171025-l3framework-top_next.png)!important;
	background-size: auto;
	background-position: center right;
}















