@media (min-width: 1200px) {
    .container{
        max-width: 1200px;
    }
}

html {
  -webkit-font-smoothing: antialiased;
}

html, body {
	padding-top: 20px;
	overflow-x: hidden;
}

hr { margin: 0px 0 20px 0; }

@font-face {
    font-family: 'UniqloPro Bold';
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/UniqloProBold.woff2") format("woff2"),
		url("../fonts/UniqloProBold.woff") format("woff");
}

.langOn {
	font-weight: bold;
	font-style: none;
	text-decoration: none;
	font-size: 14px;
}

.langOff {
	font-weight: normal;
	font-style: none;
	text-decoration: none;
	font-size: 14px;
}

.bulkorder-home {
  background-color: #f4f4f4;
}

@media (min-width: 780px) {
  .bulkorder-home {
    background-color: #fff;
  }
}

.fr-banner-pc {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);
  display: none;
}

.fr-banner-spa {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);
  width: 100%;
}

@media (min-width: 780px) {
  .fr-banner-spa {
    box-shadow: none;
	display: none
  }
  .fr-banner-pc {
  display: block;
  }
}

#@media (min-width: 780px) {
#  .bulkorder-home .fr-banner {
#    box-shadow: none;
#	background-color: #000000;
#
#  }
#}

.bulkorder-home .fr-content {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);
}

@media (min-width: 780px) {
  .bulkorder-home .fr-content {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.16);
  }
}

.fr-form-label{
	font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}

.fr-form-label-xsm{
	font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}

.fr-form-label-sm{
	font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;
	font-size: 13px;
	text-transform: uppercase;
}

.fr-form-label-lg{
	font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;
	font-size: 17px;
	text-transform: uppercase;
}

.fr-form-label-xlg{
	font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;
	font-size: 21px;
	text-transform: uppercase;
}

.fr-color-picker li {
  width: 13px;
  height: 13px;
  margin-right: 4px;
}

/* ------------------------
      Overide Bootstrap
--------------------------*/

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;
}


a {
  color: #242424;
  display: inline-block;
  #text-decoration: underline;
}

.btn {
	border-radius: 0;
	text-transform: uppercase;
	font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;

}

.btn-white {
	color: Black;
	background-color: White;
    border: 1px solid Black;
	text-transform: uppercase;
	font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial , "Arial Unicode MS", sans-serif;

}

.btn-red {
	color: White;
	background-color: Red;
    border: 1px solid Red;
	text-transform: uppercase;
	font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;

}

.description-sm {
	font-size: 12px;
	font-family: 'Helvetica Neue',HelveticaNeue, Helvetica,Roboto, Arial,'Arial Unicode MS',sans-serif;
}

.description-md {
	font-size: 14px;
	font-family: 'Helvetica Neue',HelveticaNeue, Helvetica,Roboto, Arial,'Arial Unicode MS',sans-serif;
}

.description-lg {
	font-size: 16px;
	font-family: 'Helvetica Neue',HelveticaNeue, Helvetica,Roboto, Arial,'Arial Unicode MS',sans-serif;
}

.fr-description-sm {
	font-size: 16px;
	font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;

}

.fr-description-md {
	font-size: 18px;
	font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;

}

.fr-description-lg {
	font-size: 20px;
	font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;

}

.fr-description-xlg {
	font-size: 23px;
	font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;

}

.btn:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none;
}

.form-control {
    border-radius: 0;
    box-shadow: none !important;
    -webkit-box-shadow: none;
    -webkit-tap-highlight-color: rgba(55, 134, 148, 0.25);
    background-color: #f7f7f7;
    border: 0;
    border-bottom: 1px solid #ababab;
    box-shadow: 0 1px 0 0 transparent;
    color: #1b1b1b;
    display: block;
    min-height: 2.25em;
    outline-color: rgba(55, 134, 148, 0.25);
    padding: 5px;
    width: 100%;
	font-family: 'Helvetica Neue',HelveticaNeue, Helvetica,Roboto, Arial,'Arial Unicode MS',sans-serif;
	font-size: 14px;
    -webkit-border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-control:focus {
    border-color: #f7f7f7;
    border: 1px solid #ababab;
}

.form-select::before {
  background: url("https://asset.uniqlo.com/g/icons/chevron_updown.svg");
}

.was-validated .form-control:valid {
    background-image: none !important;
    border-color: #ababab !important;
}

.was-validated .form-control:valid:focus {
    background-image: none !important;
    border-color: #ababab !important;
    box-shadow: 0 1px 0 0 transparent;
}

.was-validated .form-control:invalid {
    background-image: none !important;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #f7f7f7 inset !important;
}

textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #f7f7f7 inset !important;
}

select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #f7f7f7 inset !important;
}

.form-control::placeholder, .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder {
	font-family: 'Helvetica Neue',HelveticaNeue, Helvetica,Roboto, Arial,'Arial Unicode MS',sans-serif;
    color: #6c757d;
    opacity: 0.5;
}

/*
* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
*/

.overlay-dark-xxx {
  background-color: rgba(black, 0.4);
}

.overlay-grey {
  background-color: rgba(#596164, 0.4);
}

.overlay-yellow {
  background-color: rgba(#fee140, 0.4);
}

.overlay-orange {
  background-color: rgba(#c43a30, 0.4);
}

.overlay-blue-gradient {
  background-image: linear-gradient(135deg, rgba(#96deda, 0.5) 0%, rgba(#537895, 0.7) 100%);
}

/* ------------------------
      Carousel
--------------------------*/

/*.carousel-control-next,.carousel-control-prev,.carousel-indicators {filter: invert(100%);}*/


.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: grey;
}
.carousel-indicators {
    bottom: -20px;
}

.carousel-control-prev,
.carousel-control-next{
	height: 50px;
	width: 50px;
	background-color: white;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.carousel-control-prev-icon {
	background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

/*
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
	background-color: white;
}

.carousel-control-prev-icon {
	background-color: white;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");

}
*/

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

@media (min-width: 768px) {

	.carousel-inner .carousel-item-right.active,
	.carousel-inner .carousel-item-next {
	  transform: translateX(25%);
	}

	.carousel-inner .carousel-item-left.active,
	.carousel-inner .carousel-item-prev {
	  transform: translateX(-25%);
	}

	.carousel-inner .carousel-item-right,
	.carousel-inner .carousel-item-left{
	  transform: translateX(0);
	}
}

@media (max-width: 768px) {

	.carousel-inner .carousel-item-right.active,
	.carousel-inner .carousel-item-next {
	  transform: translateX(50%);
	}

	.carousel-inner .carousel-item-left.active,
	.carousel-inner .carousel-item-prev {
	  transform: translateX(-50%);
	}

	.carousel-inner .carousel-item-right,
	.carousel-inner .carousel-item-left{
	  transform: translateX(0);
	}
}


/* ------------------------
      Service Features
--------------------------*/

.bulkorder-home .service-features__inner {
    display: flex;
    flex-wrap: wrap;
}

.bulkorder-home .service {
    display: flex;
    width: 100%;
    margin-bottom: 12px;
}

@media (min-width: 1200px) {
    .bulkorder-home .service {
        width: 33%;
        margin-right: 0.5%;
        margin-bottom: 32px;
    }
}

.bulkorder-home .service:nth-child(3n) {
    margin-right: 0;
}

.bulkorder-home .service__icon {
    width: 110px;
}

.bulkorder-home .service__text {
    width: calc(100% - 110px);
    padding: 0 16px;
}

/* ------------------------
        Accordion 1&2
--------------------------*/
.bulkorder-home .accordion {
  border-bottom: 1px solid #dadada;
  /*padding: 15px 20px;*/
  padding-top: 10px;
  padding-right: 10px;
}

.bulkorder-home .accordion:first-of-type {
  border-top: 1px solid #dadada;
}

.bulkorder-home .accordion__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.bulkorder-home .accordion__title.is-active .accordion__title__icon {
  transform: rotate(180deg);
}

.bulkorder-home .accordion__title .accordion__title__icon {
  transition: transform 0.5s;
}

.bulkorder-home .accordion__title  span {
  display: block;
}

.bulkorder-home .accordion__title__text {
    font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;
    src: url("../fonts/UniqloProBold.eot");
  font-weight: bold;
  text-transform: uppercase;
}

.bulkorder-home .accordion__text {
  max-height: 0;
  transition: max-height 0.6s;
  overflow: hidden;
}

.bulkorder-home .accordion__text p {
  padding-top: 20px;
}

.bulkorder-home .accordion_Term_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.bulkorder-home .accordion_Term_title.is-active .accordion__title__icon {
  transform: rotate(180deg);
}

.bulkorder-home .accordion_Term_title .accordion__title__icon {
  transition: transform 0.5s;
}

.bulkorder-home .accordion_Term_title  span {
  display: block;
}

.bulkorder-home .accordion__title__text {
    font-family: "UniqloPro Bold", "Helvetica Neue", HelveticaNeue, Helvetica, "Noto Sans", Roboto, Arial, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans CJK JP", Osaka, Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", "Hiragino Sans GB", "Arial Unicode MS", sans-serif;
    src: url("../fonts/UniqloProBold.eot");
  font-weight: bold;
  text-transform: uppercase;
}
.bulkorder-home .accordion_Term_text {
  max-height: 0;
  transition: max-height 0.6s;
  overflow: hidden;
}

.bulkorder-home .accordion_Term_text p {
  padding-top: 20px;
}

/* ------------------------
    New accordion 3
--------------------------*/

 
.bulkorder-home .accordion_Term_title3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

}
.bulkorder-home .accordion_Term_title3  span {
  display: block;
}

.bulkorder-home .accordion_Term_text3 {
  max-height: 0;
  transition: max-height 0.6s;
  overflow: hidden;
}

.bulkorder-home .accordion_Term_text3 p {
  padding-top: 20px;
}

.bulkorder-home .accordion_Term_title3.is-active .accordion__title__icon {
  transform: rotate(180deg);
}

.bulkorder-home .accordion_Term_title3 .accordion__title__icon {
  transition: transform 0.5s;
}

/* ------------------------
    New accordion 4
--------------------------*/

 
.bulkorder-home .accordion_Term_title4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

}

.bulkorder-home .accordion_Term_title4  span {
  display: block;
}

.bulkorder-home .accordion_Term_text4 {
  max-height: 0;
  transition: max-height 0.6s;
  overflow: hidden;
}

.bulkorder-home .accordion_Term_text4 p {
  padding-top: 20px;
}

.bulkorder-home .accordion_Term_title4.is-active .accordion__title__icon {
  transform: rotate(180deg);
}

.bulkorder-home .accordion_Term_title4 .accordion__title__icon {
  transition: transform 0.5s;
}

/* ------------------------
    Recommended Products
--------------------------*/
.recommended-products {
  display: none;
  flex-wrap: wrap;
}

@media (min-width: 780px) {
  .recommended-products {
    margin-right: -24px;
  }
}

.recommended-products.is-active {
  display: flex;
}
.category-tab {
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid #dadada;
  margin-bottom: 24px;
  padding: 0 15px;
}

@media (min-width: 780px) {
  .category-tab {
    margin-bottom: 36px;
    padding: 0;
  }
}

.category-tab li {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  color: #ababab;
  padding-bottom: 14px;
  margin-right: 18px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

@media (min-width: 780px) {
  .category-tab li {
    font-size: 20px;
    padding-bottom: 18px;
    margin-right: 36px;
  }
}

.category-tab li.is-active {
  color: #1b1b1b;
  border-bottom: 2px solid #1b1b1b;
}